{"version":3,"sources":["envira-gallery/assets/scss/global.scss","envira-gallery/assets/scss/settings.scss","envira-gallery/assets/scss/_mixins.scss","envira-gallery/assets/scss/_vars.scss"],"names":[],"mappings":"AACA,sBACE,kBACA,UACA,eAIF,yDAEE,kBACA,UACA,oBAIF,6BACE,kBACA,YACA,SACA,kBACA,kBACA,YACA,WACA,0BACA,uBACA,kBACA,sBACA,WACA,wHACA,kCACA,kBACA,eACA,gBAIF,4BACE,kBACA,YACA,SACA,QACA,iBACA,0BACA,qCACA,oCACA,YACA,YACA,cAIF,qEAEE,mBACA,UAEF,eACC,wBAGD,iBACC,WACA,cACA,SACA,gBACA,kBACA,QC9CA,kBACC,cAGF,SAEC,WAGD,yBACC,eAEA,wDACC,iBAGD,wCACC,aAKD,uCACI,WAEH,6CACI,WACA,YACA,cACA,SACA,cACA,cACA,kBACA,OAIL,yCACI,mBAMJ,qCACI,aAKA,mDACC,cAGD,wCACC,YACI,mBC1DN,+CDwDC,wCAID,YAIC,kQAKC,YACA,gBAIH,eC1EC,+CDgEC,kQAQD,YAKC,wKAGF,YChFC,+CD6EC,wKAKD,aAOF,wDACC,WACA,UAMD,qEACC,oBAOF,wDACI,wBAEJ,8CACI,yBACA,cE5FW,IF6FX,aACA,iDACI,eACA,SACA,UAGR,qDACI,yBACA,iBE/HG,KFgIH,cEvGW,IFwGX,aACA,wDACI,eACA,gBACA,SACA,UAUP,wDACC,iBACA,oBCxIC,+CD0IF,4BAEE,iBACA,oBACA,8BCjJA,+CD6IF,4BAOE,iBACA,oBACA,8BCnJA,+CDsJF,uDAEE,kBC3JA,+CDyJF,uDAKE,kBC3JA,+CD8JF,4BAEE,cACA,mBCpKA,+CDiKF,4BAME,cACA,mBAID,2DACC,eAED,0DACC,eACA,iCAED,yFACC,gBAED,wFACC,aACA,UACA,eAED,wFACC,aACA,eAEA,gGACC,cAED,8FACC,UAGF,qFACC,aACA,gBAEA,uFACC,eACA,cACA,gBACA,eACA,kBAGF,+FACC,WACA,yBACA,sBACA,mBACA,cACA,YACA,kBAEA,4HACC,QACA,YACA,yBACA,mBACA,0BAGF,uFACC,WAGF,4BACC,6BAED,+EAEC,gBACA,2FACC,eAED,qFACC,eACA,iBACA,gBAMD,4HAEC,cAED,+DACC,eACA,WAMA,sKAEC,iBAMJ,0BACC,ME/QK,KFgRL,eACA,eAGF,iBACC,2BACA,iBE5RO,KF6RP,OEvQe,KFwQf,kBACA,mBACA,cACA,WC1RG,+CDmRJ,iBASE,YACA,+BACA,iBACA,eACA,eAED,mBACC,WACA,8BACA,+BACA,aACA,MEvSU,QFwSV,gBACA,YE1Rc,KF2Rd,UEnTc,KFoTd,eACA,SC5SE,+CDkSH,mBC5QW,sBDwRT,ICxRS,mBDwRT,ICxRS,iBDwRT,ICxRS,cDwRT,IACA,iBErTW,QFsTX,iBACA,qBACA,sBACA,iBACA,iBAED,iCACC,WACA,iBE5TK,QF6TL,gBACA,kBASF,gCACC,iBExTS,QFyTT,cACA,eACA,aACA,ME7UM,KDKJ,+CDmUH,gCAOE,iBE1US,QF2UT,MElVK,MDOJ,+CD8UH,yBAEE,iBEhVS,QFiVT,MExVK,MFgWR,0CAEE,yDACC,mBAKH,eACC,eACA,qBAED,eACC,qBACA,gBACA,mBACA,WACA,YACA,kBACA,sBACA,2BAEA,2CAEC,WAGD,sBACC,cACA,0DACA,kBACA,qCACA,WACA,YACA,kBACA,QACA,SACA,qBAGD,2CACC,0DACA,oCAIF,iFACC,mBACA,wFACC,UAGF,0DACC,kBACA","file":"settings.css","sourcesContent":["/* Add this attribute to the element that needs a tooltip */\n[data-envira-tooltip] {\n  position: relative;\n  z-index: 2;\n  cursor: pointer;\n}\n\n/* Hide the tooltip content by default */\n[data-envira-tooltip]:before,\n[data-envira-tooltip]:after {\n  visibility: hidden;\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* Position tooltip above the element */\n[data-envira-tooltip]:before {\n  position: absolute;\n  bottom: 120%;\n  left: 50%;\n  margin-bottom: 5px;\n  margin-left: -35px;\n  padding: 7px;\n  width: 60px;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px;\n  background-color: #000;\n  color: #fff;\n  font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n  content: attr(data-envira-tooltip);\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.2;\n}\n\n/* Triangle hack to make tooltip look like a speech bubble */\n[data-envira-tooltip]:after {\n  position: absolute;\n  bottom: 120%;\n  left: 50%;\n  width: 0;\n  margin-left: -5px;\n  border-top: 5px solid #000;\n  border-right: 5px solid transparent;\n  border-left: 5px solid transparent;\n  content: \" \";\n  font-size: 0;\n  line-height: 0;\n}\n\n/* Show tooltip content on hover */\n[data-envira-tooltip]:hover:before,\n[data-envira-tooltip]:hover:after {\n  visibility: visible;\n  opacity: 1;\n}\n.envira-hidden{\n\tdisplay: none !important;\n}\n\n.envira-clearfix{\n\tclear: both;\n\tdisplay: block;\n\theight: 0;\n\toverflow: hidden;\n\tvisibility: hidden;\n\twidth: 0;\n}","/* ==========================================================================\n   settings.css loads on all the Envira Settings Administration Screen\n\n   Any styles that will be used by the Settings section (or are useful to be\n   included for future use) should be added to this file:\n   - Settings\n   - Settings Tabs\n   - Addons\n   ========================================================================== */\n\n/* ==========================================================================\n   Imports\n   ========================================================================== */\n@import \"vars\";\n@import \"mixins\";\n@import 'global';\n\n/* ==========================================================================\n   Settings Styles\n   ========================================================================== */\n.envira-tab {\n\tlabel {\n\t\tdisplay: block;\n\t}\n}\n.nav-tab {\n\t// ensure tabs are floated\n\tfloat: left;\n}\n\n#envira-gallery-settings {\n\tpadding: 20px 0;\n\n\t#envira-gallery-refresh-submit {\n\t\tmargin-left: 10px;\n\t}\n\n\t.envira-hideme {\n\t\tdisplay: none;\n\t}\n\t/**\n\t* Clearing\n\t*/\n\t.envira-clear {\n\t    clear: both;\n\n\t\t&:after {\n\t\t    clear: both;\n\t\t    content: '.';\n\t\t    display: block;\n\t\t    height: 0;\n\t\t    line-height: 0;\n\t\t    overflow: auto;\n\t\t    visibility: hidden;\n\t\t    zoom: 1;\n\t\t}\n\t}\n\n\t.envira-gallery {\n\t    margin: 15px 0 20px;\n\t}\n\n\t/**\n\t* Tab Panels\n\t*/\n\t.envira-tab {\n\t    display: none;\n\n\t    /**\n\t    * Active Tab Panel\n\t    */\n\t    &.envira-active {\n\t     display: block;\n\t    }\n\n\t    th {\n\t     width: 170px;\n          padding-right: 40px;\n\t\t\t@include mq(xs) {\n\t\t\t\twidth: auto;\n\t\t\t}\n\t    }\n\n\t    input[type=\"text\"],\n\t\tinput[type=\"number\"],\n\t\tinput[type=\"password\"],\n\t\tselect,\n\t\ttextarea {\n\t\t    width: 350px;\n\t\t    padding-right: 0;\n\t\t\t@include mq(xs) {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\tfont-size: 13px;\n\t\t}\n\n\t    input[type=\"text\"],\n\t\tinput[type=\"number\"],\n\t\tinput[type=\"password\"] {\n\t\t\theight: 32px;\n\t\t\t@include mq(xs) {\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t* Copy to Clipboard Button\n\t\t*/\n\t\ta.envira-clipboard {\n\t\t\twidth: 33px;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t/**\n\t\t* Submit Button\n\t\t*/\n\t\t#envira-gallery-settings-submit {\n\t\t\tmargin: 40px 0 0 0px;\n\t\t}\n\t}\n\n\t/**\n\t* Refresh\n\t*/\n\t#envira-gallery-refresh-submit {\n     vertical-align: baseline;\n\t}\n\t.envira-external-req{\n\t    border: 1px solid $primary-color;\n\t    border-radius: $border-radius;\n\t    padding: 30px;\n\t    h2{\n\t        font-size: 20px;\n\t        margin: 0;\n\t        padding: 0;\n\t    }\n\t}\n\t.envira-external-req-active{\n\t    border: 1px solid $green;\n\t    background-color:  $white;\n\t    border-radius: $border-radius;\n\t    padding: 30px;\n\t    h2{\n\t        font-size: 20px;\n\t        font-weight: 600;\n\t        margin: 0;\n\t        padding: 0;\n\t    }\n\t}\n}\n\n/* ==========================================================================\n   Settings Tab Styles\n   ========================================================================== */\n#envira-tabs {\n\t.form-table {\n\t\tth, td {\n\t\t\tpadding-top: 25px;\n\t\t\tpadding-bottom: 25px;\n\t\t}\n\t\tth {\n\t\t\t@include mq(sm) {\n\t\t\t\tpadding-top: 40px;\n\t\t\t\tpadding-bottom: 10px;\n\t\t\t\tpadding-right: 0px !important;\n\t\t\t}\n\t\t\t@include mq(xs) {\n\t\t\t\tpadding-top: 40px;\n\t\t\t\tpadding-bottom: 10px;\n\t\t\t\tpadding-right: 0px !important;\n\t\t\t}\n\t\t}\n\t\ttr#envira-settings-key-box th { /* bit of a hack */\n\t\t\t@include mq(sm) {\n\t\t\t\tpadding-top: 20px;\n\t\t\t}\n\t\t\t@include mq(xs) {\n\t\t\t\tpadding-top: 20px;\n\t\t\t}\n\t\t}\n\t\ttd {\n\t\t\t@include mq(sm) {\n\t\t\t\tpadding-top: 0;\n\t\t\t\tpadding-right: 0px;\n\t\t\t}\n\t\t\t@include mq(xs) {\n\t\t\t\tpadding-top: 0;\n\t\t\t\tpadding-right: 0px;\n\t\t\t}\n\t\t}\n\t\t#convert-to-envira-tab-content {\n\t\t\th3 {\n\t\t\t\tfont-size: 17px;\n\t\t\t}\n\t\t\tp {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tcolor: #3C434AB2;\n\t\t\t}\n\t\t\ta.convert-envira-gallery-tab-btn {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t\t.envira-posttype-dropdown-error {\n\t\t\t\tdisplay: none;\n\t\t\t\tcolor: red;\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\t.envira-convert-gallery-message {\n\t\t\t\tdisplay: none;\n\t\t\t\tfont-size: 13px;\n\n\t\t\t\t&.success {\n\t\t\t\t\tcolor: #2E2E2E;\n\t\t\t\t}\n\t\t\t\t&.error {\n\t\t\t\t\tcolor: red;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.envira-convert-process-logs {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin-top: 15px;\n\n\t\t\t\tp {\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tcolor: #414a4c;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.envira-convert-progress-bar-container {\n\t\t\t\twidth: 100%;\n\t\t\t\tbackground-color: #f3f3f3;\n\t\t\t\tborder: 1px solid #ddd;\n\t\t\t\tborder-radius: 25px;\n\t\t\t\tmargin: 10px 0;\n\t\t\t\theight: 10px;\n\t\t\t\tposition: relative;\n\n\t\t\t\t.envira-convert-progress-bar {\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tbackground-color: #4caf50;\n\t\t\t\t\tborder-radius: 25px;\n\t\t\t\t\ttransition: width 0.5s ease;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.envira-convert-important-note {\n\t\t\t\tcolor: #000;\n\t\t\t}\n\t\t}\n\t\ttr {\n\t\t\tborder-bottom: 1px solid #ddd;\n\t\t}\n\t\ttr.no-bottom-border,\n\t\ttr.title {\n\t\t\tborder-bottom: 0;\n\t\t\tlabel {\n\t\t\t\tfont-size: 21px;\n\t\t\t}\n\t\t\th6 {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tline-height: 16px;\n\t\t\t\tmargin: 5px auto;\n\t\t\t}\n\t\t}\n\t}\n\t.envira-tab {\n\t\ttable.form-table {\n\t\t\ttr:first-of-type th,\n\t\t\ttr:first-of-type td {\n\t\t\t\tpadding-top: 0;\n\t\t\t}\n\t\t\tinput[type=checkbox] {\n\t\t\t\tmargin-top: 0px; /* was 10px 4/12/19 */\n\t\t\t\tfloat: left;\n\t\t\t}\n\n\t\t}\n\t\t#envira-media-delete {\n\t\t\ttable.form-table {\n\t\t\t\ttr:first-of-type th,\n\t\t\t\ttr:first-of-type td {\n\t\t\t\t\tpadding-top: 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.description {\n\t\tcolor: $grey;\n\t\tfont-size: 13px;\n\t\tmargin-top: 0px;\n\t}\n}\n#envira-tabs-nav {\n\tborder-bottom: 0 !important;\n\tbackground-color: $white;\n\theight: $navbar-height;\n\tpadding-left: 20px;\n\tmargin: 0 0 0 -20px;\n\tdisplay: table;\n\twidth: 100%;\n\t@include mq(xs) {\n\t\theight: auto;\n\t\tbackground-color: transparent;\n\t\tmargin: 5px 0 0 0;\n\t\tpadding: 0 10px;\n\t\tdisplay: table;\n\t}\n\ta {\n\t\tfloat: left; /* Required for WordPress 4.3 and under */\n\t\tborder-left: 1px solid $color_bg;\n\t\tborder-right: 1px solid $color_bg;\n\t\tborder-top: 0;\n\t\tcolor: $grey_dark;\n\t\tbackground: none;\n\t\tline-height: $navbar-height;\n\t\tfont-size: $font_size_tab;\n\t\tpadding: 0 15px;\n\t\tmargin: 0;\n\t\t@include mq(xs) {\n\t\t\t@include borderRadius(5px);\n\t\t\tbackground-color: $beige_light;\n\t\t\tpadding: 0px 20px;\n\t\t\tmargin: 5px 5px 0px 0;\n\t\t\tborder: 1px solid #ddd;\n\t\t\tline-height: 35px;\n\t\t\tmin-height: 30px;\n\t\t}\n\t\t.beta-feature {\n\t\t\tcolor: white;\n\t\t\tbackground-color: $green;\n\t\t\tpadding: 2px 5px;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n\ta:first-child {\n/*        margin-left: 20px;\n\t\t@include mq(xs) {\n\t\t\tmargin-left: 0;\n\t\t}*/\n\t}\n\t.envira-active {\n\t\tbackground-color: $color_bg;\n\t\tborder-left: 0;\n\t\tborder-right: 0;\n\t\tborder-top: 0;\n\t\tcolor: $black;\n\t\t@include mq(xs) {\n\t\t\tbackground-color: $grey_dark;\n\t\t\tcolor: $white;\n\t\t}\n\t}\n\ta:hover {\n\t\t@include mq(xs) {\n\t\t\tbackground-color: $grey_dark;\n\t\t\tcolor: $white;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Responsive\n   ========================================================================== */\n@media only screen and (max-width: 770px) {\n\t#envira-gallery-settings {\n\t\t#envira-gallery-settings-submit {\n\t\t\tmargin: 40px 0 0 0;\n\t\t}\n\t}\n}\n\n.envira-toggle {\n\tcursor: pointer;\n\tdisplay: inline-block;\n}\n.envira-switch {\n\tdisplay: inline-block;\n\tbackground: #ccc;\n\tborder-radius: 18px;\n\twidth: 32px;\n\theight: 18px;\n\tposition: relative;\n\tvertical-align: middle;\n\ttransition: background 0.25s;\n\n\t&:before,\n\t&:after {\n\t\tcontent: \"\";\n\t}\n\n\t&:before {\n\t\tdisplay: block;\n\t\tbackground: linear-gradient(to bottom, #fff 0%, #eee 100%);\n\t\tborder-radius: 50%;\n\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tposition: absolute;\n\t\ttop: 1px;\n\t\tleft: 1px;\n\t\ttransition: left 0.25s;\n\t}\n\n\t.envira-toggle:hover &:before {\n\t\tbackground: linear-gradient(to bottom, #fff 0%, #fff 100%);\n\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t}\n}\n\n#envira-settings-permissions-default input[type='checkbox']:checked + .envira-switch {\n\tbackground: #3871ac;\n\t&:before {\n\t\tleft: 15px;\n\t}\n}\n#envira-settings-permissions-default input[type='checkbox'] {\n\tposition: absolute;\n\tvisibility: hidden;\n}\n","/* ==========================================================================\n   Mixins\n   ========================================================================== */\n/**\n* Media Query\n*/\n\n@mixin mq($breakpoint) {\n\n  $mq-xxs: \"(max-width: 599px)\";\n  $mq-xs: \"(min-width: 600px) and (max-width: 767px)\";\n  $mq-sm: \"(min-width: 768px) and (max-width: 991px)\";\n  $mq-md: \"(min-width: 992px) and (max-width: 1199px)\";\n  $mq-lg: \"(min-width: 1200px)\";\n\n  @if $breakpoint == xxs {\n    @media #{$mq-xxs} { @content; }\n  }\n  @if $breakpoint == xs {\n    @media #{$mq-xs} { @content; }\n  }\n  @else if $breakpoint == sm {\n    @media #{$mq-sm} { @content; }\n  }\n  @else if $breakpoint == md {\n    @media #{$mq-md}  { @content; }\n  }\n  @else if $breakpoint == lg {\n    @media #{$mq-lg}  { @content; }\n  }\n}\n\n/**\n* Border-Radius\n*/\n\n$prefixes: -webkit-, -moz-, -o-, \"\";\n\n@mixin borderRadius($size...) {\n    @if length($size) == 1 {\n        @each $prefix in $prefixes {\n            #{$prefix}border-radius: $size;\n        }\n    } @else {\n        @include customBorderRadius($size...);\n    }\n}\n\n@mixin customBorderRadius($topLeft: 0, $topRight: 0, $bottomRight: 0, $bottomLeft: 0) {\n    @each $prefix in $prefixes {\n        @if $prefix == \"-moz-\" {\n            @if $topLeft != 0 { -moz-border-radius-topleft: $topLeft; }\n            @if $topRight != 0 { -moz-border-radius-topright: $topRight; }\n            @if $bottomRight != 0 { -moz-border-radius-bottomright: $bottomRight; }\n            @if $bottomLeft != 0 { -moz-border-radius-bottomleft: $bottomLeft; }\n        } @else {\n            @if $topLeft != 0 { #{$prefix}border-top-left-radius: $topLeft; }\n            @if $topRight != 0 { #{$prefix}border-top-right-radius: $topRight; }\n            @if $bottomRight != 0 { #{$prefix}border-bottom-right-radius: $bottomRight; }\n            @if $bottomLeft != 0 { #{$prefix}border-bottom-left-radius: $bottomLeft; }\n        }\n    }\n}","/* ==========================================================================\n   Variables SCSS\n   ========================================================================== */\n\n$font__main: sans-serif;\n$font__code: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n$font__pre: \"Courier 10 Pitch\", Courier, monospace;\n$font__line-height-body: 1.5;\n$font__line-height-pre: 1.6;\n\n$font_size_tab: 13px;\n\n$white: #ffffff;\n$beige_light: #f7f7f7;\n$black: #000000;\n$green: #7cc048;\n$green_alt: #95dc5e;\n$light-grey: rgb( 221,221,221);\n$grey: #666666;\n$grey_dark: #6b6e72;\n$grey_dark_2: #dddddd;\n$red: #e02626;\n$red_alt: #f85959;\n\n$primary_color: $green;\n$primary_button_color: $primary_color;\n$primary_button_color_hover: $green_alt;\n\n$danger_button_color: $red;\n$danger_button_color_hover: $red_alt;\n\n$color_bg: #f1f1f1;\n\n$header-height: 120px;\n$navbar-height: 50px;\n$input-height: 35px;\n\n$border-radius: 3px;"]}