{"version":3,"sources":["envira-gallery-themes/envira-gallery/lightbox-themes/captioned/scss/style.scss"],"names":[],"mappings":"CAOA,2BACI,kBACA,uBACA,gBACA,wBACA,qBACA,gBACA,2JACI,oDAGP,6CACC,aACA,kBACA,SACA,WACA,YACA,OACA,QACA,yBACA,0CACA,iCACA,4CACA,sBACA,cACA,gDACC,gBACA,kBACA,kBACA,sBACA,WACA,YACA,SACA,UACA,kBACA,gBACA,YACA,mBACA,mDACC,WACA,gBACA,UACA,WACA,kBACA,sBACA,qBACA,eACA,aACA,0CACA,mCACA,2BACA,eACA,2EACC,UACA,uFACC,sBAGF,uDACC,MACA,OACA,eACA,gBACA,2BACA,yBACA,sBACA,qBACA,iBAQD,8CACI,eACA,SACA,WACA,eACA,YAEA,kDACI,qBACA,gBACA,WACA,YACA,oBACA,kBAEA,yDACI,eACA,cACA,kBACA,MACA,QAGJ,oDACI,cACA,WACA,YACA,kBACA,UACA,gBAKR,6DACA,yFACA,yFACA,uFACA,2FAGI,6FACA,qGAKA,qFACA,sFACA,6FAKR,6DACI,iCACA,sBACA,gBACA,kBAEJ,4CACI,kBACA,UACA,YACA,WACA,YACA,eACA,eAKJ,iDACI,kBACA,QACA,WACA,cACA,mDACI,kBACA,WACA,YACA,wDACI,mBACA,WACA,YACA,cAOR,wEACQ,UACJ,6EACI,UACA,4BACA,mBAOR,yEACI,WACA,8EACI,4BACA,WACA,mBASZ,wDACI,kBACA,QACA,WACA,cACA,0DACI,kBACA,WACA,YACA,+DACI,mBACA,WACA,YACA,cAOR,+EACQ,UACJ,oFACI,UACA,4BACA,mBAOR,gFACI,WACA,qFACI,4BACA,WACA,mBAMZ,uDACI,UACA,kBAEJ,iDACI,kBACA,sBAIA,6EACI,UACA,mBACA,sBACA,kBACA,iBACA,eACA,UAKA,qGACI,MACA,OACA,gBAMJ,sGACI,MACA,QACA,iBAMJ,wGACI,SACA,OACA,gBAMJ,yGACI,SACA,QACA,iBAKZ,sEAIA,4CACI,aAEJ,6CACM,SACA,WACA,OACA,QACA,yBACA,aACA,gDACE,gBAEF,qEACI,YAGJ,kEACI,SACA,aACA,oBAGF,iEACA,mDACI,UACA,uDACI,sBAGR,2EACI,YAEJ,6DACA,0EAIR,2OAGE,QACA,YAKF,6CACI,UACA,kBAKA,kLACI,YACA,sBAGA,oNACI,WAEJ,sNACI,UACA,YAQR,sFACI,YACA,sBAER,0IACC,MACA,OAED,2IACC,MACA,QAED,6IACC,SACA,OAED,8IACC,SACA,QAGO,uGACI,WAEJ,wGACI,UACA,YAIZ,sDACI,0BACA,2BACA,4BACA,6BACA,sBAKJ,mDACI,kBACA,aACA,kBACA,WACA,kBACA,sEACI,kBAEJ,uDACI,mBACA,qBACA,cACA,WACA,iBACA,iBACA,gBACA,eACA,iBAEJ,0DACI,SACA,yBACA,6EACI,mBACA,kBACA,WAGR,2DACI,aAWJ,wDACI,WACA,0BACA,kBACA,WACA,2EACI,WACA,+BACA,aAIZ,wDACI,aACA,WACA,iBAEJ,sDACI,mBACA,WACA,iBAIR,yCACC,cAED,4CACC,UAED,yCACC,cAED,4CACC,UAED,kCAEQ,qEACA,2OAEuD","file":"style.css","sourcesContent":["//Grab our vars\n@import \"vars\";\n\n\n/* ==========================================================================\n     Subtle Theme Styles\n     ========================================================================== */\n.envirabox-theme-#{$theme_name}{\n    border-radius: 2px;\n    padding: 4px !important;\n    background: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n    box-shadow: none;\n    .envirabox-close, .envirabox-arrow--left span, .envirabox-arrow--right span {\n        background-image: url('images/envirabox_sprite.png');\n    }\n\t/* Thumbs */\n\t.envirabox-thumbs {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\twidth: auto;\n\t\tbottom: 10px;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground: transparent;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\t-webkit-overflow-scrolling: touch;\n\t\t-ms-overflow-style: -ms-autohiding-scrollbar;\n\t\tbox-sizing: border-box;\n\t\tz-index: 99995;\n\t\t& > ul {\n\t\t\tlist-style: none;\n\t\t\tposition: absolute;\n\t\t\tposition: relative;\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: auto;\n\t\t\tfont-size: 0;\n\t\t\twhite-space: nowrap;\n\t\t\t& > li {\n\t\t\t\tfloat: left;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 2px;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcursor: pointer;\n\t\t\t\toutline: none;\n\t\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\t\t-webkit-backface-visibility: hidden;\n\t\t\t\tbackface-visibility: hidden;\n\t\t\t\tmargin: 0px 8px;\n\t\t\t\t&.envirabox-thumbs-active {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\t&.focused img {\n\t\t\t\t\t\tborder: 1px solid #000099;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t& > img {\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmax-height: none;\n\t\t\t\t\t-webkit-touch-callout: none;\n\t\t\t\t\t-webkit-user-select: none;\n\t\t\t\t\t-moz-user-select: none;\n\t\t\t\t\t-ms-user-select: none;\n\t\t\t\t\tuser-select: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n    /**\n     * Actions\n     */\n    .envirabox-toolbar{\n        position:fixed;\n        top:10px;\n        right:10px;\n        z-index: 988061;\n        height: 16px;\n\n        & > div {\n            display: inline-block;\n            margin-left: 9px;\n            width: 16px;\n            height: 16px;\n            text-indent: -9999px;\n            position:relative;\n\n            &:before {\n                font-size: 16px;\n                text-indent: 0;\n                position: absolute;\n                top: 0;\n                right: 0;\n            }\n\n            & a {\n                display:block;\n                width: 16px;\n                height: 16px;\n                position: relative;\n                z-index: 1;\n                background: none;\n            }\n\n        }\n\n        & a { outline: none; }\n        & .envira-download-button:before { content: \"\\e90d\"; }\n        & .envira-printing-button:before { content: \"\\e90e\"; }\n        & .envira-thumbs-button:before { content: \"\\e90e\"; }\n        & .envira-fullscreen-button:before { content: \"\\e903\"; }\n        & .envirabox-slideshow-button {\n\n            &:before { content: \"\\e908\"; }\n            &.playing:before { content: \"\\e906\"; }\n\n        }\n        & .envira-zoom-button {\n\n            &:before { content: \"\\e90c\"; }\n            & a:before { content: ''; }\n            &.zoom-on:before { content: \"\\e90b\"; }\n\n        }\n\n    }\n    &.envira-supersize .envirabox-outer{\n        background-color: rgba(0, 0, 0, 0.85);\n        background-image: none;\n        overflow:hidden;\n        overflow-y: hidden;\n    }\n    .envirabox-close {\n        position: absolute;\n        top: -18px;\n        right: -18px;\n        width: 36px;\n        height: 36px;\n        cursor: pointer;\n        z-index: 999999;\n    }\n    /**\n     * Navigation\n     */\n    .envirabox-navigation{\n        position: absolute;\n        top: 50%;\n        width: 100%;\n        z-index: 99999;\n        a {\n            position: absolute;\n            width: 35px;\n            height: 35px;\n            span {\n                visibility: visible;\n                width: 35px;\n                height: 35px;\n                display: block;\n            }\n\n        }\n        /**\n         * Previous Navigation\n         */\n        .envirabox-arrow--left{\n                left: 10px;\n            span {\n                left: 10px;\n                background-position: 0 -36px;\n                visibility: visible;\n            }\n        }\n\n        /**\n         * Next Navigation\n         */\n        .envirabox-arrow--right{\n            right: 10px;\n            span {\n                background-position: 0 -72px;\n                right: 10px;\n                visibility: visible;\n\n            }\n        }\n\n    }\n    /**\n     * Navigation\n     */\n    .envirabox-navigation-inside{\n        position: absolute;\n        top: 50%;\n        width: 100%;\n        z-index: 99999;\n        a {\n            position: absolute;\n            width: 35px;\n            height: 35px;\n            span {\n                visibility: visible;\n                width: 35px;\n                height: 35px;\n                display: block;\n            }\n\n        }\n        /**\n         * Previous Navigation\n         */\n        .envirabox-arrow--left{\n                left: 10px;\n            span {\n                left: 10px;\n                background-position: 0 -36px;\n                visibility: visible;\n            }\n        }\n\n        /**\n         * Next Navigation\n         */\n        .envirabox-arrow--right{\n            right: 10px;\n            span {\n                background-position: 0 -72px;\n                right: 10px;\n                visibility: visible;\n\n            }\n        }\n\n    }\n    .envirabox-position-overlay {\n        opacity: 0;\n        visibility: hidden;\n    }\n    .envirabox-image-wrap{\n        border-radius: 3px;\n        border: 5px solid rgb( 255,255,255);\n        /**\n        * Dynamic Positioning\n        */\n        .envirabox-position-overlay{\n            opacity: 1;\n            visibility: visible;\n            box-sizing: border-box;\n            position: absolute;\n            overflow: visible;\n            z-index: 988041; /* Beat the prev/next controls */\n            padding: 0;\n\n            /**\n            * Top Left\n            */\n            &.envira-gallery-top-left {\n                top: 0;\n                left: 0;\n                text-align: left;\n            }\n\n            /**\n            * Top Right\n            */\n            &.envira-gallery-top-right {\n                top: 0;\n                right: 0;\n                text-align: right;\n            }\n\n            /**\n            * Bottom Left\n            */\n            &.envira-gallery-bottom-left {\n                bottom: 0;\n                left: 0;\n                text-align: left;\n            }\n\n            /**\n            * Bottom Right\n            */\n            &.envira-gallery-bottom-right {\n                bottom: 0;\n                right: 0;\n                text-align: right;\n            }\n\n        }\n    }\n    .envirabox-thumbs>ul>li:before{ border: none; }\n    .envirabox-stage {\n        /* pointer-events: none; */ /* goes along with the z-index: 9999 change below to envirabox-thumbs... see GH 2543 */\n    }\n    .envirabox-outer {\n        z-index: 8888;\n    }\n    .envirabox-thumbs {\n          top: auto;\n          width: auto;\n          left: 0;\n          right : 0;\n          background: transparent;\n          z-index: 8890; /* should appear 'behind' outside caption boxes, especially on supersize */\n          & > ul {\n            overflow: hidden;\n        }\n          &.envirabox-thumbs-bottom{\n              bottom: 10px;\n\n          }\n          &.envirabox-thumbs-top{\n              top: 10px;\n              z-index: 8886;\n              pointer-events: none;\n          }\n\n            ul li a { border: none; }\n            ul li {\n                opacity: 1;\n                img {\n                    border: 3px solid #fff;\n                }\n            }\n            ul li.envirabox-thumbs-active {\n                opacity: 0.75;\n            }\n            &.bottom { bottom: 0; }\n            & ul.mobile li { margin: 10px 5px; }\n\n        }\n\n    .envirabox-container--thumbs .envirabox-caption-wrap,\n    .envirabox-container--thumbs .envirabox-controls,\n    .envirabox-container--thumbs .envirabox-slider-wrap {\n      right: 0;\n      bottom: 90px;\n    }\n\n    /* IFRAME */\n\n    .envirabox-iframe {\n        z-index: 1;\n        position: relative;\n    }\n\n    .envirabox-slide.envirabox-slide--iframe,\n    .envirabox-slide.envirabox-slide--genericDiv {\n        .envirabox-content {\n            padding: 5px;\n            background-color: #fff;\n        }\n        .envirabox-content {\n            a.envirabox-next {\n                right: 20px;\n            }\n            a.envirabox-close {\n                top: -15px;\n                right: -15px;\n            }\n        }\n    }\n\n    /* VIDEO */\n\n    .envirabox-slide.envirabox-slide--video {\n        .envirabox-content {\n            padding: 5px;\n            background-color: #fff;\n\t\t\t.envirabox-position-overlay {\n\t\t\t\t&.envira-gallery-top-left {\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t\t&.envira-gallery-top-right {\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\t\t\t\t&.envira-gallery-bottom-left {\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t\t&.envira-gallery-bottom-right {\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n            }\n            a.envirabox-next {\n                right: 20px;\n            }\n            a.envirabox-close {\n                top: -15px;\n                right: -15px;\n            }\n        }\n    }\n    .envirabox-video-container {\n        border-top: 3px solid #fff;\n        border-left: 3px solid #fff;\n        border-right: 3px solid #fff;\n        border-bottom: 0px solid #fff;\n        background-color: #fff;\n    }\n\n    /* CAPTIONS AND TITLES */\n\n    .envirabox-caption-wrap {\n        position: absolute;\n        bottom: -50px;\n        text-align: center;\n        width: 100%;\n        visibility: hidden;\n        .envirabox-caption {\n            visibility: hidden;\n        }\n        div {\n            background: #f7f7f8;\n            display: inline-block;\n            margin: 0 auto;\n            color: #000;\n            padding: 5px 15px;\n            text-shadow: none;\n            border-radius: 0;\n            font-size: 14px;\n            line-height: 14px;\n        }\n        &.inside {\n            bottom:  0;\n            background: transparent;\n            .envirabox-caption {\n                padding:  10px 0 0 0;\n                text-align: center;\n                color:  black;\n            }\n        }\n        &.outside {\n            bottom:  -55px;\n\n            // border-radius: 5px;\n            // background: white;\n            .envirabox-caption {\n            //     padding:  15px;\n            //     background: transparent;\n            //     text-align: left;\n            //     color:  black;\n            }\n        }\n        &.over {\n            bottom:  0px;\n            background: rgba(0, 0, 0, .5);\n            text-align: center;\n            width:  100%;\n            .envirabox-caption {\n                color:  white;\n                background-color: transparent;\n                padding:  10px;\n            }\n        }\n    }\n    .envirabox-title-inside-wrap {\n        padding: 10px;\n        color: #000;\n        text-shadow: none;\n    }\n    .envirabox-title-over-wrap {\n        background: #f7f7f8;\n        color: #000;\n        text-shadow: none;\n    }\n\n}\n.envirabox-show-thumbs .envirabox-thumbs {\n\tdisplay: block;\n}\n.envirabox-slide--iframe .envirabox-content {\n\tpadding: 0;\n}\n.envirabox-show-thumbs .envirabox-thumbs {\n\tdisplay: block;\n}\n.envirabox-slide--iframe .envirabox-content {\n\tpadding: 0;\n}\n@media all and (max-width: 800px) {\n    .envirabox-theme-base_dark{\n        .envirabox-thumbs { display: none !important; }\n        .envirabox-container--thumbs .envirabox-controls,\n        .envirabox-container--thumbs .envirabox-slider-wrap,\n        .envirabox-container--thumbs .envirabox-caption-wrap { bottom: 0; }\n    }\n}"]}