{"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,mBAGF,4BACC,6BAED,+EAEC,gBACA,2FACC,eAED,qFACC,eACA,iBACA,gBAMD,4HAEC,cAED,+DACC,eACA,WAMA,sKAEC,iBAMJ,0BACC,MEnNK,KFoNL,eACA,eAGF,iBACC,2BACA,iBEhOO,KFiOP,OE3Me,KF4Mf,kBACA,mBACA,cACA,WC9NG,+CDuNJ,iBASE,YACA,+BACA,iBACA,eACA,eAED,mBACC,WACA,8BACA,+BACA,aACA,ME3OU,QF4OV,gBACA,YE9Nc,KF+Nd,UEvPc,KFwPd,eACA,SChPE,+CDsOH,mBChNW,sBD4NT,IC5NS,mBD4NT,IC5NS,iBD4NT,IC5NS,cD4NT,IACA,iBEzPW,QF0PX,iBACA,qBACA,sBACA,iBACA,iBAED,iCACC,WACA,iBEhQK,QFiQL,gBACA,kBASF,gCACC,iBE5PS,QF6PT,cACA,eACA,aACA,MEjRM,KDKJ,+CDuQH,gCAOE,iBE9QS,QF+QT,MEtRK,MDOJ,+CDkRH,yBAEE,iBEpRS,QFqRT,ME5RK,MFoSR,0CAEE,yDACC","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\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   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;"]}