{"version":3,"sources":["envira-gallery/assets/scss/global.scss","envira-gallery/assets/scss/metabox.scss","envira-gallery/assets/scss/_vars.scss","envira-gallery/assets/scss/_mixins.scss","envira-gallery/assets/scss/image-select.scss","envira-gallery/assets/scss/image-create-ai.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,QC5CG,oEACI,0BAGJ,8EACI,0BAGJ,sFACI,0BAGP,wGACC,aACA,kBAED,4HACC,aACA,kBACA,kIACC,aAID,4IACC,qBACA,mBAED,gKACC,qBACA,mBACA,sKACC,cAUJ,yBAKI,cAMA,yCACI,qBACA,kBACA,gBAIA,qBAHA,oDACI,iBAKR,8CACI,gBACA,iBACA,UACA,SACA,iCACA,2BACA,WACA,sBACA,mBACA,eACA,kBACA,kBACA,iBACA,sBACA,oCACA,aACA,iDACI,WACA,aACA,iBAIR,oDACI,cAGJ,gDACI,kBACA,SACA,SACA,kBACA,WACA,YACA,gBAGJ,uDACI,WACA,kBACA,WACA,YACA,SACA,8CAEA,oCAeA,mDACI,SACA,mBACA,6BACA,eACA,gBAEA,yDACI,iBACA,cACA,gBAEA,2DACI,qBACA,gBAKR,gEACI,UACA,SACA,8EACI,oBACA,oBAOZ,yDACC,iBCvKD,KDwKC,sBACA,gBACA,kBAID,iEACC,iBC5KD,QD6KC,aC7KD,QD+KA,wEACI,sBAQF,qZACE,eAEF,yVACE,kBAEF,qaACE,qBAWJ,0DACI,kBACA,UACA,WACA,kBAEA,iEACI,kBACA,UACA,WACA,YACA,iBAGJ,+EACI,kBACA,UACA,UACA,YACA,WACA,YACA,iBErMJ,sBFsMI,IEtMJ,mBFsMI,IEtMJ,iBFsMI,IEtMJ,cFsMI,IACA,mBACA,WACA,kBACA,qBAQR,oEACI,WAEA,uEACI,kBACA,qBACA,YACA,qBACA,UACA,gBACA,mBACA,6BACA,oCACA,4BACA,mBAEA,2EACI,cACA,YACA,aAOJ,6FACI,cACA,YACA,aACA,uDACA,0BACA,8BACA,6BACA,+BAMJ,gFACI,YACA,gBACA,kBACA,8BACA,gCACA,+BAKA,0FACI,eACA,gBACA,YACA,YACA,iBACA,eACA,gBAMA,iGACI,kBACA,qBACA,YACA,WACA,WACA,YACA,mBAEA,wGACI,aAQZ,+FACI,aACA,iBACA,gBAOR,+EACI,aACA,kBACA,UACA,QACA,WACA,YACA,sBACA,4DACA,oDAEA,oGACI,aACA,WACA,YACA,mBACA,4BAOR,mFACI,kBACA,cACA,SACA,WACA,YACA,iBACA,eACA,aACA,WACA,kBACA,uBACA,0BAEA,+GACI,QACA,mBACA,MCnXhB,KDqXY,+GACI,QACA,UACA,mBACA,MCzXhB,KD2XY,2MAEI,YACA,MC9XhB,KD+XgB,mOACI,eAIR,sGACI,yBAEJ,qGACI,yBAQR,gFACI,YACA,oCAEA,wFACI,cACA,iBCnZhB,QDoZgB,oDACA,4CAEA,6GACI,cAIR,yFACI,YAQJ,6FACI,kBACA,MACA,OASR,4EACI,kBACA,UACA,qBACA,WACA,kBACA,kBACA,gBACA,sBACA,8BACA,2BACA,sBACA,kBACA,uBACA,0BAGA,gFACI,cACA,WACA,iBACA,YACA,WAMJ,qFACI,kBACA,UACA,OACA,SACA,qBACA,UACA,sBACA,YACA,gBACA,gBACA,8BACA,2BACA,sBACA,YAKA,+FACI,cACA,WACA,YACA,eACA,SACA,UACA,WAEA,sGACI,aAQR,oGAEI,6BACA,qBACA,YACA,iBACA,UACA,gBACA,YACA,uBACA,sBACA,iIACI,0CAEJ,sIACI,uBASZ,oFACI,cACA,kBACA,UACA,SAIA,oHACE,UACA,SACA,WAGF,oHACI,UACA,SACA,WAEJ,6OAEI,aAGR,uNAEI,cACA,gBACA,gBACA,WACA,qBACA,mOACI,qBACA,WAKJ,iHACI,gBACA,kBACA,gBACA,yBACA,WAIJ,gHACI,gBACA,kBACA,gBACA,yBACA,WAiBpB,oDACI,qBAOA,6HACI,aAEJ,qHACI,aAOJ,6IACI,sBACA,UACA,mBAKA,+JACI,qBACA,YACA,SACA,eACA,kBACA,eACA,qBACA,mBAMI,qOACI,qBACA,sDACA,0BACA,iBAOlB,mMACC,kBACA,6MACC,qBACA,iEACA,0BACA,iBAIA,yOACC,iEACA,0BAQO,sWAEI,WC5pBhB,KD6pBgB,6BAOJ,2KACI,wBACA,qBACA,gBAGJ,qLACI,YAOJ,mMACI,aAQZ,uHACI,SACA,UAQI,6MAEI,aAUA,6OACI,aACA,0BACA,aAEA,iRACI,qBAEA,qRACI,cACA,kBACA,cACA,kBACA,QACA,SACA,uBAKA,mTACI,aACA,eAEJ,yTACI,kBACA,kBACA,SACA,OACA,SAShB,yQACI,aACA,kBACA,cACA,WACA,QACA,YACA,UACA,kBAWI,qSACI,YACA,wBAEA,ySACI,kBACA,MACA,OACA,SAGJ,uUACI,cAGJ,6UACI,kBACA,gBAWhB,uPACI,aACA,WACA,kBACA,YACA,WACA,iBACA,mBACA,mBACA,0BAEA,6SACI,YACA,eACA,QACA,gBACA,0BACA,mBACA,+BACA,4BACA,2BACA,0BACA,uBAGJ,+SACI,WACA,kBACA,QACA,UACA,YACA,kBACA,iBAKA,2TACI,aAEJ,6UACI,aAEJ,yUACI,aACA,2VACI,mBACA,aAGR,mUACI,aAUZ,2QACI,aACA,WACA,kBACA,YACA,WACA,gBACA,mBAIA,iUACI,YACA,eACA,QAGA,mBAQJ,2TACI,WACA,kBACA,QACA,UACA,YACA,kBACA,iBACA,YACA,0CACA,kCAEA,6UACI,YACA,aACA,mBAGJ,yVACI,YACA,qBAMZ,yPACI,aAKZ,qJACI,aAKA,qMACI,kBAKA,mOACI,kBACA,UACA,YAMJ,6PACI,kBACA,kBAEA,mQACI,qBACA,kBACA,mBAEA,yRACI,SAOJ,shBAEI,WACA,YAEA,8iBACI,aAEJ,0jBACI,YACA,aACA,kBACA,sBACA,0BACA,2BACA,4BAEJ,8jBACI,gBAYA,osCACI,yBACA,qBAWJ,spBACI,6CAWJ,krBACI,oDAWJ,8qBACI,mDAUpB,qPACI,gBAOnB,uMACC,kBACA,aAKA,mQACC,oBACA,eACA,kBACA,eACA,YACA,iBAaS,8FACI,kBAKA,6HACI,UACA,iBACA,SACA,aACA,0BACA,8BACA,2BACA,sBAEA,gIACI,YAOR,+GACI,kBACA,SACA,UACA,cACA,OACA,QACA,kBACA,cACA,eACA,8BACA,2BACA,sBAEA,oHACI,cAKA,0HACI,eAGR,qHACI,cACA,aACA,eAYxB,yHAEI,WClnCE,QDmnCF,6dAGI,iBCvnCR,KDwnCQ,sBACA,wBACA,gBACA,cACA,OCrmCD,KDsmCC,aACA,iDACA,yCACA,eACA,gBACA,WACA,cC1mCA,ID2mCA,gBAGA,upBAGI,gBAGR,qKACE,kBACE,iBC9oCF,QD+oCE,iBACA,WACA,kBACA,cC1nCA,ID2nCA,6KACI,gBACA,iBACA,YACA,kBACA,8BAGJ,6KACI,gBAIR,mKACI,yBACA,cC1oCA,ID2oCA,aACA,yKACI,eACA,SACA,UAMR,qIACI,WACA,cACA,WAMJ,+IACI,aAEJ,uIACI,aAEJ,yIACI,SACA,UAMJ,+JACI,YACA,SACA,UACA,4BAEA,qKACI,WACA,WACA,SACA,UAEA,yKACI,WACA,YACA,cACA,yBACA,qBACA,WACA,6BACA,gCACA,4BACA,8BACA,2BACA,sBACA,gBACA,wBAKA,0XAEI,YACA,kBACA,4BACA,qBACA,WACA,0BACA,6BACA,4BACA,iBC9uCpB,KD+uCoB,gCAOJ,qLACI,wBACA,qBACA,gBAQJ,+LACI,mBAEA,2MACI,mBAUR,gZACI,4CACA,0BAIJ,qMACI,qDACA,0BAIJ,yMACI,gDACA,0BAIJ,qMACI,8CACA,0BAIJ,+MACI,mDACA,0BAIJ,yMACI,gDACA,0BAIJ,qMACI,8CACA,0BAIJ,2MACI,iDACA,0BAIJ,iMACI,4CACA,0BAIJ,6MACI,kDACA,0BAIJ,2MACI,iDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,6MACI,kDACA,0BAIJ,2MACI,iDACA,0BAIJ,qMACI,8CACA,0BAIJ,iMACI,4CACA,0BAIJ,qMACI,6CACA,0BAIJ,iNACI,iDACA,0BAIJ,+MACI,mDACA,0BAIJ,iMACI,4CACA,0BAIJ,iMACI,4CACA,0BAIJ,mMACI,6CACA,0BAIJ,6MACI,kDACA,0BAShB,mJACI,mBACA,aACA,8BACA,2BACA,sBACA,WCt7CR,KDu7CQ,2BAKA,yJACI,WAMJ,qLACI,WACA,kBAEA,yMACI,SAEJ,uNACI,gBAMJ,sXACI,iBACA,oBAQA,yNACI,SACA,mBACA,kBACA,gBACA,eAOR,uNACI,cACA,iBAEA,+OACI,eAOR,uMACI,WAMJ,+NACI,kBAMJ,waAEI,eACA,kBACA,WAcJ,iMACI,WAEA,uOACI,cAEJ,iPACI,kBACA,WACA,UACA,cACA,gBACA,WACA,uPACI,gBACA,sBACxB,qBACA,mSAC4B,YACA,gBACA,eAEJ,+QACI,WAOA,iSACI,cAGJ,yRACI,qBACA,oBAKR,2RACI,eACA,gBACA,MC1jDvB,KD2jDuB,uSACI,cAKZ,yRACI,YACA,kBACA,6TACI,iBASZ,6OACI,aACA,yQACI,gBACA,mBAEJ,iPACI,iBAUR,iPACI,YAKR,6MACI,gBAEJ,+OACI,aACA,iBACA,qBAYJ,uMACI,WAEA,6OACI,YACA,cACA,kBAKA,2RACI,aACA,kBACA,MACA,OAMJ,mTACI,kBACA,MACA,QAQR,mPACI,aAUJ,qQACI,YAEA,koBAEI,aAShB,+JACI,WACA,cACA,WAaR,kEACI,WACA,cACA,WAMJ,6EACI,aAEJ,qEACI,aAEJ,oEACI,SACA,aAeJ,oEACI,4BAaR,4DACI,aAKJ,8DACI,aAOR,iCACI,gEACA,wDAEA,wCACI,iBCnwDJ,QDowDI,oDACA,4CAyBR,8DACI,aAQA,2DACI,eAEA,+EACI,eASR,kDACI,aAMA,4DACI,SACA,UACA,YAKA,qEACI,kBACA,mBACA,6BAKA,oKAEI,cACA,WACA,eACA,SAEJ,0FACI,WACA,iBAEJ,4EACI,SAOA,+EACI,cACA,WACA,eACA,SACA,UACA,gBACA,gBACA,eAMJ,sFACI,gBACA,kBACA,eACA,kBACA,WAIR,qFACI,WACA,WACA,iBACA,gBACA,eACA,kBACA,WAcR,uEACI,qBAUpB,sEAII,sCACI,yFACA,mCACA,4BAOR,sCAmBgC,iQACI,qBAEA,qSACI,WACA,gBAEA,6UACI,kBAKhB,yQACI,OACA,QACA,YACA,UAWR,qSACI,WACA,cAEJ,uSACI,kBACA,WACA,QACA,MACA,6SACI,cACA,yUACI,WACA,qVACI,eACA,WAGR,6UACI,UACA,qBACA,iBAEJ,mVACI,UACA,qBAEJ,koBAEI,sBAWpC,qCAgBgB,+JACI,WAGI,yKACI,WACA,YACA,SACA,UACA,oBACA,2BAEA,0XAEI,WACA,YACA,SACA,UACA,oBACA,2BAShB,mJACI,mBAOpB,eACC,kBACA,kBACG,aEvhEQ,sBFwhER,IExhEQ,mBFwhER,IExhEQ,iBFwhER,IExhEQ,cFwhER,IAKA,8BACI,uBACA,6BACA,qBAGP,+BACC,cACA,gBACA,eACA,WACA,YAME,+BACI,SACA,WACA,MC9kEA,KDglEA,sCACI,MCjlEJ,KDklEI,WACA,YACA,eAOX,8BACC,aAME,uBACI,WChmEA,QDimEA,MCpmEA,KDqmEA,YAMA,8CACE,iBCxmEE,QDymEF,aCzmEE,QDgnER,uBACI,mBACA,yBAEA,uCACE,MCvnEF,KDynEE,8CACK,MC1nEP,KDkoEJ,qBACI,6BACA,+BACA,gCAGR,qCAa4B,6SACI,cACA,yUACI,WACA,qVACI,eACA,WAGR,6UACI,WAKA,iBAJA,yVACI,eACA,WAIR,mVACI,UAKA,iBAJA,+VACI,cACA,UAIR,koBAEI,sBAcnC,sCAGE,8DACC,8BAMJ,sCAGG,8DACC,8BAMJ,sCAGG,8DACC,8BAMJ,sCAGG,8DACC,8BAMJ,sCAGG,8DACC,8BAMJ,qCAGG,8DACC,8BAMJ,qCAII,4NAGC,mBAKD,6MAGC,aAOL,qCAGG,8DACC,8BG7xEJ,oCACC,cACA,sBACA,4BACA,qBACA,YACA,WACA,aACA,qCACA,SACA,eACA,0BAXD,oCAYE,qCACA,SAGD,0BAhBD,oCAiBE,qCACA,SAGD,0BArBD,oCAsBE,0BACA,SAGD,+CA1BD,oCA2BE,2BAGD,yBA9BD,oCA+BE,sCAGD,yBAlCD,oCAmCE,2BAGD,mDACC,WAIA,kDACC,QAjDiB,IAkDjB,kBACA,yBACA,sBACA,qBAEA,sDACC,uBAGD,oDACC,kBAKD,+DACC,yBACA,kBACA,YAED,6DACC,iBCpEJ,iBACE,aAEA,0CACE,eACA,MACA,OACA,WACA,YACA,0BACA,aAGF,iDACE,eACA,QACA,SACA,gCACA,sBACA,kBACA,mBACA,aACA,gBACA,WACA,qCACA,gBACA,gBAEA,yEACE,kBACA,QACA,WACA,yBACA,YACA,eACA,qBACA,WACA,aACA,YACA,eACA,gBACA,+JAEE,aACA,YACA,gBAKN,2CACE,WACA,iBAEA,8CACE,eACA,gBACA,SACA,eAGF,8DACE,aACA,8BACA,iBAEA,kFACE,UAEE,kGACE,eACA,gBACA,SAEF,kGACE,qBACA,kBACA,qGACE,cACA,6GACE,cACA,gBAMR,kGACE,iBACA,oBAEA,6GACE,eACA,gBAEA,yHACE,gBAGF,wHACE,sBACA,iBACA,gBAMR,mFACE,UACA,OACA,gCACA,gBAEA,uFACE,cACA,WACA,YACA,iBASR,yBAKU,0GACE,kBAQZ,+CACE,iDACE,YAIJ,yBACE,iDACE,cACA,aACA,gBACA,QACA,6BACA,gBAGF,2CACE,iBAEA,8CACE,eAGF,8DACE,sBAEA,qKAEE,WAIA,uFACE,aAMR,yCACE,gBASJ,sEACE,eACA,QACA,SACA,gCACA,sBACA,kBACA,aACA,gBACA,WACA,qCACA,gBACA,gBAEA,qGACE,kBACA,QACA,WACA,yBACA,YACA,eACA,qBACA,WACA,aACA,YACA,eACA,gBACA,uNAEE,aACA,YACA,gBAIJ,uGACE,WAEA,mHACE,0BACA,gDAEA,sHACE,eACA,gBACA,UACA,SAIJ,kIACE,aACA,8BAEA,+IACE,UACA,aACA,+CACA,aACA,sBACA,uBAGE,2KACE,mBAEA,iLACE,eACA,gBACA,kBACA,cACA,cAGF,iLACE,eACA,WACA,YACA,yCACA,kBAGF,kLACE,eACA,WACA,yBACA,yCACA,kBAGF,oLACE,eACA,WACA,YACA,yCACA,kBACA,YAEA,+MAEE,8BAGF,sMAEE,8BAGF,0MAEE,8BAGF,2MAEE,8BAGF,iMAEE,8BAIJ,kLACE,eACA,WACA,yBACA,WACA,YACA,kBACA,kBACA,eACA,qBACA,kBACA,qBACA,gCACA,gBACA,iBACA,gBAEA,wLACE,yBAGF,2LACE,sBACA,WACA,mBACA,oBAIJ,sYAEE,UACA,eACA,aACA,eACA,gBAGF,6LACE,8BACA,eACA,cAGF,yNACE,cAGF,ubAEE,cAGF,uMACE,aACA,cACA,eACA,gBACA,iBAEA,6MACE,cAIJ,kMACE,aAGF,uLACE,kBAGJ,iLACE,kBAKN,gJACE,UACA,aACA,aACA,sBACA,uBACA,mBAEA,qKACE,kBACA,eAEA,yKACE,mBAGF,uKACE,SACA,8BACA,gBAIJ,8KACE,kBACA,mBAEA,gLACE,SACA,8BACA,gBAIJ,4KACE,aACA,qCACA,SACA,WAEA,2LACE,kBACA,eACA,mBACA,sBACA,aACA,iBACA,gBAEA,wMACE,WACA,YACA,iBAGF,6LACE,aACA,gBAEA,mMACE,aACA,gBAKJ,8MACE,kBACA,YACA,WACA,WACA,YACA,eACA,UACA,uBAIF,8MACE,kBACA,SACA,UACA,WACA,YACA,gBACA,yCACA,kBACA,sCACA,eACA,aACA,mBACA,uBACA,UACA,uBAGA,sBAGA,sNACE,yBACA,qBACA,UAGA,8NACE,WACA,WACA,YACA,oDACA,sBACA,2BACA,4BACA,cACA,SAMN,waAEE,UAQZ,gGACE,aACA,uBACA,mBACA,YACA,WACA,sCACA,aACA,kBACA,MACA,OAEA,4GACE,WACA,YAQN,yBACE,sEACE,WAMI,8HACE,2BAOV,yBACE,sEACE,eACA,gBACA,OACA,6BACA,gBAIA,4EACE,6BACA,8BAGF,2FACE,sBACA,2BAEA,iNAEE,sBACA,4BACA,qCAGF,wGACE,gDAIA,8HACE","file":"metabox.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   metabox.css loads on any Envira Gallery and Album Create/Edit Screen\n\n   Any styles that will be used by the main Gallery / Album editor screen should be\n   added to this file\n   ========================================================================== */\n\n/* ==========================================================================\n   Imports\n   ========================================================================== */\n@import \"vars\";\n@import \"mixins\";\n@import \"global\";\n\n/* ==========================================================================\n   Messages\n   ========================================================================== */\nbody.post-type-envira,\nbody.post-type-envira_album {\n    /**\n    * Add left and right margins to ensure the message notification horizontally lines up\n    * with the metaboxes\n    */\n    #message {\n        margin: 5px 20px 15px 20px;\n    }\n\n    #wp-link-wrap{\n        z-index: 180105 !important;\n    }\n\n    #wp-link-backdrop{\n        z-index: 160105 !important;\n\n\t}\n\t#visibility-radio-password{\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\tlabel[for=\"visibility-radio-password\"]{\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t\t& + br{\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.envira-protection{\n\t\t#visibility-radio-password{\n\t\t\tdisplay: inline-block;\n\t\t\tvisibility: visible;\n\t\t}\n\t\tlabel[for=\"visibility-radio-password\"]{\n\t\t\tdisplay: inline-block;\n\t\t\tvisibility: visible;\n\t\t\t& + br{\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Form\n   - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n   ========================================================================== */\nform#post.envira-gallery {\n    /**\n    * Re-establish the left and right margins, so there's spacing between the Admin Menu\n    * and the content\n    */\n    margin: 0 20px;\n\n    /**\n    * Tooltip Styles\n    */\n\n    .envira-tooltip {\n        display:inline-block;\n        position:relative;\n        text-align:left;\n        .dashicons {\n            line-height: 30px;\n        }\n        text-decoration: none;\n    }\n\n    .envira-tooltip .top {\n        min-width:300px;\n        line-height: 30px;\n        top:-20px;\n        left:50%;\n        transform:translate(-50%, -100%);\n        padding:5px 10px 15px 10px;\n        color:white;\n        background-color:black;\n        font-weight:normal;\n        font-size:12px;\n        border-radius:8px;\n        position:absolute;\n        z-index:99999999;\n        box-sizing:border-box;\n        box-shadow:0 1px 8px rgba(0,0,0,0.5);\n        display:none;\n        li {\n            width: 100%;\n            margin: 1px 0;\n            line-height: 13px;\n        }\n    }\n\n    .envira-tooltip:hover .top {\n        display:block;\n    }\n\n    .envira-tooltip .top i {\n        position:absolute;\n        top:100%;\n        left:50%;\n        margin-left:-12px;\n        width:24px;\n        height:12px;\n        overflow:hidden;\n    }\n\n    .envira-tooltip .top i::after {\n        content:'';\n        position:absolute;\n        width:12px;\n        height:12px;\n        left:50%;\n        transform:translate(-50%,-50%) rotate(45deg);\n        // background-color:#EEEEEE;\n        box-shadow:0 1px 8px rgba(0,0,0,0.5);\n    }\n\n\n    /**\n     * Defined so we override WordPress' default styles\n     */\n    #poststuff {\n        /* ==========================================================================\n           Envira Gallery Shared Styles for Types and Settings\n           ========================================================================== */\n\n        /**\n        * Intro Text\n        */\n        p.envira-intro {\n            margin: 0;\n            padding: 0 0 30px 0;\n            border-bottom: 1px solid #ddd;\n            font-size: 16px;\n            font-weight: 700;\n\n            small {\n                margin: 5px 0 0 0;\n                display: block;\n                font-weight: 400;\n\n                a {\n                    text-decoration: none;\n                    font-weight: 600;\n                }\n            }\n        }\n        tr.envira-inserted-intro {\n            td {\n                padding: 0;\n                margin: 0;\n                .envira-intro {\n                    padding-bottom: 10px;\n                    margin-bottom: -15px;\n                }\n            }\n        }\n        /**\n        * Override WordPress default checkboxes\n        */\n        input[type=checkbox]{\n         background-color: $white;\n         border: 1px solid $light-grey;\n         box-shadow: none;\n         margin-right: 10px;\n\n\n        }\n        input[type=checkbox]:checked{\n         background-color: $green;\n         border-color: $green;\n        }\n        input[type=checkbox]:checked:before{\n            color: $white !important;\n        }\n\n\n        tr#envira-config-additional-copy-box,\n        tr#envira-config-additional-copy-box-automatic,\n        tr#envira-config-title-caption-automatic-mobile,\n        tr#envira-config-title-caption-column-mobile {\n          input[type=\"checkbox\"] {\n            margin-right: 0;\n          }\n          label {\n            margin-right: 15px;\n          }\n          label.label-for-checkbox {\n            display: inline-block;\n          }\n        }\n\n\n\n        /**\n        * Help Video\n        * - Can be placed inside p.envira-intro by JS, or outside p.envira-intro when\n        * viewing the Images tab for a Dynamic or Default Gallery\n        */\n        div.envira-video-help {\n            position: relative;\n            z-index: 1;\n            width: 100%;\n            margin: 20px 0 0 0;\n\n            iframe {\n                position: relative;\n                z-index: 1;\n                width: 100%;\n                height: auto;\n                min-height: 300px;\n            }\n\n            a.envira-video-close {\n                position: absolute;\n                z-index: 2;\n                top: -12px;\n                right: -12px;\n                width: 24px;\n                height: 24px;\n                line-height: 24px;\n                @include borderRadius(50%);\n                background: #f5f5f5;\n                color: #000;\n                text-align: center;\n                text-decoration: none;\n            }\n        }\n\n        /**\n        * Image Grid\n        * - Used on the Images tab for Default Galleries, as well as the Preview Metabox\n        */\n        ul.envira-gallery-images-output {\n            width: 100%;\n\n            li {\n                position: relative;\n                display: inline-block;\n                width: 150px;\n                margin: 0 20px 20px 0;\n                padding: 0;\n                list-style: none;\n                vertical-align: top;\n                -moz-background-clip: padding;\n                -webkit-background-clip: padding-box;\n                background-clip: padding-box;\n                background: #f7f7f7;\n\n                img {\n                    display: block;\n                    width: 150px;\n                    height: 150px;\n                }\n\n                /**\n                * If, for some reason, the image doesn't exist or fails to load,\n                * the placeholder logo is displayed\n                */\n                div.placeholder-image {\n                    display: block;\n                    width: 148px;\n                    height: 149px;\n                    background: url(images/icons/leaf.svg) center no-repeat;\n                    background-size: 64px 64px;\n                    border-left: 1px solid #dfdfdf;\n                    border-top: 1px solid #dfdfdf;\n                    border-right: 1px solid #dfdfdf;\n                }\n\n                /**\n                * Metadata\n                */\n                div.meta {\n                    width: 148px;\n                    overflow: hidden;\n                    text-align: center;\n                    border-left: 1px solid #dfdfdf;\n                    border-bottom: 1px solid #dfdfdf;\n                    border-right: 1px solid #dfdfdf;\n\n                    /**\n                    * Title\n                    */\n                    div.title {\n                        font-size: 12px;\n                        font-weight: 700;\n                        width: 138px;\n                        height: 18px;\n                        line-height: 18px;\n                        margin: 8px 5px;\n                        overflow: hidden;\n\n                        /**\n                        * Hint\n                        * - Displays the full title on hover\n                        */\n                        a.hint {\n                            position: absolute;\n                            display: inline-block;\n                            bottom: 10px;\n                            right: 10px;\n                            width: 16px;\n                            height: 16px;\n                            background: #f7f7f7;\n\n                            &.hidden {\n                                display: none;\n                            }\n                        }\n                    }\n\n                    /**\n                    * Additional metadata\n                    */\n                    div.additional {\n                        display: none;\n                        margin: 5px 0 0 0;\n                        font-weight: 400;\n                    }\n                }\n\n                /**\n                * Tick Icon\n                */\n                a.check {\n                    display: none;\n                    position: absolute;\n                    right: 5px;\n                    top: 5px;\n                    width: 24px;\n                    height: 24px;\n                    background-color: #eee;\n                    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,0.15);\n                    box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,0.15);\n\n                    div.media-modal-icon {\n                        display: none;\n                        width: 15px;\n                        height: 15px;\n                        margin: 5px 0 0 5px;\n                        background-position: -21px 0;\n                    }\n                }\n\n                /**\n                * Edit / Delete Buttons\n                */\n                a.dashicons {\n                    position: absolute;\n                    display: block;\n                    left: 5px;\n                    width: 25px;\n                    height: 25px;\n                    line-height: 25px;\n                    font-size: 18px; /* Controls the icon size */\n                    outline: none;\n                    z-index: 20;\n                    border-radius: 2px;\n                    -moz-border-radius: 2px;\n                    -webkit-border-radius: 2px;\n\n                    &.envira-gallery-modify-image {\n                        top: 5px;\n                        background: #0085ba;\n                        color: $white;\n                    }\n                    &.envira-gallery-remove-image {\n                        top: 5px;\n                        left: 35px;\n                        background: #e02626;\n                        color: $white;\n                    }\n                    &.envira-active-item,\n                    &.envira-draft-item{\n                        bottom: 40px;\n                        color: $white;\n                        span:before{\n                            font-size: 16px;\n                            // vertical-align: middle;\n                        }\n                    }\n                    &.envira-active-item{\n                        background-color: #74b445;\n                    }\n                    &.envira-draft-item{\n                        background-color: #ffa93b;\n\n                    }\n                }\n\n                /**\n                * Selected state\n                */\n                &.selected {\n                    width: 148px;\n                    border: 2px solid $green !important;\n\n                    a.check {\n                        display: block;\n                        background-color: $green;\n                        -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px $green;\n                        box-shadow: 0 0 0 1px #fff,0 0 0 2px $green;\n\n                        div.media-modal-icon {\n                            display: block;\n                        }\n                    }\n\n                    div.meta {\n                        width: 146px;\n                    }\n                }\n\n                /**\n                * Multiple selection sorting - stacks images when the user has selected more than one image + dragged them\n                */\n                &.ui-sortable-helper {\n                    li {\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                    }\n                }\n            }\n\n            /**\n            * List View\n            */\n            &.list {\n                li {\n                    position: relative;\n                    z-index: 2;\n                    display: inline-block;\n                    width: 100%;\n                    margin: 0 0 10px 0;\n                    padding: 10px 15px;\n                    background: #fff;\n                    border: 1px solid #ddd;\n                    -webkit-box-sizing: border-box;\n                    -moz-box-sizing: border-box;\n                    box-sizing: border-box;\n                    border-radius: 2px;\n                    -moz-border-radius: 2px;\n                    -webkit-border-radius: 2px;\n\n\n                    img {\n                        display: block;\n                        width: 75px;\n                        margin-left: 45px;\n                        height: auto;\n                        float: left;\n                    }\n\n                    /**\n                    * Metadata\n                    */\n                    div.meta {\n                        position: relative;\n                        z-index: 1;\n                        left: 0;\n                        margin: 0;\n                        display: inline-table;\n                        width: 75%;\n                        padding: 0 80px 0 30px;\n                        border: none;\n                        font-weight: 700;\n                        text-align: left;\n                        -webkit-box-sizing: border-box;\n                        -moz-box-sizing: border-box;\n                        box-sizing: border-box;\n                        height: auto;\n\n                        /**\n                        * Title\n                        */\n                        div.title {\n                            display: block;\n                            width: 100%;\n                            height: auto;\n                            font-size: 16px;\n                            margin: 0;\n                            padding: 0;\n                            float: left;\n\n                            a.hint {\n                                display: none;\n                            }\n                        }\n\n                        /**\n                        * Additional metadata\n                        * - Displayed in list view\n                        */\n                        div.additional {\n                            /* to do: remove !important; */\n                            position: relative !important;\n                            display: inline-block;\n                            height: 25px;\n                            margin: 5px 0 0 0;\n                            padding: 0;\n                            max-height: 25px;\n                            height: 25px;\n                            bottom: auto !important;\n                            right: auto !important;\n                            span.envira-video-type.vimeo {\n                                background-color: transparent !important;\n                            }\n                            span.envira-video-type.videopress {\n                                height: 25px !important;\n                            }\n                        }\n                    }\n\n                    /**\n                    * Checkbox\n                    * - Always display\n                    */\n                    a.check {\n                        display: block;\n                        position: absolute;\n                        left: 15px;\n                        top: 35px;\n                    }\n                    a.dashicons {\n\n                        &.envira-gallery-remove-image {\n                          left: auto;\n                          top: 10px;\n                          right: 10px;\n                        }\n\n                        &.envira-gallery-modify-image {\n                            left: auto;\n                            top: 10px;\n                            right: 40px;\n                        }\n                        &.envira-active-item.grid-status,\n                        &.envira-draft-item.grid-status{\n                            display: none;\n                        }\n                    }\n                    .envira-active-item.list-status,\n                    .envira-draft-item.list-status{\n                        display: block;\n                        margin-top: 10px;\n                        font-weight: 600;\n                        color: black;\n                        text-decoration: none;\n                        &:hover{\n                            text-decoration: none;\n                            color: black;\n                        }\n\n                    }\n                    .envira-active-item.list-status{\n                        span{\n                            margin-left: 5px;\n                            border-radius: 3px;\n                            padding: 3px 5px;\n                            background-color: #74b445;\n                            color: white;\n                        }\n                    }\n                    .envira-draft-item.list-status{\n                        span{\n                            margin-left: 5px;\n                            border-radius: 3px;\n                            padding: 3px 5px;\n                            background-color: #ffa93b;\n                            color: white;\n                        }\n                    }\n                }\n            }\n            /**\n            * Grid View\n            */\n            &.grid{\n\n            }\n        }\n\n        /* ==========================================================================\n           Envira Gallery Type\n           Envira Album Type\n           ========================================================================== */\n        #envira-gallery {\n            margin: 60px 0 20px 0;\n        }\n        #envira-gallery,\n        #envira-albums {\n            /**\n            * Hide the title bar of the metabox, so we have a seamless style\n            */\n            .handlediv {\n                display: none;\n            }\n            .hndle {\n                display: none;\n            }\n\n            /**\n            * Tabs\n            * - Move up vertically so they sit above the metabox\n            */\n            h2.nav-tab-wrapper {\n                margin: -56px 0 0 -1px; /* The height of the tab */\n                padding: 0;\n                border-bottom: none;\n\n                /**\n                * Increase tab sizes and style\n                */\n                .nav-tab {\n                    display: inline-block;\n                    width: 33.2%;\n                    margin: 0;\n                    padding: 15px 0;\n                    text-align: center;\n                    font-size: 16px;\n                    border-color: #e5e5e5; /* Matches the metabox border for a seamless UI */\n                    background: #f5f5f5;\n\n                    /**\n                    * Envira Gallery Icon\n                    */\n                    &.nav-tab-native-envira-gallery {\n                        span {\n                            display: inline-block;\n                            background: url(images/icons/leaf.svg) 0 5px no-repeat;\n                            background-size: 14px 14px;\n                            text-indent: 20px;\n                        }\n\t\t\t\t}\n\n                    /**\n\t\t\t\t\t\t\t\t\t\t * Envira AI Tab\n\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\t&.nav-tab-envira-ai {\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: -1px;\n\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t\t\tbackground: url(images/icons/envira-ai-black.svg) 0 5px no-repeat;\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-size: 19px 18px;\n\t\t\t\t\t\t\t\t\t\t\t\ttext-indent: 24px;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t&.envira-active {\n\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: url(images/icons/envira-ai-green.svg) 0 5px no-repeat;\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-size: 19px 18px;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n                    /**\n                    * Hover and Active States\n                    */\n                    &:hover,\n                    &.envira-active {\n                        background: $white;\n                        border-bottom: 1px solid $white;\n                    }\n\n                    /**\n                    * Focus State\n                    * - Remove WordPress' blue focus box from tabs\n                    */\n                    &:focus {\n                        -webkit-box-shadow: none;\n                        -moz-box-shadow: none;\n                        box-shadow: none;\n                    }\n\n                    &:last-child {\n                        float: right;\n                    }\n\n                    /**\n                    * Hides the radio input on a label\n                    * The radio input will be selected when the label is clicked\n                    */\n                    input[type=radio] {\n                        display: none;\n                    }\n                }\n            }\n\n            /**\n            * Tab Settings\n            */\n            .inside {\n                margin: 0;\n                padding: 0;\n\n                /**\n                * Native Envira Gallery Uploader / Select Files\n                * - Styles the pluploader instance to look the way we want it\n                * - Also see responsive styles at the end of this file\n                */\n                #envira-gallery-native {\n                    #plupload-upload-ui {\n                        /* Reserves the space needed for the drag-drop-area, which is loaded using JS */\n                        height: 210px;\n\n                        /**\n                        * A drag-drop-area div is always output, whether we're on a touch\n                        * device or not. WordPress will only style this div if its parent\n                        * has the .drag-drop class (i.e. touch devices won't get any CSS styling)\n                        *\n                        * The below CSS ensures that the drag drop area looks consistent\n                        * regardless of device used, and then adjusts the layout if drag-drop is supported.\n                        */\n                        #drag-drop-area {\n                            display: none;\n                            border: 4px dashed #b4b9be;\n                            height: 200px;\n\n                            .drag-drop-inside {\n                                margin: 0 auto 0 auto;\n\n                                p {\n                                    display: block;\n                                    text-align: center;\n                                    color: #a0a5aa;\n                                    position: absolute;\n                                    top: 50%;\n                                    left: 50%;\n                                    margin: -10px 0 0 -10px;\n\n                                    /**\n                                    * \"Drop Files here\"\n                                    */\n                                    &.drag-drop-info {\n                                        display: none;\n                                        font-size: 20px;\n                                    }\n                                    &.drag-drop-buttons {\n                                        text-align: center;\n                                        position: relative;\n                                        top: 20px;\n                                        left: 0;\n                                        margin: 0;\n                                    }\n                                }\n                            }\n                        }\n\n                        /**\n                        * Select Files from Other Sources Button\n                        */\n                        a.envira-media-library.button {\n                            display: none;\n                            position: absolute;\n                            margin: 0 auto;\n                            left: 280px;\n                            right: 0;\n                            width: 230px;\n                            top: 115px;\n                            text-align: center;\n                        }\n\n                        /**\n                        * When the uploader supports drag and drop, a .drag-drop\n                        * class is appended to #drag-drop-area by WordPress\n                        *\n                        * We use this to show certain descriptions\n                        */\n                        &.drag-drop {\n                            #drag-drop-area {\n                                .drag-drop-inside {\n                                    width: 520px;\n                                    margin: 50px auto 0 auto;\n\n                                    p {\n                                        position: relative;\n                                        top: 0;\n                                        left: 0;\n                                        margin: 0;\n                                    }\n\n                                    p.drag-drop-info {\n                                        display: block;\n                                    }\n\n                                    p.drag-drop-buttons {\n                                        margin: 10px 0 0 0;\n                                        text-align: left;\n                                    }\n                                }\n\n\n                            }\n                        }\n\n                        /**\n                        * Upload Progress Bar\n                        */\n                        .envira-progress-bar {\n                            display: none;\n                            width: 100%;\n                            position: relative;\n                            height: 10px;\n                            width: 100%;\n                            margin: 10px auto;\n                            border-radius: 10px;\n                            background: #dfdfdf;\n                            background: rgba(0,0,0,.1);\n\n                            .envira-progress-bar-inner {\n                                height: 10px;\n                                min-width: 20px;\n                                width: 0;\n                                background: #aaa;\n                                background: rgba(0,0,0,.2);\n                                border-radius: 10px;\n                                -webkit-transition: width 300ms;\n                                -moz-transition: width 300ms;\n                                -ms-transition: width 300ms;\n                                -o-transition: width 300ms;\n                                transition: width 300ms;\n                            }\n\n                            .envira-progress-bar-status {\n                                clear: both;\n                                position: absolute;\n                                right: 0;\n                                width: 50%;\n                                height: 30px;\n                                margin: 12px 0 0 0;\n                                text-align: right;\n\n                                .uploading {\n\n                                }\n                                .done {\n                                    display: none;\n                                }\n                                .uploading_zip {\n                                    display: none;\n                                }\n                                .opening_zip {\n                                    display: none;\n                                    .spinner {\n                                        visibility: visible;\n                                        margin-top: 0;\n                                    }\n                                }\n                                .done_zip {\n                                    display: none;\n                                }\n                            }\n\n\n                        }\n\n                        /**\n                        * Upload Progress Bar\n                        */\n                        .envira-progress-adding-images {\n                            display: none;\n                            width: 100%;\n                            position: relative;\n                            height: 10px;\n                            width: 100%;\n                            margin: 5px auto;\n                            border-radius: 10px;\n/*                            background: #dfdfdf;\n                            background: rgba(0,0,0,.1);\n*/\n                            .envira-progress-bar-inner {\n                                height: 10px;\n                                min-width: 20px;\n                                width: 0;\n/*                                background: #aaa;\n                                background: rgba(0,0,0,.2);*/\n                                border-radius: 10px;\n/*                                -webkit-transition: width 300ms;\n                                -moz-transition: width 300ms;\n                                -ms-transition: width 300ms;\n                                -o-transition: width 300ms;\n                                transition: width 300ms;*/\n                            }\n\n                            .envira-progress-status {\n                                clear: both;\n                                position: absolute;\n                                right: 0;\n                                width: 50%;\n                                height: 30px;\n                                margin: 12px 0 0 0;\n                                text-align: right;\n                                color: green;\n                                -webkit-transition: 0.05s color ease-in-out;\n                                transition: 0.05s color ease-in-out;\n\n                                .spinner {\n                                    float: right;\n                                    margin-top: 0;\n                                    visibility: visible;\n                                }\n\n                                .adding_images {\n                                    float: right;\n                                    display: inline-block;\n                                }\n                            }\n\n                        }\n\n                        p.upload-flash-bypass {\n                            display: none;\n                        }\n                    }\n                }\n\n                div.envira-tab {\n                    padding: 20px;\n\n                    /**\n                    * External Gallery Tab Area\n                    */\n                    &#envira-gallery-external {\n                        text-align: center;\n\n                        /**\n                        * Header\n                        */\n                        p.envira-intro {\n                            margin: 0 0 20px 0;\n                            padding: 0;\n                            border: none;\n                        }\n\n                        /**\n                        * External Gallery Types\n                        */\n                        ul#envira-gallery-types-nav {\n                            margin: 0 0 40px 0;\n                            text-align: center;\n\n                            li {\n                                display: inline-block;\n                                margin: 0 20px 0 0;\n                                vertical-align: top;\n\n                                &:last-child {\n                                    margin: 0;\n                                }\n\n                                /**\n                                * Pro uses a <label> element so the user can select the Gallery Type\n                                * Lite uses an <a> element so the user can go to the Upgrade URL\n                                */\n                                label,\n                                a {\n                                    float: left;\n                                    width: 110px;\n\n                                    input {\n                                        display: none;\n                                    }\n                                    div.icon {\n                                        width: 110px;\n                                        height: 110px;\n                                        margin: 0 0 10px 0;\n                                        border: 1px solid #ddd;\n                                        background-size: 64px 64px;\n                                        background-position: center;\n                                        background-repeat: no-repeat;\n                                    }\n                                    div.title {\n                                        font-weight: 700;\n                                    }\n                                }\n\n                                /**\n                                * Hover State\n                                * Selected State\n                                */\n                                &:hover,\n                                &.envira-active {\n                                    label,\n                                    a {\n                                        div.icon {\n                                            background-color: #f7fcf3;\n                                            border-color: #7cc048;\n                                        }\n                                    }\n                                }\n\n                                /**\n                                * Featured Content\n                                */\n                                &#envira-gallery-type-fc {\n                                    label,\n                                    a {\n                                        div.icon {\n                                            background-image: url(../images/types/fc.png);\n                                        }\n                                    }\n                                }\n\n                                /**\n                                * Instagram\n                                */\n                                &#envira-gallery-type-instagram {\n                                    label,\n                                    a {\n                                        div.icon {\n                                            background-image: url(../images/types/instagram.png);\n                                        }\n                                    }\n                                }\n\n                                /**\n                                * Dribbble\n                                */\n                                &#envira-gallery-type-dribbble {\n                                    label,\n                                    a {\n                                        div.icon {\n                                            background-image: url(../images/types/dribbble.png);\n                                        }\n                                    }\n                                }\n                            }\n                        }\n\n                        /**\n                        * Upgrade Button\n                        */\n                        a.button.button-x-large {\n                            margin-top: 30px;\n                        }\n                    }\n\n\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t * Envira AI Tab Area\n\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t&#envira-gallery-envira-ai {\n\t\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t\t\tpadding: 50px;\n\n\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t * AI create button.\n\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\ta.button.button-envira-ai-tab {\n\t\t\t\t\t\t\t\t\t\t\ttext-transform: none;\n\t\t\t\t\t\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\t\t\t\t\tline-height: 38px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n                }\n            }\n        }\n\n        /* ==========================================================================\n           Envira Albums Drag & Drop Area\n           ========================================================================== */\n        #envira-albums {\n            .inside {\n                #envira-types {\n                    #envira-album-native {\n                        position: relative;\n\n                        /**\n                        * Galleries (Drop Target)\n                        */\n                        ul#envira-album-drag-drop-area {\n                            z-index: 2;\n                            min-height: 200px;\n                            margin: 0;\n                            padding: 20px;\n                            border: 4px dashed #b4b9be;\n                            -webkit-box-sizing: border-box;\n                            -moz-box-sizing: border-box;\n                            box-sizing: border-box;\n\n                            li {\n                                cursor: move;\n                            }\n                        }\n\n                        /**\n                        * Drag & Drop Instructions\n                        */\n                        p.drag-drop-info {\n                            position: absolute;\n                            top: 80px;\n                            z-index: 1;\n                            margin: 0 auto;\n                            left: 0;\n                            right: 0;\n                            text-align: center;\n                            color: #a0a5aa;\n                            font-size: 20px;\n                            -webkit-box-sizing: border-box;\n                            -moz-box-sizing: border-box;\n                            box-sizing: border-box;\n\n                            span {\n                                display: block;\n\n                                &.drag {\n\n                                }\n                                &.click {\n                                    font-size: 18px;\n                                }\n                            }\n                            small {\n                                display: block;\n                                margin: 5px 0;\n                                font-size: 14px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        /* ==========================================================================\n           Envira Gallery Settings\n           Envira Albums Settings\n           ========================================================================== */\n        #envira-gallery-settings,\n        #envira-albums-settings {\n            background: $beige_light; /* The background for tabs, full height */\n            input[type=\"text\"],\n            input[type=\"number\"],\n            input[type=\"password\"]{\n                background-color: $white;\n                border: 1px solid #ddd;\n                -webkit-box-shadow: none;\n                box-shadow: none;\n                color: #32373c;\n                height: $input-height;\n                outline: none;\n                -webkit-transition: 0.05s border-color ease-in-out;\n                transition: 0.05s border-color ease-in-out;\n                min-width: auto; /* 210px; */\n                max-width: 350px;\n                width: auto;\n                border-radius: $border-radius;\n                padding-right: 0;\n            }\n            tr#envira-config-crop-size-box {\n                input[type=\"text\"],\n                input[type=\"number\"],\n                input[type=\"password\"] {\n                    max-width: 200px;\n                }\n            }\n            #envira-empty-gallery{\n              position: relative;\n                background-color: $beige_light;\n                min-height: 350px;\n                width: 100%;\n                text-align: center;\n                border-radius: $border-radius;\n                div{\n                    max-width: 450px;\n                    max-height: 150px;\n                    margin: auto;\n                    position: absolute;\n                    top: 0; left: 0; bottom: 0; right: 0;\n\n                }\n                img{\n                    max-width: 300px;\n                }\n\n            }\n            .envira-external-req{\n                border: 1px solid $green;\n                border-radius: $border-radius;\n                padding: 30px;\n                h2{\n                    font-size: 20px;\n                    margin: 0;\n                    padding: 0;\n                }\n            }\n            /**\n            * Clearfix\n            */\n            &:after {\n                content: \"\";\n                display: table;\n                clear: both;\n            }\n\n            /**\n            * Hide the title bar of the metabox, so we have a seamless style\n            */\n            .handlediv {\n                display: none;\n            }\n            .hndle {\n                display: none;\n            }\n            .inside {\n                margin: 0;\n                padding: 0;\n            }\n\n            /**\n            * Tabs\n            */\n            ul#envira-tabs-nav {\n                width: 160px;\n                margin: 0;\n                padding: 0;\n                border-right: 1px solid #ddd;\n\n                li {\n                    float: left;\n                    width: 100%;\n                    margin: 0;\n                    padding: 0;\n\n                    a {\n                        float: left;\n                        width: 120px;\n                        margin: 0 20px;\n                        padding: 20px 0 20px 25px;\n                        text-decoration: none;\n                        color: #999;\n                        border-bottom: 1px solid #ddd;\n                        background-position: left center;\n                        background-repeat: no-repeat;\n                        -webkit-box-sizing: border-box;\n                        -moz-box-sizing: border-box;\n                        box-sizing: border-box;\n                        transition: none;\n                        -webkit-transition: none;\n\n                        /**\n                        * Hover and Active States\n                        */\n                        &:hover,\n                        &.envira-active {\n                            width: 161px;\n                            margin: -1px 0 0 0;\n                            padding: 20px 20px 20px ( 20px + 25px );\n                            text-decoration: none;\n                            color: #444;\n                            border-top: 1px solid #ddd;\n                            border-bottom: 1px solid #ddd;\n                            border-right: 1px solid $white;\n                            background-color: $white;\n                            background-position: 20px center;\n                        }\n\n                        /**\n                        * Focus State\n                        * - Remove WordPress' blue focus box from tabs\n                        */\n                        &:focus {\n                            -webkit-box-shadow: none;\n                            -moz-box-shadow: none;\n                            box-shadow: none;\n                        }\n                    }\n\n                    /**\n                    * Last Item\n                    */\n                    &:last-child {\n                        a {\n                            border-bottom: none;\n\n                            &:hover {\n                                border-bottom: none;\n                            }\n                        }\n                    }\n\n                    /**\n                    * Tab Icons\n                    */\n                    &.envira-images,\n                    &.envira-galleries {\n                        a {\n                            background-image: url(images/icons/leaf.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-config {\n                        a {\n                            background-image: url(images/icons/configuration.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-lightbox {\n                        a {\n                            background-image: url(images/icons/lightbox.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-mobile {\n                        a {\n                            background-image: url(images/icons/mobile.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-breadcrumbs {\n                        a {\n                            background-image: url(images/icons/breadcrumbs.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-comments {\n                        a {\n                            background-image: url(images/icons/comments.svg);\n                            background-size: 16px 16px;\n                        }\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.envira-search {\n                        a {\n                            background-image: url(images/icons/search.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-downloads {\n                        a {\n                            background-image: url(images/icons/downloads.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-exif {\n                        a {\n                            background-image: url(images/icons/exif.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-pagination {\n                        a {\n                            background-image: url(images/icons/pagination.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-pinterest {\n                        a {\n                            background-image: url(images/icons/pinterest.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-whatsapp {\n                        a {\n                            background-image: url(images/icons/whatsapp.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-schedule {\n                        a {\n                            background-image: url(images/icons/schedule.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-proofing {\n                        a {\n                            background-image: url(images/icons/proofing.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-printing {\n                        a {\n                            background-image: url(images/icons/printing.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-standalone {\n                        a {\n                            background-image: url(images/icons/standalone.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-slideshow {\n                        a {\n                            background-image: url(images/icons/slideshow.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-social {\n                        a {\n                            background-image: url(images/icons/social.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-tags {\n                        a {\n                            background-image: url(images/icons/tags.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-videos {\n                        a {\n                            background-image: url(images/icons/video.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-watermarking {\n                        a {\n                            background-image: url(images/icons/watermark.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-woocommerce {\n                        a {\n                            background-image: url(images/icons/woocommerce.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-zoom {\n                        a {\n                            background-image: url(images/icons/zoom.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-misc {\n                        a {\n                            background-image: url(images/icons/misc.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-audio {\n                        a {\n                            background-image: url(images/icons/audio.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                    &.envira-animations {\n                        a {\n                            background-image: url(images/icons/animations.svg);\n                            background-size: 16px 16px;\n                        }\n                    }\n                }\n            }\n\n            /**\n            * Settings\n            */\n            #envira-tabs {\n                margin: 0 0 0 160px; /* Must match #ul#envira-tabs-nav width */\n                padding: 20px;\n                -webkit-box-sizing: border-box;\n                -moz-box-sizing: border-box;\n                box-sizing: border-box;\n                background: $white;\n                border-left: 1px solid #ddd;\n\n                /**\n                * Headings\n                */\n                h2 {\n                    clear: none; // Prevents config layouts breaking in WordPress 4.3 and older\n                }\n\n                /**\n                * All Tabs\n                */\n                table.form-table {\n                    clear: none;\n                    margin: 0 0 40px 0;\n\n                    &.no-margin {\n                        margin: 0;\n                    }\n                    &.no-bottom-margin {\n                        margin-bottom: 0;\n                    }\n\n                    /**\n                    * Row padding\n                    */\n                    th,td {\n                        padding-top: 20px;\n                        padding-bottom: 20px;\n                    }\n\n                    /**\n                    * Sub Headings\n                    * - Used to denote an Addon's settings within a settings tab e.g. the Mobile tab\n                    */\n                    tr.sub-heading {\n                        th {\n                            margin: 0;\n                            padding: 20px 0 0 0;\n                            font-style: italic;\n                            font-weight: 400;\n                            font-size: 16px;\n                        }\n                    }\n\n                    /**\n                    * Full width labels (used for checkboxes that we don't want to be inline)\n                    */\n                    label.full-width {\n                        display: block;\n                        margin: 0 0 5px 0;\n\n                        &:first-child {\n                            margin-top: 5px;\n                        }\n                    }\n\n                    /**\n                    * Full width textareas\n                    */\n                    textarea {\n                        width: 100%;\n                    }\n\n                    /**\n                    * Checkbox alignment\n                    */\n                    input[type=checkbox] {\n                        margin-bottom: 2px;\n                    }\n\n                    /**\n                    * Descriptions\n                    */\n                    p.description,\n                    span.description {\n                        font-size: 13px;\n                        font-style: italic;\n                        color: #666;\n                    }\n                }\n\n                /**\n                * Tab: Images\n                */\n                #envira-tab-images {\n                    /**\n                    * Inline Navigation\n                    * - Select All\n                    * - List View / Grid View\n                    * - Edit / Delete Selected Items\n                    */\n                    nav {\n                        width: 100%;\n\n                        &.envira-tab-options {\n                            margin: 20px 0;\n                        }\n                        ul.envira-right-options{\n                            position: absolute;\n                            right: 20px;\n                            top: 100px;\n                            display: block;\n                            list-style: none;\n                            z-index: 99;\n                            li{\n                                list-style: none;\n                                vertical-align: middle;\n\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t#envira-filter-images{\n                                    height: 29px;\n                                    font-weight: 200;\n                                    font-size: 12px;\n\t\t\t\t\t\t\t\t}\n                                a.dashicons {\n                                    color: #999;\n\n                                    &.dashicons-grid-view {\n                                    }\n                                    &.dashicons-list-view {\n                                    }\n\n                                    &.selected {\n                                        color: #23282d;\n                                    }\n\n                                    span {\n                                        display: inline-block;\n                                        text-indent: -9999px;\n                                    }\n                                }\n                            }\n                            li.helper{\n                                .dashicons{\n                                    font-size: 24px;\n                                    margin-top: -5px;\n                                    color: $light-grey;\n                                    &:hover{\n                                        color: #23282d;\n\n                                    }\n                                }\n                            }\n                            li.soliloquy-select{\n                                width: 200px;\n                                margin-right: 15px;\n                                .chosen-container{\n                                    margin-top: -10px;\n                                }\n                            }\n\n                        }\n                        /**\n                        * Edit / Delete Selected\n                        * - Hidden by default, shown by JS when image(s) are selected\n                        */\n                        &.envira-select-options {\n                            display: none;\n                            .envira-label{\n                                font-weight: 600;\n                                margin-bottom: 12px;\n                            }\n                            a{\n                                margin-right: 8px;\n                            }\n                        }\n                    }\n\n                    /**\n                    * Images\n                    * - Show move cursor\n                    */\n                    ul#envira-gallery-output {\n                        li {\n                            cursor: move;\n                        }\n                    }\n                }\n                nav.envira-tab-options{\n                    label{\n                        font-weight: 600;\n                    }\n                    .envira-clear-selected{\n                        display: none;\n                        margin-left: 15px;\n                        text-decoration: none;\n                    }\n                }\n                /**\n                * Tab: Galleries\n                * - Used on Albums\n                */\n                #envira-tab-galleries {\n                    /**\n                    * Inline Navigation\n                    * - Search\n                    */\n                    nav {\n                        width: 100%;\n\n                        &.envira-tab-options {\n                            height: 40px;\n                            margin: 20px 0;\n                            position: relative;\n\n                            /**\n                            * Add Galleries to Album Button\n                            */\n                            a.envira-galleries-add {\n                                display: none; /* Displayed via JS when Galleries selected */\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                            }\n\n                            /**\n                            * Search\n                            */\n                            input#envira-albums-gallery-search {\n                                position: absolute;\n                                top: 0;\n                                right: 0;\n                            }\n                        }\n\n                        /**\n                        * Bulk Action Buttons\n                        * - Hidden by default, shown by JS when galleries(s) are selected\n                        */\n                        &.envira-select-options {\n                            display: none;\n                        }\n                    }\n\n                    /**\n                    * Images\n                    * - Show move cursor\n                    * - Hide Edit & Delete icons, as these are only displayed when the gallery is assigned to the Album\n                    */\n                    ul.envira-gallery-images-output {\n                        li {\n                            cursor: move;\n\n                            a.envira-gallery-remove-image,\n                            a.envira-gallery-modify-image {\n                                display: none;\n                            }\n                        }\n                    }\n                }\n\n                /**\n                * Clearfix\n                */\n                &:after {\n                    content: \"\";\n                    display: table;\n                    clear: both;\n                }\n            }\n\n        }\n\n        /* ==========================================================================\n           Envira Gallery Preview Metabox\n           ========================================================================== */\n        #envira-gallery-preview {\n            /**\n            * Clearfix\n            */\n            &:after {\n                content: \"\";\n                display: table;\n                clear: both;\n            }\n\n            /**\n            * Hide the title bar of the metabox, so we have a seamless style\n            */\n            button.handlediv {\n                display: none;\n            }\n            h2.hndle {\n                display: none;\n            }\n            .inside {\n                margin: 0;\n                padding: 20px;\n            }\n        }\n    }\n}\n\n/* ==========================================================================\n   Media Modal (Insert Images and Edit Metadata)\n   ========================================================================== */\n.media-modal {\n    /**\n    * Header Buttons\n    */\n    .edit-attachment-frame {\n        .edit-media-header {\n            button.right {\n                border-right: 1px solid #ddd;\n            }\n        }\n    }\n\n    /**\n    * Upload\n    */\n    .uploader-inline {\n        /**\n        * Don't display the 'Select Files from Other Sources' button that we add to plupload\n        * when we're in a modal.\n        */\n        a.envira-media-library.button {\n            display: none;\n        }\n    }\n\n    .envira-progress-bar {\n        .envira-progress-bar-status {\n            display: none;\n        }\n    }\n\n    /**\n    * Insert\n    */\n    .attachment.details {\n        -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px $green;\n        box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px $green;\n\n        .check {\n            background-color: $green;\n            -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px $green;\n            box-shadow: 0 0 0 1px #fff, 0 0 0 2px $green;\n        }\n    }\n\n    /**\n    * Attachments\n    * - Ensures that images fill each <li> attachment block, providing compatibility from WordPress 4.0 upwards\n    * - Removed as breaks 4.4, 4.5\n    ul.attachments {\n        li.attachment {\n            width: 20%;\n\n            img {\n                width: 100%;\n                height: 100%;\n            }\n        }\n    }\n    */\n\n    /**\n    * Albums: Select Gallery Cover Image\n    * - Add some top spacing so that a selected cover image that's on the first line of the results\n    * doesn't have its checkmark cut off\n    */\n    ul.attachments.envira-albums-gallery-cover-image {\n        padding: 10px;\n    }\n\n    /**\n    * Bulk Edit Attachments\n    * - Restore cursor to default, so the user doesn't think they can click an image\n    */\n    ul.attachments.envira-bulk-edit {\n        li.attachment {\n            cursor: default;\n\n            .attachment-preview {\n                cursor: default;\n            }\n        }\n    }\n\n    /**\n    * Edit\n    */\n    .attachment-details {\n        .attachment-info {\n            padding: 16px;\n\n            /**\n            * Settings\n            * - Contains one or more setting elements (Title, Alt etc)\n            */\n            .settings {\n                margin: 0;\n                padding: 0;\n                border: none;\n\n                /**\n                * Individual Setting (Title, Alt etc)\n                */\n                .setting {\n                    margin: 0 0 20px 0;\n                    padding: 0 0 20px 0;\n                    border-bottom: 1px solid #ddd;\n\n                    /**\n                    * Input\n                    */\n                    input[type=\"text\"],\n                    textarea {\n                        display: block;\n                        width: 100%;\n                        min-width: 100%;\n                        margin: 0;\n                    }\n                    input[type=\"checkbox\"] {\n                        float: left;\n                        margin: 0 5px 0 0;\n                    }\n                    select {\n                        margin: 0;\n                    }\n\n                    span {\n                        /**\n                        * Title\n                        */\n                        &.name {\n                            display: block;\n                            width: 100%;\n                            min-width: 100%;\n                            margin: 0;\n                            padding: 0;\n                            text-align: left;\n                            font-weight: 700;\n                            font-size: 14px;\n                        }\n\n                        /**\n                        * Description\n                        */\n                        &.description {\n                            text-align: left;\n                            font-style: normal;\n                            font-size: 13px;\n                            font-style: italic;\n                            color: #666;\n                        }\n                    }\n\n                    div.description {\n                        clear: both;\n                        float: left;\n                        margin: 5px 0 0 0;\n                        text-align: left;\n                        font-size: 13px;\n                        font-style: italic;\n                        color: #666;\n                    }\n                }\n            }\n\n            /**\n            * Actions\n            * - Save Button\n            * - Spinner\n            */\n            div.actions {\n                /**\n                * Ensure button renders at correct height\n                */\n                a.button {\n                    display: inline-block;\n                }\n            }\n        }\n    }\n}\n\n/* ==========================================================================\n   Retina\n   ========================================================================== */\n@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {\n    /**\n    * WP media-views.css doesn't use .wp-core-ui for the x2 icons, therefore they never get applied\n    */\n    .wp-core-ui a.check .media-modal-icon {\n        background-image: url(../../../../../wp-includes/images/uploader-icons-2x.png) !important;\n        -webkit-background-size: 134px 15px;\n        background-size: 134px 15px;\n    }\n}\n\n/* ==========================================================================\n   Responsive\n   ========================================================================== */\n@media screen and (max-width: 1320px) {\n    /* ==========================================================================\n       Form\n       - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n       ========================================================================== */\n    form#post.envira-gallery {\n        #poststuff {\n            #envira-gallery,\n            #envira-albums {\n                /**\n                * Tab Settings\n                */\n                .inside {\n                    /**\n                    * Native Envira Gallery\n                    */\n                    #envira-gallery-native {\n                        #plupload-upload-ui {\n                            &.drag-drop {\n                                #drag-drop-area {\n                                    border-color: #d5d5d5;\n\n                                    .drag-drop-inside {\n                                        width: 100%;\n                                        margin-top: 20px;\n\n                                        p.drag-drop-buttons {\n                                            text-align: center;\n                                        }\n                                    }\n                                }\n                            }\n                            a.envira-media-library.button {\n                                left: 0;\n                                right: 0;\n                                width: 235px;\n                                top: 145px;\n                            }\n                        }\n                    }\n                }\n            }\n            #envira-gallery-settings,\n            #envira-albums-settings {\n                .inside {\n                    /* arrange this area a bit differently */\n                    #envira-tabs #envira-tab-images nav.envira-tab-options {\n                        label.select-all-label {\n                            width: 100%;\n                            display: block;\n                        }\n                        ul.envira-right-options {\n                            position: relative;\n                            width: auto;\n                            right: 0;\n                            top: 0;\n                            li {\n                                display: block;\n                                &.filter-images {\n                                    width: 100%;\n                                    input {\n                                        max-width: 100%;\n                                        width: 100%;\n                                    }\n                                }\n                                &.sorting-options {\n                                    width: 40%;\n                                    display: inline-table;\n                                    margin-left: -5px;\n                                }\n                                &.sorting-directions {\n                                    width: 40%;\n                                    display: inline-table;\n                                }\n                                &.grid-view,\n                                &.list-view {\n                                    display: inline-block;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 768px) {\n    /* ==========================================================================\n       Form\n       - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n       ========================================================================== */\n    form#post.envira-gallery {\n        #poststuff {\n            /* ==========================================================================\n               Envira Gallery Settings\n               Envira Albums Settings\n               ========================================================================== */\n            #envira-gallery-settings,\n            #envira-albums-settings {\n                /**\n                * Tabs\n                */\n                ul#envira-tabs-nav {\n                    width: 60px;\n\n                    li {\n                        a {\n                            width: 60px;\n                            height: 60px;\n                            margin: 0;\n                            padding: 0;\n                            text-indent: -9999px;\n                            background-position: center;\n\n                            &:hover,\n                            &.envira-active {\n                                width: 60px;\n                                height: 60px;\n                                margin: 0;\n                                padding: 0;\n                                text-indent: -9999px;\n                                background-position: center;\n                            }\n                        }\n                    }\n                }\n\n                /**\n                * Settings\n                */\n                #envira-tabs {\n                    margin: 0 0 0 60px; /* Must match #ul#envira-tabs-nav width */\n                }\n            }\n        }\n    }\n}\n\n.envira-notice {\n\tposition: relative;\n\tmargin: 0 0 20px 0;\n    padding: 20px;\n    @include borderRadius(2px);\n\n    /**\n    * Heading\n    */\n    p.envira-intro {\n        border: none !important;\n        margin: 0 0 20px 0 !important;\n        padding: 0 !important;\n\t}\n\n\t.dashicons.star {\n\t\tcolor: #ff982d;\n\t\tline-height: 1.3;\n\t\tfont-size: 15px;\n\t\twidth: 15px;\n\t\theight: 15px;\n\t}\n\n    /**\n    * Close Button\n    */\n    .notice-dismiss {\n        top: 10px;\n        right: 10px;\n        color: $white;\n\n        &:before {\n            color: $white;\n            width: 26px;\n            height: 26px;\n            font-size: 22px;\n        }\n\t}\n\n    /**\n    * Layout\n    */\n\t.no-margin-top {\n\t\tmargin-top: 0;\n\t}\n\n    /**\n    * Success\n    */\n    &.success {\n        background: $green;\n        color: $white;\n        border: none;\n\n        /**\n        * Button background color needs to be adjusted so it displays over the green background\n        * of the success message\n        */\n        .button.button-primary {\n          background-color: $green_alt;\n          border-color: $green_alt;\n        }\n    }\n\n    /**\n    * Warning\n    */\n    &.warning {\n        background: #fcf8e3;\n        border: 1px solid #faebcc;\n\n        .notice-dismiss {\n          color: $black;\n\n          &:before {\n               color: $black;\n          }\n        }\n    }\n\n    /**\n    * Error\n    */\n    &.error {\n        border-top: 1px solid #dc3232;\n        border-right: 1px solid #dc3232;\n        border-bottom: 1px solid #dc3232;\n    }\n}\n@media screen and (max-width: 485px) {\n    /* ==========================================================================\n       Form\n       - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n       ========================================================================== */\n    form#post.envira-gallery {\n        #poststuff {\n            #envira-gallery-settings,\n            #envira-albums-settings {\n                .inside {\n                    /* arrange this area a bit differently */\n                    #envira-tabs #envira-tab-images nav.envira-tab-options {\n                        ul.envira-right-options {\n                            li {\n                                display: block;\n                                &.filter-images {\n                                    width: 100%;\n                                    input {\n                                        max-width: 100%;\n                                        width: 100%;\n                                    }\n                                }\n                                &.sorting-options {\n                                    width: 100%;\n                                    input {\n                                        max-width: 100%;\n                                        width: 100%;\n                                    }\n                                    margin-left: -5px;\n                                }\n                                &.sorting-directions {\n                                    width: 50%;\n                                    input {\n                                        max-width: 50%;\n                                        width: 50%;\n                                    }\n                                    margin-left: -5px;\n                                }\n                                &.grid-view,\n                                &.list-view {\n                                    display: inline-block;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**\n * Envira AI tab.\n */\n @media screen and (min-width: 2349px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -3px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (min-width: 1446px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -3px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 1445px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -3px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 1345px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -3px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 1354px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -4px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 768px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -5px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 567px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab {\n\t\t\t\t&.nav-tab-envira-ai span,\n\t\t\t\t&.nav-tab-external-gallery span,\n\t\t\t\t&.nav-tab-native-envira-gallery span {\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-tab {\n\t\t\t\t&.nav-tab-envira-ai,\n\t\t\t\t&.nav-tab-external-gallery,\n\t\t\t\t&.nav-tab-native-envira-gallery {\n\t\t\t\t\theight: 60px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 489px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab.nav-tab-envira-ai {\n\t\t\t\tmargin-right: -6px !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@import './image-select';\n\n/**\n * Envira AI Upsell Modal\n */\n@import './image-create-ai';\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}","$thumbnail_padding: 8px;\n$thumbnail_margin: 12px;\n$thumbnail_border: 1px solid rgb(240, 240, 240);\n$thumbnail_selected_color: rgb(250, 250, 250);\n\nul.thumbnails.image_picker_selector {\n\toverflow: auto;\n\tlist-style-image: none;\n\tlist-style-position: outside;\n\tlist-style-type: none;\n\tpadding: 0px;\n\tmargin: 0px;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n\tgap: 10px;\n\tcursor: pointer;\n\t@media (max-width: 1350px) {\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgap: 0px;\n\t}\n\n\t@media (max-width: 1200px) {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tgap: 0px;\n\t}\n\n\t@media (max-width: 1024px) {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 0px;\n\t}\n\n\t@media (min-width: 961px) and (max-width: 992px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t@media (max-width: 849px) {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n\t@media (max-width: 480px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\tli.group_title {\n\t\tfloat: none;\n\t}\n\n\tli {\n\t\t.thumbnail {\n\t\t\tpadding: $thumbnail_padding;\n\t\t\ttext-align: center;\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\n\t\t\timg {\n\t\t\t\t-webkit-user-drag: none;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\t\t.thumbnail.selected {\n\t\t\timg{\n\t\t\t\tborder: 2px solid #7BC047;\n\t\t\t\tborder-radius: 7px;\n\t\t\t\twidth: calc(120px - 4px);\n\t\t\t}\n\t\t\tp {\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Envira AI Upsell Modal.\n */\n.envira-ai-modal {\n  display: none;\n\n  .envira-ai-modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    z-index: 9991;\n  }\n\n  .envira-ai-upsell-modal-content {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: white;\n    padding-left: 30px;\n    border-radius: 16px;\n    z-index: 9992;\n    max-width: 535px;\n    width: 100%;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n    max-height: 85vh;\n    overflow-y: auto;\n\n    .close-envira-ai-upsell {\n      position: absolute;\n      top: 0px;\n      right: 10px;\n      background: transparent;\n      border: none;\n      font-size: 30px;\n      text-decoration: none;\n      color: #000;\n      outline: none;\n      border: none;\n      cursor: pointer;\n      background: none;\n      &:focus,\n      &:active {\n        outline: none;\n        border: none;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .upsell-content-container {\n    width: 100%;\n    padding-top: 30px;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 600;\n      margin: 0;\n      margin-top: 5px;\n    }\n\n    .upsell-two-column {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 15px;\n\n      .upsell-left-column {\n        width: 55%;\n        .top-content {\n          h4 {\n            font-size: 15px;\n            font-weight: 600;\n            margin: 0;\n          }\n          ul {\n            list-style-type: disc;\n            padding-left: 20px;\n            li {\n              line-height: 1;\n              &::marker {\n                color: #7cc148;\n                font-size: 1.5em;\n              }\n            }\n          }\n        }\n\n        .bottom-content {\n          padding-top: 25px;\n          padding-bottom: 18px;\n\n          .gift-text {\n            font-size: 12px;\n            margin-top: 12px;\n\n            .offer-text {\n              font-weight: 700;\n            }\n\n            .gift-icon {\n              vertical-align: middle;\n              margin-right: 2px;\n              margin-top: -5px;\n            }\n          }\n        }\n      }\n\n      .upsell-right-column {\n        width: 45%;\n        flex: 1;\n        border-bottom-right-radius: 16px;\n        overflow: hidden;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n\n  /**\n\t * Responsive.\n\t */\n  @media (max-width: 782px) {\n    .upsell-content-container {\n      .upsell-two-column {\n        .upsell-left-column {\n          .bottom-content {\n            .button {\n              line-height: 38px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 481px) and (max-width: 588px) {\n    .envira-ai-upsell-modal-content {\n      width: 85vw;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .envira-ai-upsell-modal-content {\n      max-width: 75%;\n      padding: 15px;\n      max-height: 85vh;\n      top: 10%;\n      transform: translate(-50%, 0);\n      overflow-y: auto;\n    }\n\n    .upsell-content-container {\n      padding-top: 20px;\n\n      h3 {\n        font-size: 16px;\n      }\n\n      .upsell-two-column {\n        flex-direction: column;\n\n        .upsell-left-column,\n        .upsell-right-column {\n          width: 100%;\n        }\n\n        .upsell-right-column {\n          img {\n            display: none;\n          }\n        }\n      }\n    }\n\n    .close-envira-ai-upsell {\n      font-size: 25px;\n    }\n  }\n}\n\n/**\n * Envira AI Create Images Modal.\n */\n#envira-ai-create-images-modal {\n  .envira-ai-create-images-modal-content {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: white;\n    border-radius: 7px;\n    z-index: 9992;\n    max-width: 800px;\n    width: 100%;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n    max-height: 85vh;\n    overflow-y: auto;\n\n    .close-envira-ai-create-images {\n      position: absolute;\n      top: 0px;\n      right: 15px;\n      background: transparent;\n      border: none;\n      font-size: 30px;\n      text-decoration: none;\n      color: #000;\n      outline: none;\n      border: none;\n      cursor: pointer;\n      background: none;\n      &:focus,\n      &:active {\n        outline: none;\n        border: none;\n        box-shadow: none;\n      }\n    }\n\n    .create-images-content-container {\n      width: 100%;\n\n      .main-title {\n        padding: 8px 16px 8px 24px;\n        border-bottom: 1px solid #00000026;\n\n        h3 {\n          font-size: 16px;\n          font-weight: 600;\n          padding: 0;\n          margin: 0;\n        }\n      }\n\n      .create-images-two-columns {\n        display: flex;\n        justify-content: space-between;\n\n        .left-column {\n          width: 45%;\n          padding: 24px;\n          border-right: 1px solid #00000026;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n\n          .form-container {\n            .form-group {\n              margin-bottom: 15px;\n\n              label {\n                font-size: 14px;\n                font-weight: 600;\n                margin-bottom: 5px;\n                display: block;\n                color: #26321d;\n              }\n\n              input {\n                font-size: 14px;\n                width: 100%;\n                padding: 8px;\n                border: 1px solid #00000026;\n                border-radius: 3px;\n              }\n\n              select {\n                font-size: 14px;\n                width: 100%;\n                padding: 7px 8px 7px 12px;\n                border: 1px solid #00000026;\n                border-radius: 3px;\n              }\n\n              textarea {\n                font-size: 14px;\n                width: 100%;\n                padding: 8px;\n                border: 1px solid #00000026;\n                border-radius: 3px;\n                resize: none;\n\n                &::-webkit-input-placeholder {\n                  /* Chrome, Safari, Edge */\n                  color: #00000080;\n                }\n\n                &::-moz-placeholder {\n                  /* Firefox 19+ */\n                  color: #00000080;\n                }\n\n                &:-ms-input-placeholder {\n                  /* IE 10+ */\n                  color: #00000080;\n                }\n\n                &::-ms-input-placeholder {\n                  /* Edge */\n                  color: #00000080;\n                }\n\n                &::placeholder {\n                  /* Standard */\n                  color: #00000080;\n                }\n              }\n\n              button {\n                font-size: 14px;\n                width: 100%;\n                background-color: #72b73e;\n                color: #fff;\n                border: none;\n                border-radius: 3px;\n                padding: 12px 20px;\n                cursor: pointer;\n                display: inline-block;\n                text-align: center;\n                text-decoration: none;\n                transition: background-color 0.3s;\n                font-weight: 600;\n                line-height: 18px;\n                margin-top: 18px;\n\n                &:hover {\n                  background-color: #95dc5e;\n                }\n\n                &.disabled {\n                  background-color: #ccc;\n                  color: #888;\n                  cursor: not-allowed;\n                  pointer-events: none;\n                }\n              }\n\n              .ai-error-message,\n              .envira-ai-response-error-msg {\n                color: #ff0000;\n                font-size: 13px;\n                display: none;\n                margin-top: 5px;\n                font-weight: 600;\n              }\n\n              .characters-limit {\n                color: #00000080;\n                font-size: 12px;\n                display: block;\n              }\n\n              .form-group.envira-ai-error .ai-error-message {\n                display: block;\n              }\n\n              .ajax-create-success.envira-ai-response-error-msg,\n              .ajax-add-success.envira-ai-response-error-msg {\n                color: #454545;\n              }\n\n              .button-envira-ai-write-new {\n                display: none;\n                color: #72b73e;\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 18px;\n\n                &:hover {\n                  color: #95dc5e;\n                }\n              }\n\n              &.ai-add-selected-images {\n                display: none;\n              }\n\n              &.item-center {\n                text-align: center;\n              }\n            }\n            .ai-write-new-btn {\n              text-align: center;\n            }\n          }\n        }\n\n        .right-column {\n          width: 55%;\n          padding: 24px;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n\n          .generate-image-text {\n            text-align: center;\n            padding: 0 60px;\n\n            img {\n              margin-bottom: 10px;\n            }\n\n            p {\n              margin: 0;\n              color: #00000080;\n              font-weight: 400;\n            }\n          }\n\n          .generated-ai-images-headline {\n            text-align: center;\n            margin-bottom: 10px;\n\n            p {\n              margin: 0;\n              color: #00000080;\n              font-weight: 400;\n            }\n          }\n\n          .generated-ai-images-result {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            width: 100%;\n\n            .ai-image-item {\n              position: relative;\n              max-width: 100%;\n              align-items: center;\n              vertical-align: middle;\n              display: flex;\n              aspect-ratio: 1 / 1;\n              overflow: hidden;\n\n              img.ai-image {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n\n              a {\n                outline: none;\n                box-shadow: none;\n\n                &:focus {\n                  outline: none;\n                  box-shadow: none;\n                }\n              }\n\n              /* Download Icon */\n              img.download-image {\n                position: absolute;\n                bottom: 10px;\n                right: 10px;\n                width: 30px;\n                height: 30px;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.3s;\n              }\n\n              /* Checkbox for selecting image */\n              .ai-image-checkbox {\n                position: absolute;\n                top: 10px;\n                left: 10px;\n                width: 20px;\n                height: 20px;\n                appearance: none;\n                border: 1px solid #00000026;\n                border-radius: 4px;\n                background-color: #ffffffcc;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                opacity: 0; /* Hidden by default */\n                transition: opacity 0.3s;\n\n                /* Custom right tick */\n                background-image: none;\n\n                /* When checked, apply background color and border color */\n                &:checked {\n                  background-color: #7cc148;\n                  border-color: #7cc148;\n                  opacity: 1;\n\n                  /* Custom right tick icon */\n                  &::before {\n                    content: \"\";\n                    width: 10px;\n                    height: 10px;\n                    background-image: url(\"images/icons/right-tick.svg\");\n                    background-size: cover;\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    display: block;\n                    margin: 0;\n                  }\n                }\n              }\n\n              /* Show both download icon and checkbox on hover */\n              &:hover img.download-image,\n              &:hover .ai-image-checkbox {\n                opacity: 1;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .envira-ai-images-spinner {\n      display: none;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      width: 100%;\n      background-color: rgba(255, 255, 255, 0.8);\n      z-index: 9993;\n      position: absolute;\n      top: 0;\n      left: 0;\n\n      .ai-spinner {\n        width: 60px;\n        height: 60px;\n      }\n    }\n  }\n\n  /**\n\t * Responsive.\n\t */\n  @media (max-width: 841px) {\n    .envira-ai-create-images-modal-content {\n      width: 95vw;\n    }\n\n    .create-images-content-container {\n      .create-images-two-columns {\n        .right-column {\n          .generate-image-text {\n            padding: 0 35px !important;\n          }\n        }\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    .envira-ai-create-images-modal-content {\n      max-width: 85vw;\n      max-height: 85vh;\n      top: 5%;\n      transform: translate(-50%, 0);\n      overflow-y: auto;\n    }\n\n    .create-images-content-container {\n      .main-title {\n        padding-left: 15px !important;\n        padding-right: 40px !important;\n      }\n\n      .create-images-two-columns {\n        flex-direction: column;\n        padding: 0px 15px 15px 15px;\n\n        .left-column,\n        .right-column {\n          width: 100% !important;\n          border-right: 0px !important;\n          padding: 20px 0px 20px 0px !important;\n        }\n\n        .left-column {\n          border-bottom: 1px solid #00000026;\n        }\n\n        .right-column {\n          .generate-image-text {\n            padding: 0 15px !important;\n          }\n        }\n      }\n    }\n  }\n}\n"]}