{"version":3,"sources":["envira-gallery/assets/scss/admin.scss","envira-gallery/assets/scss/_vars.scss","envira-gallery/assets/scss/_mixins.scss"],"names":[],"mappings":"AAgCI,8NACC,cAOJ,0RAEC,aAID,gNAEC,aAID,wEACC,eAID,0EACC,iBACA,mBACA,aAKD,0EACC,iBCtDM,KDuDH,YACA,kBEjDD,+CF8CH,0EAKE,YACA,qBAGE,gFACF,eACA,gBACA,iBACA,kBACA,kBAOF,oEACC,SAKA,4GACC,kBACA,UACA,WACA,wHACC,WCjFQ,QDkFR,aClFQ,QDmFR,MCvFI,KDmGN,oJAEC,iBACA,WCtGK,KDuGL,gBACA,eACA,WACA,iBACA,mBAKA,oOACC,SACA,UACA,4PACC,WChHO,QDiHP,aCjHO,QDkHP,MCtHG,KD+HL,4MACC,YASI,4FACI,aAKA,wHACI,cAOd,oGACC,kBACA,kBAKS,gHACI,WACA,cACA,WAGb,8GACC,cACA,eACA,yBAGD,0RAEC,cACA,eACA,yBACA,SACA,UACA,gBACA,mBAED,sSAEC,SAMD,0IACC,kBACA,QACA,UACA,cAEA,oJACC,cACA,oBASJ,kEEhLW,sBFiLV,IEjLU,mBFiLV,IEjLU,iBFiLV,IEjLU,cFiLV,IACA,mBACA,YACA,iBACA,qBACA,iBACA,gBACA,wBACA,gBAKA,4FACC,kBACA,iBACA,YAOD,gGACC,mBACA,iBACA,YACA,eACA,yBEnOC,+CFsMH,kEAiCE,iBAOD,8FACC,YAOD,gGACC,WC3PK,QD4PL,aC5PK,QD6PL,wBACA,gBACA,MClQK,KDoQL,4GACC,WCjQQ,QDkQR,aClQQ,QDmQR,MCvQI,KD8QN,8FACC,WCtQG,QDuQH,aCvQG,QDwQH,wBACA,gBACA,MCnRK,KDqRL,0GACC,WC5QM,QD6QN,aC7QM,QD8QN,MCxRI,KD4RN,gGACC,gBACA,SACA,wBACA,gBACA,MC/RK,KDgSL,eACA,mBACA,0BACA,yBACA,eACA,eACA,gBAEA,4GACC,gBACA,SAUF,gGACC,uBAiBD,sIACC,WAQH,oBACC,kBACA,aAED,yBACC,kBACA,iBCpVO,QDqVP,kBACA,WACA,YACA,sBACA,2BACC,SACA,UACA,iBACA,eAED,2BACC,WAED,yCACC,kBACA,SACA,WAGF,0BACC,UAED,eACC,yBACA,kDACA,yBACA,OC7Ve,MD8Vf,aACA,8BACA,mBEjXG,yBF0WJ,eASE,kBAGD,8BACC,SACA,iBAEA,kCAIC,YE3XC,+CFuXF,kCAUE,WAIF,iDACC,aACA,YACA,gBAEA,uDACC,aACA,YACA,gBAGD,wDACC,aACA,YACA,gBAIH,6BACC,mBAED,2CACC,kBACA,6DACC,WC3ZG,QD4ZH,kBACA,YACA,WACA,yBACA,cACA,wDACA,eACA,gBACA,YACA,UACA,iBACA,eACA,kBACA,kBACA,+BE/aC,yBFobJ,QAEE,eASA,yDACC,sBAIA,wHACC,oBACA,qBAUF,kEACC,sBAIA,0IACC,oBACA,qBAUF,4DACC,sBACA,UAIA,8HACC,oBACA,qBAgBH,0QAIC,SAKA,o+BAGC,iBACA,kBAUF,oEACC,eAGF,6BACC,sBACC,WC1hBM,KD2hBN,SACA,eACA,aACA,SACA,wDACA,kBACA,YACA,aACD,sBACA,wDACC,QACA,sDACA,mBAIF,8BACC,gCACA,SACA,aACA,OACA,WACA,eACA,QACA,SACA,eACA,aAEA,sCACC,UAGD,yDACC,cAID,qCArBD,8BAsBE,UAEA,yCACC,UAIF,qCA7BD,8BA8BE,WAEA,sCACC,WAKH,6BACC,gBACA,6BACA,4BAEA,yDACC,kBACA,WACA,SAEA,8DACC,aAIF,gCACC,cACA,qBACA,eACA,gBACA,iBACA,kBAIF,2BACC,0BACA,cAEA,8BACC,SAGD,8BACC,6BACA,aACA,SACA,aACA,eACA,wBACA,0CACC,gBAGD,iCACC,cAEA,eACA,gBACA,iBACA,SAIF,6BACC,wBACA,eACA,aACA,mBACA,0CACC,eAGF,0CACC,YACA,kBACA,qBACA,eACA,gEACC,yBACA,MCvpBK,KDypBN,kEACC,sBAGF,wDACC,aACA,8BACA,mBAIF,oBACC,eACA,iCAGA,4CACC,kBAIF,6BACC,0BACA,kBACA,iBAGD,0FAGC,aAIA,uIAGC,aAGD,0FAEC,qBAGD,gDACC,cAKD,6DACC,aAIF,0BACC,kBAQA,gGACC,SAKA,kWAGC,iBACA,kBAGD,0XAOC,cAMD,gHACC,YACA,iBASF,+BAKC,cAsBA,qIACC,UACA,wIACC,iBACA,oBACA,eACA,gBAED,sJAIC,qBAHA,wJACC,aAYL,qCAUG,0EAIC,mBAKA,sGACC,WACA,WACA,UAMF,4GACC,UACA,2BAMJ,qCAUG,0EACC,kBAKA,kHACC,cACA,kBACA,mBAWL,qCACC,mGACI,mBAWF,4GACC,UACA,2BAaH,sCACC,YAQF,uDACI,YAEJ,4BACC,YAGD,qKAEC,mBAGD,mQAEC,UACA,cACA,qSACC,gBAcA,0JACC,WAID,kJACC,gBASH,uCACC,aACA,UAUE,oDACC,cACA,kEACC,cAiBF,gFACC,cACA,8FACC,cAMF,yFACC,cAUJ,uBACE,aAOF,uEAEC,eACA,qBAKD,gBACI,WACA,YACA,UACA,gBACA,kBACA,WAGJ,kBACI,cACA,eAEA,gBACA,uBACA,mBACA,eACA,qBACA,gBACA,qBAIJ,yBACI,aAGJ,oDAEI,wBACA,0CAQJ,sBACI,UACA,WACA,sBACA,kBACA,mBAEA,mBAMJ,kBACI,cAGJ,4EAGI,cAOJ,aACC,eAUD,oFAEC,eACA,MACA,QACA,SACA,OASD,2CACC,UACA,aAOD,6DACC,aAMD,yCACC,mCACA,6BACA,WAQD,yCACC,YACA,UACA,kBACA,sBACA,6DACA,YACA,cACA,YACA,kBACA,6BACA,eACA,kBAED,2CACC,iBACA,gBAGD,4CACC,iBAGD,oEACC,yBACA,WACA,SACA,kBACA,eACA,gBACA,iBACA,aACA,kBAGD,4DACC,sBACA,WACA,SACA,kBACA,eACA,iBACA,gBACA,iBACA,aACA,kBAID,sBACC,kBACA,mJAEC,2BACA,sBAED,0CACC,kBACA,YACA,yCACA,iBC3rCM,KD4rCN,kBACA,kBACA,SACA,SACA,uBACA,aACA,gBACA,6CACC,eACA,kBACA,UAED,4CACC,eACA,iBACA,WACA,kBACA,UAED,6CACC,WACA,UACA,SACA,mBACA,gBAED,6CACC,WACA,eACA,iBACA,cACA,aACA,iDACC,mBAIJ,kDACC,0BACA,aAED,gDACC,WAED,iDACC,0BACA,kBACA,cAED,gDACC,kBACA,aACA,mBACA,kBACA,kDACC,eACA,WAED,oDACC,kBACA,kBACA,UACA,iBC1vCM,KD+vCR,oDACC,cACA,cACA,eACA,iCAED,4CACC,eACA,YACA,iBACA,yBACA,MC1wCO,KD2wCP,qBAED,4BACC,wBACA,sBACA,qBACA,oBACA,iBACA,oCACC,+BAGF,2HAGC,YACA,cAEA,oCACC,cAGF,kFACC,mBACA,qBACA,WACA,gBAKD,eACC,eACA,qBAED,eACC,qBACA,gBACA,mBACA,WACA,YACA,kBACA,sBACA,2BACA,2CAEC,WAED,sBACC,cACA,0DACA,kBACA,qCACA,WACA,YACA,kBACA,QACA,SACA,qBAED,2CACC,0DACA,oCAIF,4CACC,mBACA,mDACC","file":"admin.css","sourcesContent":["/* ==========================================================================\n   admin.css loads on all Envira Administration Screens:\n   - WP_List_Tables\n   - Add New\n   - Albums\n   - Settings\n   - NextGEN Import\n\n   Any styles that will be used by all of the above (or are useful to be included\n   for future use) should be added to this file:\n   - Header and Logo\n   - WordPress Red Button\n   ========================================================================== */\n\n/* ==========================================================================\n   Imports\n   ========================================================================== */\n@import \"vars\";\n@import \"mixins\";\n\nbody.post-type-envira,\nbody.post-type-envira_album {\n\t/**\n\t* Quick Edit - Show Slug Option\n\t*/\n\ttd.colspanchange {\n\t\t/**\n\t\t* Left Col\n\t\t*/\n\t\tfieldset.inline-edit-col-left {\n\t\t\tdiv.inline-edit-col {\n\t\t\t\t/* Slug */\n\t\t\t\tlabel:nth-child(3) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Remove WP 5.5 metabox arrows, bar.\n\t#envira-gallery-settings .postbox-header,\n\t#normal-sortables #envira-gallery .postbox-header {\n\t\tdisplay: none;\n\t}\n\n\t// Remove WP nags\n\t#wpbody-content > div.error,\n\t#wpbody-content .update-nag {\n\t\tdisplay: none;\n\t}\n\n\t// Remove left padding on the main content area, so items can be full width e.g. the header\n\t#wpcontent {\n\t\tpadding-left: 0;\n\t}\n\n\t// adding some padding/margin around the WordPress update-nag\n\t.update-nag {\n\t\tmargin-left: 20px;\n\t\tmargin-bottom: 20px;\n\t\tdisplay: none;\n\t}\n\t/**\n\t* Subheading\n\t*/\n\t.subheading {\n\t\tbackground-color: $white;\n\t    height: 45px;\n\t    margin-left: -20px;\n\t\t@include mq(xs) {\n\t\t\theight: auto;\n\t\t\tpadding-bottom: 20px;\n\t\t}\n\n\t    h1 {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 45px;\n\t\t\tmargin: 0 0 0 20px;\n\t\t\tpadding-left: 20px;\n\t    }\n\t}\n\n\t/**\n\t* Wrapper\n\t*/\n\tdiv.wrap {\n\t\tmargin: 0;\n\n\t\t/**\n\t\t* Page Title Action (i.e. Add New)\n\t\t*/\n\t\ta.page-title-action {\n\t\t\tposition: relative;\n\t\t\ttop: -37px;\n\t\t\tleft: 115px;\n\t\t\t&:hover {\n\t\t\t\tbackground: $primary_button_color_hover;\n\t\t\t\tborder-color: $primary_button_color_hover;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t/* display: none; */ /* Trying To Prevent The \"Shift\" Upload Page Load Before JS can move the button */\n\t\t\t/* margin-left: 10px; */ /* Change WordPress 4.7 */\n\t\t}\n\n\t\t/**\n\t\t* Screen Title\n\t\t* - h1 used from WordPress 4.3+\n\t\t* - h2 used in WordPress 4.2-\n\t\t* Updated To Account For WordPress 4.7+\n\t\t*/\n\t\t> h1,\n\t\t> h2 {\n\t\t\tmargin: 0 0 0px 0;\n\t\t\tbackground: $white;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 20px;\n\t\t\twidth: 100%;\n\t\t\ttext-indent: 20px;\n\t\t\tpadding-bottom: 9px;\n\n\t\t\t/**\n\t\t\t* Page Title Action (i.e. Add New)\n\t\t\t*/\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -3px;\n\t\t\t\tleft: auto;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: $primary_button_color_hover;\n\t\t\t\t\tborder-color: $primary_button_color_hover;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t\t/* display: none; */ /* Trying To Prevent The \"Shift\" Upload Page Load Before JS can move the button */\n\t\t\t\t/* margin-left: 10px; */ /* Change WordPress 4.7 */\n\t\t\t}\n\n\t\t\t/**\n\t\t\t* Subtitle (search results title)\n\t\t\t*/\n\t\t\tspan.subtitle {\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t}\n\n\n\t\t/**\n        * Tab Panels\n        * - By default, they're hidden and the .envira-active class displays them\n        */\n        .envira-tab {\n            display: none;\n\n            /**\n            * Active Tab\n            */\n            &.envira-active {\n                display: block;\n            }\n        }\n\n\t\t/**\n\t\t* Code Snippets\n\t\t*/\n\t\tdiv.envira-code {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 0 10px 0;\n\n\t\t\t/**\n            * Clearfix\n            */\n            &:after {\n                content: \"\";\n                display: table;\n                clear: both;\n            }\n\n\t\t\tcode {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tpadding: 5px 20px 5px 5px;\n\t\t\t}\n\n\t\t\tinput[type=text],\n\t\t\ttextarea.code-textfield {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tpadding: 5px 20px 5px 5px;\n\t\t\t\tborder: 0;\n\t\t\t\twidth: 90%;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tbackground: #eaeaea;\n\t\t\t}\n\t\t\tinput[type=text]:active,\n\t\t\tinput[type=text]:focus, {\n\t\t\t\tborder: 0;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t* Copy to Clipboard\n\t\t\t*/\n\t\t\ta.envira-clipboard {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t\tcolor: #23282d;\n\n\t\t\t\tspan {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-indent: -9999px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* ==========================================================================\n\t   Button Styles\n\t   ========================================================================== */\n\t.button {\n\t\t@include borderRadius(2px);\n\t\tpadding: 0 16px 1px;\n\t\theight: 33px;\n\t\tline-height: 30px;\n\t\ttext-decoration: none;\n\t\ttext-shadow: none;\n\t\tfont-weight: 600;\n\t\t-webkit-box-shadow: none;\n\t\tbox-shadow: none;\n\n\t\t/**\n\t\t* Small\n\t\t*/\n\t\t&.button-small {\n\t\t\tpadding: 0 8px 1px;\n\t\t\tline-height: 22px;\n\t\t\theight: 24px;\n\t\t}\n\n\t\t/**\n\t\t* Extra Large\n\t\t* (.button-large is used on publish actions in WordPress, so we don't want to affect that)\n\t\t*/\n\t\t&.button-x-large {\n\t\t\tpadding: 0 32px 1px;\n\t\t\tline-height: 48px;\n\t\t\theight: 50px;\n\t\t\tfont-size: 18px;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t@include mq(xs) {\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t/**\n\t\t* Screen Options\n\t\t* - Don't set a height\n\t\t*/\n\t\t&.show-settings {\n\t\t\theight: auto;\n\t\t}\n\n\t\t/**\n\t\t* Green Button\n\t\t* - Replaces WordPress' default primary button style\n\t\t*/\n\t\t&.button-primary {\n\t\t\tbackground: $primary_button_color;\n\t\t\tborder-color: $primary_button_color;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: $white;\n\n\t\t\t&:hover{\n\t\t\t\tbackground: $primary_button_color_hover;\n\t\t\t\tborder-color: $primary_button_color_hover;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t* Red Button\n\t\t*/\n\t\t&.button-danger {\n\t\t\tbackground: $danger_button_color;\n\t\t\tborder-color: $danger_button_color;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: $white;\n\n\t\t\t&:hover{\n\t\t\t\tbackground: $danger_button_color_hover;\n\t\t\t\tborder-color: $danger_button_color_hover;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t&.button-nostyle {\n\t\t\tbackground: none;\n\t\t\tborder: 0;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: $black;\n\t\t\tdisplay: inline;\n\t\t\tfont-weight: normal;\n\t\t\ttext-decoration: underline;\n\t\t\tmargin-left: 0 !important;\n\t\t\tpadding-left: 0;\n\t\t\tmargin-right: 0;\n\t\t\tpadding-right: 0;\n\n\t\t\t&:hover{\n\t\t\t\tbackground: none;\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t/* ==========================================================================\n\t   Thickbox (used for choosing a Default Gallery/Album)\n\t   ========================================================================== */\n\tdiv#TB_window {\n\t\tdiv.wrap {\n\t\t\tmargin: 10px 20px 0 2px;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Language Specific\n   ========================================================================== */\nbody.post-type-envira.locale-fr-fr,\nbody.post-type-envira_album.locale-fr-fr {\n\t/**\n\t* Wrapper\n\t*/\n\tdiv.wrap {\n\t\t/**\n\t\t* Page Title Action (i.e. Add New)\n\t\t*/\n\t\ta.page-title-action {\n\t\t\tleft: 220px;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Header\n   ========================================================================== */\n#envira-header-temp {\n\tposition: relative;\n\tdisplay: none;\n}\n#envira-top-notification {\n\tposition: relative;\n\tbackground-color: $primary_color;\n\ttext-align: center;\n\tcolor: white;\n\theight: 40px;\n\tvertical-align: middle;\n\tp {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tline-height: 40px;\n\t\tfont-size: 16px;\n\t}\n\ta {\n\t\tcolor: white;\n\t}\n\t.envira-dismiss {\n\t\tposition: absolute;\n\t\ttop: 10px;\n\t\tright: 10px;\n\t}\n}\n#screen-options-link-wrap {\n\tz-index: 9;\n}\n#envira-header {\n\tbackground-color: #ebebeb;\n\tbackground-image: url(\"../images/background.jpeg\");\n\tbackground-repeat: repeat;\n\theight: $header-height;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;   /* <---- NEW    */\n\t@include mq(xxs) {\n\t\tpadding-top: 46px;\n\t}\n\n\th1.envira-logo {\n\t\tmargin: 0;\n\t\tmargin-left: 20px;\n\n\t\timg {\n\t\t\t/**\n\t\t\t* Image width and height (image is 2x so this ensures it displays correctly)\n\t\t\t*/\n\t\t\twidth: 339px;\n\n\t\t\t/**\n\t\t\t* Responsive - ensure the logo doesn't exceed the header dimensions\n\t\t\t*/\n\t\t\t@include mq(xs) {\n\t\t\t\twidth: 90%;\n\t\t\t}\n\t\t}\n\n\t\ta.envira-logo-link{\n\t\t\toutline: none;\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tborder: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tborder: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\t.envira-right {\n\t\tpadding-right: 20px;\n\t}\n\t.envira-notifications-inbox {\n\t\tposition: relative;\n\t\t&[data-count]:after {\n\t\t\tbackground: $red;\n\t\t\tborder-radius: 50%;\n\t\t\tbottom: 100%;\n\t\t\tcolor: #fff;\n\t\t\tcontent: attr(data-count);\n\t\t\tdisplay: block;\n\t\t\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\theight: 16px;\n\t\t\tleft: 100%;\n\t\t\tline-height: 18px;\n\t\t\tmin-width: 16px;\n\t\t\tposition: absolute;\n\t\t\ttext-align: center;\n\t\t\ttransform: translate(-40%, 30%);\n\t\t}\n\t}\n}\n\n#wpbody {\n\t@include mq(xxs) {\n\t\tpadding-top: 0;\n\t}\n}\n\nbody.post-type-envira_album {\n\tdiv.wrap {\n\t\t/**\n\t\t* Page Title Action (i.e. Add New)\n\t\t*/\n\t\ta.page-title-action {\n\t\t\tleft: 180px !important;\n\t\t}\n\t\t> h1,\n\t\t> h2 {\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -3px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t}\n\t}\n}\nbody.post-php.post-type-envira_album {\n\tdiv.wrap {\n\t\t/**\n\t\t* Page Title Action (i.e. Add New)\n\t\t*/\n\t\ta.page-title-action {\n\t\t\tleft: 200px !important;\n\t\t}\n\t\t> h1,\n\t\t> h2 {\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -3px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t}\n\t}\n}\nbody.post-php.post-type-envira {\n\tdiv.wrap {\n\t\t/**\n\t\t* Page Title Action (i.e. Add New)\n\t\t*/\n\t\ta.page-title-action {\n\t\t\tleft: 140px !important;\n\t\t\ttop: -32px;\n\t\t}\n\t\t> h1,\n\t\t> h2 {\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -3px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n/* ==========================================================================\n   Table, Add, Edit Screens\n   ========================================================================== */\nbody.post-type-envira.edit-php,\nbody.post-type-envira.post-new-php,\nbody.post-type-envira.post-php,\nbody.post-type-envira_album.edit-php,\nbody.post-type-envira_album.post-new-php,\nbody.post-type-envira_album.post-php {\n\tdiv.wrap {\n\t\t/**\n\t\t* Remove the margin on the wrapper\n\t\t*/\n\t\tmargin: 0;\n\n\t\t/**\n\t\t* Add margin to notices\n\t\t*/\n\t\t> div.error,\n\t\t> div.notice,\n\t\t> div.updated {\n\t\t\tmargin-left: 20px;\n\t\t\tmargin-right: 20px;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n  Notifications Sidebar\n  ========================================================================== */\n.envira-notifications-close,\n.envira-notifications-inbox {\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n.envira-notifications-drawer {\n\tbox-sizing: border-box;\n\t\tbackground: $white;\n\t\tbottom: 0;\n\t\tposition: fixed;\n\t\tright: -400px;\n\t\ttop: 32px;\n\t\ttransition: right 300ms ease 0s,visibility 0s ease 400ms;\n\t\tvisibility: hidden;\n\t\twidth: 400px;\n\t\tz-index: 1100;\n\tborder: 1px solid #DDDDDD;\n\t.envira-notifications-open & {\n\t\tright: 0;\n\t\ttransition: right 300ms ease 0s, visibility 0s ease 0ms;\n\t\tvisibility: visible;\n\t}\n}\n\n.envira-notifications-overlay {\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\tbottom: 0;\n\tdisplay: none;\n\tleft: 0;\n\topacity: .5;\n\tposition: fixed;\n\tright: 0;\n\ttop: 46px;\n\ttransition: .5s;\n\tz-index: 1052;\n\n\t.folded & {\n\t\tleft: 36px;\n\t}\n\n\t.envira-notifications-open & {\n\t\tdisplay: block;\n\t}\n\n\n\t@media screen and (min-width: 783px) {\n\t\tleft: 36px;\n\n\t\t.admin-bar & {\n\t\t\ttop: 32px;\n\t\t}\n\t}\n\n\t@media screen and (min-width: 961px) {\n\t\tleft: 160px;\n\n\t\t.folded & {\n\t\t\tleft: 36px;\n\t\t}\n\t}\n}\n\n.envira-notifications-header {\n\tbackground: #EEEEEE;\n\tborder-bottom: 1px solid #DDDDDD;\n\tpadding: 18px 40px 18px 20px;\n\n\t.envira-notifications-close {\n\t\tposition: absolute;\n\t\tright: 18px;\n\t\ttop: 22px;\n\n\t\tpath {\n\t\t\tfill: #3C434A;\n\t\t}\n\t}\n\n\th3 {\n\t\tcolor: #3C434A;\n\t\tdisplay: inline-block;\n\t\tfont-size: 14px;\n\t\tfont-weight: 700;\n\t\tline-height: 21px;\n\t\tmargin: 0 10px 0 0;\n\t}\n}\n\n.envira-notifications-list {\n\theight: calc(100% - 130px);\n\toverflow: auto;\n\n\tul {\n\t\tmargin: 0;\n\t}\n\n\tli {\n\t\tborder-bottom: 1px solid #DDDDDD;\n\t\tdisplay: flex;\n\t\tmargin: 0;\n\t\tpadding: 20px;\n\t\tfont-size: 14px;\n\t\tcolor: #3C434A99;\n\t\t&:first-child {\n\t\t\tborder-top: none;\n\t\t}\n\n\t\th4 {\n\t\t\tcolor: hsl(210, 10%, 26%);\n\t\t\t;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 21px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\tp {\n\t\tcolor: #3C434A99;\n\t\tfont-size: 14px;\n\t\tmargin: 8px 0;\n\t\tmargin-bottom: 20px;\n\t\t&.envira-start {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\t.envira-button {\n\t\tpadding: 5px;\n\t\tborder-radius: 4px;\n\t\ttext-decoration: none;\n\t\tfont-size: 12px;\n\t\t&.envira-button-primary {\n\t\t\tbackground-color: #37993B;\n\t\t\tcolor: $white;\n\t\t}\n\t\t&.envira-button-secondary {\n\t\t\tborder: 1px solid #DDDDDD;\n\t\t}\n\t}\n\t.envira-notification-actions{\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\n}\n.envira-button-text {\n\tfont-size: 12px;\n\tcolor: #3C434AB2;\n}\n.envira-notification-actions {\n\t.envira-button {\n\t\tmargin-right: 10px;\n\t}\n}\n\n.envira-notifications-footer {\n\tborder-top: 1px solid #DDDDDD;\n\tpadding: 24px 27px;\n\ttext-align: right;\n}\n\n#envira-dismissed-title,\n#envira-notifications-show-active,\n.envira-notifications-dismissed {\n\tdisplay: none;\n}\n\n.show-dismissed {\n\t#envira-notifications-show-dismissed,\n\t.envira-notifications-active,\n\t#envira-active-title {\n\t\tdisplay: none;\n\t}\n\n\t#envira-notifications-show-active,\n\t#envira-dismissed-title {\n\t\tdisplay: inline-block;\n\t}\n\n\t.envira-notifications-dismissed {\n\t\tdisplay: block;\n\t}\n}\n\n.envira-notifications-dismissed {\n\t.envira-notification-dismiss {\n\t\tdisplay: none;\n\t}\n}\n\n.envira-notification-icon {\n\tmargin-right: 10px;\n}\n\n/* ==========================================================================\n   Taxonomy Screens\n   ========================================================================== */\nbody.post-type-envira.edit-tags-php,\nbody.post-type-envira.taxonomy-envira-tag {\n\tdiv.wrap {\n\t\tmargin: 0;\n\n\t\t/**\n\t\t* Add margin to notices\n\t\t*/\n\t\t> div.error,\n\t\t> div.notice,\n\t\t> div.updated {\n\t\t\tmargin-left: 20px;\n\t\t\tmargin-right: 20px;\n\t\t}\n\n\t\tform.search-form,\n\t\tform#edittag,\n\t\t#col-container {\n\t\t\t/**\n\t\t\t* Re-establish the left and right margins, so there's spacing between the Admin Menu\n\t\t\t* and the content\n\t\t\t*/\n\t\t\tmargin: 0 20px;\n\t\t}\n\n\t\t/**\n\t\t* Reduce our global custom button sizes so they align with inputs\n\t\t*/\n\t\t.button {\n\t\t\theight: 28px;\n\t\t\tline-height: 26px;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Third Party Screens\n   ========================================================================== */\nbody.post-type-envira {\n\tdiv.wrap {\n\t\t/**\n\t\t* Re-establish the left and right margins, so there's spacing between the Admin Menu\n\t\t* and the content for any third party plugins which add sections / pages within Envira\n\t\t*/\n\t\tmargin: 0 20px;\n\t}\n}\n\n/* ==========================================================================\n   Media Bar\n   ========================================================================== */\nbody.post-type-envira {\n\t/* div.error {\n\t\tposition: absolute;\n\t\tright: 300px;\n\t\ttop: 40px;\n\t\tleft: 0;\n\t} */\n}\n\n\n/* ==========================================================================\n   Inline Alerts\n   ========================================================================== */\nbody.post-type-envira {\n\tform#post.envira-gallery #poststuff #envira-gallery-settings #envira-tabs table.form-table {\n\t\ttr.inline-error-row {\n\t\t\tpadding: 0;\n\t\t\ttd {\n\t\t\t\tpadding-top: 10px;\n\t\t\t\tpadding-bottom: 10px;\n\t\t\t\tpadding-left: 0;\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\t\t\tdiv.inline-error {\n\t\t\t\tp {\n\t\t\t\t\tpadding: 10px;\n\t\t\t\t}\n\t\t\t\tborder: 1px solid red;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n/* ==========================================================================\n   Responsive\n   ========================================================================== */\n@media screen and (max-width: 640px) {\n\tbody.post-type-envira,\n\tbody.post-type-envira_album {\n\t\t/**\n\t\t* Wrapper\n\t\t*/\n\t\tdiv.wrap {\n\t\t\t/**\n\t\t\t* Screen Title\n\t\t\t*/\n\t\t\th1 {\n\t\t\t\t/**\n\t\t\t\t* Allow space for the \"Search results for...\" text to display, when searching\n\t\t\t\t*/\n\t\t\t\tpadding-bottom: 9px;\n\n\t\t\t\t/**\n\t\t\t\t* Subtitle (search results title)\n\t\t\t\t*/\n\t\t\t\tspan.subtitle {\n\t\t\t\t\tclear: both;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t/**\n\t\t\t* Page Title Action (i.e. Add New)\n\t\t\t*/\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -48px;\n\t\t\t\tpadding: 0 10px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 340px) {\n\tbody.post-type-envira,\n\tbody.post-type-envira_album {\n\t\t/**\n\t\t* Wrapper\n\t\t*/\n\t\tdiv.wrap {\n\t\t\t/**\n\t\t\t* Screen Title\n\t\t\t*/\n\t\t\th1 {\n\t\t\t\ttext-align: center;\n\n\t\t\t\t/**\n\t\t\t\t* Page Title Action (i.e. Add New)\n\t\t\t\t*/\n\t\t\t\ta.page-title-action {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tmargin: 10px 0 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Gallery List\n   ========================================================================== */\n\n@media screen and (max-width: 782px) {\n\tbody.post-type-envira .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {\n\t    display: table-cell;\n\t}\n\tbody.post-type-envira,\n\tbody.post-type-envira_album {\n\t\t/**\n\t\t* Wrapper\n\t\t*/\n\t\tdiv.wrap {\n\t\t\t/**\n\t\t\t* Page Title Action (i.e. Add New)\n\t\t\t*/\n\t\t\ta.page-title-action {\n\t\t\t\ttop: -37px;\n\t\t\t\tpadding: 0 10px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n/* ==========================================================================\n   Whitelabeled\n   ========================================================================== */\n\n\nbody.envira-whitelabel {\n\t#envira-header {\n\t\theight: 40px;\n\t}\n}\n\n/* ==========================================================================\n   RTL\n   ========================================================================== */\n\nbody.rtl.post-type-envira div.wrap a.page-title-action {\n    left: -235px;\n}\nbody.rtl ul#envira-tabs-nav {\n\tfloat: right;\n}\n\nbody.rtl form#post.envira-gallery #poststuff #envira-gallery-settings #envira-tabs,\nbody.rtl form#post.envira-gallery #poststuff #envira-albums-settings #envira-tabs {\n\tmargin: 0 160px 0 0;\n}\n\nbody.rtl form#post.envira-gallery #poststuff #envira-gallery-settings #envira-tabs #envira-tab-images nav ul.envira-right-options,\nbody.rtl form#post.envira-gallery #poststuff #envira-albums-settings #envira-tabs #envira-tab-images nav ul.envira-right-options {\n\tleft: 20px;\n\tright: inherit;\n\tli.envira-select {\n\t\ttext-align: left;\n\t}\n}\n\n/* ==========================================================================\n   Default Addon Adjustment\n   ========================================================================== */\n\nbody.post-type-envira.envira-default-success,\nbody.post-type-envira_album.envira-default-success {\n\t/**\n\t* Wrapper\n\t*/\n\tdiv.wrap {\n\t\ta.page-title-action {\n\t\t\ttop: -108px;\n\t\t}\n\t}\n\t#wpbody-content {\n\t\t#message {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Debug Screen\n   ========================================================================== */\n\n#envira-settings-debug #debug-textarea {\n\theight: 500px;\n\twidth: 80%;\n}\n\n/* ==========================================================================\n   Welcome / Support Screen\n   ========================================================================== */\n\nul#adminmenu {\n\tli.menu-icon-envira {\n\t\tul.wp-submenu {\n\t\t\tspan {\n\t\t\t\tmargin-left: 0;\n\t\t\t\t&.envira-addons {\n\t\t\t\t\tcolor: #7cc048;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// li:nth-last-child(-n+4) {\n\t\t\t// \tdisplay: none;\n\t\t\t// }\n\t\t\t// li:last-child {\n\t\t\t// \tdisplay: block;\n\t\t\t// }\n\t\t}\n\t}\n}\n\nbody.envira-welcome-enabled {\n   ul#adminmenu {\n\tli.menu-icon-envira {\n\t\tul.wp-submenu {\n\t\t\tspan {\n\t\t\t\tmargin-left: 0;\n\t\t\t\t&.envira-addons {\n\t\t\t\t\tcolor: #7cc048;\n\t\t\t\t}\n\t\t\t}\n\t\t\tli:nth-last-child(-n+4) {\n\t\t\t\t// display: none;\n\t\t\t}\n\t\t\tli:last-child {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n  }\n}\n\n/* ==========================================================================\n   Modal General\n   ========================================================================== */\n.envira-addons .hidden {\n  display: none;\n}\n\n/* ==========================================================================\n   Widgets\n   ========================================================================== */\n\n.envira_widget_random_number_of_images,\n.envira_widget_number_of_images {\n\tmax-width: 50px;\n\tdisplay: inline-block;\n}\n\n\n\n.js .importfile {\n    width: 0.1px;\n    height: 0.1px;\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    z-index: -1;\n}\n\n.importfile + label {\n    max-width: 80%;\n    font-size: 1rem;\n    /* 20px */\n    font-weight: 700;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: pointer;\n    display: inline-block;\n    overflow: hidden;\n    padding: 5px 10px 0 0;\n    /* 10px 20px */\n}\n\n.no-js .importfile + label {\n    display: none;\n}\n\n.importfile:focus + label,\n.importfile.has-focus + label {\n    outline: 1px dotted #000;\n    outline: -webkit-focus-ring-color auto 5px;\n}\n\n.importfile + label * {\n    /* pointer-events: none; */\n    /* in case of FastClick lib use */\n}\n\n.importfile + label svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: middle;\n    fill: currentColor;\n    margin-top: -0.25em;\n    /* 4px */\n    margin-right: 0.25em;\n    /* 4px */\n}\n\n/* style 3 */\n\n.importfile + label {\n    color: #7cc048;\n}\n\n.importfile:focus + label,\n.importfile.has-focus + label,\n.importfile + label:hover {\n    color: #7cc048;\n}\n\n/* ==========================================================================\n   WP 5.8+ Widget Editor\n   ========================================================================== */\n\n#envira-logo {\n\tmax-width: 100%;\n}\n\n/* ==========================================================================\n\t Envira Permissions Modal - uses a11y-dialog\n\t ========================================================================== */\n/**\n * 1. Make the dialog container, and its child overlay spread across\n *    the entire window.\n */\n#envira-gallery-settings .dialog-container,\n#envira-gallery-settings .dialog-overlay {\n\tposition: fixed; /* 1 */\n\ttop: 0; /* 1 */\n\tright: 0; /* 1 */\n\tbottom: 0; /* 1 */\n\tleft: 0; /* 1 */\n}\n\n/**\n * 1. Make sure the dialog container and all its descendants sits on\n *    top of the rest of the page.\n * 2. Make the dialog container a flex container to easily center the\n *    dialog.\n */\n#envira-gallery-settings .dialog-container {\n\tz-index: 2; /* 1 */\n\tdisplay: flex; /* 2 */\n}\n\n/**\n * 1. Make sure the dialog container and all its descendants are not\n *    visible and not focusable when it is hidden.\n */\n#envira-gallery-settings .dialog-container[aria-hidden='true'] {\n\tdisplay: none; /* 1 */\n}\n\n/**\n  * 1. Make the overlay look like an overlay.\n  */\n#envira-gallery-settings .dialog-overlay {\n\tbackground-color: rgb(43 46 56 / 0.9); /* 1 */\n\tanimation: fade-in 200ms both;\n\topacity: 0.5;\n}\n\n/**\n  * 1. Vertically and horizontally center the dialog in the page.\n  * 2. Make sure the dialog sits on top of the overlay.\n  * 3. Make sure the dialog has an opaque background.\n  */\n#envira-gallery-settings .dialog-content {\n\tmargin: auto; /* 1 */\n\tz-index: 2; /* 2 */\n\tposition: relative; /* 2 */\n\tbackground-color: white; /* 3 */\n\tanimation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;\n\tpadding: 2em;\n\tmax-width: 90%;\n\twidth: 600px;\n\tborder-radius: 5px;\n\tborder-top: #7cc048 5px solid;\n\tfont-size: 1rem;\n\ttext-align: center;\n}\n#envira-gallery-settings .dialog-content p{\n\tfont-size: 1.2rem;\n\tmargin: 0 0 16px;\n}\n\n#envira-gallery-settings .dialog-content h3{\n\tfont-size: 1.4rem;\n}\n\n#envira-gallery-settings .dialog-content .envira-dialog-btn.primary{\n\tbackground-color: #7cc048;\n\tcolor: #fff;\n\tborder: 0;\n\tborder-radius: 5px;\n\tcursor:pointer;\n\tfont-weight: 600;\n\tline-height: 20px;\n\toutline: none;\n\tpadding: 11px 17px;\n }\n\n#envira-gallery-settings .dialog-content .envira-dialog-btn{\n\tbackground-color: #777777;\n\tcolor: #fff;\n\tborder: 0;\n\tborder-radius: 5px;\n\tcursor:pointer;\n\tmargin-left:10px;\n\tfont-weight: 600;\n\tline-height: 20px;\n\toutline: none;\n\tpadding: 11px 17px;\n}\n\n/** For the blur effect on licensing modal upgrade view */\n.envira-admin-content {\n\tposition: relative;\n\t.envira-admin-modal *, .envira-admin-modal *::before, .envira-admin-modal *::after {\n\t\t/* -webkit-box-sizing: border-box; */\n\t\t-moz-box-sizing: border-box;\n\t\tbox-sizing: border-box;\n\t}\n\t.envira-admin-modal {\n\t\ttext-align: center;\n\t\twidth: 730px;\n\t\tbox-shadow: 0 0 60px 30px rgba(0, 0, 0, 0.15);\n\t\tbackground-color: $white;\n\t\tborder-radius: 6px;\n\t\tposition: absolute;\n\t\ttop: 95px;\n\t\tleft: 50%;\n\t\tmargin: 0 auto 0 -365px;\n\t\tz-index: 9999;\n\t\toverflow: hidden;\n\t\th2 {\n\t\t\tfont-size: 20px;\n\t\t\tmargin: 0 0 16px 0;\n\t\t\tpadding: 0;\n\t\t}\n\t\tp {\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 24px;\n\t\t\tcolor: #777777;\n\t\t\tmargin: 0 0 30px 0;\n\t\t\tpadding: 0;\n\t\t}\n\t\tul {\n\t\t\tfloat: left;\n\t\t\twidth: 50%;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0 0 0 30px;\n\t\t\ttext-align: left;\n\t\t}\n\t\tli {\n\t\t\tcolor: #777777;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 28px;\n\t\t\tpadding: 6px 0;\n\t\t\tdisplay: flex;\n\t\t\tsvg {\n\t\t\t\tpadding-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n.envira-admin-modal-content {\n\tborder-radius: 3px 3px 0 0;\n\tpadding: 40px;\n}\n.envira-admin-model-lists {\n\twidth: 100%;\n}\n.envira-admin-modal-button {\n\tborder-radius: 0 0 3px 3px;\n\ttext-align: center;\n\tmargin: 30px 0;\n}\n.envira-admin-modal-bonus {\n\tposition: relative;\n\tpadding: 30px;\n\tbackground: #f5f5f5;\n\ttext-align: center;\n\tp {\n\t\tfont-size: 14px;\n\t\tmargin: 0px;\n\t}\n\tsvg {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttop: -14px;\n\t\tbackground-color: $white;\n\t}\n\n\n}\n.envira-admin-modal-text-link {\n\tdisplay: block;\n\tmargin: 15px 0;\n\tfont-size: 14px;\n\tcolor: #3C434AB2;\n}\n.button.envira-button {\n\tfont-size: 21px;\n\theight: 50px;\n\tline-height: 48px;\n\tbackground-color: #37993b;\n\tcolor: $white;\n\tborder-color: #37993b;\n}\n.wrap{\n\twebkit-filter: blur(3px);\n\t-moz-filter: blur(3px);\n\t-ms-filter: blur(3px);\n\t-o-filter: blur(3px);\n\tfilter: blur(3px);\n\t&:hover > * {\n\t\tpointer-events: none !important;\n\t}\n}\n.envira-clear,\n.envira-clear::before,\n.envira-clear::after {\n\tcontent: \" \";\n\tdisplay: table;\n}\n\t.envira-green {\n\t\tcolor: #37993b;\n\t}\n}\n.wp-core-ui .envira-primary-button:focus, .wp-core-ui .envira-primary-button:hover {\n\tbackground: #37993b;\n\tborder-color: #95dc5e;\n\tcolor: #fff;\n\tbox-shadow: none;\n}\n\n/** Toggle **/\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\t&:before,\n\t&:after {\n\t\tcontent: \"\";\n\t}\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\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}\ninput[type='checkbox']:checked + .envira-switch {\n\tbackground: #37993B;\n\t&:before {\n\t\tleft: 15px;\n\t}\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;","/* ==========================================================================\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}"]}