acf-global.css 124 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536
  1. /*!*****************************************************************************************************************************************************************************************************************!*\
  2. !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/advanced-custom-fields-pro/assets/src/sass/acf-global.scss ***!
  3. \*****************************************************************************************************************************************************************************************************************/
  4. @charset "UTF-8";
  5. /*--------------------------------------------------------------------------------------------
  6. *
  7. * Vars
  8. *
  9. *--------------------------------------------------------------------------------------------*/
  10. /* colors */
  11. /* acf-field */
  12. /* responsive */
  13. /*--------------------------------------------------------------------------------------------
  14. *
  15. * ACF 6 ↓
  16. *
  17. *--------------------------------------------------------------------------------------------*/
  18. /*--------------------------------------------------------------------------------------------
  19. *
  20. * Mixins
  21. *
  22. *--------------------------------------------------------------------------------------------*/
  23. /*--------------------------------------------------------------------------------------------
  24. *
  25. * Global
  26. *
  27. *--------------------------------------------------------------------------------------------*/
  28. /* Horizontal List */
  29. .acf-hl {
  30. padding: 0;
  31. margin: 0;
  32. list-style: none;
  33. display: block;
  34. position: relative;
  35. }
  36. .acf-hl > li {
  37. float: left;
  38. display: block;
  39. margin: 0;
  40. padding: 0;
  41. }
  42. .acf-hl > li.acf-fr {
  43. float: right;
  44. }
  45. /* Horizontal List: Clearfix */
  46. .acf-hl:before, .acf-hl:after,
  47. .acf-bl:before, .acf-bl:after,
  48. .acf-cf:before, .acf-cf:after {
  49. content: "";
  50. display: block;
  51. line-height: 0;
  52. }
  53. .acf-hl:after,
  54. .acf-bl:after,
  55. .acf-cf:after {
  56. clear: both;
  57. }
  58. /* Block List */
  59. .acf-bl {
  60. padding: 0;
  61. margin: 0;
  62. list-style: none;
  63. display: block;
  64. position: relative;
  65. }
  66. .acf-bl > li {
  67. display: block;
  68. margin: 0;
  69. padding: 0;
  70. float: none;
  71. }
  72. /* Visibility */
  73. .acf-hidden {
  74. display: none !important;
  75. }
  76. .acf-empty {
  77. display: table-cell !important;
  78. }
  79. .acf-empty * {
  80. display: none !important;
  81. }
  82. /* Float */
  83. .acf-fl {
  84. float: left;
  85. }
  86. .acf-fr {
  87. float: right;
  88. }
  89. .acf-fn {
  90. float: none;
  91. }
  92. /* Align */
  93. .acf-al {
  94. text-align: left;
  95. }
  96. .acf-ar {
  97. text-align: right;
  98. }
  99. .acf-ac {
  100. text-align: center;
  101. }
  102. /* loading */
  103. .acf-loading,
  104. .acf-spinner {
  105. display: inline-block;
  106. height: 20px;
  107. width: 20px;
  108. vertical-align: text-top;
  109. background: transparent url(../../images/spinner.gif) no-repeat 50% 50%;
  110. }
  111. /* spinner */
  112. .acf-spinner {
  113. display: none;
  114. }
  115. .acf-spinner.is-active {
  116. display: inline-block;
  117. }
  118. /* WP < 4.2 */
  119. .spinner.is-active {
  120. display: inline-block;
  121. }
  122. /* required */
  123. .acf-required {
  124. color: #f00;
  125. }
  126. /* show on hover */
  127. .acf-soh .acf-soh-target {
  128. -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  129. -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  130. -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  131. transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  132. visibility: hidden;
  133. opacity: 0;
  134. }
  135. .acf-soh:hover .acf-soh-target {
  136. -webkit-transition-delay: 0s;
  137. -moz-transition-delay: 0s;
  138. -o-transition-delay: 0s;
  139. transition-delay: 0s;
  140. visibility: visible;
  141. opacity: 1;
  142. }
  143. /* show if value */
  144. .show-if-value {
  145. display: none;
  146. }
  147. .hide-if-value {
  148. display: block;
  149. }
  150. .has-value .show-if-value {
  151. display: block;
  152. }
  153. .has-value .hide-if-value {
  154. display: none;
  155. }
  156. /* select2 WP animation fix */
  157. .select2-search-choice-close {
  158. -webkit-transition: none;
  159. -moz-transition: none;
  160. -o-transition: none;
  161. transition: none;
  162. }
  163. /*---------------------------------------------------------------------------------------------
  164. *
  165. * tooltip
  166. *
  167. *---------------------------------------------------------------------------------------------*/
  168. /* tooltip */
  169. .acf-tooltip {
  170. background: #1D2939;
  171. border-radius: 6px;
  172. color: #D0D5DD;
  173. padding-top: 8px;
  174. padding-right: 12px;
  175. padding-bottom: 10px;
  176. padding-left: 12px;
  177. position: absolute;
  178. z-index: 900000;
  179. max-width: 280px;
  180. box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  181. /* tip */
  182. /* positions */
  183. }
  184. .acf-tooltip:before {
  185. border: solid;
  186. border-color: transparent;
  187. border-width: 6px;
  188. content: "";
  189. position: absolute;
  190. }
  191. .acf-tooltip.top {
  192. margin-top: -8px;
  193. }
  194. .acf-tooltip.top:before {
  195. top: 100%;
  196. left: 50%;
  197. margin-left: -6px;
  198. border-top-color: #2F353E;
  199. border-bottom-width: 0;
  200. }
  201. .acf-tooltip.right {
  202. margin-left: 8px;
  203. }
  204. .acf-tooltip.right:before {
  205. top: 50%;
  206. margin-top: -6px;
  207. right: 100%;
  208. border-right-color: #2F353E;
  209. border-left-width: 0;
  210. }
  211. .acf-tooltip.bottom {
  212. margin-top: 8px;
  213. }
  214. .acf-tooltip.bottom:before {
  215. bottom: 100%;
  216. left: 50%;
  217. margin-left: -6px;
  218. border-bottom-color: #2F353E;
  219. border-top-width: 0;
  220. }
  221. .acf-tooltip.left {
  222. margin-left: -8px;
  223. }
  224. .acf-tooltip.left:before {
  225. top: 50%;
  226. margin-top: -6px;
  227. left: 100%;
  228. border-left-color: #2F353E;
  229. border-right-width: 0;
  230. }
  231. .acf-tooltip .acf-overlay {
  232. z-index: -1;
  233. }
  234. /* confirm */
  235. .acf-tooltip.-confirm {
  236. z-index: 900001;
  237. }
  238. .acf-tooltip.-confirm a {
  239. text-decoration: none;
  240. color: #9ea3a8;
  241. }
  242. .acf-tooltip.-confirm a:hover {
  243. text-decoration: underline;
  244. }
  245. .acf-tooltip.-confirm a[data-event=confirm] {
  246. color: #F55E4F;
  247. }
  248. .acf-overlay {
  249. position: fixed;
  250. top: 0;
  251. bottom: 0;
  252. left: 0;
  253. right: 0;
  254. cursor: default;
  255. }
  256. .acf-tooltip-target {
  257. position: relative;
  258. z-index: 900002;
  259. }
  260. /*---------------------------------------------------------------------------------------------
  261. *
  262. * loading
  263. *
  264. *---------------------------------------------------------------------------------------------*/
  265. .acf-loading-overlay {
  266. position: absolute;
  267. top: 0;
  268. bottom: 0;
  269. left: 0;
  270. right: 0;
  271. cursor: default;
  272. z-index: 99;
  273. background: rgba(249, 249, 249, 0.5);
  274. }
  275. .acf-loading-overlay i {
  276. position: absolute;
  277. top: 50%;
  278. left: 50%;
  279. transform: translate(-50%, -50%);
  280. }
  281. /*--------------------------------------------------------------------------------------------
  282. *
  283. * acf-icon
  284. *
  285. *--------------------------------------------------------------------------------------------*/
  286. .acf-icon {
  287. display: inline-block;
  288. height: 28px;
  289. width: 28px;
  290. border: transparent solid 1px;
  291. border-radius: 100%;
  292. font-size: 20px;
  293. line-height: 21px;
  294. text-align: center;
  295. text-decoration: none;
  296. vertical-align: top;
  297. box-sizing: border-box;
  298. }
  299. .acf-icon:before {
  300. font-family: dashicons;
  301. display: inline-block;
  302. line-height: 1;
  303. font-weight: 400;
  304. font-style: normal;
  305. speak: none;
  306. text-decoration: inherit;
  307. text-transform: none;
  308. text-rendering: auto;
  309. -webkit-font-smoothing: antialiased;
  310. -moz-osx-font-smoothing: grayscale;
  311. width: 1em;
  312. height: 1em;
  313. vertical-align: middle;
  314. text-align: center;
  315. }
  316. .acf-icon.-plus:before {
  317. content: "\f543";
  318. }
  319. .acf-icon.-minus:before {
  320. content: "\f460";
  321. }
  322. .acf-icon.-cancel:before {
  323. content: "\f335";
  324. margin: -1px 0 0 -1px;
  325. }
  326. .acf-icon.-pencil:before {
  327. content: "\f464";
  328. }
  329. .acf-icon.-location:before {
  330. content: "\f230";
  331. }
  332. .acf-icon.-up:before {
  333. content: "\f343";
  334. margin-top: -0.1em;
  335. }
  336. .acf-icon.-down:before {
  337. content: "\f347";
  338. margin-top: 0.1em;
  339. }
  340. .acf-icon.-left:before {
  341. content: "\f341";
  342. margin-left: -0.1em;
  343. }
  344. .acf-icon.-right:before {
  345. content: "\f345";
  346. margin-left: 0.1em;
  347. }
  348. .acf-icon.-sync:before {
  349. content: "\f463";
  350. }
  351. .acf-icon.-globe:before {
  352. content: "\f319";
  353. margin-top: 0.1em;
  354. margin-left: 0.1em;
  355. }
  356. .acf-icon.-picture:before {
  357. content: "\f128";
  358. }
  359. .acf-icon.-check:before {
  360. content: "\f147";
  361. margin-left: -0.1em;
  362. }
  363. .acf-icon.-dot-3:before {
  364. content: "\f533";
  365. margin-top: -0.1em;
  366. }
  367. .acf-icon.-arrow-combo:before {
  368. content: "\f156";
  369. }
  370. .acf-icon.-arrow-up:before {
  371. content: "\f142";
  372. margin-left: -0.1em;
  373. }
  374. .acf-icon.-arrow-down:before {
  375. content: "\f140";
  376. margin-left: -0.1em;
  377. }
  378. .acf-icon.-search:before {
  379. content: "\f179";
  380. }
  381. .acf-icon.-link-ext:before {
  382. content: "\f504";
  383. }
  384. .acf-icon.-duplicate {
  385. position: relative;
  386. }
  387. .acf-icon.-duplicate:before, .acf-icon.-duplicate:after {
  388. display: block;
  389. box-sizing: border-box;
  390. width: 46%;
  391. height: 46%;
  392. position: absolute;
  393. top: 33%;
  394. left: 23%;
  395. }
  396. .acf-icon.-duplicate:before {
  397. margin: -1px 0 0 1px;
  398. box-shadow: 2px -2px 0px 0px currentColor;
  399. }
  400. .acf-icon.-duplicate:after {
  401. border: solid 2px currentColor;
  402. }
  403. .acf-icon.-trash {
  404. position: relative;
  405. }
  406. .acf-icon.-trash:before, .acf-icon.-trash:after {
  407. content: "";
  408. display: block;
  409. box-sizing: border-box;
  410. width: 46%;
  411. height: 46%;
  412. position: absolute;
  413. top: 33%;
  414. left: 23%;
  415. }
  416. .acf-icon.-trash:before {
  417. margin: -1px 0 0 1px;
  418. box-shadow: 2px -2px 0px 0px currentColor;
  419. }
  420. .acf-icon.-trash:after {
  421. border: solid 2px currentColor;
  422. }
  423. .acf-icon.-collapse:before {
  424. content: "\f142";
  425. margin-left: -0.1em;
  426. }
  427. .-collapsed .acf-icon.-collapse:before {
  428. content: "\f140";
  429. margin-left: -0.1em;
  430. }
  431. span.acf-icon {
  432. color: #555d66;
  433. border-color: #b5bcc2;
  434. background-color: #fff;
  435. }
  436. a.acf-icon {
  437. color: #555d66;
  438. border-color: #b5bcc2;
  439. background-color: #fff;
  440. position: relative;
  441. transition: none;
  442. cursor: pointer;
  443. }
  444. a.acf-icon:hover {
  445. background: #f3f5f6;
  446. border-color: #0071a1;
  447. color: #0071a1;
  448. }
  449. a.acf-icon.-minus:hover, a.acf-icon.-cancel:hover {
  450. background: #f7efef;
  451. border-color: #a10000;
  452. color: #dc3232;
  453. }
  454. a.acf-icon:active, a.acf-icon:focus {
  455. outline: none;
  456. box-shadow: none;
  457. }
  458. .acf-icon.-clear {
  459. border-color: transparent;
  460. background: transparent;
  461. color: #444;
  462. }
  463. .acf-icon.light {
  464. border-color: transparent;
  465. background: #F5F5F5;
  466. color: #23282d;
  467. }
  468. .acf-icon.dark {
  469. border-color: transparent !important;
  470. background: #23282D;
  471. color: #eee;
  472. }
  473. a.acf-icon.dark:hover {
  474. background: #191E23;
  475. color: #00b9eb;
  476. }
  477. a.acf-icon.dark.-minus:hover, a.acf-icon.dark.-cancel:hover {
  478. color: #D54E21;
  479. }
  480. .acf-icon.grey {
  481. border-color: transparent !important;
  482. background: #b4b9be;
  483. color: #fff !important;
  484. }
  485. .acf-icon.grey:hover {
  486. background: #00A0D2;
  487. color: #fff;
  488. }
  489. .acf-icon.grey.-minus:hover, .acf-icon.grey.-cancel:hover {
  490. background: #32373C;
  491. }
  492. .acf-icon.small,
  493. .acf-icon.-small {
  494. width: 20px;
  495. height: 20px;
  496. line-height: 14px;
  497. font-size: 14px;
  498. }
  499. .acf-icon.small.-duplicate:before, .acf-icon.small.-duplicate:after,
  500. .acf-icon.-small.-duplicate:before,
  501. .acf-icon.-small.-duplicate:after {
  502. opacity: 0.8;
  503. }
  504. /*--------------------------------------------------------------------------------------------
  505. *
  506. * acf-box
  507. *
  508. *--------------------------------------------------------------------------------------------*/
  509. .acf-box {
  510. background: #FFFFFF;
  511. border: 1px solid #ccd0d4;
  512. position: relative;
  513. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  514. /* title */
  515. /* footer */
  516. }
  517. .acf-box .title {
  518. border-bottom: 1px solid #ccd0d4;
  519. margin: 0;
  520. padding: 15px;
  521. }
  522. .acf-box .title h3 {
  523. display: flex;
  524. align-items: center;
  525. font-size: 14px;
  526. line-height: 1em;
  527. margin: 0;
  528. padding: 0;
  529. }
  530. .acf-box .inner {
  531. padding: 15px;
  532. }
  533. .acf-box h2 {
  534. color: #333333;
  535. font-size: 26px;
  536. line-height: 1.25em;
  537. margin: 0.25em 0 0.75em;
  538. padding: 0;
  539. }
  540. .acf-box h3 {
  541. margin: 1.5em 0 0;
  542. }
  543. .acf-box p {
  544. margin-top: 0.5em;
  545. }
  546. .acf-box a {
  547. text-decoration: none;
  548. }
  549. .acf-box i.dashicons-external {
  550. margin-top: -1px;
  551. }
  552. .acf-box .footer {
  553. border-top: 1px solid #ccd0d4;
  554. padding: 12px;
  555. font-size: 13px;
  556. line-height: 1.5;
  557. }
  558. .acf-box .footer p {
  559. margin: 0;
  560. }
  561. .acf-admin-3-8 .acf-box {
  562. border-color: #E5E5E5;
  563. }
  564. .acf-admin-3-8 .acf-box .title,
  565. .acf-admin-3-8 .acf-box .footer {
  566. border-color: #E5E5E5;
  567. }
  568. /*--------------------------------------------------------------------------------------------
  569. *
  570. * acf-notice
  571. *
  572. *--------------------------------------------------------------------------------------------*/
  573. .acf-notice {
  574. position: relative;
  575. display: block;
  576. color: #fff;
  577. margin: 5px 0 15px;
  578. padding: 3px 12px;
  579. background: #2a9bd9;
  580. border-left: #1f7db1 solid 3px;
  581. }
  582. .acf-notice p {
  583. font-size: 13px;
  584. line-height: 1.5;
  585. margin: 0.5em 0;
  586. text-shadow: none;
  587. color: inherit;
  588. }
  589. .acf-notice .acf-notice-dismiss {
  590. position: absolute;
  591. top: 9px;
  592. right: 12px;
  593. background: transparent !important;
  594. color: inherit !important;
  595. border-color: #fff !important;
  596. opacity: 0.75;
  597. }
  598. .acf-notice .acf-notice-dismiss:hover {
  599. opacity: 1;
  600. }
  601. .acf-notice.-dismiss {
  602. padding-right: 40px;
  603. }
  604. .acf-notice.-error {
  605. background: #d94f4f;
  606. border-color: #c92c2c;
  607. }
  608. .acf-notice.-success {
  609. background: #49ad52;
  610. border-color: #3a8941;
  611. }
  612. .acf-notice.-warning {
  613. background: #fd8d3b;
  614. border-color: #fc7009;
  615. }
  616. /*--------------------------------------------------------------------------------------------
  617. *
  618. * acf-table
  619. *
  620. *--------------------------------------------------------------------------------------------*/
  621. .acf-table {
  622. border: #ccd0d4 solid 1px;
  623. background: #fff;
  624. border-spacing: 0;
  625. border-radius: 0;
  626. table-layout: auto;
  627. padding: 0;
  628. margin: 0;
  629. width: 100%;
  630. clear: both;
  631. box-sizing: content-box;
  632. /* defaults */
  633. /* thead */
  634. /* tbody */
  635. /* -clear */
  636. }
  637. .acf-table > tbody > tr > th, .acf-table > tbody > tr > td,
  638. .acf-table > thead > tr > th,
  639. .acf-table > thead > tr > td {
  640. padding: 8px;
  641. vertical-align: top;
  642. background: #fff;
  643. text-align: left;
  644. border-style: solid;
  645. font-weight: normal;
  646. }
  647. .acf-table > tbody > tr > th,
  648. .acf-table > thead > tr > th {
  649. position: relative;
  650. color: #333333;
  651. }
  652. .acf-table > thead > tr > th {
  653. border-color: #d5d9dd;
  654. border-width: 0 0 1px 1px;
  655. }
  656. .acf-table > thead > tr > th:first-child {
  657. border-left-width: 0;
  658. }
  659. .acf-table > tbody > tr {
  660. z-index: 1;
  661. }
  662. .acf-table > tbody > tr > td {
  663. border-color: #eeeeee;
  664. border-width: 1px 0 0 1px;
  665. }
  666. .acf-table > tbody > tr > td:first-child {
  667. border-left-width: 0;
  668. }
  669. .acf-table > tbody > tr:first-child > td {
  670. border-top-width: 0;
  671. }
  672. .acf-table.-clear {
  673. border: 0 none;
  674. }
  675. .acf-table.-clear > tbody > tr > td, .acf-table.-clear > tbody > tr > th,
  676. .acf-table.-clear > thead > tr > td,
  677. .acf-table.-clear > thead > tr > th {
  678. border: 0 none;
  679. padding: 4px;
  680. }
  681. /* remove tr */
  682. .acf-remove-element {
  683. -webkit-transition: all 0.25s ease-out;
  684. -moz-transition: all 0.25s ease-out;
  685. -o-transition: all 0.25s ease-out;
  686. transition: all 0.25s ease-out;
  687. transform: translate(50px, 0);
  688. opacity: 0;
  689. }
  690. /* fade-up */
  691. .acf-fade-up {
  692. -webkit-transition: all 0.25s ease-out;
  693. -moz-transition: all 0.25s ease-out;
  694. -o-transition: all 0.25s ease-out;
  695. transition: all 0.25s ease-out;
  696. transform: translate(0, -10px);
  697. opacity: 0;
  698. }
  699. /*---------------------------------------------------------------------------------------------
  700. *
  701. * Fake table
  702. *
  703. *---------------------------------------------------------------------------------------------*/
  704. .acf-thead,
  705. .acf-tbody,
  706. .acf-tfoot {
  707. width: 100%;
  708. padding: 0;
  709. margin: 0;
  710. }
  711. .acf-thead > li,
  712. .acf-tbody > li,
  713. .acf-tfoot > li {
  714. box-sizing: border-box;
  715. padding-top: 14px;
  716. font-size: 12px;
  717. line-height: 14px;
  718. }
  719. .acf-thead {
  720. border-bottom: #ccd0d4 solid 1px;
  721. color: #23282d;
  722. }
  723. .acf-thead > li {
  724. font-size: 14px;
  725. line-height: 1.4;
  726. font-weight: bold;
  727. }
  728. .acf-admin-3-8 .acf-thead {
  729. border-color: #dfdfdf;
  730. }
  731. .acf-tfoot {
  732. background: #f5f5f5;
  733. border-top: #d5d9dd solid 1px;
  734. }
  735. /*--------------------------------------------------------------------------------------------
  736. *
  737. * Settings
  738. *
  739. *--------------------------------------------------------------------------------------------*/
  740. .acf-settings-wrap #poststuff {
  741. padding-top: 15px;
  742. }
  743. .acf-settings-wrap .acf-box {
  744. margin: 20px 0;
  745. }
  746. .acf-settings-wrap table {
  747. margin: 0;
  748. }
  749. .acf-settings-wrap table .button {
  750. vertical-align: middle;
  751. }
  752. /*--------------------------------------------------------------------------------------------
  753. *
  754. * acf-popup
  755. *
  756. *--------------------------------------------------------------------------------------------*/
  757. #acf-popup {
  758. position: fixed;
  759. z-index: 900000;
  760. top: 0;
  761. left: 0;
  762. right: 0;
  763. bottom: 0;
  764. text-align: center;
  765. }
  766. #acf-popup .bg {
  767. position: absolute;
  768. top: 0;
  769. left: 0;
  770. right: 0;
  771. bottom: 0;
  772. z-index: 0;
  773. background: rgba(0, 0, 0, 0.25);
  774. }
  775. #acf-popup:before {
  776. content: "";
  777. display: inline-block;
  778. height: 100%;
  779. vertical-align: middle;
  780. }
  781. #acf-popup .acf-popup-box {
  782. display: inline-block;
  783. vertical-align: middle;
  784. z-index: 1;
  785. min-width: 300px;
  786. min-height: 160px;
  787. border-color: #aaaaaa;
  788. box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.25);
  789. text-align: left;
  790. }
  791. html[dir=rtl] #acf-popup .acf-popup-box {
  792. text-align: right;
  793. }
  794. #acf-popup .acf-popup-box .title {
  795. min-height: 15px;
  796. line-height: 15px;
  797. }
  798. #acf-popup .acf-popup-box .title .acf-icon {
  799. position: absolute;
  800. top: 10px;
  801. right: 10px;
  802. }
  803. html[dir=rtl] #acf-popup .acf-popup-box .title .acf-icon {
  804. right: auto;
  805. left: 10px;
  806. }
  807. #acf-popup .acf-popup-box .inner {
  808. min-height: 50px;
  809. padding: 0;
  810. margin: 15px;
  811. }
  812. #acf-popup .acf-popup-box .loading {
  813. position: absolute;
  814. top: 45px;
  815. left: 0;
  816. right: 0;
  817. bottom: 0;
  818. z-index: 2;
  819. background: rgba(0, 0, 0, 0.1);
  820. display: none;
  821. }
  822. #acf-popup .acf-popup-box .loading i {
  823. position: absolute;
  824. top: 50%;
  825. left: 50%;
  826. transform: translate(-50%, -50%);
  827. }
  828. .acf-submit {
  829. margin-bottom: 0;
  830. line-height: 28px;
  831. }
  832. .acf-submit span {
  833. float: right;
  834. color: #999;
  835. }
  836. .acf-submit span.-error {
  837. color: #dd4232;
  838. }
  839. .acf-submit .button {
  840. margin-right: 5px;
  841. }
  842. /*--------------------------------------------------------------------------------------------
  843. *
  844. * upgrade notice
  845. *
  846. *--------------------------------------------------------------------------------------------*/
  847. #acf-upgrade-notice {
  848. position: relative;
  849. background: #fff;
  850. padding: 20px;
  851. }
  852. #acf-upgrade-notice:after {
  853. display: block;
  854. clear: both;
  855. content: "";
  856. }
  857. #acf-upgrade-notice .col-content {
  858. float: left;
  859. width: 55%;
  860. padding-left: 90px;
  861. }
  862. #acf-upgrade-notice .notice-container {
  863. display: flex;
  864. justify-content: space-between;
  865. align-items: flex-start;
  866. align-content: flex-start;
  867. }
  868. #acf-upgrade-notice .col-actions {
  869. float: right;
  870. text-align: center;
  871. }
  872. #acf-upgrade-notice img {
  873. float: left;
  874. width: 64px;
  875. height: 64px;
  876. margin: 0 0 0 -90px;
  877. }
  878. #acf-upgrade-notice h2 {
  879. display: inline-block;
  880. font-size: 16px;
  881. margin: 2px 0 6.5px;
  882. }
  883. #acf-upgrade-notice p {
  884. padding: 0;
  885. margin: 0;
  886. }
  887. #acf-upgrade-notice .button:before {
  888. margin-top: 11px;
  889. }
  890. @media screen and (max-width: 640px) {
  891. #acf-upgrade-notice .col-content,
  892. #acf-upgrade-notice .col-actions {
  893. float: none;
  894. padding-left: 90px;
  895. width: auto;
  896. text-align: left;
  897. }
  898. }
  899. #acf-upgrade-notice:has(.notice-container)::before, #acf-upgrade-notice:has(.notice-container)::after {
  900. display: none;
  901. }
  902. #acf-upgrade-notice:has(.notice-container) {
  903. padding-left: 20px !important;
  904. }
  905. /*--------------------------------------------------------------------------------------------
  906. *
  907. * Welcome
  908. *
  909. *--------------------------------------------------------------------------------------------*/
  910. .acf-wrap h1 {
  911. margin-top: 0;
  912. padding-top: 20px;
  913. }
  914. .acf-wrap .about-text {
  915. margin-top: 0.5em;
  916. min-height: 50px;
  917. }
  918. .acf-wrap .about-headline-callout {
  919. font-size: 2.4em;
  920. font-weight: 300;
  921. line-height: 1.3;
  922. margin: 1.1em 0 0.2em;
  923. text-align: center;
  924. }
  925. .acf-wrap .feature-section {
  926. padding: 40px 0;
  927. }
  928. .acf-wrap .feature-section h2 {
  929. margin-top: 20px;
  930. }
  931. .acf-wrap .changelog {
  932. list-style: disc;
  933. padding-left: 15px;
  934. }
  935. .acf-wrap .changelog li {
  936. margin: 0 0 0.75em;
  937. }
  938. .acf-wrap .acf-three-col {
  939. display: flex;
  940. flex-wrap: wrap;
  941. justify-content: space-between;
  942. }
  943. .acf-wrap .acf-three-col > div {
  944. flex: 1;
  945. align-self: flex-start;
  946. min-width: 31%;
  947. max-width: 31%;
  948. }
  949. @media screen and (max-width: 880px) {
  950. .acf-wrap .acf-three-col > div {
  951. min-width: 48%;
  952. }
  953. }
  954. @media screen and (max-width: 640px) {
  955. .acf-wrap .acf-three-col > div {
  956. min-width: 100%;
  957. }
  958. }
  959. .acf-wrap .acf-three-col h3 .badge {
  960. display: inline-block;
  961. vertical-align: top;
  962. border-radius: 5px;
  963. background: #fc9700;
  964. color: #fff;
  965. font-weight: normal;
  966. font-size: 12px;
  967. padding: 2px 5px;
  968. }
  969. .acf-wrap .acf-three-col img + h3 {
  970. margin-top: 0.5em;
  971. }
  972. /*--------------------------------------------------------------------------------------------
  973. *
  974. * acf-hl cols
  975. *
  976. *--------------------------------------------------------------------------------------------*/
  977. .acf-hl[data-cols] {
  978. margin-left: -10px;
  979. margin-right: -10px;
  980. }
  981. .acf-hl[data-cols] > li {
  982. padding: 0 6px 0 10px;
  983. -webkit-box-sizing: border-box;
  984. -moz-box-sizing: border-box;
  985. box-sizing: border-box;
  986. }
  987. /* sizes */
  988. .acf-hl[data-cols="2"] > li {
  989. width: 50%;
  990. }
  991. .acf-hl[data-cols="3"] > li {
  992. width: 33.333%;
  993. }
  994. .acf-hl[data-cols="4"] > li {
  995. width: 25%;
  996. }
  997. /* mobile */
  998. @media screen and (max-width: 640px) {
  999. .acf-hl[data-cols] {
  1000. flex-wrap: wrap;
  1001. justify-content: flex-start;
  1002. align-content: flex-start;
  1003. align-items: flex-start;
  1004. margin-left: 0;
  1005. margin-right: 0;
  1006. margin-top: -10px;
  1007. }
  1008. .acf-hl[data-cols] > li {
  1009. flex: 1 1 100%;
  1010. width: 100% !important;
  1011. padding: 10px 0 0;
  1012. }
  1013. }
  1014. /*--------------------------------------------------------------------------------------------
  1015. *
  1016. * misc
  1017. *
  1018. *--------------------------------------------------------------------------------------------*/
  1019. .acf-actions {
  1020. text-align: right;
  1021. z-index: 1;
  1022. /* hover */
  1023. /* rtl */
  1024. }
  1025. .acf-actions.-hover {
  1026. position: absolute;
  1027. display: none;
  1028. top: 0;
  1029. right: 0;
  1030. padding: 5px;
  1031. }
  1032. html[dir=rtl] .acf-actions.-hover {
  1033. right: auto;
  1034. left: 0;
  1035. }
  1036. /* ul compatibility */
  1037. ul.acf-actions li {
  1038. float: right;
  1039. margin-left: 4px;
  1040. }
  1041. /*--------------------------------------------------------------------------------------------
  1042. *
  1043. * RTL
  1044. *
  1045. *--------------------------------------------------------------------------------------------*/
  1046. html[dir=rtl] .acf-fl {
  1047. float: right;
  1048. }
  1049. html[dir=rtl] .acf-fr {
  1050. float: left;
  1051. }
  1052. html[dir=rtl] .acf-hl > li {
  1053. float: right;
  1054. }
  1055. html[dir=rtl] .acf-hl > li.acf-fr {
  1056. float: left;
  1057. }
  1058. html[dir=rtl] .acf-icon.logo {
  1059. left: 0;
  1060. right: auto;
  1061. }
  1062. html[dir=rtl] .acf-table thead th {
  1063. text-align: right;
  1064. border-right-width: 1px;
  1065. border-left-width: 0px;
  1066. }
  1067. html[dir=rtl] .acf-table > tbody > tr > td {
  1068. text-align: right;
  1069. border-right-width: 1px;
  1070. border-left-width: 0px;
  1071. }
  1072. html[dir=rtl] .acf-table > thead > tr > th:first-child,
  1073. html[dir=rtl] .acf-table > tbody > tr > td:first-child {
  1074. border-right-width: 0;
  1075. }
  1076. html[dir=rtl] .acf-table > tbody > tr > td.order + td {
  1077. border-right-color: #e1e1e1;
  1078. }
  1079. /*---------------------------------------------------------------------------------------------
  1080. *
  1081. * acf-postbox-columns
  1082. *
  1083. *---------------------------------------------------------------------------------------------*/
  1084. .acf-postbox-columns {
  1085. position: relative;
  1086. margin-top: -11px;
  1087. margin-bottom: -12px;
  1088. margin-left: -12px;
  1089. margin-right: 268px;
  1090. }
  1091. .acf-postbox-columns:after {
  1092. display: block;
  1093. clear: both;
  1094. content: "";
  1095. }
  1096. .acf-postbox-columns .acf-postbox-main,
  1097. .acf-postbox-columns .acf-postbox-side {
  1098. -webkit-box-sizing: border-box;
  1099. -moz-box-sizing: border-box;
  1100. box-sizing: border-box;
  1101. padding: 0 12px 12px;
  1102. }
  1103. .acf-postbox-columns .acf-postbox-main {
  1104. float: left;
  1105. width: 100%;
  1106. }
  1107. .acf-postbox-columns .acf-postbox-side {
  1108. float: right;
  1109. width: 280px;
  1110. margin-right: -280px;
  1111. }
  1112. .acf-postbox-columns .acf-postbox-side:before {
  1113. content: "";
  1114. display: block;
  1115. position: absolute;
  1116. width: 1px;
  1117. height: 100%;
  1118. top: 0;
  1119. right: 0;
  1120. background: #d5d9dd;
  1121. }
  1122. .acf-admin-3-8 .acf-postbox-columns .acf-postbox-side:before {
  1123. background: #dfdfdf;
  1124. }
  1125. /* mobile */
  1126. @media only screen and (max-width: 850px) {
  1127. .acf-postbox-columns {
  1128. margin: 0;
  1129. }
  1130. .acf-postbox-columns .acf-postbox-main,
  1131. .acf-postbox-columns .acf-postbox-side {
  1132. float: none;
  1133. width: auto;
  1134. margin: 0;
  1135. padding: 0;
  1136. }
  1137. .acf-postbox-columns .acf-postbox-side {
  1138. margin-top: 1em;
  1139. }
  1140. .acf-postbox-columns .acf-postbox-side:before {
  1141. display: none;
  1142. }
  1143. }
  1144. /*---------------------------------------------------------------------------------------------
  1145. *
  1146. * acf-panel
  1147. *
  1148. *---------------------------------------------------------------------------------------------*/
  1149. .acf-panel {
  1150. margin-top: -1px;
  1151. border-top: 1px solid #d5d9dd;
  1152. border-bottom: 1px solid #d5d9dd;
  1153. /* open */
  1154. /* inside postbox */
  1155. /* fields */
  1156. }
  1157. .acf-panel .acf-panel-title {
  1158. margin: 0;
  1159. padding: 12px;
  1160. font-weight: bold;
  1161. cursor: pointer;
  1162. font-size: inherit;
  1163. }
  1164. .acf-panel .acf-panel-title i {
  1165. float: right;
  1166. }
  1167. .acf-panel .acf-panel-inside {
  1168. margin: 0;
  1169. padding: 0 12px 12px;
  1170. display: none;
  1171. }
  1172. .acf-panel.-open .acf-panel-inside {
  1173. display: block;
  1174. }
  1175. .postbox .acf-panel {
  1176. margin-left: -12px;
  1177. margin-right: -12px;
  1178. }
  1179. .acf-panel .acf-field {
  1180. margin: 20px 0 0;
  1181. }
  1182. .acf-panel .acf-field .acf-label label {
  1183. color: #555d66;
  1184. font-weight: normal;
  1185. }
  1186. .acf-panel .acf-field:first-child {
  1187. margin-top: 0;
  1188. }
  1189. .acf-admin-3-8 .acf-panel {
  1190. border-color: #dfdfdf;
  1191. }
  1192. /*---------------------------------------------------------------------------------------------
  1193. *
  1194. * Admin Tools
  1195. *
  1196. *---------------------------------------------------------------------------------------------*/
  1197. #acf-admin-tools .notice {
  1198. margin-top: 10px;
  1199. }
  1200. #acf-admin-tools .acf-meta-box-wrap {
  1201. /* acf-fields */
  1202. }
  1203. #acf-admin-tools .acf-meta-box-wrap .inside {
  1204. border-top: none;
  1205. }
  1206. #acf-admin-tools .acf-meta-box-wrap .acf-fields {
  1207. margin-bottom: 24px;
  1208. border: none;
  1209. background: #fff;
  1210. border-radius: 0;
  1211. }
  1212. #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-field {
  1213. padding: 0;
  1214. }
  1215. #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label {
  1216. margin-bottom: 16px;
  1217. }
  1218. #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-input {
  1219. padding-top: 16px;
  1220. padding-right: 16px;
  1221. padding-bottom: 16px;
  1222. padding-left: 16px;
  1223. border-width: 1px;
  1224. border-style: solid;
  1225. border-color: #D0D5DD;
  1226. border-radius: 6px;
  1227. }
  1228. .acf-meta-box-wrap .postbox {
  1229. -webkit-box-sizing: border-box;
  1230. -moz-box-sizing: border-box;
  1231. box-sizing: border-box;
  1232. }
  1233. .acf-meta-box-wrap .postbox .inside {
  1234. margin-bottom: 0;
  1235. }
  1236. .acf-meta-box-wrap .postbox .hndle {
  1237. font-size: 14px;
  1238. padding: 8px 12px;
  1239. margin: 0;
  1240. line-height: 1.4;
  1241. position: relative;
  1242. z-index: 1;
  1243. cursor: default;
  1244. }
  1245. .acf-meta-box-wrap .postbox .handlediv,
  1246. .acf-meta-box-wrap .postbox .handle-order-higher,
  1247. .acf-meta-box-wrap .postbox .handle-order-lower {
  1248. display: none;
  1249. }
  1250. /* grid */
  1251. .acf-meta-box-wrap.-grid {
  1252. margin-left: 8px;
  1253. margin-right: 8px;
  1254. }
  1255. .acf-meta-box-wrap.-grid .postbox {
  1256. float: left;
  1257. clear: left;
  1258. width: 50%;
  1259. margin: 0 0 16px;
  1260. }
  1261. .acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
  1262. margin-left: -8px;
  1263. }
  1264. .acf-meta-box-wrap.-grid .postbox:nth-child(even) {
  1265. float: right;
  1266. clear: right;
  1267. margin-right: -8px;
  1268. }
  1269. /* mobile */
  1270. @media only screen and (max-width: 850px) {
  1271. .acf-meta-box-wrap.-grid {
  1272. margin-left: 0;
  1273. margin-right: 0;
  1274. }
  1275. .acf-meta-box-wrap.-grid .postbox {
  1276. margin-left: 0 !important;
  1277. margin-right: 0 !important;
  1278. width: 100%;
  1279. }
  1280. }
  1281. /* export tool */
  1282. #acf-admin-tool-export {
  1283. /* panel: selection */
  1284. }
  1285. #acf-admin-tool-export p {
  1286. max-width: 800px;
  1287. }
  1288. #acf-admin-tool-export ul {
  1289. column-width: 200px;
  1290. }
  1291. #acf-admin-tool-export .acf-postbox-side .button {
  1292. margin: 0;
  1293. width: 100%;
  1294. }
  1295. #acf-admin-tool-export textarea {
  1296. display: block;
  1297. width: 100%;
  1298. min-height: 500px;
  1299. background: #F9FAFB;
  1300. border-color: #D0D5DD;
  1301. box-shadow: none;
  1302. padding: 7px;
  1303. border-radius: 6px;
  1304. }
  1305. #acf-admin-tool-export .acf-panel-selection .acf-label {
  1306. display: none;
  1307. }
  1308. .acf-css-tooltip {
  1309. position: relative;
  1310. }
  1311. .acf-css-tooltip:before {
  1312. content: attr(aria-label);
  1313. display: none;
  1314. position: absolute;
  1315. z-index: 999;
  1316. bottom: 100%;
  1317. left: 50%;
  1318. transform: translate(-50%, -8px);
  1319. background: #191e23;
  1320. border-radius: 2px;
  1321. padding: 5px 10px;
  1322. color: #fff;
  1323. font-size: 12px;
  1324. line-height: 1.4em;
  1325. white-space: pre;
  1326. }
  1327. .acf-css-tooltip:after {
  1328. content: "";
  1329. display: none;
  1330. position: absolute;
  1331. z-index: 998;
  1332. bottom: 100%;
  1333. left: 50%;
  1334. transform: translate(-50%, 4px);
  1335. border: solid 6px transparent;
  1336. border-top-color: #191e23;
  1337. }
  1338. .acf-css-tooltip:hover:before, .acf-css-tooltip:hover:after, .acf-css-tooltip:focus:before, .acf-css-tooltip:focus:after {
  1339. display: block;
  1340. }
  1341. .acf-diff .acf-diff-title {
  1342. position: absolute;
  1343. top: 0;
  1344. left: 0;
  1345. right: 0;
  1346. height: 40px;
  1347. padding: 14px 16px;
  1348. background: #f3f3f3;
  1349. border-bottom: #dddddd solid 1px;
  1350. }
  1351. .acf-diff .acf-diff-title strong {
  1352. font-size: 14px;
  1353. display: block;
  1354. }
  1355. .acf-diff .acf-diff-title .acf-diff-title-left,
  1356. .acf-diff .acf-diff-title .acf-diff-title-right {
  1357. width: 50%;
  1358. float: left;
  1359. }
  1360. .acf-diff .acf-diff-content {
  1361. position: absolute;
  1362. top: 70px;
  1363. left: 0;
  1364. right: 0;
  1365. bottom: 0;
  1366. overflow: auto;
  1367. }
  1368. .acf-diff table.diff {
  1369. border-spacing: 0;
  1370. }
  1371. .acf-diff table.diff col.diffsplit.middle {
  1372. width: 0;
  1373. }
  1374. .acf-diff table.diff td, .acf-diff table.diff th {
  1375. padding-top: 0.25em;
  1376. padding-bottom: 0.25em;
  1377. }
  1378. .acf-diff table.diff tr td:nth-child(2) {
  1379. width: auto;
  1380. }
  1381. .acf-diff table.diff td:nth-child(3) {
  1382. border-left: #dddddd solid 1px;
  1383. }
  1384. @media screen and (max-width: 600px) {
  1385. .acf-diff .acf-diff-title {
  1386. height: 70px;
  1387. }
  1388. .acf-diff .acf-diff-content {
  1389. top: 100px;
  1390. }
  1391. }
  1392. /*---------------------------------------------------------------------------------------------
  1393. *
  1394. * Modal
  1395. *
  1396. *---------------------------------------------------------------------------------------------*/
  1397. .acf-modal {
  1398. position: fixed;
  1399. top: 30px;
  1400. left: 30px;
  1401. right: 30px;
  1402. bottom: 30px;
  1403. z-index: 160000;
  1404. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
  1405. background: #fcfcfc;
  1406. }
  1407. .acf-modal .acf-modal-title,
  1408. .acf-modal .acf-modal-content,
  1409. .acf-modal .acf-modal-toolbar {
  1410. box-sizing: border-box;
  1411. position: absolute;
  1412. left: 0;
  1413. right: 0;
  1414. }
  1415. .acf-modal .acf-modal-title {
  1416. height: 50px;
  1417. top: 0;
  1418. border-bottom: 1px solid #ddd;
  1419. }
  1420. .acf-modal .acf-modal-title h2 {
  1421. margin: 0;
  1422. padding: 0 16px;
  1423. line-height: 50px;
  1424. }
  1425. .acf-modal .acf-modal-title .acf-modal-close {
  1426. position: absolute;
  1427. top: 0;
  1428. right: 0;
  1429. height: 50px;
  1430. width: 50px;
  1431. border: none;
  1432. border-left: 1px solid #ddd;
  1433. background: transparent;
  1434. cursor: pointer;
  1435. color: #666;
  1436. }
  1437. .acf-modal .acf-modal-title .acf-modal-close:hover {
  1438. color: #00a0d2;
  1439. }
  1440. .acf-modal .acf-modal-content {
  1441. top: 50px;
  1442. bottom: 60px;
  1443. background: #fff;
  1444. overflow: auto;
  1445. padding: 16px;
  1446. }
  1447. .acf-modal .acf-modal-feedback {
  1448. position: absolute;
  1449. top: 50%;
  1450. margin: -10px 0;
  1451. left: 0;
  1452. right: 0;
  1453. text-align: center;
  1454. opacity: 0.75;
  1455. }
  1456. .acf-modal .acf-modal-feedback.error {
  1457. opacity: 1;
  1458. color: #b52727;
  1459. }
  1460. .acf-modal .acf-modal-toolbar {
  1461. height: 60px;
  1462. bottom: 0;
  1463. padding: 15px 16px;
  1464. border-top: 1px solid #ddd;
  1465. }
  1466. .acf-modal .acf-modal-toolbar .button {
  1467. float: right;
  1468. }
  1469. @media only screen and (max-width: 640px) {
  1470. .acf-modal {
  1471. top: 0;
  1472. left: 0;
  1473. right: 0;
  1474. bottom: 0;
  1475. }
  1476. }
  1477. .acf-modal-backdrop {
  1478. position: fixed;
  1479. top: 0;
  1480. left: 0;
  1481. right: 0;
  1482. bottom: 0;
  1483. background: #000;
  1484. opacity: 0.7;
  1485. z-index: 159900;
  1486. }
  1487. /*---------------------------------------------------------------------------------------------
  1488. *
  1489. * Retina
  1490. *
  1491. *---------------------------------------------------------------------------------------------*/
  1492. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  1493. .acf-loading,
  1494. .acf-spinner {
  1495. background-image: url(../../images/spinner@2x.gif);
  1496. background-size: 20px 20px;
  1497. }
  1498. }
  1499. /*--------------------------------------------------------------------------------------------
  1500. *
  1501. * Wrap
  1502. *
  1503. *--------------------------------------------------------------------------------------------*/
  1504. .post-type-acf-field-group .wrap {
  1505. margin-top: 48px;
  1506. margin-right: 32px;
  1507. margin-bottom: 0;
  1508. margin-left: 12px;
  1509. }
  1510. @media screen and (max-width: 768px) {
  1511. .post-type-acf-field-group .wrap {
  1512. margin-right: 8px;
  1513. margin-left: 8px;
  1514. }
  1515. }
  1516. .post-type-acf-field-group.rtl .wrap {
  1517. margin-right: 12px;
  1518. margin-left: 32px;
  1519. }
  1520. @media screen and (max-width: 768px) {
  1521. .post-type-acf-field-group.rtl .wrap {
  1522. margin-right: 8px;
  1523. margin-left: 8px;
  1524. }
  1525. }
  1526. @media screen and (max-width: 768px) {
  1527. .post-type-acf-field-group #wpcontent {
  1528. padding-left: 0;
  1529. }
  1530. }
  1531. /*---------------------------------------------------------------------------------------------
  1532. *
  1533. * Admin Postbox & ACF Postbox
  1534. *
  1535. *---------------------------------------------------------------------------------------------*/
  1536. .post-type-acf-field-group .postbox,
  1537. .post-type-acf-field-group .acf-box {
  1538. border: none;
  1539. border-radius: 8px;
  1540. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1541. }
  1542. .post-type-acf-field-group .postbox .inside,
  1543. .post-type-acf-field-group .acf-box .inside {
  1544. padding-top: 24px;
  1545. padding-right: 24px;
  1546. padding-bottom: 24px;
  1547. padding-left: 24px;
  1548. }
  1549. .post-type-acf-field-group .postbox .acf-postbox-inner,
  1550. .post-type-acf-field-group .acf-box .acf-postbox-inner {
  1551. margin-top: 0;
  1552. margin-right: 0;
  1553. margin-bottom: 0;
  1554. margin-left: 0;
  1555. padding-top: 24px;
  1556. padding-right: 0;
  1557. padding-bottom: 0;
  1558. padding-left: 0;
  1559. }
  1560. .post-type-acf-field-group .postbox .inner,
  1561. .post-type-acf-field-group .postbox .inside,
  1562. .post-type-acf-field-group .acf-box .inner,
  1563. .post-type-acf-field-group .acf-box .inside {
  1564. margin-top: 0 !important;
  1565. margin-right: 0 !important;
  1566. margin-bottom: 0 !important;
  1567. margin-left: 0 !important;
  1568. border-top-width: 1px;
  1569. border-top-style: solid;
  1570. border-top-color: #EAECF0;
  1571. }
  1572. .post-type-acf-field-group .postbox .postbox-header,
  1573. .post-type-acf-field-group .postbox .title,
  1574. .post-type-acf-field-group .acf-box .postbox-header,
  1575. .post-type-acf-field-group .acf-box .title {
  1576. display: flex;
  1577. align-items: center;
  1578. box-sizing: border-box;
  1579. min-height: 64px;
  1580. margin-top: 0;
  1581. margin-right: 0;
  1582. margin-bottom: 0;
  1583. margin-left: 0;
  1584. padding-top: 0;
  1585. padding-right: 24px;
  1586. padding-bottom: 0;
  1587. padding-left: 24px;
  1588. border-bottom-width: 0;
  1589. border-bottom-style: none;
  1590. }
  1591. .post-type-acf-field-group .postbox .postbox-header h2,
  1592. .post-type-acf-field-group .postbox .postbox-header h3,
  1593. .post-type-acf-field-group .postbox .title h2,
  1594. .post-type-acf-field-group .postbox .title h3,
  1595. .post-type-acf-field-group .acf-box .postbox-header h2,
  1596. .post-type-acf-field-group .acf-box .postbox-header h3,
  1597. .post-type-acf-field-group .acf-box .title h2,
  1598. .post-type-acf-field-group .acf-box .title h3 {
  1599. margin-top: 0;
  1600. margin-right: 0;
  1601. margin-bottom: 0;
  1602. margin-left: 0;
  1603. padding-top: 0;
  1604. padding-right: 0;
  1605. padding-bottom: 0;
  1606. padding-left: 0;
  1607. color: #344054;
  1608. }
  1609. .post-type-acf-field-group .postbox .hndle,
  1610. .post-type-acf-field-group .acf-box .hndle {
  1611. padding-top: 0;
  1612. padding-right: 24px;
  1613. padding-bottom: 0;
  1614. padding-left: 24px;
  1615. }
  1616. /*---------------------------------------------------------------------------------------------
  1617. *
  1618. * Custom ACF postbox header
  1619. *
  1620. *---------------------------------------------------------------------------------------------*/
  1621. .acf-postbox-header {
  1622. display: flex;
  1623. align-items: center;
  1624. justify-content: space-between;
  1625. box-sizing: border-box;
  1626. min-height: 64px;
  1627. margin-top: -24px;
  1628. margin-right: -24px;
  1629. margin-bottom: 0;
  1630. margin-left: -24px;
  1631. padding-top: 0;
  1632. padding-right: 24px;
  1633. padding-bottom: 0;
  1634. padding-left: 24px;
  1635. border-bottom-width: 1px;
  1636. border-bottom-style: solid;
  1637. border-bottom-color: #EAECF0;
  1638. }
  1639. .acf-postbox-header h2.acf-postbox-title {
  1640. margin-top: 0;
  1641. margin-right: 0;
  1642. margin-bottom: 0;
  1643. margin-left: 0;
  1644. padding-top: 0;
  1645. padding-right: 24px;
  1646. padding-bottom: 0;
  1647. padding-left: 0;
  1648. color: #344054;
  1649. }
  1650. .rtl .acf-postbox-header h2.acf-postbox-title {
  1651. padding-right: 0;
  1652. padding-left: 24px;
  1653. }
  1654. .acf-postbox-header .acf-icon {
  1655. background-color: #98A2B3;
  1656. }
  1657. /*---------------------------------------------------------------------------------------------
  1658. *
  1659. * Screen options button & screen meta container
  1660. *
  1661. *---------------------------------------------------------------------------------------------*/
  1662. .post-type-acf-field-group #screen-meta-links {
  1663. margin-right: 32px;
  1664. }
  1665. .post-type-acf-field-group #screen-meta-links .show-settings {
  1666. border-color: #D0D5DD;
  1667. }
  1668. @media screen and (max-width: 768px) {
  1669. .post-type-acf-field-group #screen-meta-links {
  1670. margin-right: 16px;
  1671. margin-bottom: 0;
  1672. }
  1673. }
  1674. .post-type-acf-field-group.rtl #screen-meta-links {
  1675. margin-right: 0;
  1676. margin-left: 32px;
  1677. }
  1678. @media screen and (max-width: 768px) {
  1679. .post-type-acf-field-group.rtl #screen-meta-links {
  1680. margin-right: 0;
  1681. margin-left: 16px;
  1682. }
  1683. }
  1684. .post-type-acf-field-group #screen-meta {
  1685. border-color: #D0D5DD;
  1686. }
  1687. /*---------------------------------------------------------------------------------------------
  1688. *
  1689. * Postbox headings
  1690. *
  1691. *---------------------------------------------------------------------------------------------*/
  1692. .post-type-acf-field-group #poststuff .postbox-header h2,
  1693. .post-type-acf-field-group #poststuff .postbox-header h3 {
  1694. justify-content: flex-start;
  1695. margin-top: 0;
  1696. margin-right: 0;
  1697. margin-bottom: 0;
  1698. margin-left: 0;
  1699. padding-top: 0;
  1700. padding-right: 0;
  1701. padding-bottom: 0;
  1702. padding-left: 0;
  1703. color: #344054 !important;
  1704. }
  1705. /*---------------------------------------------------------------------------------------------
  1706. *
  1707. * Postbox drag state
  1708. *
  1709. *---------------------------------------------------------------------------------------------*/
  1710. .post-type-acf-field-group.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
  1711. box-sizing: border-box;
  1712. padding: 2px;
  1713. outline: none;
  1714. background-image: repeating-linear-gradient(0deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(90deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(180deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(270deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px);
  1715. background-size: 1.5px 100%, 100% 1.5px, 1.5px 100%, 100% 1.5px;
  1716. background-position: 0 0, 0 0, 100% 0, 0 100%;
  1717. background-repeat: no-repeat;
  1718. border-radius: 8px;
  1719. }
  1720. .post-type-acf-field-group .ui-sortable-placeholder {
  1721. border: none;
  1722. }
  1723. /*--------------------------------------------------------------------------------------------
  1724. *
  1725. * Search summary
  1726. *
  1727. *--------------------------------------------------------------------------------------------*/
  1728. .post-type-acf-field-group .subtitle {
  1729. display: inline-flex;
  1730. align-items: center;
  1731. height: 24px;
  1732. margin: 0;
  1733. padding-top: 4px;
  1734. padding-right: 12px;
  1735. padding-bottom: 4px;
  1736. padding-left: 12px;
  1737. background-color: #EBF5FA;
  1738. border-width: 1px;
  1739. border-style: solid;
  1740. border-color: #A5D2E7;
  1741. border-radius: 6px;
  1742. }
  1743. .post-type-acf-field-group .subtitle strong {
  1744. margin-left: 5px;
  1745. }
  1746. /*--------------------------------------------------------------------------------------------
  1747. *
  1748. * Action strip
  1749. *
  1750. *--------------------------------------------------------------------------------------------*/
  1751. .acf-actions-strip {
  1752. display: flex;
  1753. }
  1754. .acf-actions-strip .acf-btn {
  1755. margin-right: 8px;
  1756. }
  1757. /*--------------------------------------------------------------------------------------------
  1758. *
  1759. * Notices
  1760. *
  1761. *--------------------------------------------------------------------------------------------*/
  1762. .post-type-acf-field-group .notice,
  1763. .post-type-acf-field-group #lost-connection-notice {
  1764. position: relative;
  1765. box-sizing: border-box;
  1766. min-height: 48px;
  1767. margin-top: 0 !important;
  1768. margin-right: 0 !important;
  1769. margin-bottom: 16px !important;
  1770. margin-left: 0 !important;
  1771. padding-top: 13px !important;
  1772. padding-right: 16px !important;
  1773. padding-bottom: 12px !important;
  1774. padding-left: 50px !important;
  1775. background-color: #E7EFF9;
  1776. border-width: 1px;
  1777. border-style: solid;
  1778. border-color: #9DBAEE;
  1779. border-radius: 8px;
  1780. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1781. color: #344054;
  1782. }
  1783. .post-type-acf-field-group .notice.update-nag,
  1784. .post-type-acf-field-group #lost-connection-notice.update-nag {
  1785. display: block;
  1786. position: relative;
  1787. width: calc(100% - 44px);
  1788. margin-top: 48px !important;
  1789. margin-right: 44px !important;
  1790. margin-bottom: -32px !important;
  1791. margin-left: 12px !important;
  1792. }
  1793. .post-type-acf-field-group .notice .button,
  1794. .post-type-acf-field-group #lost-connection-notice .button {
  1795. height: auto;
  1796. margin-left: 8px;
  1797. padding: 0;
  1798. border: none;
  1799. }
  1800. .post-type-acf-field-group .notice > div,
  1801. .post-type-acf-field-group #lost-connection-notice > div {
  1802. margin-top: 0;
  1803. margin-bottom: 0;
  1804. }
  1805. .post-type-acf-field-group .notice p,
  1806. .post-type-acf-field-group #lost-connection-notice p {
  1807. flex: 1 0 auto;
  1808. margin: 0;
  1809. padding: 0;
  1810. }
  1811. .post-type-acf-field-group .notice p.help,
  1812. .post-type-acf-field-group #lost-connection-notice p.help {
  1813. margin-top: 0;
  1814. padding-top: 0;
  1815. color: rgba(52, 64, 84, 0.7);
  1816. }
  1817. .post-type-acf-field-group .notice .notice-dismiss,
  1818. .post-type-acf-field-group #lost-connection-notice .notice-dismiss {
  1819. position: absolute;
  1820. top: 4px;
  1821. right: 8px;
  1822. }
  1823. .post-type-acf-field-group .notice .notice-dismiss:before,
  1824. .post-type-acf-field-group #lost-connection-notice .notice-dismiss:before {
  1825. content: "";
  1826. display: block;
  1827. position: relative;
  1828. z-index: 600;
  1829. width: 20px;
  1830. height: 20px;
  1831. background-color: #667085;
  1832. border: none;
  1833. border-radius: 0;
  1834. -webkit-mask-size: contain;
  1835. mask-size: contain;
  1836. -webkit-mask-repeat: no-repeat;
  1837. mask-repeat: no-repeat;
  1838. -webkit-mask-position: center;
  1839. mask-position: center;
  1840. -webkit-mask-image: url("../../images/icons/icon-close.svg");
  1841. mask-image: url("../../images/icons/icon-close.svg");
  1842. }
  1843. .post-type-acf-field-group .notice .notice-dismiss:hover::before,
  1844. .post-type-acf-field-group #lost-connection-notice .notice-dismiss:hover::before {
  1845. background-color: #344054;
  1846. }
  1847. .post-type-acf-field-group .notice:before,
  1848. .post-type-acf-field-group #lost-connection-notice:before {
  1849. content: "";
  1850. display: block;
  1851. position: absolute;
  1852. top: 15px;
  1853. left: 18px;
  1854. z-index: 600;
  1855. width: 16px;
  1856. height: 16px;
  1857. margin-right: 8px;
  1858. background-color: #fff;
  1859. border: none;
  1860. border-radius: 0;
  1861. -webkit-mask-size: contain;
  1862. mask-size: contain;
  1863. -webkit-mask-repeat: no-repeat;
  1864. mask-repeat: no-repeat;
  1865. -webkit-mask-position: center;
  1866. mask-position: center;
  1867. -webkit-mask-image: url("../../images/icons/icon-info-solid.svg");
  1868. mask-image: url("../../images/icons/icon-info-solid.svg");
  1869. }
  1870. .post-type-acf-field-group .notice:after,
  1871. .post-type-acf-field-group #lost-connection-notice:after {
  1872. content: "";
  1873. display: block;
  1874. position: absolute;
  1875. top: 9px;
  1876. left: 12px;
  1877. z-index: 500;
  1878. width: 28px;
  1879. height: 28px;
  1880. background-color: #2D69DA;
  1881. border-radius: 6px;
  1882. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1883. }
  1884. .post-type-acf-field-group .notice .local-restore,
  1885. .post-type-acf-field-group #lost-connection-notice .local-restore {
  1886. align-items: center;
  1887. margin-top: -6px;
  1888. margin-bottom: 0;
  1889. }
  1890. .post-type-acf-field-group .notice.is-dismissible {
  1891. padding-right: 56px;
  1892. }
  1893. .post-type-acf-field-group .notice.notice-success {
  1894. background-color: #EDF7EF;
  1895. border-color: #B6DEB9;
  1896. }
  1897. .post-type-acf-field-group .notice.notice-success:before {
  1898. -webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  1899. mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  1900. }
  1901. .post-type-acf-field-group .notice.notice-success:after {
  1902. background-color: #52AA59;
  1903. }
  1904. .post-type-acf-field-group .notice.notice-error,
  1905. .post-type-acf-field-group #lost-connection-notice {
  1906. background-color: #F7EEEB;
  1907. border-color: #F1B6B3;
  1908. }
  1909. .post-type-acf-field-group .notice.notice-error:before,
  1910. .post-type-acf-field-group #lost-connection-notice:before {
  1911. -webkit-mask-image: url("../../images/icons/icon-warning.svg");
  1912. mask-image: url("../../images/icons/icon-warning.svg");
  1913. }
  1914. .post-type-acf-field-group .notice.notice-error:after,
  1915. .post-type-acf-field-group #lost-connection-notice:after {
  1916. background-color: #D13737;
  1917. }
  1918. /*---------------------------------------------------------------------------------------------
  1919. *
  1920. * Global
  1921. *
  1922. *---------------------------------------------------------------------------------------------*/
  1923. .post-type-acf-field-group #wpcontent {
  1924. line-height: 140%;
  1925. }
  1926. /*---------------------------------------------------------------------------------------------
  1927. *
  1928. * Links
  1929. *
  1930. *---------------------------------------------------------------------------------------------*/
  1931. .post-type-acf-field-group a {
  1932. color: #0783BE;
  1933. }
  1934. /*---------------------------------------------------------------------------------------------
  1935. *
  1936. * Headings
  1937. *
  1938. *---------------------------------------------------------------------------------------------*/
  1939. .acf-h1, .post-type-acf-field-group h1,
  1940. .acf-headerbar h1 {
  1941. font-size: 21px;
  1942. font-weight: 400;
  1943. }
  1944. .acf-h2, .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2, .acf-page-title, .post-type-acf-field-group h2,
  1945. .acf-headerbar h2 {
  1946. font-size: 18px;
  1947. font-weight: 400;
  1948. }
  1949. .acf-h3, .post-type-acf-field-group h3,
  1950. .acf-headerbar h3, .post-type-acf-field-group .postbox .postbox-header h2,
  1951. .post-type-acf-field-group .postbox .postbox-header h3,
  1952. .post-type-acf-field-group .postbox .title h2,
  1953. .post-type-acf-field-group .postbox .title h3,
  1954. .post-type-acf-field-group .acf-box .postbox-header h2,
  1955. .post-type-acf-field-group .acf-box .postbox-header h3,
  1956. .post-type-acf-field-group .acf-box .title h2,
  1957. .post-type-acf-field-group .acf-box .title h3, .acf-postbox-header h2.acf-postbox-title, .post-type-acf-field-group #poststuff .postbox-header h2,
  1958. .post-type-acf-field-group #poststuff .postbox-header h3 {
  1959. font-size: 16px;
  1960. font-weight: 400;
  1961. }
  1962. /*---------------------------------------------------------------------------------------------
  1963. *
  1964. * Paragraphs
  1965. *
  1966. *---------------------------------------------------------------------------------------------*/
  1967. .post-type-acf-field-group .p1, .post-type-acf-field-group #acf-field-group-pro-features h1, #acf-field-group-pro-features .post-type-acf-field-group h1 {
  1968. font-size: 15px;
  1969. }
  1970. .post-type-acf-field-group .p2, .post-type-acf-field-group .acf-no-field-groups-wrapper .acf-no-field-groups-inner p, .acf-no-field-groups-wrapper .acf-no-field-groups-inner .post-type-acf-field-group p, .post-type-acf-field-group #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label, #acf-admin-tools .acf-meta-box-wrap .acf-fields .post-type-acf-field-group .acf-label {
  1971. font-size: 14px;
  1972. }
  1973. .post-type-acf-field-group .p3, .post-type-acf-field-group .acf-admin-field-groups .wp-list-table .post-state, .acf-admin-field-groups .wp-list-table .post-type-acf-field-group .post-state, .post-type-acf-field-group .subtitle {
  1974. font-size: 13.5px;
  1975. }
  1976. .post-type-acf-field-group .p4, .post-type-acf-field-group .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p, .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn .post-type-acf-field-group p, .post-type-acf-field-group #acf-update-information .form-table th, #acf-update-information .form-table .post-type-acf-field-group th,
  1977. .post-type-acf-field-group #acf-update-information .form-table td,
  1978. #acf-update-information .form-table .post-type-acf-field-group td, .post-type-acf-field-group #acf-admin-tools.tool-export .acf-panel h3, #acf-admin-tools.tool-export .acf-panel .post-type-acf-field-group h3, .post-type-acf-field-group .acf-btn.acf-btn-sm, .post-type-acf-field-group .acf-admin-toolbar .acf-tab, .acf-admin-toolbar .post-type-acf-field-group .acf-tab, .post-type-acf-field-group .acf-admin-field-groups .subsubsub li, .acf-admin-field-groups .subsubsub .post-type-acf-field-group li, .post-type-acf-field-group .acf-admin-field-groups .wp-list-table tbody th, .acf-admin-field-groups .wp-list-table tbody .post-type-acf-field-group th,
  1979. .post-type-acf-field-group .acf-admin-field-groups .wp-list-table tbody td,
  1980. .acf-admin-field-groups .wp-list-table tbody .post-type-acf-field-group td, .post-type-acf-field-group .acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead .post-type-acf-field-group th, .post-type-acf-field-group .acf-admin-field-groups .wp-list-table thead td, .acf-admin-field-groups .wp-list-table thead .post-type-acf-field-group td,
  1981. .post-type-acf-field-group .acf-admin-field-groups .wp-list-table tfoot th,
  1982. .acf-admin-field-groups .wp-list-table tfoot .post-type-acf-field-group th, .post-type-acf-field-group .acf-admin-field-groups .wp-list-table tfoot td, .acf-admin-field-groups .wp-list-table tfoot .post-type-acf-field-group td, .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered, .post-type-acf-field-group .button, .post-type-acf-field-group input[type=text],
  1983. .post-type-acf-field-group input[type=search],
  1984. .post-type-acf-field-group input[type=number],
  1985. .post-type-acf-field-group textarea,
  1986. .post-type-acf-field-group select {
  1987. font-size: 13px;
  1988. }
  1989. .post-type-acf-field-group .p5, .post-type-acf-field-group .acf-admin-field-groups .row-actions, .acf-admin-field-groups .post-type-acf-field-group .row-actions, .post-type-acf-field-group .notice .button,
  1990. .post-type-acf-field-group #lost-connection-notice .button {
  1991. font-size: 12.5px;
  1992. }
  1993. .post-type-acf-field-group .p6, .post-type-acf-field-group #acf-update-information .acf-update-changelog p em, #acf-update-information .acf-update-changelog p .post-type-acf-field-group em, .post-type-acf-field-group .acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small, .acf-no-field-groups-wrapper .acf-no-field-groups-inner .post-type-acf-field-group p.acf-small, .post-type-acf-field-group .acf-admin-field-groups .row-actions, .acf-admin-field-groups .post-type-acf-field-group .row-actions, .post-type-acf-field-group .acf-small {
  1994. font-size: 12px;
  1995. }
  1996. .post-type-acf-field-group .p7, .post-type-acf-field-group .acf-tooltip, .post-type-acf-field-group .notice p.help,
  1997. .post-type-acf-field-group #lost-connection-notice p.help {
  1998. font-size: 11.5px;
  1999. }
  2000. .post-type-acf-field-group .p8 {
  2001. font-size: 11px;
  2002. }
  2003. /*---------------------------------------------------------------------------------------------
  2004. *
  2005. * Page titles
  2006. *
  2007. *---------------------------------------------------------------------------------------------*/
  2008. .acf-page-title {
  2009. color: #344054;
  2010. }
  2011. /*---------------------------------------------------------------------------------------------
  2012. *
  2013. * Hide old / native WP titles from pages
  2014. *
  2015. *---------------------------------------------------------------------------------------------*/
  2016. .post-type-acf-field-group .acf-settings-wrap h1,
  2017. .post-type-acf-field-group #acf-admin-tools h1 {
  2018. display: none;
  2019. }
  2020. /*---------------------------------------------------------------------------------------------
  2021. *
  2022. * Small
  2023. *
  2024. *---------------------------------------------------------------------------------------------*/
  2025. /*---------------------------------------------------------------------------------------------
  2026. *
  2027. * Link focus style
  2028. *
  2029. *---------------------------------------------------------------------------------------------*/
  2030. .post-type-acf-field-group a:focus {
  2031. box-shadow: none;
  2032. outline: none;
  2033. }
  2034. .post-type-acf-field-group a:focus-visible {
  2035. box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
  2036. outline: 1px solid transparent;
  2037. }
  2038. .post-type-acf-field-group {
  2039. /*---------------------------------------------------------------------------------------------
  2040. *
  2041. * All Inputs
  2042. *
  2043. *---------------------------------------------------------------------------------------------*/
  2044. /*---------------------------------------------------------------------------------------------
  2045. *
  2046. * Read only text inputs
  2047. *
  2048. *---------------------------------------------------------------------------------------------*/
  2049. /*---------------------------------------------------------------------------------------------
  2050. *
  2051. * Number fields
  2052. *
  2053. *---------------------------------------------------------------------------------------------*/
  2054. /*---------------------------------------------------------------------------------------------
  2055. *
  2056. * Textarea
  2057. *
  2058. *---------------------------------------------------------------------------------------------*/
  2059. /*---------------------------------------------------------------------------------------------
  2060. *
  2061. * Select
  2062. *
  2063. *---------------------------------------------------------------------------------------------*/
  2064. /*---------------------------------------------------------------------------------------------
  2065. *
  2066. * Radio Button & Checkbox base styling
  2067. *
  2068. *---------------------------------------------------------------------------------------------*/
  2069. /*---------------------------------------------------------------------------------------------
  2070. *
  2071. * Radio Buttons
  2072. *
  2073. *---------------------------------------------------------------------------------------------*/
  2074. /*---------------------------------------------------------------------------------------------
  2075. *
  2076. * Checkboxes
  2077. *
  2078. *---------------------------------------------------------------------------------------------*/
  2079. /*---------------------------------------------------------------------------------------------
  2080. *
  2081. * Radio Buttons & Checkbox lists
  2082. *
  2083. *---------------------------------------------------------------------------------------------*/
  2084. /*---------------------------------------------------------------------------------------------
  2085. *
  2086. * ACF Switch
  2087. *
  2088. *---------------------------------------------------------------------------------------------*/
  2089. /*---------------------------------------------------------------------------------------------
  2090. *
  2091. * File input button
  2092. *
  2093. *---------------------------------------------------------------------------------------------*/
  2094. /*---------------------------------------------------------------------------------------------
  2095. *
  2096. * Action Buttons
  2097. *
  2098. *---------------------------------------------------------------------------------------------*/
  2099. /*---------------------------------------------------------------------------------------------
  2100. *
  2101. * Edit field group header
  2102. *
  2103. *---------------------------------------------------------------------------------------------*/
  2104. /*---------------------------------------------------------------------------------------------
  2105. *
  2106. * Select2 inputs
  2107. *
  2108. *---------------------------------------------------------------------------------------------*/
  2109. /*---------------------------------------------------------------------------------------------
  2110. *
  2111. * ACF label
  2112. *
  2113. *---------------------------------------------------------------------------------------------*/
  2114. /*---------------------------------------------------------------------------------------------
  2115. *
  2116. * Tooltip for field name field setting (result of a fix for keyboard navigation)
  2117. *
  2118. *---------------------------------------------------------------------------------------------*/
  2119. }
  2120. .post-type-acf-field-group input[type=text],
  2121. .post-type-acf-field-group input[type=search],
  2122. .post-type-acf-field-group input[type=number],
  2123. .post-type-acf-field-group textarea,
  2124. .post-type-acf-field-group select {
  2125. box-sizing: border-box;
  2126. height: 40px;
  2127. padding-right: 12px;
  2128. padding-left: 12px;
  2129. background-color: #fff;
  2130. border-color: #D0D5DD;
  2131. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2132. border-radius: 6px;
  2133. color: #344054;
  2134. }
  2135. .post-type-acf-field-group input[type=text]:focus,
  2136. .post-type-acf-field-group input[type=search]:focus,
  2137. .post-type-acf-field-group input[type=number]:focus,
  2138. .post-type-acf-field-group textarea:focus,
  2139. .post-type-acf-field-group select:focus {
  2140. outline: 3px solid #EBF5FA;
  2141. border-color: #399CCB;
  2142. }
  2143. .post-type-acf-field-group input[type=text]:disabled,
  2144. .post-type-acf-field-group input[type=search]:disabled,
  2145. .post-type-acf-field-group input[type=number]:disabled,
  2146. .post-type-acf-field-group textarea:disabled,
  2147. .post-type-acf-field-group select:disabled {
  2148. background-color: #F9FAFB;
  2149. color: #808a9e;
  2150. }
  2151. .post-type-acf-field-group input[type=text]::placeholder,
  2152. .post-type-acf-field-group input[type=search]::placeholder,
  2153. .post-type-acf-field-group input[type=number]::placeholder,
  2154. .post-type-acf-field-group textarea::placeholder,
  2155. .post-type-acf-field-group select::placeholder {
  2156. color: #98A2B3;
  2157. }
  2158. .post-type-acf-field-group input[type=text]:read-only {
  2159. background-color: #F9FAFB;
  2160. color: #98A2B3;
  2161. }
  2162. .post-type-acf-field-group .acf-field.acf-field-number .acf-label,
  2163. .post-type-acf-field-group .acf-field.acf-field-number .acf-input input[type=number] {
  2164. max-width: 180px;
  2165. }
  2166. .post-type-acf-field-group textarea {
  2167. box-sizing: border-box;
  2168. padding-top: 10px;
  2169. padding-bottom: 10px;
  2170. height: 80px;
  2171. min-height: 56px;
  2172. }
  2173. .post-type-acf-field-group select {
  2174. min-width: 160px;
  2175. max-width: 100%;
  2176. padding-right: 40px;
  2177. padding-left: 12px;
  2178. background-image: url("../../images/icons/icon-chevron-down.svg");
  2179. background-position: right 10px top 50%;
  2180. background-size: 20px;
  2181. }
  2182. .post-type-acf-field-group select:hover, .post-type-acf-field-group select:focus {
  2183. color: #0783BE;
  2184. }
  2185. .post-type-acf-field-group select::before {
  2186. content: "";
  2187. display: block;
  2188. position: absolute;
  2189. top: 5px;
  2190. left: 5px;
  2191. width: 20px;
  2192. height: 20px;
  2193. background-color: red;
  2194. }
  2195. .post-type-acf-field-group.rtl select {
  2196. padding-right: 12px;
  2197. padding-left: 40px;
  2198. background-position: left 10px top 50%;
  2199. }
  2200. .post-type-acf-field-group input[type=radio],
  2201. .post-type-acf-field-group input[type=checkbox] {
  2202. box-sizing: border-box;
  2203. width: 16px;
  2204. height: 16px;
  2205. padding: 0;
  2206. border-width: 1px;
  2207. border-style: solid;
  2208. border-color: #98A2B3;
  2209. background: #fff;
  2210. box-shadow: none;
  2211. }
  2212. .post-type-acf-field-group input[type=radio]:hover,
  2213. .post-type-acf-field-group input[type=checkbox]:hover {
  2214. background-color: #EBF5FA;
  2215. border-color: #0783BE;
  2216. }
  2217. .post-type-acf-field-group input[type=radio]:checked, .post-type-acf-field-group input[type=radio]:focus-visible,
  2218. .post-type-acf-field-group input[type=checkbox]:checked,
  2219. .post-type-acf-field-group input[type=checkbox]:focus-visible {
  2220. background-color: #EBF5FA;
  2221. border-color: #0783BE;
  2222. }
  2223. .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus-visible:before,
  2224. .post-type-acf-field-group input[type=checkbox]:checked:before,
  2225. .post-type-acf-field-group input[type=checkbox]:focus-visible:before {
  2226. content: "";
  2227. position: relative;
  2228. top: -1px;
  2229. left: -1px;
  2230. width: 16px;
  2231. height: 16px;
  2232. margin: 0;
  2233. padding: 0;
  2234. background-color: transparent;
  2235. background-size: cover;
  2236. background-repeat: no-repeat;
  2237. background-position: center;
  2238. }
  2239. .post-type-acf-field-group input[type=radio]:active,
  2240. .post-type-acf-field-group input[type=checkbox]:active {
  2241. box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
  2242. }
  2243. .post-type-acf-field-group input[type=radio]:disabled,
  2244. .post-type-acf-field-group input[type=checkbox]:disabled {
  2245. background-color: #F9FAFB;
  2246. border-color: #D0D5DD;
  2247. }
  2248. .post-type-acf-field-group.rtl input[type=radio]:checked:before, .post-type-acf-field-group.rtl input[type=radio]:focus-visible:before,
  2249. .post-type-acf-field-group.rtl input[type=checkbox]:checked:before,
  2250. .post-type-acf-field-group.rtl input[type=checkbox]:focus-visible:before {
  2251. left: 1px;
  2252. }
  2253. .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus:before {
  2254. background-image: url("../../images/field-states/radio-active.svg");
  2255. }
  2256. .post-type-acf-field-group input[type=checkbox]:checked:before, .post-type-acf-field-group input[type=checkbox]:focus:before {
  2257. background-image: url("../../images/field-states/checkbox-active.svg");
  2258. }
  2259. .post-type-acf-field-group .acf-radio-list li input[type=radio],
  2260. .post-type-acf-field-group .acf-radio-list li input[type=checkbox],
  2261. .post-type-acf-field-group .acf-checkbox-list li input[type=radio],
  2262. .post-type-acf-field-group .acf-checkbox-list li input[type=checkbox] {
  2263. margin-right: 6px;
  2264. }
  2265. .post-type-acf-field-group .acf-radio-list.acf-bl li,
  2266. .post-type-acf-field-group .acf-checkbox-list.acf-bl li {
  2267. margin-bottom: 8px;
  2268. }
  2269. .post-type-acf-field-group .acf-radio-list.acf-bl li:last-of-type,
  2270. .post-type-acf-field-group .acf-checkbox-list.acf-bl li:last-of-type {
  2271. margin-bottom: 0;
  2272. }
  2273. .post-type-acf-field-group .acf-radio-list label,
  2274. .post-type-acf-field-group .acf-checkbox-list label {
  2275. display: flex;
  2276. align-items: center;
  2277. align-content: center;
  2278. }
  2279. .post-type-acf-field-group .acf-switch {
  2280. width: 42px;
  2281. height: 24px;
  2282. border: none;
  2283. background-color: #D0D5DD;
  2284. border-radius: 12px;
  2285. }
  2286. .post-type-acf-field-group .acf-switch:hover {
  2287. background-color: #98A2B3;
  2288. }
  2289. .post-type-acf-field-group .acf-switch:active {
  2290. box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
  2291. }
  2292. .post-type-acf-field-group .acf-switch.-on {
  2293. background-color: #0783BE;
  2294. }
  2295. .post-type-acf-field-group .acf-switch.-on:hover {
  2296. background-color: #066998;
  2297. }
  2298. .post-type-acf-field-group .acf-switch.-on .acf-switch-slider {
  2299. left: 20px;
  2300. }
  2301. .post-type-acf-field-group .acf-switch .acf-switch-off,
  2302. .post-type-acf-field-group .acf-switch .acf-switch-on {
  2303. visibility: hidden;
  2304. }
  2305. .post-type-acf-field-group .acf-switch .acf-switch-slider {
  2306. width: 20px;
  2307. height: 20px;
  2308. border: none;
  2309. border-radius: 100px;
  2310. box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  2311. }
  2312. .post-type-acf-field-group .acf-field-true-false {
  2313. display: flex;
  2314. align-items: flex-start;
  2315. }
  2316. .post-type-acf-field-group .acf-field-true-false .acf-label {
  2317. order: 2;
  2318. display: block;
  2319. align-items: center;
  2320. margin-top: 2px;
  2321. margin-bottom: 0;
  2322. margin-left: 12px;
  2323. }
  2324. .post-type-acf-field-group .acf-field-true-false .acf-label label {
  2325. margin-bottom: 0;
  2326. }
  2327. .post-type-acf-field-group .acf-field-true-false .acf-label .acf-tip {
  2328. margin-left: 12px;
  2329. }
  2330. .post-type-acf-field-group .acf-field-true-false .acf-label .description {
  2331. display: block;
  2332. margin-top: 2px;
  2333. margin-left: 0;
  2334. }
  2335. .post-type-acf-field-group.rtl .acf-field-true-false .acf-label {
  2336. margin-right: 12px;
  2337. margin-left: 0;
  2338. }
  2339. .post-type-acf-field-group.rtl .acf-field-true-false .acf-tip {
  2340. margin-right: 12px;
  2341. margin-left: 0;
  2342. }
  2343. .post-type-acf-field-group input::file-selector-button {
  2344. box-sizing: border-box;
  2345. min-height: 40px;
  2346. margin-right: 16px;
  2347. padding-top: 8px;
  2348. padding-right: 16px;
  2349. padding-bottom: 8px;
  2350. padding-left: 16px;
  2351. background-color: transparent;
  2352. color: #0783BE !important;
  2353. border-radius: 6px;
  2354. border-width: 1px;
  2355. border-style: solid;
  2356. border-color: #0783BE;
  2357. text-decoration: none;
  2358. }
  2359. .post-type-acf-field-group input::file-selector-button:hover {
  2360. border-color: #066998;
  2361. cursor: pointer;
  2362. color: #066998 !important;
  2363. }
  2364. .post-type-acf-field-group .button {
  2365. display: inline-flex;
  2366. align-items: center;
  2367. height: 40px;
  2368. padding-right: 16px;
  2369. padding-left: 16px;
  2370. background-color: transparent;
  2371. border-width: 1px;
  2372. border-style: solid;
  2373. border-color: #0783BE;
  2374. border-radius: 6px;
  2375. color: #0783BE;
  2376. }
  2377. .post-type-acf-field-group .button:hover {
  2378. background-color: #f3f9fc;
  2379. border-color: #0783BE;
  2380. color: #0783BE;
  2381. }
  2382. .post-type-acf-field-group .button:focus {
  2383. background-color: #f3f9fc;
  2384. outline: 3px solid #EBF5FA;
  2385. color: #0783BE;
  2386. }
  2387. .post-type-acf-field-group .edit-field-group-header {
  2388. display: block !important;
  2389. }
  2390. .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection {
  2391. border: none;
  2392. line-height: 1;
  2393. }
  2394. .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered {
  2395. box-sizing: border-box;
  2396. padding-right: 0;
  2397. padding-left: 0;
  2398. background-color: #fff;
  2399. border-width: 1px;
  2400. border-style: solid;
  2401. border-color: #D0D5DD;
  2402. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2403. border-radius: 6px;
  2404. color: #344054;
  2405. }
  2406. .post-type-acf-field-group .acf-input .select2-container--focus {
  2407. outline: 3px solid #EBF5FA;
  2408. border-color: #399CCB;
  2409. border-radius: 6px;
  2410. }
  2411. .post-type-acf-field-group .acf-input .select2-container--focus .select2-selection__rendered {
  2412. border-color: #399CCB !important;
  2413. }
  2414. .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered {
  2415. border-bottom-right-radius: 0 !important;
  2416. border-bottom-left-radius: 0 !important;
  2417. }
  2418. .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered {
  2419. border-top-right-radius: 0 !important;
  2420. border-top-left-radius: 0 !important;
  2421. }
  2422. .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field {
  2423. margin: 0;
  2424. padding-left: 6px;
  2425. }
  2426. .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field:focus {
  2427. outline: none;
  2428. border: none;
  2429. }
  2430. .post-type-acf-field-group .acf-input .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  2431. padding-top: 0;
  2432. padding-right: 6px;
  2433. padding-bottom: 0;
  2434. padding-left: 6px;
  2435. }
  2436. .post-type-acf-field-group .acf-input .select2-selection__clear {
  2437. width: 18px;
  2438. height: 18px;
  2439. margin-top: 12px;
  2440. margin-right: 0;
  2441. text-indent: 100%;
  2442. white-space: nowrap;
  2443. overflow: hidden;
  2444. }
  2445. .post-type-acf-field-group .acf-input .select2-selection__clear:before {
  2446. content: "";
  2447. display: block;
  2448. width: 14px;
  2449. height: 14px;
  2450. top: 0;
  2451. left: 0;
  2452. border: none;
  2453. border-radius: 0;
  2454. -webkit-mask-size: contain;
  2455. mask-size: contain;
  2456. -webkit-mask-repeat: no-repeat;
  2457. mask-repeat: no-repeat;
  2458. -webkit-mask-position: center;
  2459. mask-position: center;
  2460. -webkit-mask-image: url("../../images/icons/icon-close.svg");
  2461. mask-image: url("../../images/icons/icon-close.svg");
  2462. background-color: #98A2B3;
  2463. }
  2464. .post-type-acf-field-group .acf-input .select2-selection__clear:hover::before {
  2465. background-color: #1D2939;
  2466. }
  2467. .post-type-acf-field-group .acf-label {
  2468. display: flex;
  2469. align-items: center;
  2470. justify-content: space-between;
  2471. }
  2472. .post-type-acf-field-group .acf-label .acf-icon-help {
  2473. width: 18px;
  2474. height: 18px;
  2475. background-color: #98A2B3;
  2476. }
  2477. .post-type-acf-field-group .acf-label label {
  2478. margin-bottom: 0;
  2479. }
  2480. .post-type-acf-field-group .acf-label .description {
  2481. margin-top: 2px;
  2482. }
  2483. .post-type-acf-field-group .acf-field-setting-name .acf-tip {
  2484. position: absolute;
  2485. top: 0;
  2486. left: 654px;
  2487. color: #98A2B3;
  2488. }
  2489. .post-type-acf-field-group .acf-field-setting-name .acf-tip .acf-icon-help {
  2490. width: 18px;
  2491. height: 18px;
  2492. }
  2493. .rtl.post-type-acf-field-group .acf-field-setting-name .acf-tip {
  2494. left: auto;
  2495. right: 654px;
  2496. }
  2497. /*---------------------------------------------------------------------------------------------
  2498. *
  2499. * Field Groups
  2500. *
  2501. *---------------------------------------------------------------------------------------------*/
  2502. .acf-admin-field-groups .tablenav.top {
  2503. display: none;
  2504. }
  2505. .acf-admin-field-groups .subsubsub {
  2506. margin-bottom: 3px;
  2507. }
  2508. .acf-admin-field-groups .wp-list-table {
  2509. margin-top: 0;
  2510. margin-right: 0;
  2511. margin-bottom: 0;
  2512. margin-left: 0;
  2513. border-radius: 8px;
  2514. border: none;
  2515. overflow: hidden;
  2516. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2517. }
  2518. .acf-admin-field-groups .wp-list-table strong {
  2519. color: #98A2B3;
  2520. margin: 0;
  2521. }
  2522. .acf-admin-field-groups .wp-list-table a.row-title {
  2523. font-size: 13px !important;
  2524. font-weight: 500;
  2525. }
  2526. .acf-admin-field-groups .wp-list-table th,
  2527. .acf-admin-field-groups .wp-list-table td {
  2528. color: #344054;
  2529. }
  2530. .acf-admin-field-groups .wp-list-table th.sortable a,
  2531. .acf-admin-field-groups .wp-list-table td.sortable a {
  2532. padding: 0;
  2533. }
  2534. .acf-admin-field-groups .wp-list-table th.check-column,
  2535. .acf-admin-field-groups .wp-list-table td.check-column {
  2536. padding-top: 12px;
  2537. padding-right: 16px;
  2538. padding-left: 16px;
  2539. }
  2540. @media screen and (max-width: 880px) {
  2541. .acf-admin-field-groups .wp-list-table th.check-column,
  2542. .acf-admin-field-groups .wp-list-table td.check-column {
  2543. vertical-align: top;
  2544. padding-right: 2px;
  2545. padding-left: 10px;
  2546. }
  2547. }
  2548. .acf-admin-field-groups .wp-list-table th input,
  2549. .acf-admin-field-groups .wp-list-table td input {
  2550. margin: 0;
  2551. padding: 0;
  2552. }
  2553. .acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead td,
  2554. .acf-admin-field-groups .wp-list-table tfoot th, .acf-admin-field-groups .wp-list-table tfoot td {
  2555. height: 48px;
  2556. padding-right: 24px;
  2557. padding-left: 24px;
  2558. box-sizing: border-box;
  2559. background-color: #F9FAFB;
  2560. border-color: #EAECF0;
  2561. font-weight: 500;
  2562. }
  2563. @media screen and (max-width: 880px) {
  2564. .acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead td,
  2565. .acf-admin-field-groups .wp-list-table tfoot th, .acf-admin-field-groups .wp-list-table tfoot td {
  2566. padding-right: 16px;
  2567. padding-left: 8px;
  2568. }
  2569. }
  2570. @media screen and (max-width: 880px) {
  2571. .acf-admin-field-groups .wp-list-table thead th.check-column, .acf-admin-field-groups .wp-list-table thead td.check-column,
  2572. .acf-admin-field-groups .wp-list-table tfoot th.check-column, .acf-admin-field-groups .wp-list-table tfoot td.check-column {
  2573. vertical-align: middle;
  2574. }
  2575. }
  2576. .acf-admin-field-groups .wp-list-table tbody th,
  2577. .acf-admin-field-groups .wp-list-table tbody td {
  2578. box-sizing: border-box;
  2579. height: 60px;
  2580. padding-top: 10px;
  2581. padding-right: 24px;
  2582. padding-bottom: 10px;
  2583. padding-left: 24px;
  2584. vertical-align: top;
  2585. background-color: #fff;
  2586. border-bottom-width: 1px;
  2587. border-bottom-color: #EAECF0;
  2588. border-bottom-style: solid;
  2589. }
  2590. @media screen and (max-width: 880px) {
  2591. .acf-admin-field-groups .wp-list-table tbody th,
  2592. .acf-admin-field-groups .wp-list-table tbody td {
  2593. padding-right: 16px;
  2594. padding-left: 8px;
  2595. }
  2596. }
  2597. .acf-admin-field-groups .wp-list-table .column-acf-key {
  2598. white-space: nowrap;
  2599. }
  2600. .acf-admin-field-groups .wp-list-table .column-acf-key .acf-icon-key-solid {
  2601. display: inline-block;
  2602. position: relative;
  2603. bottom: -2px;
  2604. width: 15px;
  2605. height: 15px;
  2606. margin-right: 4px;
  2607. color: #98A2B3;
  2608. }
  2609. .acf-admin-field-groups .wp-list-table .acf-location .dashicons {
  2610. position: relative;
  2611. bottom: -2px;
  2612. width: 16px;
  2613. height: 16px;
  2614. margin-right: 6px;
  2615. font-size: 16px;
  2616. color: #98A2B3;
  2617. }
  2618. .acf-admin-field-groups .wp-list-table .post-state {
  2619. color: #667085;
  2620. }
  2621. .acf-admin-field-groups .wp-list-table tr:hover,
  2622. .acf-admin-field-groups .wp-list-table tr:focus-within {
  2623. background: #f7f7f7;
  2624. }
  2625. .acf-admin-field-groups .wp-list-table tr:hover .row-actions,
  2626. .acf-admin-field-groups .wp-list-table tr:focus-within .row-actions {
  2627. margin-bottom: 0;
  2628. }
  2629. @media screen and (min-width: 782px) {
  2630. .acf-admin-field-groups .wp-list-table .column-acf-count {
  2631. width: 10%;
  2632. }
  2633. }
  2634. .acf-admin-field-groups .wp-list-table .row-actions span.file {
  2635. display: block;
  2636. overflow: hidden;
  2637. white-space: nowrap;
  2638. text-overflow: ellipsis;
  2639. }
  2640. .acf-admin-field-groups.rtl .wp-list-table .column-acf-key .acf-icon-key-solid {
  2641. margin-left: 4px;
  2642. margin-right: 0;
  2643. }
  2644. .acf-admin-field-groups.rtl .wp-list-table .acf-location .dashicons {
  2645. margin-left: 6px;
  2646. margin-right: 0;
  2647. }
  2648. .acf-admin-field-groups .row-actions {
  2649. margin-top: 2px;
  2650. padding-top: 0;
  2651. padding-right: 0;
  2652. padding-bottom: 0;
  2653. padding-left: 0;
  2654. line-height: 14px;
  2655. color: #D0D5DD;
  2656. }
  2657. .acf-admin-field-groups .row-actions .trash a {
  2658. color: #d94f4f;
  2659. }
  2660. .acf-admin-field-groups .widefat thead td.check-column,
  2661. .acf-admin-field-groups .widefat tfoot td.check-column {
  2662. padding-top: 0;
  2663. }
  2664. /*--------------------------------------------------------------------------------------------
  2665. *
  2666. * Row actions
  2667. *
  2668. *--------------------------------------------------------------------------------------------*/
  2669. .acf-admin-field-groups .row-actions a:hover {
  2670. color: #044767;
  2671. }
  2672. .acf-admin-field-groups .row-actions .trash a {
  2673. color: #a00;
  2674. }
  2675. .acf-admin-field-groups .row-actions .trash a:hover {
  2676. color: #f00;
  2677. }
  2678. .acf-admin-field-groups .row-actions.visible {
  2679. margin-bottom: 0;
  2680. opacity: 1;
  2681. }
  2682. /*--------------------------------------------------------------------------------------------
  2683. *
  2684. * Row hover
  2685. *
  2686. *--------------------------------------------------------------------------------------------*/
  2687. .acf-admin-field-groups #the-list tr:hover td,
  2688. .acf-admin-field-groups #the-list tr:hover th {
  2689. background-color: #f7fbfd;
  2690. }
  2691. /*---------------------------------------------------------------------------------------------
  2692. *
  2693. * Table Nav
  2694. *
  2695. *---------------------------------------------------------------------------------------------*/
  2696. .acf-admin-field-groups .tablenav {
  2697. margin-top: 24px;
  2698. margin-right: 0;
  2699. margin-bottom: 0;
  2700. margin-left: 0;
  2701. padding-top: 0;
  2702. padding-right: 0;
  2703. padding-bottom: 0;
  2704. padding-left: 0;
  2705. color: #667085;
  2706. }
  2707. /*--------------------------------------------------------------------------------------------
  2708. *
  2709. * Search box
  2710. *
  2711. *--------------------------------------------------------------------------------------------*/
  2712. .acf-admin-field-groups #posts-filter p.search-box {
  2713. margin-top: 5px;
  2714. margin-right: 0;
  2715. margin-bottom: 24px;
  2716. margin-left: 0;
  2717. }
  2718. .acf-admin-field-groups #posts-filter p.search-box #post-search-input {
  2719. min-width: 280px;
  2720. margin-top: 0;
  2721. margin-right: 8px;
  2722. margin-bottom: 0;
  2723. margin-left: 0;
  2724. }
  2725. @media screen and (max-width: 768px) {
  2726. .acf-admin-field-groups #posts-filter p.search-box {
  2727. display: flex;
  2728. box-sizing: border-box;
  2729. padding-right: 24px;
  2730. margin-right: 16px;
  2731. }
  2732. .acf-admin-field-groups #posts-filter p.search-box #post-search-input {
  2733. min-width: auto;
  2734. }
  2735. }
  2736. .rtl.acf-admin-field-groups #posts-filter p.search-box #post-search-input {
  2737. margin-right: 0;
  2738. margin-left: 8px;
  2739. }
  2740. @media screen and (max-width: 768px) {
  2741. .rtl.acf-admin-field-groups #posts-filter p.search-box {
  2742. padding-left: 24px;
  2743. padding-right: 0;
  2744. margin-left: 16px;
  2745. margin-right: 0;
  2746. }
  2747. }
  2748. /*--------------------------------------------------------------------------------------------
  2749. *
  2750. * Status tabs
  2751. *
  2752. *--------------------------------------------------------------------------------------------*/
  2753. .acf-admin-field-groups .subsubsub {
  2754. display: flex;
  2755. align-items: flex-end;
  2756. height: 40px;
  2757. margin-bottom: 16px;
  2758. }
  2759. .acf-admin-field-groups .subsubsub li {
  2760. margin-top: 0;
  2761. margin-right: 4px;
  2762. color: #98A2B3;
  2763. }
  2764. .acf-admin-field-groups .subsubsub li .count {
  2765. color: #667085;
  2766. }
  2767. /*--------------------------------------------------------------------------------------------
  2768. *
  2769. * Pagination
  2770. *
  2771. *--------------------------------------------------------------------------------------------*/
  2772. .acf-admin-field-groups .tablenav-pages {
  2773. display: flex;
  2774. align-items: center;
  2775. }
  2776. .acf-admin-field-groups .tablenav-pages .displaying-num {
  2777. margin-top: 0;
  2778. margin-right: 16px;
  2779. margin-bottom: 0;
  2780. margin-left: 0;
  2781. }
  2782. .acf-admin-field-groups .tablenav-pages .pagination-links {
  2783. display: flex;
  2784. align-items: center;
  2785. }
  2786. .acf-admin-field-groups .tablenav-pages .pagination-links #table-paging {
  2787. margin-top: 0;
  2788. margin-right: 4px;
  2789. margin-bottom: 0;
  2790. margin-left: 8px;
  2791. }
  2792. .acf-admin-field-groups .tablenav-pages .pagination-links #table-paging .total-pages {
  2793. margin-right: 0;
  2794. }
  2795. .acf-admin-field-groups .tablenav-pages.one-page .pagination-links {
  2796. display: none;
  2797. }
  2798. /*--------------------------------------------------------------------------------------------
  2799. *
  2800. * Pagination buttons & icons
  2801. *
  2802. *--------------------------------------------------------------------------------------------*/
  2803. .acf-admin-field-groups .tablenav-pages .pagination-links .button {
  2804. display: inline-flex;
  2805. align-items: center;
  2806. align-content: center;
  2807. justify-content: center;
  2808. min-width: 40px;
  2809. margin-top: 0;
  2810. margin-right: 0;
  2811. margin-bottom: 0;
  2812. margin-left: 0;
  2813. padding-top: 0;
  2814. padding-right: 0;
  2815. padding-bottom: 0;
  2816. padding-left: 0;
  2817. background-color: transparent;
  2818. }
  2819. .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1), .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2), .acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2) {
  2820. display: inline-block;
  2821. position: relative;
  2822. text-indent: 100%;
  2823. white-space: nowrap;
  2824. overflow: hidden;
  2825. margin-left: 4px;
  2826. }
  2827. .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1):before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2):before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child:before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2):before {
  2828. content: "";
  2829. display: block;
  2830. position: absolute;
  2831. width: 100%;
  2832. height: 100%;
  2833. top: 0;
  2834. left: 0;
  2835. background-color: #0783BE;
  2836. border-radius: 0;
  2837. -webkit-mask-size: 20px;
  2838. mask-size: 20px;
  2839. -webkit-mask-repeat: no-repeat;
  2840. mask-repeat: no-repeat;
  2841. -webkit-mask-position: center;
  2842. mask-position: center;
  2843. }
  2844. .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1):before {
  2845. -webkit-mask-image: url("../../images/icons/icon-chevron-left-double.svg");
  2846. mask-image: url("../../images/icons/icon-chevron-left-double.svg");
  2847. }
  2848. .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2):before {
  2849. -webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
  2850. mask-image: url("../../images/icons/icon-chevron-left.svg");
  2851. }
  2852. .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2):before {
  2853. -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
  2854. mask-image: url("../../images/icons/icon-chevron-right.svg");
  2855. }
  2856. .acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child:before {
  2857. -webkit-mask-image: url("../../images/icons/icon-chevron-right-double.svg");
  2858. mask-image: url("../../images/icons/icon-chevron-right-double.svg");
  2859. }
  2860. .acf-admin-field-groups .tablenav-pages .pagination-links .button:hover {
  2861. border-color: #066998;
  2862. background-color: rgba(7, 131, 190, 0.05);
  2863. }
  2864. .acf-admin-field-groups .tablenav-pages .pagination-links .button:hover:before {
  2865. background-color: #066998;
  2866. }
  2867. .acf-admin-field-groups .tablenav-pages .pagination-links .button.disabled {
  2868. background-color: transparent !important;
  2869. }
  2870. .acf-admin-field-groups .tablenav-pages .pagination-links .button.disabled.disabled:before {
  2871. background-color: #D0D5DD;
  2872. }
  2873. /*---------------------------------------------------------------------------------------------
  2874. *
  2875. * Empty state
  2876. *
  2877. *---------------------------------------------------------------------------------------------*/
  2878. .acf-no-field-groups-wrapper {
  2879. display: flex;
  2880. justify-content: center;
  2881. padding-top: 48px;
  2882. padding-bottom: 48px;
  2883. }
  2884. .acf-no-field-groups-wrapper .acf-no-field-groups-inner {
  2885. display: flex;
  2886. flex-wrap: wrap;
  2887. justify-content: center;
  2888. align-content: center;
  2889. align-items: flex-start;
  2890. text-align: center;
  2891. max-width: 380px;
  2892. min-height: 320px;
  2893. }
  2894. .acf-no-field-groups-wrapper .acf-no-field-groups-inner img,
  2895. .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2,
  2896. .acf-no-field-groups-wrapper .acf-no-field-groups-inner p {
  2897. flex: 1 0 100%;
  2898. }
  2899. .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2 {
  2900. margin-top: 32px;
  2901. margin-bottom: 0;
  2902. padding: 0;
  2903. color: #344054;
  2904. }
  2905. .acf-no-field-groups-wrapper .acf-no-field-groups-inner p {
  2906. margin-top: 12px;
  2907. margin-bottom: 0;
  2908. padding: 0;
  2909. color: #667085;
  2910. }
  2911. .acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small {
  2912. display: block;
  2913. position: relative;
  2914. margin-top: 32px;
  2915. }
  2916. .acf-no-field-groups-wrapper .acf-no-field-groups-inner img {
  2917. max-width: 284px;
  2918. margin-bottom: 0;
  2919. }
  2920. .acf-no-field-groups-wrapper .acf-no-field-groups-inner .acf-btn {
  2921. margin-top: 32px;
  2922. }
  2923. .acf-no-field-groups #the-list tr:hover td,
  2924. .acf-no-field-groups #the-list tr:hover th,
  2925. .acf-no-field-groups .acf-admin-field-groups .wp-list-table tr:hover,
  2926. .acf-no-field-groups .striped > tbody > :nth-child(odd), .acf-no-field-groups ul.striped > :nth-child(odd), .acf-no-field-groups .alternate {
  2927. background-color: transparent !important;
  2928. }
  2929. .acf-no-field-groups .wp-list-table thead,
  2930. .acf-no-field-groups .wp-list-table tfoot {
  2931. display: none;
  2932. }
  2933. .acf-no-field-groups .no-pages {
  2934. display: none;
  2935. }
  2936. /*---------------------------------------------------------------------------------------------
  2937. *
  2938. * Small screen list table info toggle
  2939. *
  2940. *---------------------------------------------------------------------------------------------*/
  2941. .post-type-acf-field-group .wp-list-table .toggle-row:before {
  2942. top: 4px;
  2943. left: 16px;
  2944. border-radius: 0;
  2945. content: "";
  2946. display: block;
  2947. position: absolute;
  2948. width: 16px;
  2949. height: 16px;
  2950. background-color: #0783BE;
  2951. border-radius: 0;
  2952. -webkit-mask-size: 20px;
  2953. mask-size: 20px;
  2954. -webkit-mask-repeat: no-repeat;
  2955. mask-repeat: no-repeat;
  2956. -webkit-mask-position: center;
  2957. mask-position: center;
  2958. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  2959. mask-image: url("../../images/icons/icon-chevron-down.svg");
  2960. text-indent: 100%;
  2961. white-space: nowrap;
  2962. overflow: hidden;
  2963. }
  2964. .post-type-acf-field-group .wp-list-table .is-expanded .toggle-row:before {
  2965. -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
  2966. mask-image: url("../../images/icons/icon-chevron-up.svg");
  2967. }
  2968. /*---------------------------------------------------------------------------------------------
  2969. *
  2970. * Small screen checkbox
  2971. *
  2972. *---------------------------------------------------------------------------------------------*/
  2973. @media screen and (max-width: 880px) {
  2974. .post-type-acf-field-group .widefat th input[type=checkbox],
  2975. .post-type-acf-field-group .widefat thead td input[type=checkbox],
  2976. .post-type-acf-field-group .widefat tfoot td input[type=checkbox] {
  2977. margin-bottom: 0;
  2978. }
  2979. }
  2980. /*---------------------------------------------------------------------------------------------
  2981. *
  2982. * Admin Navigation
  2983. *
  2984. *---------------------------------------------------------------------------------------------*/
  2985. .acf-admin-toolbar {
  2986. display: flex;
  2987. justify-content: flex-start;
  2988. align-content: center;
  2989. align-items: center;
  2990. position: unset;
  2991. top: 32px;
  2992. height: 72px;
  2993. z-index: 800;
  2994. background: #344054;
  2995. color: #98A2B3;
  2996. }
  2997. @media screen and (max-width: 880px) {
  2998. .acf-admin-toolbar {
  2999. position: static;
  3000. }
  3001. }
  3002. .acf-admin-toolbar .acf-logo {
  3003. margin-right: 32px;
  3004. }
  3005. .acf-admin-toolbar .acf-logo img {
  3006. display: block;
  3007. max-width: 55px;
  3008. line-height: 0%;
  3009. }
  3010. .acf-admin-toolbar h2 {
  3011. display: none;
  3012. color: #F9FAFB;
  3013. }
  3014. .acf-admin-toolbar .acf-tab {
  3015. display: flex;
  3016. align-items: center;
  3017. box-sizing: border-box;
  3018. min-height: 40px;
  3019. margin-right: 8px;
  3020. padding-top: 8px;
  3021. padding-right: 16px;
  3022. padding-bottom: 8px;
  3023. padding-left: 16px;
  3024. border-width: 1px;
  3025. border-style: solid;
  3026. border-color: transparent;
  3027. border-radius: 6px;
  3028. color: #98A2B3;
  3029. text-decoration: none;
  3030. }
  3031. .acf-admin-toolbar .acf-tab.is-active {
  3032. background-color: #475467;
  3033. color: #fff;
  3034. }
  3035. .acf-admin-toolbar .acf-tab:hover {
  3036. background-color: #475467;
  3037. color: #F9FAFB;
  3038. }
  3039. .acf-admin-toolbar .acf-tab:focus-visible {
  3040. border-width: 1px;
  3041. border-style: solid;
  3042. border-color: #667085;
  3043. }
  3044. .acf-admin-toolbar .acf-tab:focus {
  3045. box-shadow: none;
  3046. }
  3047. #wpcontent .acf-admin-toolbar {
  3048. box-sizing: border-box;
  3049. margin-left: -20px;
  3050. padding-top: 16px;
  3051. padding-right: 32px;
  3052. padding-bottom: 16px;
  3053. padding-left: 32px;
  3054. }
  3055. @media screen and (max-width: 600px) {
  3056. .acf-admin-toolbar {
  3057. display: none;
  3058. }
  3059. }
  3060. .rtl #wpcontent .acf-admin-toolbar {
  3061. margin-left: 0;
  3062. margin-right: -20px;
  3063. }
  3064. .rtl #wpcontent .acf-admin-toolbar .acf-tab {
  3065. margin-left: 8px;
  3066. margin-right: 0;
  3067. }
  3068. .rtl .acf-logo {
  3069. margin-right: 0;
  3070. margin-left: 32px;
  3071. }
  3072. /*---------------------------------------------------------------------------------------------
  3073. *
  3074. * Admin Toolbar Icons
  3075. *
  3076. *---------------------------------------------------------------------------------------------*/
  3077. .acf-admin-toolbar .acf-tab i.acf-icon {
  3078. display: none;
  3079. margin-right: 8px;
  3080. margin-left: -2px;
  3081. }
  3082. .acf-admin-toolbar .acf-tab.acf-header-tab-acf-field-group i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-tools i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-settings-updates i.acf-icon {
  3083. display: inline-flex;
  3084. }
  3085. .acf-admin-toolbar .acf-tab.is-active i.acf-icon, .acf-admin-toolbar .acf-tab:hover i.acf-icon {
  3086. background-color: #EAECF0;
  3087. }
  3088. .rtl .acf-admin-toolbar .acf-tab i.acf-icon {
  3089. margin-right: -2px;
  3090. margin-left: 8px;
  3091. }
  3092. .acf-admin-toolbar .acf-header-tab-acf-field-group i.acf-icon {
  3093. -webkit-mask-image: url("../../images/icons/icon-field-groups.svg");
  3094. mask-image: url("../../images/icons/icon-field-groups.svg");
  3095. }
  3096. .acf-admin-toolbar .acf-header-tab-acf-tools i.acf-icon {
  3097. -webkit-mask-image: url("../../images/icons/icon-tools.svg");
  3098. mask-image: url("../../images/icons/icon-tools.svg");
  3099. }
  3100. .acf-admin-toolbar .acf-header-tab-acf-settings-updates i.acf-icon {
  3101. -webkit-mask-image: url("../../images/icons/icon-updates.svg");
  3102. mask-image: url("../../images/icons/icon-updates.svg");
  3103. }
  3104. /*---------------------------------------------------------------------------------------------
  3105. *
  3106. * Hide WP default controls
  3107. *
  3108. *---------------------------------------------------------------------------------------------*/
  3109. .post-type-acf-field-group h1.wp-heading-inline {
  3110. display: none;
  3111. }
  3112. .post-type-acf-field-group .wrap .wp-heading-inline + .page-title-action {
  3113. display: none;
  3114. }
  3115. /*---------------------------------------------------------------------------------------------
  3116. *
  3117. * Headerbar
  3118. *
  3119. *---------------------------------------------------------------------------------------------*/
  3120. .acf-headerbar {
  3121. display: flex;
  3122. align-items: center;
  3123. position: sticky;
  3124. top: 32px;
  3125. z-index: 700;
  3126. box-sizing: border-box;
  3127. min-height: 72px;
  3128. margin-left: -20px;
  3129. padding-top: 8px;
  3130. padding-right: 32px;
  3131. padding-bottom: 8px;
  3132. padding-left: 32px;
  3133. background-color: #fff;
  3134. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  3135. }
  3136. .acf-headerbar .acf-headerbar-inner {
  3137. flex: 1 1 auto;
  3138. display: flex;
  3139. align-items: center;
  3140. justify-content: space-between;
  3141. max-width: 1440px;
  3142. }
  3143. .acf-headerbar .acf-page-title {
  3144. margin-top: 0;
  3145. margin-right: 16px;
  3146. margin-bottom: 0;
  3147. margin-left: 0;
  3148. padding-top: 0;
  3149. padding-right: 0;
  3150. padding-bottom: 0;
  3151. padding-left: 0;
  3152. }
  3153. @media screen and (max-width: 880px) {
  3154. .acf-headerbar {
  3155. position: static;
  3156. }
  3157. }
  3158. @media screen and (max-width: 600px) {
  3159. .acf-headerbar {
  3160. justify-content: space-between;
  3161. position: relative;
  3162. top: 46px;
  3163. min-height: 64px;
  3164. padding-right: 12px;
  3165. }
  3166. }
  3167. .acf-headerbar .acf-headerbar-content {
  3168. flex: 1 1 auto;
  3169. display: flex;
  3170. align-items: center;
  3171. }
  3172. @media screen and (max-width: 880px) {
  3173. .acf-headerbar .acf-headerbar-content {
  3174. flex-wrap: wrap;
  3175. }
  3176. .acf-headerbar .acf-headerbar-content .acf-headerbar-title,
  3177. .acf-headerbar .acf-headerbar-content .acf-title-wrap {
  3178. flex: 1 1 100%;
  3179. }
  3180. .acf-headerbar .acf-headerbar-content .acf-title-wrap {
  3181. margin-top: 8px;
  3182. }
  3183. }
  3184. .acf-headerbar .acf-input-error {
  3185. border: 1px rgba(209, 55, 55, 0.5) solid !important;
  3186. box-shadow: 0px 0px 0px 3px rgba(209, 55, 55, 0.12), 0px 0px 0px rgba(255, 54, 54, 0.25) !important;
  3187. background-image: url("../../images/icons/icon-warning-alt-red.svg");
  3188. background-position: right 10px top 50%;
  3189. background-size: 20px;
  3190. background-repeat: no-repeat;
  3191. }
  3192. .acf-headerbar .acf-input-error:focus {
  3193. outline: none !important;
  3194. border: 1px rgba(209, 55, 55, 0.8) solid !important;
  3195. box-shadow: 0px 0px 0px 3px rgba(209, 55, 55, 0.16), 0px 0px 0px rgba(255, 54, 54, 0.25) !important;
  3196. }
  3197. .acf-headerbar .acf-headerbar-title-field {
  3198. min-width: 320px;
  3199. }
  3200. @media screen and (max-width: 880px) {
  3201. .acf-headerbar .acf-headerbar-title-field {
  3202. min-width: 100%;
  3203. }
  3204. }
  3205. .acf-headerbar .acf-headerbar-actions {
  3206. display: flex;
  3207. }
  3208. .acf-headerbar .acf-headerbar-actions .acf-btn {
  3209. margin-left: 8px;
  3210. }
  3211. .acf-headerbar .acf-headerbar-actions .disabled {
  3212. background-color: #F2F4F7;
  3213. color: #98A2B3 !important;
  3214. border: 1px #D0D5DD solid;
  3215. cursor: default;
  3216. }
  3217. /*---------------------------------------------------------------------------------------------
  3218. *
  3219. * Edit Field Group Headerbar
  3220. *
  3221. *---------------------------------------------------------------------------------------------*/
  3222. .acf-headerbar-field-editor {
  3223. position: sticky;
  3224. top: 32px;
  3225. z-index: 700;
  3226. margin-left: -20px;
  3227. width: calc(100% + 20px);
  3228. }
  3229. @media screen and (max-width: 880px) {
  3230. .acf-headerbar-field-editor {
  3231. position: relative;
  3232. top: 0;
  3233. width: 100%;
  3234. margin-left: 0;
  3235. padding-right: 8px;
  3236. padding-left: 8px;
  3237. }
  3238. }
  3239. @media screen and (max-width: 640px) {
  3240. .acf-headerbar-field-editor {
  3241. position: relative;
  3242. top: 46px;
  3243. }
  3244. }
  3245. @media screen and (max-width: 880px) {
  3246. .acf-headerbar-field-editor .acf-headerbar-inner {
  3247. flex-wrap: wrap;
  3248. justify-content: flex-start;
  3249. align-content: flex-start;
  3250. align-items: flex-start;
  3251. width: 100%;
  3252. }
  3253. .acf-headerbar-field-editor .acf-headerbar-inner .acf-page-title {
  3254. flex: 1 1 auto;
  3255. }
  3256. .acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions {
  3257. flex: 1 1 100%;
  3258. margin-top: 8px;
  3259. gap: 8px;
  3260. }
  3261. .acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions .acf-btn {
  3262. width: 100%;
  3263. display: inline-flex;
  3264. justify-content: center;
  3265. margin: 0;
  3266. }
  3267. }
  3268. .acf-headerbar-field-editor .acf-page-title {
  3269. margin-right: 16px;
  3270. }
  3271. .rtl .acf-headerbar,
  3272. .rtl .acf-headerbar-field-editor {
  3273. margin-left: 0;
  3274. margin-right: -20px;
  3275. }
  3276. .rtl .acf-headerbar .acf-page-title,
  3277. .rtl .acf-headerbar-field-editor .acf-page-title {
  3278. margin-left: 16px;
  3279. margin-right: 0;
  3280. }
  3281. .rtl .acf-headerbar .acf-headerbar-actions .acf-btn,
  3282. .rtl .acf-headerbar-field-editor .acf-headerbar-actions .acf-btn {
  3283. margin-left: 0;
  3284. margin-right: 8px;
  3285. }
  3286. /*---------------------------------------------------------------------------------------------
  3287. *
  3288. * ACF Buttons
  3289. *
  3290. *---------------------------------------------------------------------------------------------*/
  3291. .acf-btn {
  3292. display: inline-flex;
  3293. align-items: center;
  3294. box-sizing: border-box;
  3295. min-height: 40px;
  3296. padding-top: 8px;
  3297. padding-right: 16px;
  3298. padding-bottom: 8px;
  3299. padding-left: 16px;
  3300. background-color: #0783BE;
  3301. border-radius: 6px;
  3302. border-width: 1px;
  3303. border-style: solid;
  3304. border-color: rgba(16, 24, 40, 0.2);
  3305. text-decoration: none;
  3306. color: #fff !important;
  3307. transition: all 0.2s ease-in-out;
  3308. transition-property: background, border, box-shadow;
  3309. }
  3310. .acf-btn:disabled {
  3311. background-color: red;
  3312. }
  3313. .acf-btn:hover {
  3314. background-color: #066998;
  3315. color: #fff;
  3316. cursor: pointer;
  3317. }
  3318. .acf-btn.acf-btn-sm {
  3319. min-height: 32px;
  3320. padding-top: 4px;
  3321. padding-right: 12px;
  3322. padding-bottom: 4px;
  3323. padding-left: 12px;
  3324. }
  3325. .acf-btn.acf-btn-secondary {
  3326. background-color: transparent;
  3327. color: #0783BE !important;
  3328. border-color: #0783BE;
  3329. }
  3330. .acf-btn.acf-btn-secondary:hover {
  3331. background-color: #f3f9fc;
  3332. }
  3333. .acf-btn.acf-btn-tertiary {
  3334. background-color: transparent;
  3335. color: #667085 !important;
  3336. border-color: #D0D5DD;
  3337. }
  3338. .acf-btn.acf-btn-tertiary:hover {
  3339. color: #667085 !important;
  3340. border-color: #98A2B3;
  3341. }
  3342. /*---------------------------------------------------------------------------------------------
  3343. *
  3344. * Button icons
  3345. *
  3346. *---------------------------------------------------------------------------------------------*/
  3347. .acf-btn i.acf-icon {
  3348. width: 20px;
  3349. height: 20px;
  3350. -webkit-mask-size: 20px;
  3351. mask-size: 20px;
  3352. margin-right: 6px;
  3353. margin-left: -4px;
  3354. }
  3355. .acf-btn.acf-btn-sm i.acf-icon {
  3356. width: 18px;
  3357. height: 18px;
  3358. -webkit-mask-size: 18px;
  3359. mask-size: 18px;
  3360. margin-right: 4px;
  3361. margin-left: -2px;
  3362. }
  3363. .rtl .acf-btn i.acf-icon {
  3364. margin-right: -4px;
  3365. margin-left: 6px;
  3366. }
  3367. .rtl .acf-btn.acf-btn-sm i.acf-icon {
  3368. margin-right: -4px;
  3369. margin-left: 2px;
  3370. }
  3371. /*---------------------------------------------------------------------------------------------
  3372. *
  3373. * Delete field group button
  3374. *
  3375. *---------------------------------------------------------------------------------------------*/
  3376. .acf-btn.acf-delete-field-group:hover {
  3377. background-color: #fbeded;
  3378. border-color: #D13737 !important;
  3379. color: #D13737 !important;
  3380. }
  3381. /*--------------------------------------------------------------------------------------------
  3382. *
  3383. * Icon base styling
  3384. *
  3385. *--------------------------------------------------------------------------------------------*/
  3386. .post-type-acf-field-group i.acf-icon {
  3387. display: inline-flex;
  3388. width: 20px;
  3389. height: 20px;
  3390. background-color: currentColor;
  3391. border: none;
  3392. border-radius: 0;
  3393. -webkit-mask-size: contain;
  3394. mask-size: contain;
  3395. -webkit-mask-repeat: no-repeat;
  3396. mask-repeat: no-repeat;
  3397. -webkit-mask-position: center;
  3398. mask-position: center;
  3399. text-indent: 500%;
  3400. white-space: nowrap;
  3401. overflow: hidden;
  3402. }
  3403. /*--------------------------------------------------------------------------------------------
  3404. *
  3405. * Icons
  3406. *
  3407. *--------------------------------------------------------------------------------------------*/
  3408. .post-type-acf-field-group {
  3409. /*--------------------------------------------------------------------------------------------
  3410. *
  3411. * Inactive group icon
  3412. *
  3413. *--------------------------------------------------------------------------------------------*/
  3414. }
  3415. .post-type-acf-field-group i.acf-field-setting-fc-delete, .post-type-acf-field-group i.acf-field-setting-fc-duplicate {
  3416. box-sizing: border-box;
  3417. /* Auto layout */
  3418. display: flex;
  3419. flex-direction: row;
  3420. justify-content: center;
  3421. align-items: center;
  3422. padding: 8px;
  3423. cursor: pointer;
  3424. width: 32px;
  3425. height: 32px;
  3426. /* Base / White */
  3427. background: #FFFFFF;
  3428. /* Gray/300 */
  3429. border: 1px solid #D0D5DD;
  3430. /* Elevation/01 */
  3431. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  3432. border-radius: 6px;
  3433. /* Inside auto layout */
  3434. flex: none;
  3435. order: 0;
  3436. flex-grow: 0;
  3437. }
  3438. .post-type-acf-field-group i.acf-icon-plus {
  3439. -webkit-mask-image: url("../../images/icons/icon-add.svg");
  3440. mask-image: url("../../images/icons/icon-add.svg");
  3441. }
  3442. .post-type-acf-field-group i.acf-icon-stars {
  3443. -webkit-mask-image: url("../../images/icons/icon-stars.svg");
  3444. mask-image: url("../../images/icons/icon-stars.svg");
  3445. }
  3446. .post-type-acf-field-group i.acf-icon-help {
  3447. -webkit-mask-image: url("../../images/icons/icon-help.svg");
  3448. mask-image: url("../../images/icons/icon-help.svg");
  3449. }
  3450. .post-type-acf-field-group i.acf-icon-key {
  3451. -webkit-mask-image: url("../../images/icons/icon-key.svg");
  3452. mask-image: url("../../images/icons/icon-key.svg");
  3453. }
  3454. .post-type-acf-field-group i.acf-icon-trash, .post-type-acf-field-group button.acf-icon-trash {
  3455. -webkit-mask-image: url("../../images/icons/icon-trash.svg");
  3456. mask-image: url("../../images/icons/icon-trash.svg");
  3457. }
  3458. .post-type-acf-field-group i.acf-icon.-duplicate, .post-type-acf-field-group button.acf-icon-duplicate {
  3459. -webkit-mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
  3460. mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
  3461. }
  3462. .post-type-acf-field-group i.acf-icon-arrow-right {
  3463. -webkit-mask-image: url("../../images/icons/icon-arrow-right.svg");
  3464. mask-image: url("../../images/icons/icon-arrow-right.svg");
  3465. }
  3466. .post-type-acf-field-group i.acf-icon-arrow-left {
  3467. -webkit-mask-image: url("../../images/icons/icon-arrow-left.svg");
  3468. mask-image: url("../../images/icons/icon-arrow-left.svg");
  3469. }
  3470. .post-type-acf-field-group i.acf-icon-chevron-right,
  3471. .post-type-acf-field-group .acf-icon.-right {
  3472. -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
  3473. mask-image: url("../../images/icons/icon-chevron-right.svg");
  3474. }
  3475. .post-type-acf-field-group i.acf-icon-chevron-left,
  3476. .post-type-acf-field-group .acf-icon.-left {
  3477. -webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
  3478. mask-image: url("../../images/icons/icon-chevron-left.svg");
  3479. }
  3480. .post-type-acf-field-group i.acf-icon-key-solid {
  3481. -webkit-mask-image: url("../../images/icons/icon-key-solid.svg");
  3482. mask-image: url("../../images/icons/icon-key-solid.svg");
  3483. }
  3484. .post-type-acf-field-group i.acf-icon-globe,
  3485. .post-type-acf-field-group .acf-icon.-globe {
  3486. -webkit-mask-image: url("../../images/icons/icon-globe.svg");
  3487. mask-image: url("../../images/icons/icon-globe.svg");
  3488. }
  3489. .post-type-acf-field-group i.acf-icon-image,
  3490. .post-type-acf-field-group .acf-icon.-picture {
  3491. -webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
  3492. mask-image: url("../../images/field-type-icons/icon-field-image.svg");
  3493. }
  3494. .post-type-acf-field-group i.acf-icon-warning {
  3495. -webkit-mask-image: url("../../images/icons/icon-warning-alt.svg");
  3496. mask-image: url("../../images/icons/icon-warning-alt.svg");
  3497. }
  3498. .post-type-acf-field-group i.acf-icon-warning-red {
  3499. -webkit-mask-image: url("../../images/icons/icon-warning-alt-red.svg");
  3500. mask-image: url("../../images/icons/icon-warning-alt-red.svg");
  3501. }
  3502. .post-type-acf-field-group .post-type-acf-field-group .post-state {
  3503. font-weight: normal;
  3504. }
  3505. .post-type-acf-field-group .post-type-acf-field-group .post-state .dashicons.dashicons-hidden {
  3506. display: inline-flex;
  3507. width: 18px;
  3508. height: 18px;
  3509. background-color: #98A2B3;
  3510. border: none;
  3511. border-radius: 0;
  3512. -webkit-mask-size: 18px;
  3513. mask-size: 18px;
  3514. -webkit-mask-repeat: no-repeat;
  3515. mask-repeat: no-repeat;
  3516. -webkit-mask-position: center;
  3517. mask-position: center;
  3518. -webkit-mask-image: url("../../images/icons/icon-hidden.svg");
  3519. mask-image: url("../../images/icons/icon-hidden.svg");
  3520. }
  3521. .post-type-acf-field-group .post-type-acf-field-group .post-state .dashicons.dashicons-hidden:before {
  3522. display: none;
  3523. }
  3524. /*--------------------------------------------------------------------------------------------
  3525. *
  3526. * Edit field group page postbox header icons
  3527. *
  3528. *--------------------------------------------------------------------------------------------*/
  3529. #acf-field-group-fields .postbox-header h2,
  3530. #acf-field-group-fields .postbox-header h3,
  3531. #acf-field-group-fields .acf-sub-field-list-header h2,
  3532. #acf-field-group-fields .acf-sub-field-list-header h3,
  3533. #acf-field-group-options .postbox-header h2,
  3534. #acf-field-group-options .postbox-header h3,
  3535. #acf-field-group-options .acf-sub-field-list-header h2,
  3536. #acf-field-group-options .acf-sub-field-list-header h3 {
  3537. display: inline-flex;
  3538. justify-content: flex-start;
  3539. align-content: stretch;
  3540. align-items: center;
  3541. }
  3542. #acf-field-group-fields .postbox-header h2:before,
  3543. #acf-field-group-fields .postbox-header h3:before,
  3544. #acf-field-group-fields .acf-sub-field-list-header h2:before,
  3545. #acf-field-group-fields .acf-sub-field-list-header h3:before,
  3546. #acf-field-group-options .postbox-header h2:before,
  3547. #acf-field-group-options .postbox-header h3:before,
  3548. #acf-field-group-options .acf-sub-field-list-header h2:before,
  3549. #acf-field-group-options .acf-sub-field-list-header h3:before {
  3550. content: "";
  3551. display: inline-block;
  3552. width: 20px;
  3553. height: 20px;
  3554. margin-right: 8px;
  3555. background-color: #98A2B3;
  3556. border: none;
  3557. border-radius: 0;
  3558. -webkit-mask-size: contain;
  3559. mask-size: contain;
  3560. -webkit-mask-repeat: no-repeat;
  3561. mask-repeat: no-repeat;
  3562. -webkit-mask-position: center;
  3563. mask-position: center;
  3564. }
  3565. .rtl #acf-field-group-fields .postbox-header h2:before,
  3566. .rtl #acf-field-group-fields .postbox-header h3:before,
  3567. .rtl #acf-field-group-fields .acf-sub-field-list-header h2:before,
  3568. .rtl #acf-field-group-fields .acf-sub-field-list-header h3:before,
  3569. .rtl #acf-field-group-options .postbox-header h2:before,
  3570. .rtl #acf-field-group-options .postbox-header h3:before,
  3571. .rtl #acf-field-group-options .acf-sub-field-list-header h2:before,
  3572. .rtl #acf-field-group-options .acf-sub-field-list-header h3:before {
  3573. margin-right: 0;
  3574. margin-left: 8px;
  3575. }
  3576. #acf-field-group-fields .postbox-header h2:before,
  3577. h3.acf-sub-field-list-title:before {
  3578. -webkit-mask-image: url("../../images/icons/icon-fields.svg");
  3579. mask-image: url("../../images/icons/icon-fields.svg");
  3580. }
  3581. #acf-field-group-options .postbox-header h2:before {
  3582. -webkit-mask-image: url("../../images/icons/icon-settings.svg");
  3583. mask-image: url("../../images/icons/icon-settings.svg");
  3584. }
  3585. .acf-field-setting-fc_layout .acf-field-settings-fc_head label:before {
  3586. -webkit-mask-image: url("../../images/icons/icon-layout.svg");
  3587. mask-image: url("../../images/icons/icon-layout.svg");
  3588. }
  3589. .acf-field-setting-fc_layout .acf-field-settings-fc_head:hover .reorder-layout:before {
  3590. width: 20px;
  3591. height: 11px;
  3592. background-color: #475467 !important;
  3593. -webkit-mask-image: url("../../images/icons/icon-draggable.svg");
  3594. mask-image: url("../../images/icons/icon-draggable.svg");
  3595. }
  3596. /*--------------------------------------------------------------------------------------------
  3597. *
  3598. * Postbox expand / collapse icon
  3599. *
  3600. *--------------------------------------------------------------------------------------------*/
  3601. .post-type-acf-field-group .postbox-header .handle-actions,
  3602. .post-type-acf-field-group #acf-field-group-fields .postbox-header .handle-actions,
  3603. .post-type-acf-field-group #acf-field-group-options .postbox-header .handle-actions,
  3604. .post-type-acf-field-group .postbox .postbox-header .handle-actions {
  3605. display: flex;
  3606. }
  3607. .post-type-acf-field-group .postbox-header .handle-actions .toggle-indicator:before,
  3608. .post-type-acf-field-group #acf-field-group-fields .postbox-header .handle-actions .toggle-indicator:before,
  3609. .post-type-acf-field-group #acf-field-group-options .postbox-header .handle-actions .toggle-indicator:before,
  3610. .post-type-acf-field-group .postbox .postbox-header .handle-actions .toggle-indicator:before {
  3611. content: "";
  3612. display: inline-flex;
  3613. width: 20px;
  3614. height: 20px;
  3615. background-color: currentColor;
  3616. border: none;
  3617. border-radius: 0;
  3618. -webkit-mask-size: contain;
  3619. mask-size: contain;
  3620. -webkit-mask-repeat: no-repeat;
  3621. mask-repeat: no-repeat;
  3622. -webkit-mask-position: center;
  3623. mask-position: center;
  3624. -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
  3625. mask-image: url("../../images/icons/icon-chevron-up.svg");
  3626. }
  3627. .post-type-acf-field-group.closed .postbox-header .handle-actions .toggle-indicator:before,
  3628. .post-type-acf-field-group #acf-field-group-fields.closed .postbox-header .handle-actions .toggle-indicator:before,
  3629. .post-type-acf-field-group #acf-field-group-options.closed .postbox-header .handle-actions .toggle-indicator:before,
  3630. .post-type-acf-field-group .postbox.closed .postbox-header .handle-actions .toggle-indicator:before {
  3631. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  3632. mask-image: url("../../images/icons/icon-chevron-down.svg");
  3633. }
  3634. /*---------------------------------------------------------------------------------------------
  3635. *
  3636. * Tools & updates page heading icons
  3637. *
  3638. *---------------------------------------------------------------------------------------------*/
  3639. .post-type-acf-field-group #acf-admin-tool-export h2,
  3640. .post-type-acf-field-group #acf-admin-tool-export h3,
  3641. .post-type-acf-field-group #acf-admin-tool-import h2,
  3642. .post-type-acf-field-group #acf-admin-tool-import h3,
  3643. .post-type-acf-field-group #acf-license-information h2,
  3644. .post-type-acf-field-group #acf-license-information h3,
  3645. .post-type-acf-field-group #acf-update-information h2,
  3646. .post-type-acf-field-group #acf-update-information h3 {
  3647. display: inline-flex;
  3648. justify-content: flex-start;
  3649. align-content: stretch;
  3650. align-items: center;
  3651. }
  3652. .post-type-acf-field-group #acf-admin-tool-export h2:before,
  3653. .post-type-acf-field-group #acf-admin-tool-export h3:before,
  3654. .post-type-acf-field-group #acf-admin-tool-import h2:before,
  3655. .post-type-acf-field-group #acf-admin-tool-import h3:before,
  3656. .post-type-acf-field-group #acf-license-information h2:before,
  3657. .post-type-acf-field-group #acf-license-information h3:before,
  3658. .post-type-acf-field-group #acf-update-information h2:before,
  3659. .post-type-acf-field-group #acf-update-information h3:before {
  3660. content: "";
  3661. display: inline-block;
  3662. width: 20px;
  3663. height: 20px;
  3664. margin-right: 8px;
  3665. background-color: #98A2B3;
  3666. border: none;
  3667. border-radius: 0;
  3668. -webkit-mask-size: contain;
  3669. mask-size: contain;
  3670. -webkit-mask-repeat: no-repeat;
  3671. mask-repeat: no-repeat;
  3672. -webkit-mask-position: center;
  3673. mask-position: center;
  3674. }
  3675. .post-type-acf-field-group.rtl #acf-admin-tool-export h2:before,
  3676. .post-type-acf-field-group.rtl #acf-admin-tool-export h3:before,
  3677. .post-type-acf-field-group.rtl #acf-admin-tool-import h2:before,
  3678. .post-type-acf-field-group.rtl #acf-admin-tool-import h3:before,
  3679. .post-type-acf-field-group.rtl #acf-license-information h2:before,
  3680. .post-type-acf-field-group.rtl #acf-license-information h3:before,
  3681. .post-type-acf-field-group.rtl #acf-update-information h2:before,
  3682. .post-type-acf-field-group.rtl #acf-update-information h3:before {
  3683. margin-right: 0;
  3684. margin-left: 8px;
  3685. }
  3686. .post-type-acf-field-group #acf-admin-tool-export h2:before {
  3687. -webkit-mask-image: url("../../images/icons/icon-export.svg");
  3688. mask-image: url("../../images/icons/icon-export.svg");
  3689. }
  3690. .post-type-acf-field-group #acf-admin-tool-import h2:before {
  3691. -webkit-mask-image: url("../../images/icons/icon-import.svg");
  3692. mask-image: url("../../images/icons/icon-import.svg");
  3693. }
  3694. .post-type-acf-field-group #acf-license-information h3:before {
  3695. -webkit-mask-image: url("../../images/icons/icon-key.svg");
  3696. mask-image: url("../../images/icons/icon-key.svg");
  3697. }
  3698. .post-type-acf-field-group #acf-update-information h3:before {
  3699. -webkit-mask-image: url("../../images/icons/icon-info.svg");
  3700. mask-image: url("../../images/icons/icon-info.svg");
  3701. }
  3702. /*--------------------------------------------------------------------------------------------
  3703. *
  3704. * Admin field icons
  3705. *
  3706. *--------------------------------------------------------------------------------------------*/
  3707. .acf-admin-single-field-group .acf-input .acf-icon {
  3708. width: 18px;
  3709. height: 18px;
  3710. }
  3711. /*--------------------------------------------------------------------------------------------
  3712. *
  3713. * Field type icon base styling
  3714. *
  3715. *--------------------------------------------------------------------------------------------*/
  3716. .field-type-icon {
  3717. box-sizing: border-box;
  3718. display: inline-flex;
  3719. align-content: center;
  3720. align-items: center;
  3721. justify-content: center;
  3722. position: relative;
  3723. width: 24px;
  3724. height: 24px;
  3725. top: -4px;
  3726. background-color: #EBF5FA;
  3727. border-width: 1px;
  3728. border-style: solid;
  3729. border-color: #A5D2E7;
  3730. border-radius: 100%;
  3731. }
  3732. .field-type-icon:before {
  3733. content: "";
  3734. width: 14px;
  3735. height: 14px;
  3736. position: relative;
  3737. background-color: #0783BE;
  3738. -webkit-mask-size: cover;
  3739. mask-size: cover;
  3740. -webkit-mask-repeat: no-repeat;
  3741. mask-repeat: no-repeat;
  3742. -webkit-mask-position: center;
  3743. mask-position: center;
  3744. -webkit-mask-image: url("../../images/field-type-icons/icon-field-default.svg");
  3745. mask-image: url("../../images/field-type-icons/icon-field-default.svg");
  3746. }
  3747. /*--------------------------------------------------------------------------------------------
  3748. *
  3749. * Field type icons
  3750. *
  3751. *--------------------------------------------------------------------------------------------*/
  3752. .field-type-icon.field-type-icon-text:before {
  3753. -webkit-mask-image: url("../../images/field-type-icons/icon-field-text.svg");
  3754. mask-image: url("../../images/field-type-icons/icon-field-text.svg");
  3755. }
  3756. .field-type-icon.field-type-icon-textarea:before {
  3757. -webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
  3758. mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
  3759. }
  3760. .field-type-icon.field-type-icon-textarea:before {
  3761. -webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
  3762. mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
  3763. }
  3764. .field-type-icon.field-type-icon-number:before {
  3765. -webkit-mask-image: url("../../images/field-type-icons/icon-field-number.svg");
  3766. mask-image: url("../../images/field-type-icons/icon-field-number.svg");
  3767. }
  3768. .field-type-icon.field-type-icon-range:before {
  3769. -webkit-mask-image: url("../../images/field-type-icons/icon-field-range.svg");
  3770. mask-image: url("../../images/field-type-icons/icon-field-range.svg");
  3771. }
  3772. .field-type-icon.field-type-icon-email:before {
  3773. -webkit-mask-image: url("../../images/field-type-icons/icon-field-email.svg");
  3774. mask-image: url("../../images/field-type-icons/icon-field-email.svg");
  3775. }
  3776. .field-type-icon.field-type-icon-url:before {
  3777. -webkit-mask-image: url("../../images/field-type-icons/icon-field-url.svg");
  3778. mask-image: url("../../images/field-type-icons/icon-field-url.svg");
  3779. }
  3780. .field-type-icon.field-type-icon-password:before {
  3781. -webkit-mask-image: url("../../images/field-type-icons/icon-field-password.svg");
  3782. mask-image: url("../../images/field-type-icons/icon-field-password.svg");
  3783. }
  3784. .field-type-icon.field-type-icon-image:before {
  3785. -webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
  3786. mask-image: url("../../images/field-type-icons/icon-field-image.svg");
  3787. }
  3788. .field-type-icon.field-type-icon-file:before {
  3789. -webkit-mask-image: url("../../images/field-type-icons/icon-field-file.svg");
  3790. mask-image: url("../../images/field-type-icons/icon-field-file.svg");
  3791. }
  3792. .field-type-icon.field-type-icon-wysiwyg:before {
  3793. -webkit-mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
  3794. mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
  3795. }
  3796. .field-type-icon.field-type-icon-oembed:before {
  3797. -webkit-mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
  3798. mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
  3799. }
  3800. .field-type-icon.field-type-icon-gallery:before {
  3801. -webkit-mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
  3802. mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
  3803. }
  3804. .field-type-icon.field-type-icon-select:before {
  3805. -webkit-mask-image: url("../../images/field-type-icons/icon-field-select.svg");
  3806. mask-image: url("../../images/field-type-icons/icon-field-select.svg");
  3807. }
  3808. .field-type-icon.field-type-icon-checkbox:before {
  3809. -webkit-mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
  3810. mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
  3811. }
  3812. .field-type-icon.field-type-icon-radio:before {
  3813. -webkit-mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
  3814. mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
  3815. }
  3816. .field-type-icon.field-type-icon-button-group:before {
  3817. -webkit-mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
  3818. mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
  3819. }
  3820. .field-type-icon.field-type-icon-true-false:before {
  3821. -webkit-mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
  3822. mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
  3823. }
  3824. .field-type-icon.field-type-icon-link:before {
  3825. -webkit-mask-image: url("../../images/field-type-icons/icon-field-link.svg");
  3826. mask-image: url("../../images/field-type-icons/icon-field-link.svg");
  3827. }
  3828. .field-type-icon.field-type-icon-post-object:before {
  3829. -webkit-mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
  3830. mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
  3831. }
  3832. .field-type-icon.field-type-icon-page-link:before {
  3833. -webkit-mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
  3834. mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
  3835. }
  3836. .field-type-icon.field-type-icon-relationship:before {
  3837. -webkit-mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
  3838. mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
  3839. }
  3840. .field-type-icon.field-type-icon-taxonomy:before {
  3841. -webkit-mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
  3842. mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
  3843. }
  3844. .field-type-icon.field-type-icon-user:before {
  3845. -webkit-mask-image: url("../../images/field-type-icons/icon-field-user.svg");
  3846. mask-image: url("../../images/field-type-icons/icon-field-user.svg");
  3847. }
  3848. .field-type-icon.field-type-icon-google-map:before {
  3849. -webkit-mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
  3850. mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
  3851. }
  3852. .field-type-icon.field-type-icon-date-picker:before {
  3853. -webkit-mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
  3854. mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
  3855. }
  3856. .field-type-icon.field-type-icon-date-time-picker:before {
  3857. -webkit-mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
  3858. mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
  3859. }
  3860. .field-type-icon.field-type-icon-time-picker:before {
  3861. -webkit-mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
  3862. mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
  3863. }
  3864. .field-type-icon.field-type-icon-color-picker:before {
  3865. -webkit-mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
  3866. mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
  3867. }
  3868. .field-type-icon.field-type-icon-message:before {
  3869. -webkit-mask-image: url("../../images/field-type-icons/icon-field-message.svg");
  3870. mask-image: url("../../images/field-type-icons/icon-field-message.svg");
  3871. }
  3872. .field-type-icon.field-type-icon-accordion:before {
  3873. -webkit-mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
  3874. mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
  3875. }
  3876. .field-type-icon.field-type-icon-tab:before {
  3877. -webkit-mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
  3878. mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
  3879. }
  3880. .field-type-icon.field-type-icon-group:before {
  3881. -webkit-mask-image: url("../../images/field-type-icons/icon-field-group.svg");
  3882. mask-image: url("../../images/field-type-icons/icon-field-group.svg");
  3883. }
  3884. .field-type-icon.field-type-icon-repeater:before {
  3885. -webkit-mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
  3886. mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
  3887. }
  3888. .field-type-icon.field-type-icon-flexible-content:before {
  3889. -webkit-mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
  3890. mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
  3891. }
  3892. .field-type-icon.field-type-icon-clone:before {
  3893. -webkit-mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
  3894. mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
  3895. }
  3896. /*---------------------------------------------------------------------------------------------
  3897. *
  3898. * Tools page layout
  3899. *
  3900. *---------------------------------------------------------------------------------------------*/
  3901. #acf-admin-tools .postbox-header {
  3902. display: none;
  3903. }
  3904. #acf-admin-tools .acf-meta-box-wrap.-grid {
  3905. margin-top: 0;
  3906. margin-right: 0;
  3907. margin-bottom: 0;
  3908. margin-left: 0;
  3909. }
  3910. #acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
  3911. width: 100%;
  3912. clear: none;
  3913. float: none;
  3914. margin-bottom: 0;
  3915. }
  3916. @media screen and (max-width: 880px) {
  3917. #acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
  3918. flex: 1 1 100%;
  3919. }
  3920. }
  3921. #acf-admin-tools .acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
  3922. margin-left: 0;
  3923. }
  3924. #acf-admin-tools .meta-box-sortables {
  3925. display: grid;
  3926. grid-template-columns: repeat(2, 1fr);
  3927. grid-template-rows: repeat(1, 1fr);
  3928. grid-column-gap: 32px;
  3929. grid-row-gap: 32px;
  3930. }
  3931. @media screen and (max-width: 880px) {
  3932. #acf-admin-tools .meta-box-sortables {
  3933. display: flex;
  3934. flex-wrap: wrap;
  3935. justify-content: flex-start;
  3936. align-content: flex-start;
  3937. align-items: center;
  3938. grid-column-gap: 8px;
  3939. grid-row-gap: 8px;
  3940. }
  3941. }
  3942. /*---------------------------------------------------------------------------------------------
  3943. *
  3944. * Tools export pages
  3945. *
  3946. *---------------------------------------------------------------------------------------------*/
  3947. #acf-admin-tools.tool-export .inside {
  3948. margin: 0;
  3949. }
  3950. #acf-admin-tools.tool-export .acf-postbox-header {
  3951. margin-bottom: 24px;
  3952. }
  3953. #acf-admin-tools.tool-export .acf-postbox-main {
  3954. border: none;
  3955. margin: 0;
  3956. padding-top: 0;
  3957. padding-right: 24px;
  3958. padding-bottom: 0;
  3959. padding-left: 0;
  3960. }
  3961. #acf-admin-tools.tool-export .acf-postbox-columns {
  3962. margin-top: 0;
  3963. margin-right: 280px;
  3964. margin-bottom: 0;
  3965. margin-left: 0;
  3966. padding: 0;
  3967. }
  3968. #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side {
  3969. padding: 0;
  3970. }
  3971. #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-panel {
  3972. margin: 0;
  3973. padding: 0;
  3974. }
  3975. #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side:before {
  3976. display: none;
  3977. }
  3978. #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-btn {
  3979. display: block;
  3980. width: 100%;
  3981. text-align: center;
  3982. }
  3983. #acf-admin-tools.tool-export .meta-box-sortables {
  3984. display: block;
  3985. }
  3986. #acf-admin-tools.tool-export .acf-panel {
  3987. border: none;
  3988. }
  3989. #acf-admin-tools.tool-export .acf-panel h3 {
  3990. margin: 0;
  3991. padding: 0;
  3992. color: #344054;
  3993. }
  3994. #acf-admin-tools.tool-export .acf-panel h3:before {
  3995. display: none;
  3996. }
  3997. #acf-admin-tools.tool-export .acf-checkbox-list {
  3998. margin-top: 16px;
  3999. border-width: 1px;
  4000. border-style: solid;
  4001. border-color: #D0D5DD;
  4002. border-radius: 6px;
  4003. }
  4004. #acf-admin-tools.tool-export .acf-checkbox-list li {
  4005. display: inline-flex;
  4006. box-sizing: border-box;
  4007. width: 100%;
  4008. height: 48px;
  4009. align-items: center;
  4010. margin: 0;
  4011. padding-right: 12px;
  4012. padding-left: 12px;
  4013. border-bottom-width: 1px;
  4014. border-bottom-style: solid;
  4015. border-bottom-color: #EAECF0;
  4016. }
  4017. #acf-admin-tools.tool-export .acf-checkbox-list li:last-child {
  4018. border-bottom: none;
  4019. }
  4020. /*---------------------------------------------------------------------------------------------
  4021. *
  4022. * Updates layout
  4023. *
  4024. *---------------------------------------------------------------------------------------------*/
  4025. .acf-settings-wrap.acf-updates {
  4026. display: flex;
  4027. flex-direction: row;
  4028. flex-wrap: wrap;
  4029. justify-content: flex-start;
  4030. align-content: flex-start;
  4031. align-items: flex-start;
  4032. }
  4033. .custom-fields_page_acf-settings-updates .acf-admin-notice,
  4034. .custom-fields_page_acf-settings-updates .acf-upgrade-notice,
  4035. .custom-fields_page_acf-settings-updates .notice {
  4036. flex: 1 1 100%;
  4037. }
  4038. /*---------------------------------------------------------------------------------------------
  4039. *
  4040. * ACF Box
  4041. *
  4042. *---------------------------------------------------------------------------------------------*/
  4043. .acf-settings-wrap.acf-updates .acf-box {
  4044. margin-top: 0;
  4045. margin-right: 0;
  4046. margin-bottom: 0;
  4047. margin-left: 0;
  4048. }
  4049. .acf-settings-wrap.acf-updates .acf-box .inner {
  4050. padding-top: 24px;
  4051. padding-right: 24px;
  4052. padding-bottom: 24px;
  4053. padding-left: 24px;
  4054. }
  4055. @media screen and (max-width: 880px) {
  4056. .acf-settings-wrap.acf-updates .acf-box {
  4057. flex: 1 1 100%;
  4058. }
  4059. }
  4060. /*---------------------------------------------------------------------------------------------
  4061. *
  4062. * Notices
  4063. *
  4064. *---------------------------------------------------------------------------------------------*/
  4065. .acf-settings-wrap.acf-updates .acf-admin-notice {
  4066. flex: 1 1 100%;
  4067. margin-top: 16px;
  4068. margin-right: 0;
  4069. margin-left: 0;
  4070. }
  4071. /*---------------------------------------------------------------------------------------------
  4072. *
  4073. * License information
  4074. *
  4075. *---------------------------------------------------------------------------------------------*/
  4076. #acf-license-information {
  4077. flex: 1 1 65%;
  4078. margin-right: 32px;
  4079. }
  4080. @media screen and (max-width: 1024px) {
  4081. #acf-license-information {
  4082. margin-right: 0;
  4083. margin-bottom: 32px;
  4084. }
  4085. }
  4086. #acf-license-information .acf-activation-form {
  4087. margin-top: 24px;
  4088. }
  4089. #acf-license-information label {
  4090. font-weight: 500;
  4091. }
  4092. #acf-license-information .acf-input-wrap {
  4093. margin-top: 8px;
  4094. margin-bottom: 24px;
  4095. }
  4096. #acf-license-information #acf_pro_license {
  4097. width: 100%;
  4098. }
  4099. /*---------------------------------------------------------------------------------------------
  4100. *
  4101. * Update information table
  4102. *
  4103. *---------------------------------------------------------------------------------------------*/
  4104. #acf-update-information {
  4105. flex: 1 1 35%;
  4106. max-width: calc(35% - 32px);
  4107. }
  4108. #acf-update-information .form-table th,
  4109. #acf-update-information .form-table td {
  4110. padding-top: 0;
  4111. padding-right: 0;
  4112. padding-bottom: 24px;
  4113. padding-left: 0;
  4114. color: #344054;
  4115. }
  4116. #acf-update-information .acf-update-changelog {
  4117. margin-top: 8px;
  4118. margin-bottom: 24px;
  4119. padding-top: 8px;
  4120. border-top-width: 1px;
  4121. border-top-style: solid;
  4122. border-top-color: #EAECF0;
  4123. color: #344054;
  4124. }
  4125. #acf-update-information .acf-update-changelog h4 {
  4126. margin-bottom: 0;
  4127. }
  4128. #acf-update-information .acf-update-changelog p {
  4129. margin-top: 0;
  4130. margin-bottom: 16px;
  4131. }
  4132. #acf-update-information .acf-update-changelog p:last-of-type {
  4133. margin-bottom: 0;
  4134. }
  4135. #acf-update-information .acf-update-changelog p em {
  4136. color: #667085;
  4137. }
  4138. #acf-update-information .acf-btn {
  4139. display: inline-flex;
  4140. }
  4141. /*--------------------------------------------------------------------------------------------
  4142. *
  4143. * Header upsell button
  4144. *
  4145. *--------------------------------------------------------------------------------------------*/
  4146. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
  4147. display: inline-flex;
  4148. align-items: center;
  4149. align-self: stretch;
  4150. padding-top: 0;
  4151. padding-right: 16px;
  4152. padding-bottom: 0;
  4153. padding-left: 16px;
  4154. background: linear-gradient(90.52deg, #2C9FB8 0.44%, #A45CFF 113.3%);
  4155. background-size: 180% 80%;
  4156. background-position: 100% 0;
  4157. transition: background-position 0.5s;
  4158. border-radius: 6px;
  4159. text-decoration: none;
  4160. }
  4161. @media screen and (max-width: 768px) {
  4162. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
  4163. display: none;
  4164. }
  4165. }
  4166. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn:hover {
  4167. background-position: 0 0;
  4168. }
  4169. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn:focus {
  4170. border: none;
  4171. outline: none;
  4172. box-shadow: none;
  4173. }
  4174. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p {
  4175. margin: 0;
  4176. padding-top: 8px;
  4177. padding-bottom: 8px;
  4178. font-weight: normal;
  4179. text-transform: none;
  4180. color: #fff;
  4181. }
  4182. .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn .acf-icon {
  4183. width: 18px;
  4184. height: 18px;
  4185. margin-right: 6px;
  4186. margin-left: -2px;
  4187. background-color: #F9FAFB;
  4188. }
  4189. /*--------------------------------------------------------------------------------------------
  4190. *
  4191. * Upsell block
  4192. *
  4193. *--------------------------------------------------------------------------------------------*/
  4194. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper {
  4195. display: flex;
  4196. justify-content: flex-start;
  4197. align-content: stretch;
  4198. align-items: center;
  4199. }
  4200. @media screen and (max-width: 768px) {
  4201. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper {
  4202. flex-direction: row;
  4203. flex-wrap: wrap;
  4204. justify-content: flex-start;
  4205. align-content: flex-start;
  4206. align-items: flex-start;
  4207. }
  4208. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content,
  4209. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
  4210. flex: 0 1 100%;
  4211. }
  4212. }
  4213. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content {
  4214. flex: 1 1 auto;
  4215. margin-right: 40px;
  4216. }
  4217. @media screen and (max-width: 768px) {
  4218. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content {
  4219. margin-right: 0;
  4220. margin-bottom: 8px;
  4221. }
  4222. }
  4223. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
  4224. display: flex;
  4225. flex-direction: row;
  4226. justify-content: flex-end;
  4227. min-width: 160px;
  4228. }
  4229. @media screen and (max-width: 768px) {
  4230. #acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
  4231. justify-content: flex-start;
  4232. }
  4233. }
  4234. #acf-field-group-pro-features.postbox {
  4235. display: flex;
  4236. align-items: center;
  4237. min-height: 120px;
  4238. background-image: linear-gradient(to right, #1d4373, #24437e, #304288, #413f8f, #543a95);
  4239. color: #EAECF0;
  4240. }
  4241. #acf-field-group-pro-features.postbox .postbox-header {
  4242. display: none;
  4243. }
  4244. #acf-field-group-pro-features.postbox .inside {
  4245. width: 100%;
  4246. border: none;
  4247. }
  4248. #acf-field-group-pro-features h1 {
  4249. margin-top: 0;
  4250. margin-bottom: 4px;
  4251. padding-top: 0;
  4252. padding-bottom: 0;
  4253. font-weight: bold;
  4254. color: #F9FAFB;
  4255. }
  4256. #acf-field-group-pro-features h1 .acf-icon {
  4257. margin-right: 8px;
  4258. }
  4259. #acf-field-group-pro-features .acf-btn {
  4260. display: inline-flex;
  4261. background-color: rgba(255, 255, 255, 0.2);
  4262. border: none;
  4263. }
  4264. #acf-field-group-pro-features .acf-btn:hover {
  4265. background-color: rgba(255, 255, 255, 0.3);
  4266. }
  4267. #acf-field-group-pro-features .acf-btn .acf-icon {
  4268. margin-right: -2px;
  4269. margin-left: 8px;
  4270. }
  4271. #acf-field-group-pro-features .acf-pro-features-list {
  4272. display: flex;
  4273. justify-content: flex-start;
  4274. align-items: center;
  4275. flex-wrap: wrap;
  4276. margin-top: 16px;
  4277. margin-bottom: 0;
  4278. }
  4279. @media screen and (max-width: 768px) {
  4280. #acf-field-group-pro-features .acf-pro-features-list {
  4281. flex-direction: row;
  4282. flex-wrap: wrap;
  4283. justify-content: flex-start;
  4284. align-content: flex-start;
  4285. align-items: flex-start;
  4286. }
  4287. }
  4288. #acf-field-group-pro-features .acf-pro-features-list li {
  4289. display: flex;
  4290. box-sizing: border-box;
  4291. margin-right: 32px;
  4292. margin-bottom: 6px;
  4293. }
  4294. @media screen and (max-width: 880px) {
  4295. #acf-field-group-pro-features .acf-pro-features-list li {
  4296. flex: 0 1 calc(33.3% - 32px);
  4297. }
  4298. }
  4299. @media screen and (max-width: 640px) {
  4300. #acf-field-group-pro-features .acf-pro-features-list li {
  4301. flex: 0 1 100%;
  4302. }
  4303. }
  4304. #acf-field-group-pro-features .acf-pro-features-list li:last-child {
  4305. margin-right: 0;
  4306. }
  4307. #acf-field-group-pro-features .acf-pro-features-list li:before {
  4308. content: "";
  4309. display: inline-block;
  4310. width: 16px;
  4311. height: 16px;
  4312. margin-right: 8px;
  4313. background-color: #52AA59;
  4314. border: none;
  4315. border-radius: 0;
  4316. -webkit-mask-size: contain;
  4317. mask-size: contain;
  4318. -webkit-mask-repeat: no-repeat;
  4319. mask-repeat: no-repeat;
  4320. -webkit-mask-position: center;
  4321. mask-position: center;
  4322. -webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  4323. mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  4324. }
  4325. /*# sourceMappingURL=acf-global.css.map*/