acf-field-group.css 75 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489
  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-field-group.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. * Field Group
  26. *
  27. *--------------------------------------------------------------------------------------------*/
  28. #acf-field-group-fields > .inside,
  29. #acf-field-group-locations > .inside,
  30. #acf-field-group-options > .inside {
  31. padding: 0;
  32. margin: 0;
  33. }
  34. .postbox .handle-order-higher,
  35. .postbox .handle-order-lower {
  36. display: none;
  37. }
  38. /*----------------------------------------------------------------------------
  39. *
  40. * Postbox: Publish
  41. *
  42. *----------------------------------------------------------------------------*/
  43. #minor-publishing-actions,
  44. #misc-publishing-actions #visibility,
  45. #misc-publishing-actions .edit-timestamp {
  46. display: none;
  47. }
  48. #minor-publishing {
  49. border-bottom: 0 none;
  50. }
  51. #misc-pub-section {
  52. border-bottom: 0 none;
  53. }
  54. #misc-publishing-actions .misc-pub-section {
  55. border-bottom-color: #F5F5F5;
  56. }
  57. /*----------------------------------------------------------------------------
  58. *
  59. * Postbox: Fields
  60. *
  61. *----------------------------------------------------------------------------*/
  62. #acf-field-group-fields {
  63. border: 0 none;
  64. /* links */
  65. /* Field type */
  66. /* table header */
  67. /* show keys */
  68. /* hide tabs */
  69. /* fields */
  70. }
  71. #acf-field-group-fields .inside {
  72. border-top-width: 0;
  73. border-top-style: none;
  74. }
  75. #acf-field-group-fields a {
  76. text-decoration: none;
  77. }
  78. #acf-field-group-fields .li-field-type .field-type-icon {
  79. margin-right: 8px;
  80. }
  81. @media screen and (max-width: 600px) {
  82. #acf-field-group-fields .li-field-type .field-type-icon {
  83. display: none;
  84. }
  85. }
  86. #acf-field-group-fields .li-field-order {
  87. width: 64px;
  88. justify-content: center;
  89. }
  90. @media screen and (max-width: 880px) {
  91. #acf-field-group-fields .li-field-order {
  92. width: 32px;
  93. }
  94. }
  95. #acf-field-group-fields .li-field-label {
  96. width: calc(50% - 64px);
  97. }
  98. #acf-field-group-fields .li-field-name {
  99. width: 25%;
  100. word-break: break-word;
  101. }
  102. #acf-field-group-fields .li-field-key {
  103. display: none;
  104. }
  105. #acf-field-group-fields .li-field-type {
  106. width: 25%;
  107. }
  108. #acf-field-group-fields.show-field-keys .li-field-label {
  109. width: calc(35% - 64px);
  110. }
  111. #acf-field-group-fields.show-field-keys .li-field-name {
  112. width: 15%;
  113. }
  114. #acf-field-group-fields.show-field-keys .li-field-key {
  115. width: 25%;
  116. display: flex;
  117. }
  118. #acf-field-group-fields.show-field-keys .li-field-type {
  119. width: 25%;
  120. }
  121. #acf-field-group-fields.hide-tabs .acf-field-settings-tab-bar {
  122. display: none;
  123. }
  124. #acf-field-group-fields.hide-tabs .acf-field-settings-main {
  125. padding: 0;
  126. }
  127. #acf-field-group-fields.hide-tabs .acf-field-settings-main.acf-field-settings-main-general {
  128. padding-top: 32px;
  129. }
  130. #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field {
  131. margin-bottom: 32px;
  132. }
  133. #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-setting-wrapper {
  134. padding-top: 0;
  135. border-top: none;
  136. }
  137. #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-settings-split .acf-field {
  138. border-bottom-width: 1px;
  139. border-bottom-style: solid;
  140. border-bottom-color: #EAECF0;
  141. }
  142. #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-setting-first_day {
  143. padding-top: 0;
  144. border-top: none;
  145. }
  146. #acf-field-group-fields.hide-tabs .acf-field-settings-footer {
  147. margin-top: 32px;
  148. }
  149. #acf-field-group-fields .acf-field-list-wrap {
  150. border: #ccd0d4 solid 1px;
  151. }
  152. #acf-field-group-fields .acf-field-list {
  153. background: #f5f5f5;
  154. margin-top: -1px;
  155. /* no fields */
  156. /* empty */
  157. }
  158. #acf-field-group-fields .acf-field-list .acf-tbody > .li-field-name,
  159. #acf-field-group-fields .acf-field-list .acf-tbody > .li-field-key {
  160. align-items: flex-start;
  161. }
  162. #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported) {
  163. cursor: pointer;
  164. display: inline-flex;
  165. align-items: center;
  166. }
  167. #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported):hover:after {
  168. content: "";
  169. display: block;
  170. padding-left: 5px;
  171. display: inline-flex;
  172. width: 12px;
  173. height: 12px;
  174. background-color: #667085;
  175. border: none;
  176. border-radius: 0;
  177. -webkit-mask-size: contain;
  178. mask-size: contain;
  179. -webkit-mask-repeat: no-repeat;
  180. mask-repeat: no-repeat;
  181. -webkit-mask-position: center;
  182. mask-position: center;
  183. text-indent: 500%;
  184. white-space: nowrap;
  185. overflow: hidden;
  186. -webkit-mask-image: url("../../images/icons/icon-copy.svg");
  187. mask-image: url("../../images/icons/icon-copy.svg");
  188. background-size: cover;
  189. }
  190. #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported).copied:hover:after {
  191. -webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  192. mask-image: url("../../images/icons/icon-check-circle-solid.svg");
  193. background-color: #49ad52;
  194. }
  195. #acf-field-group-fields .acf-field-list .no-fields-message {
  196. padding: 15px 15px;
  197. background: #fff;
  198. display: none;
  199. }
  200. #acf-field-group-fields .acf-field-list.-empty .no-fields-message {
  201. display: block;
  202. }
  203. .acf-admin-3-8 #acf-field-group-fields .acf-field-list-wrap {
  204. border-color: #dfdfdf;
  205. }
  206. .rtl #acf-field-group-fields .li-field-type .field-type-icon {
  207. margin-left: 8px;
  208. margin-right: 0;
  209. }
  210. /* field object */
  211. .acf-field-object {
  212. border-top: #eeeeee solid 1px;
  213. background: #fff;
  214. /* sortable */
  215. /* meta */
  216. /* handle */
  217. /* open */
  218. /*
  219. // debug
  220. &[data-save="meta"] {
  221. > .handle {
  222. border-left: #ffb700 solid 5px !important;
  223. }
  224. }
  225. &[data-save="settings"] {
  226. > .handle {
  227. border-left: #0ec563 solid 5px !important;
  228. }
  229. }
  230. */
  231. /* hover */
  232. /* settings */
  233. /* conditional logic */
  234. }
  235. .acf-field-object.ui-sortable-helper {
  236. overflow: hidden !important;
  237. border-width: 1px;
  238. border-style: solid;
  239. border-color: #A5D2E7 !important;
  240. border-radius: 8px;
  241. filter: drop-shadow(0px 10px 20px rgba(16, 24, 40, 0.14)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
  242. }
  243. .acf-field-object.ui-sortable-helper:before {
  244. display: none !important;
  245. }
  246. .acf-field-object.ui-sortable-placeholder {
  247. box-shadow: 0 -1px 0 0 #DFDFDF;
  248. visibility: visible !important;
  249. background: #F9F9F9;
  250. border-top-color: transparent;
  251. min-height: 54px;
  252. }
  253. .acf-field-object.ui-sortable-placeholder:after, .acf-field-object.ui-sortable-placeholder:before {
  254. visibility: hidden;
  255. }
  256. .acf-field-object > .meta {
  257. display: none;
  258. }
  259. .acf-field-object > .handle a {
  260. -webkit-transition: none;
  261. -moz-transition: none;
  262. -o-transition: none;
  263. transition: none;
  264. }
  265. .acf-field-object > .handle li {
  266. word-wrap: break-word;
  267. }
  268. .acf-field-object > .handle strong {
  269. display: block;
  270. padding-bottom: 0;
  271. font-size: 14px;
  272. line-height: 14px;
  273. min-height: 14px;
  274. }
  275. .acf-field-object > .handle .row-options {
  276. display: block;
  277. opacity: 0;
  278. margin-top: 5px;
  279. }
  280. @media screen and (max-width: 880px) {
  281. .acf-field-object > .handle .row-options {
  282. opacity: 1;
  283. margin-bottom: 0;
  284. }
  285. }
  286. .acf-field-object > .handle .row-options a {
  287. margin-right: 4px;
  288. }
  289. .acf-field-object > .handle .row-options a:hover {
  290. color: #044767;
  291. }
  292. .acf-field-object > .handle .row-options a.delete-field {
  293. color: #a00;
  294. }
  295. .acf-field-object > .handle .row-options a.delete-field:hover {
  296. color: #f00;
  297. }
  298. .acf-field-object > .handle .row-options.active {
  299. visibility: visible;
  300. }
  301. .acf-field-object.open + .acf-field-object {
  302. border-top-color: #E1E1E1;
  303. }
  304. .acf-field-object.open > .handle {
  305. background: #2a9bd9;
  306. border: #2696d3 solid 1px;
  307. text-shadow: #268FBB 0 1px 0;
  308. color: #fff;
  309. position: relative;
  310. margin: 0 -1px 0 -1px;
  311. }
  312. .acf-field-object.open > .handle a {
  313. color: #fff !important;
  314. }
  315. .acf-field-object.open > .handle a:hover {
  316. text-decoration: underline !important;
  317. }
  318. .acf-field-object:hover > .handle .row-options, .acf-field-object.-hover > .handle .row-options, .acf-field-object:focus-within > .handle .row-options {
  319. opacity: 1;
  320. margin-bottom: 0;
  321. }
  322. .acf-field-object > .settings {
  323. display: none;
  324. width: 100%;
  325. }
  326. .acf-field-object > .settings > .acf-table {
  327. border: none;
  328. }
  329. .acf-field-object .rule-groups {
  330. margin-top: 20px;
  331. }
  332. /*----------------------------------------------------------------------------
  333. *
  334. * Postbox: Locations
  335. *
  336. *----------------------------------------------------------------------------*/
  337. .rule-groups h4 {
  338. margin: 3px 0;
  339. }
  340. .rule-groups .rule-group {
  341. margin: 0 0 5px;
  342. }
  343. .rule-groups .rule-group h4 {
  344. margin: 0 0 3px;
  345. }
  346. .rule-groups .rule-group td.param {
  347. width: 35%;
  348. }
  349. .rule-groups .rule-group td.operator {
  350. width: 20%;
  351. }
  352. .rule-groups .rule-group td.add {
  353. width: 40px;
  354. }
  355. .rule-groups .rule-group td.remove {
  356. width: 28px;
  357. vertical-align: middle;
  358. }
  359. .rule-groups .rule-group td.remove a {
  360. width: 22px;
  361. height: 22px;
  362. visibility: hidden;
  363. }
  364. .rule-groups .rule-group td.remove a:before {
  365. position: relative;
  366. top: -2px;
  367. font-size: 16px;
  368. }
  369. .rule-groups .rule-group tr:hover td.remove a {
  370. visibility: visible;
  371. }
  372. .rule-groups .rule-group select:empty {
  373. background: #f8f8f8;
  374. }
  375. .rule-groups:not(.rule-groups-multiple) .rule-group:first-child tr:first-child td.remove a {
  376. /* Don't allow user to delete the only rule group */
  377. visibility: hidden !important;
  378. }
  379. /*----------------------------------------------------------------------------
  380. *
  381. * Options
  382. *
  383. *----------------------------------------------------------------------------*/
  384. #acf-field-group-options tr[data-name=hide_on_screen] li {
  385. float: left;
  386. width: 33%;
  387. }
  388. @media (max-width: 1100px) {
  389. #acf-field-group-options tr[data-name=hide_on_screen] li {
  390. width: 50%;
  391. }
  392. }
  393. /*----------------------------------------------------------------------------
  394. *
  395. * Conditional Logic
  396. *
  397. *----------------------------------------------------------------------------*/
  398. table.conditional-logic-rules {
  399. background: transparent;
  400. border: 0 none;
  401. border-radius: 0;
  402. }
  403. table.conditional-logic-rules tbody td {
  404. background: transparent;
  405. border: 0 none !important;
  406. padding: 5px 2px !important;
  407. }
  408. /*----------------------------------------------------------------------------
  409. *
  410. * Field: Tab
  411. *
  412. *----------------------------------------------------------------------------*/
  413. .acf-field-object-tab .acf-field-setting-name,
  414. .acf-field-object-tab .acf-field-setting-instructions,
  415. .acf-field-object-tab .acf-field-setting-required,
  416. .acf-field-object-tab .acf-field-setting-warning,
  417. .acf-field-object-tab .acf-field-setting-wrapper {
  418. display: none;
  419. }
  420. .acf-field-object-tab .li-field-name {
  421. visibility: hidden;
  422. }
  423. .acf-field-object-tab p:first-child {
  424. margin: 0.5em 0;
  425. }
  426. .acf-field-object-tab li.acf-settings-type-presentation,
  427. .acf-field-object-tab .acf-field-settings-main-presentation {
  428. display: none !important;
  429. }
  430. /*----------------------------------------------------------------------------
  431. *
  432. * Field: Accordion
  433. *
  434. *----------------------------------------------------------------------------*/
  435. .acf-field-object-accordion .acf-field-setting-name,
  436. .acf-field-object-accordion .acf-field-setting-instructions,
  437. .acf-field-object-accordion .acf-field-setting-required,
  438. .acf-field-object-accordion .acf-field-setting-warning,
  439. .acf-field-object-accordion .acf-field-setting-wrapper {
  440. display: none;
  441. }
  442. .acf-field-object-accordion .li-field-name {
  443. visibility: hidden;
  444. }
  445. .acf-field-object-accordion p:first-child {
  446. margin: 0.5em 0;
  447. }
  448. .acf-field-object-accordion .acf-field-setting-instructions {
  449. display: block;
  450. }
  451. /*----------------------------------------------------------------------------
  452. *
  453. * Field: Message
  454. *
  455. *----------------------------------------------------------------------------*/
  456. .acf-field-object-message tr[data-name=name],
  457. .acf-field-object-message tr[data-name=instructions],
  458. .acf-field-object-message tr[data-name=required] {
  459. display: none !important;
  460. }
  461. .acf-field-object-message .li-field-name {
  462. visibility: hidden;
  463. }
  464. .acf-field-object-message textarea {
  465. height: 175px !important;
  466. }
  467. /*----------------------------------------------------------------------------
  468. *
  469. * Field: Separator
  470. *
  471. *----------------------------------------------------------------------------*/
  472. .acf-field-object-separator tr[data-name=name],
  473. .acf-field-object-separator tr[data-name=instructions],
  474. .acf-field-object-separator tr[data-name=required] {
  475. display: none !important;
  476. }
  477. /*----------------------------------------------------------------------------
  478. *
  479. * Field: Date Picker
  480. *
  481. *----------------------------------------------------------------------------*/
  482. .acf-field-object-date-picker .acf-radio-list li,
  483. .acf-field-object-time-picker .acf-radio-list li,
  484. .acf-field-object-date-time-picker .acf-radio-list li {
  485. line-height: 25px;
  486. }
  487. .acf-field-object-date-picker .acf-radio-list span,
  488. .acf-field-object-time-picker .acf-radio-list span,
  489. .acf-field-object-date-time-picker .acf-radio-list span {
  490. display: inline-block;
  491. min-width: 10em;
  492. }
  493. .acf-field-object-date-picker .acf-radio-list input[type=text],
  494. .acf-field-object-time-picker .acf-radio-list input[type=text],
  495. .acf-field-object-date-time-picker .acf-radio-list input[type=text] {
  496. width: 100px;
  497. }
  498. .acf-field-object-date-time-picker .acf-radio-list span {
  499. min-width: 15em;
  500. }
  501. .acf-field-object-date-time-picker .acf-radio-list input[type=text] {
  502. width: 200px;
  503. }
  504. /*--------------------------------------------------------------------------------------------
  505. *
  506. * Slug
  507. *
  508. *--------------------------------------------------------------------------------------------*/
  509. #slugdiv .inside {
  510. padding: 12px;
  511. margin: 0;
  512. }
  513. #slugdiv input[type=text] {
  514. width: 100%;
  515. height: 28px;
  516. font-size: 14px;
  517. }
  518. /*--------------------------------------------------------------------------------------------
  519. *
  520. * RTL
  521. *
  522. *--------------------------------------------------------------------------------------------*/
  523. html[dir=rtl] .acf-field-object.open > .handle {
  524. margin: 0;
  525. }
  526. /*----------------------------------------------------------------------------
  527. *
  528. * Device
  529. *
  530. *----------------------------------------------------------------------------*/
  531. @media only screen and (max-width: 850px) {
  532. tr.acf-field,
  533. td.acf-label,
  534. td.acf-input {
  535. display: block !important;
  536. width: auto !important;
  537. border: 0 none !important;
  538. }
  539. tr.acf-field {
  540. border-top: #ededed solid 1px !important;
  541. margin-bottom: 0 !important;
  542. }
  543. td.acf-label {
  544. background: transparent !important;
  545. padding-bottom: 0 !important;
  546. }
  547. }
  548. /*----------------------------------------------------------------------------
  549. *
  550. * Subtle background on accordion & tab fields to separate them from others
  551. *
  552. *----------------------------------------------------------------------------*/
  553. .post-type-acf-field-group #acf-field-group-fields .acf-field-object-tab,
  554. .post-type-acf-field-group #acf-field-group-fields .acf-field-object-accordion {
  555. background-color: #F9FAFB;
  556. }
  557. /*---------------------------------------------------------------------------------------------
  558. *
  559. * Global
  560. *
  561. *---------------------------------------------------------------------------------------------*/
  562. .post-type-acf-field-group #wpcontent {
  563. line-height: 140%;
  564. }
  565. /*---------------------------------------------------------------------------------------------
  566. *
  567. * Links
  568. *
  569. *---------------------------------------------------------------------------------------------*/
  570. .post-type-acf-field-group a {
  571. color: #0783BE;
  572. }
  573. /*---------------------------------------------------------------------------------------------
  574. *
  575. * Headings
  576. *
  577. *---------------------------------------------------------------------------------------------*/
  578. .acf-h1, .post-type-acf-field-group h1,
  579. .acf-headerbar h1 {
  580. font-size: 21px;
  581. font-weight: 400;
  582. }
  583. .acf-h2, .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner h2, .acf-page-title, .post-type-acf-field-group h2,
  584. .acf-headerbar h2 {
  585. font-size: 18px;
  586. font-weight: 400;
  587. }
  588. .acf-h3, .post-type-acf-field-group .acf-field-settings-fc_head label, .post-type-acf-field-group #acf-popup .acf-popup-box .title h1,
  589. .post-type-acf-field-group #acf-popup .acf-popup-box .title h2,
  590. .post-type-acf-field-group #acf-popup .acf-popup-box .title h3,
  591. .post-type-acf-field-group #acf-popup .acf-popup-box .title h4, .post-type-acf-field-group h3,
  592. .acf-headerbar h3 {
  593. font-size: 16px;
  594. font-weight: 400;
  595. }
  596. /*---------------------------------------------------------------------------------------------
  597. *
  598. * Paragraphs
  599. *
  600. *---------------------------------------------------------------------------------------------*/
  601. .post-type-acf-field-group .p1 {
  602. font-size: 15px;
  603. }
  604. .post-type-acf-field-group .p2, .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p {
  605. font-size: 14px;
  606. }
  607. .post-type-acf-field-group .p3 {
  608. font-size: 13.5px;
  609. }
  610. .post-type-acf-field-group .p4, .post-type-acf-field-group .acf-field-list .acf-sortable-handle, .acf-field-list .post-type-acf-field-group .acf-sortable-handle, .post-type-acf-field-group .acf-field-object .handle li.li-field-label a.edit-field, .post-type-acf-field-group .acf-field-object .handle li, .post-type-acf-field-group .acf-thead li, .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],
  611. .post-type-acf-field-group input[type=search],
  612. .post-type-acf-field-group input[type=number],
  613. .post-type-acf-field-group textarea,
  614. .post-type-acf-field-group select {
  615. font-size: 13px;
  616. }
  617. .post-type-acf-field-group .p5, .post-type-acf-field-group .acf-field-setting-display_format .acf-radio-list li label code, .acf-field-setting-display_format .acf-radio-list li label .post-type-acf-field-group code,
  618. .post-type-acf-field-group .acf-field-setting-return_format .acf-radio-list li label code,
  619. .acf-field-setting-return_format .acf-radio-list li label .post-type-acf-field-group code, .post-type-acf-field-group .acf-field-group-settings-footer .acf-created-on, .acf-field-group-settings-footer .post-type-acf-field-group .acf-created-on, .post-type-acf-field-group .acf-fields .acf-field-settings-tab-bar li a, .acf-fields .acf-field-settings-tab-bar li .post-type-acf-field-group a,
  620. .post-type-acf-field-group .acf-fields .acf-tab-wrap .acf-tab-group li a,
  621. .acf-fields .acf-tab-wrap .acf-tab-group li .post-type-acf-field-group a {
  622. font-size: 12.5px;
  623. }
  624. .post-type-acf-field-group .p6, .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p.acf-small, .post-type-acf-field-group .acf-field-object .handle li.li-field-label .row-options a, .post-type-acf-field-group .acf-small {
  625. font-size: 12px;
  626. }
  627. .post-type-acf-field-group .p7 {
  628. font-size: 11.5px;
  629. }
  630. .post-type-acf-field-group .p8 {
  631. font-size: 11px;
  632. }
  633. /*---------------------------------------------------------------------------------------------
  634. *
  635. * Page titles
  636. *
  637. *---------------------------------------------------------------------------------------------*/
  638. .acf-page-title {
  639. color: #344054;
  640. }
  641. /*---------------------------------------------------------------------------------------------
  642. *
  643. * Hide old / native WP titles from pages
  644. *
  645. *---------------------------------------------------------------------------------------------*/
  646. .post-type-acf-field-group .acf-settings-wrap h1,
  647. .post-type-acf-field-group #acf-admin-tools h1 {
  648. display: none;
  649. }
  650. /*---------------------------------------------------------------------------------------------
  651. *
  652. * Small
  653. *
  654. *---------------------------------------------------------------------------------------------*/
  655. /*---------------------------------------------------------------------------------------------
  656. *
  657. * Link focus style
  658. *
  659. *---------------------------------------------------------------------------------------------*/
  660. .post-type-acf-field-group a:focus {
  661. box-shadow: none;
  662. outline: none;
  663. }
  664. .post-type-acf-field-group a:focus-visible {
  665. box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
  666. outline: 1px solid transparent;
  667. }
  668. .post-type-acf-field-group {
  669. /*---------------------------------------------------------------------------------------------
  670. *
  671. * All Inputs
  672. *
  673. *---------------------------------------------------------------------------------------------*/
  674. /*---------------------------------------------------------------------------------------------
  675. *
  676. * Read only text inputs
  677. *
  678. *---------------------------------------------------------------------------------------------*/
  679. /*---------------------------------------------------------------------------------------------
  680. *
  681. * Number fields
  682. *
  683. *---------------------------------------------------------------------------------------------*/
  684. /*---------------------------------------------------------------------------------------------
  685. *
  686. * Textarea
  687. *
  688. *---------------------------------------------------------------------------------------------*/
  689. /*---------------------------------------------------------------------------------------------
  690. *
  691. * Select
  692. *
  693. *---------------------------------------------------------------------------------------------*/
  694. /*---------------------------------------------------------------------------------------------
  695. *
  696. * Radio Button & Checkbox base styling
  697. *
  698. *---------------------------------------------------------------------------------------------*/
  699. /*---------------------------------------------------------------------------------------------
  700. *
  701. * Radio Buttons
  702. *
  703. *---------------------------------------------------------------------------------------------*/
  704. /*---------------------------------------------------------------------------------------------
  705. *
  706. * Checkboxes
  707. *
  708. *---------------------------------------------------------------------------------------------*/
  709. /*---------------------------------------------------------------------------------------------
  710. *
  711. * Radio Buttons & Checkbox lists
  712. *
  713. *---------------------------------------------------------------------------------------------*/
  714. /*---------------------------------------------------------------------------------------------
  715. *
  716. * ACF Switch
  717. *
  718. *---------------------------------------------------------------------------------------------*/
  719. /*---------------------------------------------------------------------------------------------
  720. *
  721. * File input button
  722. *
  723. *---------------------------------------------------------------------------------------------*/
  724. /*---------------------------------------------------------------------------------------------
  725. *
  726. * Action Buttons
  727. *
  728. *---------------------------------------------------------------------------------------------*/
  729. /*---------------------------------------------------------------------------------------------
  730. *
  731. * Edit field group header
  732. *
  733. *---------------------------------------------------------------------------------------------*/
  734. /*---------------------------------------------------------------------------------------------
  735. *
  736. * Select2 inputs
  737. *
  738. *---------------------------------------------------------------------------------------------*/
  739. /*---------------------------------------------------------------------------------------------
  740. *
  741. * ACF label
  742. *
  743. *---------------------------------------------------------------------------------------------*/
  744. /*---------------------------------------------------------------------------------------------
  745. *
  746. * Tooltip for field name field setting (result of a fix for keyboard navigation)
  747. *
  748. *---------------------------------------------------------------------------------------------*/
  749. }
  750. .post-type-acf-field-group input[type=text],
  751. .post-type-acf-field-group input[type=search],
  752. .post-type-acf-field-group input[type=number],
  753. .post-type-acf-field-group textarea,
  754. .post-type-acf-field-group select {
  755. box-sizing: border-box;
  756. height: 40px;
  757. padding-right: 12px;
  758. padding-left: 12px;
  759. background-color: #fff;
  760. border-color: #D0D5DD;
  761. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  762. border-radius: 6px;
  763. color: #344054;
  764. }
  765. .post-type-acf-field-group input[type=text]:focus,
  766. .post-type-acf-field-group input[type=search]:focus,
  767. .post-type-acf-field-group input[type=number]:focus,
  768. .post-type-acf-field-group textarea:focus,
  769. .post-type-acf-field-group select:focus {
  770. outline: 3px solid #EBF5FA;
  771. border-color: #399CCB;
  772. }
  773. .post-type-acf-field-group input[type=text]:disabled,
  774. .post-type-acf-field-group input[type=search]:disabled,
  775. .post-type-acf-field-group input[type=number]:disabled,
  776. .post-type-acf-field-group textarea:disabled,
  777. .post-type-acf-field-group select:disabled {
  778. background-color: #F9FAFB;
  779. color: #808a9e;
  780. }
  781. .post-type-acf-field-group input[type=text]::placeholder,
  782. .post-type-acf-field-group input[type=search]::placeholder,
  783. .post-type-acf-field-group input[type=number]::placeholder,
  784. .post-type-acf-field-group textarea::placeholder,
  785. .post-type-acf-field-group select::placeholder {
  786. color: #98A2B3;
  787. }
  788. .post-type-acf-field-group input[type=text]:read-only {
  789. background-color: #F9FAFB;
  790. color: #98A2B3;
  791. }
  792. .post-type-acf-field-group .acf-field.acf-field-number .acf-label,
  793. .post-type-acf-field-group .acf-field.acf-field-number .acf-input input[type=number] {
  794. max-width: 180px;
  795. }
  796. .post-type-acf-field-group textarea {
  797. box-sizing: border-box;
  798. padding-top: 10px;
  799. padding-bottom: 10px;
  800. height: 80px;
  801. min-height: 56px;
  802. }
  803. .post-type-acf-field-group select {
  804. min-width: 160px;
  805. max-width: 100%;
  806. padding-right: 40px;
  807. padding-left: 12px;
  808. background-image: url("../../images/icons/icon-chevron-down.svg");
  809. background-position: right 10px top 50%;
  810. background-size: 20px;
  811. }
  812. .post-type-acf-field-group select:hover, .post-type-acf-field-group select:focus {
  813. color: #0783BE;
  814. }
  815. .post-type-acf-field-group select::before {
  816. content: "";
  817. display: block;
  818. position: absolute;
  819. top: 5px;
  820. left: 5px;
  821. width: 20px;
  822. height: 20px;
  823. background-color: red;
  824. }
  825. .post-type-acf-field-group.rtl select {
  826. padding-right: 12px;
  827. padding-left: 40px;
  828. background-position: left 10px top 50%;
  829. }
  830. .post-type-acf-field-group input[type=radio],
  831. .post-type-acf-field-group input[type=checkbox] {
  832. box-sizing: border-box;
  833. width: 16px;
  834. height: 16px;
  835. padding: 0;
  836. border-width: 1px;
  837. border-style: solid;
  838. border-color: #98A2B3;
  839. background: #fff;
  840. box-shadow: none;
  841. }
  842. .post-type-acf-field-group input[type=radio]:hover,
  843. .post-type-acf-field-group input[type=checkbox]:hover {
  844. background-color: #EBF5FA;
  845. border-color: #0783BE;
  846. }
  847. .post-type-acf-field-group input[type=radio]:checked, .post-type-acf-field-group input[type=radio]:focus-visible,
  848. .post-type-acf-field-group input[type=checkbox]:checked,
  849. .post-type-acf-field-group input[type=checkbox]:focus-visible {
  850. background-color: #EBF5FA;
  851. border-color: #0783BE;
  852. }
  853. .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus-visible:before,
  854. .post-type-acf-field-group input[type=checkbox]:checked:before,
  855. .post-type-acf-field-group input[type=checkbox]:focus-visible:before {
  856. content: "";
  857. position: relative;
  858. top: -1px;
  859. left: -1px;
  860. width: 16px;
  861. height: 16px;
  862. margin: 0;
  863. padding: 0;
  864. background-color: transparent;
  865. background-size: cover;
  866. background-repeat: no-repeat;
  867. background-position: center;
  868. }
  869. .post-type-acf-field-group input[type=radio]:active,
  870. .post-type-acf-field-group input[type=checkbox]:active {
  871. box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
  872. }
  873. .post-type-acf-field-group input[type=radio]:disabled,
  874. .post-type-acf-field-group input[type=checkbox]:disabled {
  875. background-color: #F9FAFB;
  876. border-color: #D0D5DD;
  877. }
  878. .post-type-acf-field-group.rtl input[type=radio]:checked:before, .post-type-acf-field-group.rtl input[type=radio]:focus-visible:before,
  879. .post-type-acf-field-group.rtl input[type=checkbox]:checked:before,
  880. .post-type-acf-field-group.rtl input[type=checkbox]:focus-visible:before {
  881. left: 1px;
  882. }
  883. .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus:before {
  884. background-image: url("../../images/field-states/radio-active.svg");
  885. }
  886. .post-type-acf-field-group input[type=checkbox]:checked:before, .post-type-acf-field-group input[type=checkbox]:focus:before {
  887. background-image: url("../../images/field-states/checkbox-active.svg");
  888. }
  889. .post-type-acf-field-group .acf-radio-list li input[type=radio],
  890. .post-type-acf-field-group .acf-radio-list li input[type=checkbox],
  891. .post-type-acf-field-group .acf-checkbox-list li input[type=radio],
  892. .post-type-acf-field-group .acf-checkbox-list li input[type=checkbox] {
  893. margin-right: 6px;
  894. }
  895. .post-type-acf-field-group .acf-radio-list.acf-bl li,
  896. .post-type-acf-field-group .acf-checkbox-list.acf-bl li {
  897. margin-bottom: 8px;
  898. }
  899. .post-type-acf-field-group .acf-radio-list.acf-bl li:last-of-type,
  900. .post-type-acf-field-group .acf-checkbox-list.acf-bl li:last-of-type {
  901. margin-bottom: 0;
  902. }
  903. .post-type-acf-field-group .acf-radio-list label,
  904. .post-type-acf-field-group .acf-checkbox-list label {
  905. display: flex;
  906. align-items: center;
  907. align-content: center;
  908. }
  909. .post-type-acf-field-group .acf-switch {
  910. width: 42px;
  911. height: 24px;
  912. border: none;
  913. background-color: #D0D5DD;
  914. border-radius: 12px;
  915. }
  916. .post-type-acf-field-group .acf-switch:hover {
  917. background-color: #98A2B3;
  918. }
  919. .post-type-acf-field-group .acf-switch:active {
  920. box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
  921. }
  922. .post-type-acf-field-group .acf-switch.-on {
  923. background-color: #0783BE;
  924. }
  925. .post-type-acf-field-group .acf-switch.-on:hover {
  926. background-color: #066998;
  927. }
  928. .post-type-acf-field-group .acf-switch.-on .acf-switch-slider {
  929. left: 20px;
  930. }
  931. .post-type-acf-field-group .acf-switch .acf-switch-off,
  932. .post-type-acf-field-group .acf-switch .acf-switch-on {
  933. visibility: hidden;
  934. }
  935. .post-type-acf-field-group .acf-switch .acf-switch-slider {
  936. width: 20px;
  937. height: 20px;
  938. border: none;
  939. border-radius: 100px;
  940. box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  941. }
  942. .post-type-acf-field-group .acf-field-true-false {
  943. display: flex;
  944. align-items: flex-start;
  945. }
  946. .post-type-acf-field-group .acf-field-true-false .acf-label {
  947. order: 2;
  948. display: block;
  949. align-items: center;
  950. margin-top: 2px;
  951. margin-bottom: 0;
  952. margin-left: 12px;
  953. }
  954. .post-type-acf-field-group .acf-field-true-false .acf-label label {
  955. margin-bottom: 0;
  956. }
  957. .post-type-acf-field-group .acf-field-true-false .acf-label .acf-tip {
  958. margin-left: 12px;
  959. }
  960. .post-type-acf-field-group .acf-field-true-false .acf-label .description {
  961. display: block;
  962. margin-top: 2px;
  963. margin-left: 0;
  964. }
  965. .post-type-acf-field-group.rtl .acf-field-true-false .acf-label {
  966. margin-right: 12px;
  967. margin-left: 0;
  968. }
  969. .post-type-acf-field-group.rtl .acf-field-true-false .acf-tip {
  970. margin-right: 12px;
  971. margin-left: 0;
  972. }
  973. .post-type-acf-field-group input::file-selector-button {
  974. box-sizing: border-box;
  975. min-height: 40px;
  976. margin-right: 16px;
  977. padding-top: 8px;
  978. padding-right: 16px;
  979. padding-bottom: 8px;
  980. padding-left: 16px;
  981. background-color: transparent;
  982. color: #0783BE !important;
  983. border-radius: 6px;
  984. border-width: 1px;
  985. border-style: solid;
  986. border-color: #0783BE;
  987. text-decoration: none;
  988. }
  989. .post-type-acf-field-group input::file-selector-button:hover {
  990. border-color: #066998;
  991. cursor: pointer;
  992. color: #066998 !important;
  993. }
  994. .post-type-acf-field-group .button {
  995. display: inline-flex;
  996. align-items: center;
  997. height: 40px;
  998. padding-right: 16px;
  999. padding-left: 16px;
  1000. background-color: transparent;
  1001. border-width: 1px;
  1002. border-style: solid;
  1003. border-color: #0783BE;
  1004. border-radius: 6px;
  1005. color: #0783BE;
  1006. }
  1007. .post-type-acf-field-group .button:hover {
  1008. background-color: #f3f9fc;
  1009. border-color: #0783BE;
  1010. color: #0783BE;
  1011. }
  1012. .post-type-acf-field-group .button:focus {
  1013. background-color: #f3f9fc;
  1014. outline: 3px solid #EBF5FA;
  1015. color: #0783BE;
  1016. }
  1017. .post-type-acf-field-group .edit-field-group-header {
  1018. display: block !important;
  1019. }
  1020. .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection {
  1021. border: none;
  1022. line-height: 1;
  1023. }
  1024. .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered {
  1025. box-sizing: border-box;
  1026. padding-right: 0;
  1027. padding-left: 0;
  1028. background-color: #fff;
  1029. border-width: 1px;
  1030. border-style: solid;
  1031. border-color: #D0D5DD;
  1032. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1033. border-radius: 6px;
  1034. color: #344054;
  1035. }
  1036. .post-type-acf-field-group .acf-input .select2-container--focus {
  1037. outline: 3px solid #EBF5FA;
  1038. border-color: #399CCB;
  1039. border-radius: 6px;
  1040. }
  1041. .post-type-acf-field-group .acf-input .select2-container--focus .select2-selection__rendered {
  1042. border-color: #399CCB !important;
  1043. }
  1044. .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered {
  1045. border-bottom-right-radius: 0 !important;
  1046. border-bottom-left-radius: 0 !important;
  1047. }
  1048. .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered {
  1049. border-top-right-radius: 0 !important;
  1050. border-top-left-radius: 0 !important;
  1051. }
  1052. .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field {
  1053. margin: 0;
  1054. padding-left: 6px;
  1055. }
  1056. .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field:focus {
  1057. outline: none;
  1058. border: none;
  1059. }
  1060. .post-type-acf-field-group .acf-input .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  1061. padding-top: 0;
  1062. padding-right: 6px;
  1063. padding-bottom: 0;
  1064. padding-left: 6px;
  1065. }
  1066. .post-type-acf-field-group .acf-input .select2-selection__clear {
  1067. width: 18px;
  1068. height: 18px;
  1069. margin-top: 12px;
  1070. margin-right: 0;
  1071. text-indent: 100%;
  1072. white-space: nowrap;
  1073. overflow: hidden;
  1074. }
  1075. .post-type-acf-field-group .acf-input .select2-selection__clear:before {
  1076. content: "";
  1077. display: block;
  1078. width: 14px;
  1079. height: 14px;
  1080. top: 0;
  1081. left: 0;
  1082. border: none;
  1083. border-radius: 0;
  1084. -webkit-mask-size: contain;
  1085. mask-size: contain;
  1086. -webkit-mask-repeat: no-repeat;
  1087. mask-repeat: no-repeat;
  1088. -webkit-mask-position: center;
  1089. mask-position: center;
  1090. -webkit-mask-image: url("../../images/icons/icon-close.svg");
  1091. mask-image: url("../../images/icons/icon-close.svg");
  1092. background-color: #98A2B3;
  1093. }
  1094. .post-type-acf-field-group .acf-input .select2-selection__clear:hover::before {
  1095. background-color: #1D2939;
  1096. }
  1097. .post-type-acf-field-group .acf-label {
  1098. display: flex;
  1099. align-items: center;
  1100. justify-content: space-between;
  1101. }
  1102. .post-type-acf-field-group .acf-label .acf-icon-help {
  1103. width: 18px;
  1104. height: 18px;
  1105. background-color: #98A2B3;
  1106. }
  1107. .post-type-acf-field-group .acf-label label {
  1108. margin-bottom: 0;
  1109. }
  1110. .post-type-acf-field-group .acf-label .description {
  1111. margin-top: 2px;
  1112. }
  1113. .post-type-acf-field-group .acf-field-setting-name .acf-tip {
  1114. position: absolute;
  1115. top: 0;
  1116. left: 654px;
  1117. color: #98A2B3;
  1118. }
  1119. .post-type-acf-field-group .acf-field-setting-name .acf-tip .acf-icon-help {
  1120. width: 18px;
  1121. height: 18px;
  1122. }
  1123. .rtl.post-type-acf-field-group .acf-field-setting-name .acf-tip {
  1124. left: auto;
  1125. right: 654px;
  1126. }
  1127. /*----------------------------------------------------------------------------
  1128. *
  1129. * Container sizes
  1130. *
  1131. *----------------------------------------------------------------------------*/
  1132. .post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-fields,
  1133. .post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-options,
  1134. .post-type-acf-field-group .metabox-holder.columns-1 .meta-box-sortables.ui-sortable,
  1135. .post-type-acf-field-group .metabox-holder.columns-1 .notice {
  1136. max-width: 1440px;
  1137. }
  1138. /*----------------------------------------------------------------------------
  1139. *
  1140. * Max width for notices in 1 column edit field group layout
  1141. *
  1142. *----------------------------------------------------------------------------*/
  1143. .post-type-acf-field-group.columns-1 .notice {
  1144. max-width: 1440px;
  1145. }
  1146. /*----------------------------------------------------------------------------
  1147. *
  1148. * Widen edit field group headerbar for 2 column layout
  1149. *
  1150. *----------------------------------------------------------------------------*/
  1151. .post-type-acf-field-group.columns-2 .acf-headerbar .acf-headerbar-inner {
  1152. max-width: 100%;
  1153. }
  1154. /*----------------------------------------------------------------------------
  1155. *
  1156. * Post stuff
  1157. *
  1158. *----------------------------------------------------------------------------*/
  1159. .post-type-acf-field-group #poststuff {
  1160. margin-top: 0;
  1161. margin-right: 0;
  1162. margin-bottom: 0;
  1163. margin-left: 0;
  1164. padding-top: 0;
  1165. padding-right: 0;
  1166. padding-bottom: 0;
  1167. padding-left: 0;
  1168. }
  1169. /*----------------------------------------------------------------------------
  1170. *
  1171. * Table
  1172. *
  1173. *----------------------------------------------------------------------------*/
  1174. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap {
  1175. overflow: hidden;
  1176. border: none;
  1177. border-radius: 0 0 8px 8px;
  1178. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1179. }
  1180. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty {
  1181. border-top-width: 1px;
  1182. border-top-style: solid;
  1183. border-top-color: #EAECF0;
  1184. }
  1185. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .acf-thead,
  1186. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .acf-tfoot {
  1187. display: none;
  1188. }
  1189. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .no-fields-message {
  1190. min-height: 280px;
  1191. }
  1192. /*----------------------------------------------------------------------------
  1193. *
  1194. * Table header
  1195. *
  1196. *----------------------------------------------------------------------------*/
  1197. .post-type-acf-field-group .acf-thead {
  1198. background-color: #F9FAFB;
  1199. border-top-width: 1px;
  1200. border-top-style: solid;
  1201. border-top-color: #EAECF0;
  1202. border-bottom-width: 1px;
  1203. border-bottom-style: solid;
  1204. border-bottom-color: #EAECF0;
  1205. }
  1206. .post-type-acf-field-group .acf-thead li {
  1207. display: flex;
  1208. align-items: center;
  1209. min-height: 48px;
  1210. padding-top: 0;
  1211. padding-bottom: 0;
  1212. color: #344054;
  1213. font-weight: 500;
  1214. }
  1215. /*----------------------------------------------------------------------------
  1216. *
  1217. * Table body
  1218. *
  1219. *----------------------------------------------------------------------------*/
  1220. .post-type-acf-field-group .acf-field-object {
  1221. border-top-width: 1px;
  1222. border-top-style: solid;
  1223. border-top-color: #EAECF0;
  1224. }
  1225. .post-type-acf-field-group .acf-field-object:hover .acf-sortable-handle:before {
  1226. display: inline-flex;
  1227. }
  1228. .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint:before {
  1229. display: block;
  1230. content: "";
  1231. height: 2px;
  1232. width: 100%;
  1233. background: #D0D5DD;
  1234. margin-top: -1px;
  1235. }
  1236. .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint.acf-field-object-accordion:before {
  1237. display: none;
  1238. }
  1239. .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint.acf-field-object-accordion:after {
  1240. display: block;
  1241. content: "";
  1242. height: 2px;
  1243. width: 100%;
  1244. background: #D0D5DD;
  1245. z-index: 500;
  1246. }
  1247. .post-type-acf-field-group .acf-field-object:hover {
  1248. background-color: #f7fbfd;
  1249. }
  1250. .post-type-acf-field-group .acf-field-object.open {
  1251. background-color: #fff;
  1252. border-top-color: #A5D2E7;
  1253. }
  1254. .post-type-acf-field-group .acf-field-object.open .handle {
  1255. background-color: #D8EBF5;
  1256. border: none;
  1257. text-shadow: none;
  1258. }
  1259. .post-type-acf-field-group .acf-field-object.open .handle a {
  1260. color: #0783BE !important;
  1261. }
  1262. .post-type-acf-field-group .acf-field-object.open .handle a.delete-field {
  1263. color: #a00 !important;
  1264. }
  1265. .post-type-acf-field-group .acf-field-object ul.acf-hl {
  1266. display: flex;
  1267. align-items: stretch;
  1268. }
  1269. .post-type-acf-field-group .acf-field-object .handle li {
  1270. display: flex;
  1271. align-items: top;
  1272. flex-wrap: wrap;
  1273. min-height: 60px;
  1274. color: #344054;
  1275. }
  1276. .post-type-acf-field-group .acf-field-object .handle li.li-field-label {
  1277. display: flex;
  1278. flex-wrap: wrap;
  1279. justify-content: flex-start;
  1280. align-content: flex-start;
  1281. align-items: flex-start;
  1282. width: auto;
  1283. }
  1284. .post-type-acf-field-group .acf-field-object .handle li.li-field-label strong {
  1285. font-weight: 500;
  1286. }
  1287. .post-type-acf-field-group .acf-field-object .handle li.li-field-label .row-options {
  1288. width: 100%;
  1289. }
  1290. /*----------------------------------------------------------------------------
  1291. *
  1292. * Table footer
  1293. *
  1294. *----------------------------------------------------------------------------*/
  1295. .post-type-acf-field-group .acf-tfoot {
  1296. display: flex;
  1297. align-items: center;
  1298. justify-content: flex-end;
  1299. min-height: 80px;
  1300. box-sizing: border-box;
  1301. padding-top: 8px;
  1302. padding-right: 24px;
  1303. padding-bottom: 8px;
  1304. padding-left: 24px;
  1305. background-color: #fff;
  1306. border-top-width: 1px;
  1307. border-top-style: solid;
  1308. border-top-color: #EAECF0;
  1309. }
  1310. .post-type-acf-field-group .acf-tfoot .acf-fr {
  1311. margin-top: 0;
  1312. margin-right: 0;
  1313. margin-bottom: 0;
  1314. margin-left: 0;
  1315. padding-top: 0;
  1316. padding-right: 0;
  1317. padding-bottom: 0;
  1318. padding-left: 0;
  1319. }
  1320. /*----------------------------------------------------------------------------
  1321. *
  1322. * Edit field settings
  1323. *
  1324. *----------------------------------------------------------------------------*/
  1325. .post-type-acf-field-group .acf-field-object .settings {
  1326. box-sizing: border-box;
  1327. padding-top: 0;
  1328. padding-bottom: 0;
  1329. background-color: #fff;
  1330. border-left-width: 4px;
  1331. border-left-style: solid;
  1332. border-left-color: #6BB5D8;
  1333. }
  1334. /*----------------------------------------------------------------------------
  1335. *
  1336. * Main field settings container
  1337. *
  1338. *----------------------------------------------------------------------------*/
  1339. .acf-field-settings-main {
  1340. padding-top: 32px;
  1341. padding-right: 0;
  1342. padding-bottom: 32px;
  1343. padding-left: 0;
  1344. }
  1345. .acf-field-settings-main .acf-field:last-of-type {
  1346. margin-bottom: 0;
  1347. }
  1348. /*----------------------------------------------------------------------------
  1349. *
  1350. * Field label
  1351. *
  1352. *----------------------------------------------------------------------------*/
  1353. .acf-field-settings .acf-label {
  1354. display: block;
  1355. justify-content: space-between;
  1356. align-items: center;
  1357. align-content: center;
  1358. margin-top: 0;
  1359. margin-right: 0;
  1360. margin-bottom: 6px;
  1361. margin-left: 0;
  1362. }
  1363. /*----------------------------------------------------------------------------
  1364. *
  1365. * Single field
  1366. *
  1367. *----------------------------------------------------------------------------*/
  1368. .acf-field-settings .acf-field {
  1369. box-sizing: border-box;
  1370. width: 100%;
  1371. margin-top: 0;
  1372. margin-right: 0;
  1373. margin-bottom: 32px;
  1374. margin-left: 0;
  1375. padding-top: 0;
  1376. padding-right: 72px;
  1377. padding-bottom: 0;
  1378. padding-left: 72px;
  1379. }
  1380. @media screen and (max-width: 600px) {
  1381. .acf-field-settings .acf-field {
  1382. padding-right: 12px;
  1383. padding-left: 12px;
  1384. }
  1385. }
  1386. .acf-field-settings .acf-field .acf-label,
  1387. .acf-field-settings .acf-field .acf-input {
  1388. max-width: 600px;
  1389. }
  1390. .acf-field-settings .acf-field .acf-label.acf-input-sub,
  1391. .acf-field-settings .acf-field .acf-input.acf-input-sub {
  1392. max-width: 100%;
  1393. }
  1394. .acf-field-settings .acf-field .acf-input-wrap {
  1395. overflow: visible;
  1396. }
  1397. /*----------------------------------------------------------------------------
  1398. *
  1399. * Field separators
  1400. *
  1401. *----------------------------------------------------------------------------*/
  1402. .acf-field-settings .acf-field.acf-field-setting-label,
  1403. .acf-field-settings .acf-field-setting-wrapper {
  1404. padding-top: 24px;
  1405. border-top-width: 1px;
  1406. border-top-style: solid;
  1407. border-top-color: #EAECF0;
  1408. }
  1409. .acf-field-settings .acf-field-setting-wrapper {
  1410. margin-top: 24px;
  1411. }
  1412. /*----------------------------------------------------------------------------
  1413. *
  1414. * Edit fields footer
  1415. *
  1416. *----------------------------------------------------------------------------*/
  1417. .acf-field-settings .acf-field-settings-footer {
  1418. display: flex;
  1419. align-items: center;
  1420. min-height: 72px;
  1421. box-sizing: border-box;
  1422. width: 100%;
  1423. margin-top: 0;
  1424. margin-right: 0;
  1425. margin-bottom: 0;
  1426. margin-left: 0;
  1427. padding-top: 0;
  1428. padding-right: 0;
  1429. padding-bottom: 0;
  1430. padding-left: 72px;
  1431. border-top-width: 1px;
  1432. border-top-style: solid;
  1433. border-top-color: #EAECF0;
  1434. }
  1435. @media screen and (max-width: 600px) {
  1436. .acf-field-settings .acf-field-settings-footer {
  1437. padding-left: 12px;
  1438. }
  1439. }
  1440. .rtl .acf-field-settings .acf-field-settings-footer {
  1441. padding-top: 0;
  1442. padding-right: 72px;
  1443. padding-bottom: 0;
  1444. padding-left: 0;
  1445. }
  1446. /*----------------------------------------------------------------------------
  1447. *
  1448. * Tabs
  1449. *
  1450. *----------------------------------------------------------------------------*/
  1451. .acf-fields .acf-tab-wrap {
  1452. background: #F9FAFB;
  1453. border-bottom-color: #1D2939;
  1454. }
  1455. .acf-fields .acf-tab-wrap .acf-tab-group {
  1456. padding-right: 24px;
  1457. padding-left: 24px;
  1458. border-top-width: 0;
  1459. border-bottom-width: 1px;
  1460. border-bottom-style: solid;
  1461. border-bottom-color: #EAECF0;
  1462. }
  1463. .acf-fields .acf-field-settings-tab-bar,
  1464. .acf-fields .acf-tab-wrap .acf-tab-group {
  1465. display: flex;
  1466. align-items: stretch;
  1467. min-height: 48px;
  1468. padding-top: 0;
  1469. padding-right: 0;
  1470. padding-bottom: 0;
  1471. padding-left: 24px;
  1472. margin-top: 0;
  1473. margin-bottom: 0;
  1474. border-bottom-width: 1px;
  1475. border-bottom-style: solid;
  1476. border-bottom-color: #EAECF0;
  1477. }
  1478. .acf-fields .acf-field-settings-tab-bar li,
  1479. .acf-fields .acf-tab-wrap .acf-tab-group li {
  1480. display: flex;
  1481. align-items: center;
  1482. margin-top: 0;
  1483. margin-right: 24px;
  1484. margin-bottom: 0;
  1485. margin-left: 0;
  1486. padding: 0;
  1487. }
  1488. .acf-fields .acf-field-settings-tab-bar li a,
  1489. .acf-fields .acf-tab-wrap .acf-tab-group li a {
  1490. box-sizing: border-box;
  1491. display: inline-flex;
  1492. align-items: center;
  1493. height: 100%;
  1494. padding-top: 3px;
  1495. padding-right: 0;
  1496. padding-bottom: 0;
  1497. padding-left: 0;
  1498. background: none;
  1499. border-top: none;
  1500. border-right: none;
  1501. border-bottom-width: 3px;
  1502. border-bottom-style: solid;
  1503. border-bottom-color: transparent;
  1504. border-left: none;
  1505. color: #667085;
  1506. font-weight: normal;
  1507. }
  1508. .acf-fields .acf-field-settings-tab-bar li a:hover,
  1509. .acf-fields .acf-tab-wrap .acf-tab-group li a:hover {
  1510. color: #1D2939;
  1511. }
  1512. .acf-fields .acf-field-settings-tab-bar li a:hover,
  1513. .acf-fields .acf-tab-wrap .acf-tab-group li a:hover {
  1514. background-color: transparent;
  1515. }
  1516. .acf-fields .acf-field-settings-tab-bar li.active a,
  1517. .acf-fields .acf-tab-wrap .acf-tab-group li.active a {
  1518. background: none;
  1519. border-bottom-color: #0783BE;
  1520. color: #1D2939;
  1521. }
  1522. #acf-field-group-options .acf-fields .acf-tab-wrap .acf-tab-group li.active a {
  1523. padding-top: 2px;
  1524. }
  1525. .acf-field-editor .acf-field-settings-tab-bar {
  1526. padding-left: 72px;
  1527. }
  1528. @media screen and (max-width: 600px) {
  1529. .acf-field-editor .acf-field-settings-tab-bar {
  1530. padding-left: 12px;
  1531. }
  1532. }
  1533. /*----------------------------------------------------------------------------
  1534. *
  1535. * Field group settings
  1536. *
  1537. *----------------------------------------------------------------------------*/
  1538. #acf-field-group-options .field-group-settings-tab {
  1539. padding-top: 24px;
  1540. padding-right: 24px;
  1541. padding-bottom: 24px;
  1542. padding-left: 24px;
  1543. }
  1544. #acf-field-group-options .field-group-settings-tab .acf-field:last-of-type {
  1545. padding: 0;
  1546. }
  1547. #acf-field-group-options .acf-field {
  1548. border: none;
  1549. margin-top: 0;
  1550. margin-right: 0;
  1551. margin-bottom: 0;
  1552. margin-left: 0;
  1553. padding-top: 0;
  1554. padding-right: 0;
  1555. padding-bottom: 24px;
  1556. padding-left: 0;
  1557. }
  1558. #acf-field-group-options .field-group-setting-split-container {
  1559. display: flex;
  1560. padding-top: 0;
  1561. padding-right: 0;
  1562. padding-bottom: 0;
  1563. padding-left: 0;
  1564. }
  1565. #acf-field-group-options .field-group-setting-split-container .field-group-setting-split {
  1566. box-sizing: border-box;
  1567. padding-top: 24px;
  1568. padding-right: 24px;
  1569. padding-bottom: 24px;
  1570. padding-left: 24px;
  1571. }
  1572. #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(1) {
  1573. flex: 1 0 auto;
  1574. }
  1575. #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(2n) {
  1576. flex: 1 0 auto;
  1577. max-width: 320px;
  1578. margin-top: 0;
  1579. margin-right: 0;
  1580. margin-bottom: 0;
  1581. margin-left: 32px;
  1582. padding-right: 32px;
  1583. padding-left: 32px;
  1584. border-left-width: 1px;
  1585. border-left-style: solid;
  1586. border-left-color: #EAECF0;
  1587. }
  1588. #acf-field-group-options .acf-field[data-name=description] {
  1589. max-width: 600px;
  1590. }
  1591. #acf-field-group-options .acf-button-group {
  1592. display: inline-flex;
  1593. }
  1594. .rtl #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(2n) {
  1595. margin-right: 32px;
  1596. margin-left: 0;
  1597. border-left: none;
  1598. border-right-width: 1px;
  1599. border-right-style: solid;
  1600. border-right-color: #EAECF0;
  1601. }
  1602. /*----------------------------------------------------------------------------
  1603. *
  1604. * Reorder handles
  1605. *
  1606. *----------------------------------------------------------------------------*/
  1607. .acf-field-list .li-field-order {
  1608. padding: 0;
  1609. display: flex;
  1610. flex-direction: row;
  1611. flex-wrap: nowrap;
  1612. justify-content: center;
  1613. align-content: stretch;
  1614. align-items: stretch;
  1615. background-color: transparent;
  1616. }
  1617. .acf-field-list .acf-sortable-handle {
  1618. display: flex;
  1619. flex-direction: row;
  1620. flex-wrap: nowrap;
  1621. justify-content: center;
  1622. align-content: flex-start;
  1623. align-items: flex-start;
  1624. width: 100%;
  1625. height: 100%;
  1626. position: relative;
  1627. padding-top: 11px;
  1628. padding-bottom: 8px;
  1629. background-color: transparent;
  1630. border: none;
  1631. border-radius: 0;
  1632. }
  1633. .acf-field-list .acf-sortable-handle:hover {
  1634. cursor: grab;
  1635. }
  1636. .acf-field-list .acf-sortable-handle:before {
  1637. content: "";
  1638. display: none;
  1639. position: absolute;
  1640. top: 16px;
  1641. left: 8px;
  1642. width: 16px;
  1643. height: 16px;
  1644. width: 12px;
  1645. height: 12px;
  1646. background-color: #98A2B3;
  1647. border: none;
  1648. border-radius: 0;
  1649. -webkit-mask-size: contain;
  1650. mask-size: contain;
  1651. -webkit-mask-repeat: no-repeat;
  1652. mask-repeat: no-repeat;
  1653. -webkit-mask-position: center;
  1654. mask-position: center;
  1655. text-indent: 500%;
  1656. white-space: nowrap;
  1657. overflow: hidden;
  1658. -webkit-mask-image: url("../../images/icons/icon-draggable.svg");
  1659. mask-image: url("../../images/icons/icon-draggable.svg");
  1660. }
  1661. .rtl .acf-field-list .acf-sortable-handle:before {
  1662. left: 0;
  1663. right: 8px;
  1664. }
  1665. /*----------------------------------------------------------------------------
  1666. *
  1667. * Expand / collapse field icon
  1668. *
  1669. *----------------------------------------------------------------------------*/
  1670. .acf-field-object .li-field-label {
  1671. position: relative;
  1672. padding-left: 40px;
  1673. }
  1674. .acf-field-object .li-field-label:before {
  1675. content: "";
  1676. display: block;
  1677. position: absolute;
  1678. left: 6px;
  1679. display: inline-flex;
  1680. width: 18px;
  1681. height: 18px;
  1682. margin-top: -2px;
  1683. background-color: #667085;
  1684. border: none;
  1685. border-radius: 0;
  1686. -webkit-mask-size: contain;
  1687. mask-size: contain;
  1688. -webkit-mask-repeat: no-repeat;
  1689. mask-repeat: no-repeat;
  1690. -webkit-mask-position: center;
  1691. mask-position: center;
  1692. text-indent: 500%;
  1693. white-space: nowrap;
  1694. overflow: hidden;
  1695. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  1696. mask-image: url("../../images/icons/icon-chevron-down.svg");
  1697. }
  1698. .acf-field-object .li-field-label:hover:before {
  1699. cursor: pointer;
  1700. }
  1701. .rtl .acf-field-object .li-field-label {
  1702. padding-left: 0;
  1703. padding-right: 40px;
  1704. }
  1705. .rtl .acf-field-object .li-field-label:before {
  1706. left: 0;
  1707. right: 6px;
  1708. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  1709. mask-image: url("../../images/icons/icon-chevron-down.svg");
  1710. }
  1711. .rtl .acf-field-object.open .li-field-label:before {
  1712. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  1713. mask-image: url("../../images/icons/icon-chevron-down.svg");
  1714. }
  1715. .rtl .acf-field-object.open .acf-input-sub .li-field-label:before {
  1716. -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
  1717. mask-image: url("../../images/icons/icon-chevron-right.svg");
  1718. }
  1719. .rtl .acf-field-object.open .acf-input-sub .acf-field-object.open .li-field-label:before {
  1720. -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
  1721. mask-image: url("../../images/icons/icon-chevron-down.svg");
  1722. }
  1723. .acf-thead .li-field-label {
  1724. padding-left: 40px;
  1725. }
  1726. .rtl .acf-thead .li-field-label {
  1727. padding-left: 0;
  1728. padding-right: 40px;
  1729. }
  1730. /*----------------------------------------------------------------------------
  1731. *
  1732. * Conditional logic layout
  1733. *
  1734. *----------------------------------------------------------------------------*/
  1735. .acf-field-settings-main-conditional-logic .acf-conditional-toggle {
  1736. display: flex;
  1737. padding-right: 72px;
  1738. padding-left: 72px;
  1739. }
  1740. @media screen and (max-width: 600px) {
  1741. .acf-field-settings-main-conditional-logic .acf-conditional-toggle {
  1742. padding-left: 12px;
  1743. }
  1744. }
  1745. .acf-field-settings-main-conditional-logic .acf-field {
  1746. flex-wrap: wrap;
  1747. margin-bottom: 0;
  1748. padding-right: 0;
  1749. padding-left: 0;
  1750. }
  1751. .acf-field-settings-main-conditional-logic .acf-field .rule-groups {
  1752. flex: 0 1 100%;
  1753. order: 3;
  1754. margin-top: 32px;
  1755. padding-top: 32px;
  1756. padding-right: 72px;
  1757. padding-left: 72px;
  1758. border-top-width: 1px;
  1759. border-top-style: solid;
  1760. border-top-color: #EAECF0;
  1761. }
  1762. @media screen and (max-width: 600px) {
  1763. .acf-field-settings-main-conditional-logic .acf-field .rule-groups {
  1764. padding-left: 12px;
  1765. }
  1766. .acf-field-settings-main-conditional-logic .acf-field .rule-groups table.acf-table tbody tr {
  1767. display: flex;
  1768. flex-wrap: wrap;
  1769. justify-content: flex-start;
  1770. align-content: flex-start;
  1771. align-items: flex-start;
  1772. }
  1773. .acf-field-settings-main-conditional-logic .acf-field .rule-groups table.acf-table tbody tr td {
  1774. flex: 1 1 100%;
  1775. }
  1776. }
  1777. /*----------------------------------------------------------------------------
  1778. *
  1779. * Prefix & append styling
  1780. *
  1781. *----------------------------------------------------------------------------*/
  1782. .acf-input .acf-input-prepend,
  1783. .acf-input .acf-input-append {
  1784. display: inline-flex;
  1785. align-items: center;
  1786. height: 100%;
  1787. min-height: 40px;
  1788. padding-right: 12px;
  1789. padding-left: 12px;
  1790. background-color: #F9FAFB;
  1791. border-color: #D0D5DD;
  1792. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  1793. color: #667085;
  1794. }
  1795. .acf-input .acf-input-prepend {
  1796. border-radius: 6px 0 0 6px;
  1797. }
  1798. .acf-input .acf-input-append {
  1799. border-radius: 0 6px 6px 0;
  1800. }
  1801. /*----------------------------------------------------------------------------
  1802. *
  1803. * ACF input wrap
  1804. *
  1805. *----------------------------------------------------------------------------*/
  1806. .acf-input-wrap {
  1807. display: flex;
  1808. }
  1809. .acf-field-settings-main-presentation .acf-input-wrap {
  1810. display: flex;
  1811. }
  1812. /*----------------------------------------------------------------------------
  1813. *
  1814. * Empty state
  1815. *
  1816. *----------------------------------------------------------------------------*/
  1817. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message {
  1818. display: flex;
  1819. justify-content: center;
  1820. padding-top: 48px;
  1821. padding-bottom: 48px;
  1822. }
  1823. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner {
  1824. display: flex;
  1825. flex-wrap: wrap;
  1826. justify-content: center;
  1827. align-content: center;
  1828. align-items: flex-start;
  1829. text-align: center;
  1830. max-width: 400px;
  1831. }
  1832. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner img,
  1833. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner h2,
  1834. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p {
  1835. flex: 1 0 100%;
  1836. }
  1837. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner h2 {
  1838. margin-top: 32px;
  1839. margin-bottom: 0;
  1840. padding: 0;
  1841. color: #344054;
  1842. }
  1843. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p {
  1844. margin-top: 12px;
  1845. margin-bottom: 0;
  1846. padding: 0;
  1847. color: #667085;
  1848. }
  1849. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p.acf-small {
  1850. margin-top: 32px;
  1851. }
  1852. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner img {
  1853. max-width: 284px;
  1854. margin-bottom: 0;
  1855. }
  1856. .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner .acf-btn {
  1857. margin-top: 32px;
  1858. }
  1859. /*----------------------------------------------------------------------------
  1860. *
  1861. * Hide add title prompt label
  1862. *
  1863. *----------------------------------------------------------------------------*/
  1864. .post-type-acf-field-group .acf-headerbar #title-prompt-text {
  1865. display: none;
  1866. }
  1867. /*----------------------------------------------------------------------------
  1868. *
  1869. * Modal styling
  1870. *
  1871. *----------------------------------------------------------------------------*/
  1872. .post-type-acf-field-group #acf-popup .acf-popup-box {
  1873. min-width: 480px;
  1874. }
  1875. .post-type-acf-field-group #acf-popup .acf-popup-box .title {
  1876. display: flex;
  1877. align-items: center;
  1878. align-content: center;
  1879. justify-content: space-between;
  1880. min-height: 64px;
  1881. box-sizing: border-box;
  1882. margin: 0;
  1883. padding-right: 24px;
  1884. padding-left: 24px;
  1885. border-bottom-width: 1px;
  1886. border-bottom-style: solid;
  1887. border-bottom-color: #EAECF0;
  1888. }
  1889. .post-type-acf-field-group #acf-popup .acf-popup-box .title h1,
  1890. .post-type-acf-field-group #acf-popup .acf-popup-box .title h2,
  1891. .post-type-acf-field-group #acf-popup .acf-popup-box .title h3,
  1892. .post-type-acf-field-group #acf-popup .acf-popup-box .title h4 {
  1893. padding-left: 0;
  1894. color: #344054;
  1895. }
  1896. .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon {
  1897. display: block;
  1898. position: relative;
  1899. top: auto;
  1900. right: auto;
  1901. width: 22px;
  1902. height: 22px;
  1903. background-color: transparent;
  1904. color: transparent;
  1905. }
  1906. .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon:before {
  1907. display: inline-flex;
  1908. position: absolute;
  1909. top: 0;
  1910. left: 0;
  1911. width: 22px;
  1912. height: 22px;
  1913. background-color: #667085;
  1914. border: none;
  1915. border-radius: 0;
  1916. -webkit-mask-size: contain;
  1917. mask-size: contain;
  1918. -webkit-mask-repeat: no-repeat;
  1919. mask-repeat: no-repeat;
  1920. -webkit-mask-position: center;
  1921. mask-position: center;
  1922. text-indent: 500%;
  1923. white-space: nowrap;
  1924. overflow: hidden;
  1925. -webkit-mask-image: url("../../images/icons/icon-close-circle.svg");
  1926. mask-image: url("../../images/icons/icon-close-circle.svg");
  1927. }
  1928. .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon:hover:before {
  1929. background-color: #0783BE;
  1930. }
  1931. .post-type-acf-field-group #acf-popup .acf-popup-box .inner {
  1932. box-sizing: border-box;
  1933. margin: 0;
  1934. padding-top: 24px;
  1935. padding-right: 24px;
  1936. padding-bottom: 24px;
  1937. padding-left: 24px;
  1938. border-top: none;
  1939. }
  1940. .post-type-acf-field-group #acf-popup .acf-popup-box .inner p {
  1941. margin-top: 0;
  1942. margin-bottom: 0;
  1943. }
  1944. .post-type-acf-field-group #acf-popup .acf-popup-box #acf-move-field-form .acf-field-select {
  1945. margin-top: 0;
  1946. }
  1947. /*----------------------------------------------------------------------------
  1948. *
  1949. * Hide original #post-body-content from edit field group page
  1950. *
  1951. *----------------------------------------------------------------------------*/
  1952. .acf-admin-single-field-group #post-body-content {
  1953. display: none;
  1954. }
  1955. /*----------------------------------------------------------------------------
  1956. *
  1957. * Settings section footer
  1958. *
  1959. *----------------------------------------------------------------------------*/
  1960. .acf-field-group-settings-footer {
  1961. display: flex;
  1962. justify-content: space-between;
  1963. align-content: stretch;
  1964. align-items: center;
  1965. position: relative;
  1966. min-height: 88px;
  1967. margin-right: -24px;
  1968. margin-bottom: -24px;
  1969. margin-left: -24px;
  1970. padding-right: 24px;
  1971. padding-left: 24px;
  1972. border-top-width: 1px;
  1973. border-top-style: solid;
  1974. border-top-color: #EAECF0;
  1975. }
  1976. .acf-field-group-settings-footer .acf-created-on {
  1977. display: inline-flex;
  1978. justify-content: flex-start;
  1979. align-content: stretch;
  1980. align-items: center;
  1981. color: #667085;
  1982. }
  1983. .acf-field-group-settings-footer .acf-created-on:before {
  1984. content: "";
  1985. display: inline-block;
  1986. width: 20px;
  1987. height: 20px;
  1988. margin-right: 8px;
  1989. background-color: #98A2B3;
  1990. border: none;
  1991. border-radius: 0;
  1992. -webkit-mask-size: contain;
  1993. mask-size: contain;
  1994. -webkit-mask-repeat: no-repeat;
  1995. mask-repeat: no-repeat;
  1996. -webkit-mask-position: center;
  1997. mask-position: center;
  1998. -webkit-mask-image: url("../../images/icons/icon-time.svg");
  1999. mask-image: url("../../images/icons/icon-time.svg");
  2000. }
  2001. /*----------------------------------------------------------------------------
  2002. *
  2003. * Conditional logic enabled badge
  2004. *
  2005. *----------------------------------------------------------------------------*/
  2006. .conditional-logic-badge {
  2007. display: none;
  2008. }
  2009. .conditional-logic-badge.is-enabled {
  2010. display: inline-block;
  2011. width: 6px;
  2012. height: 6px;
  2013. overflow: hidden;
  2014. margin-left: 8px;
  2015. background-color: rgba(82, 170, 89, 0.4);
  2016. border-width: 1px;
  2017. border-style: solid;
  2018. border-color: #52AA59;
  2019. border-radius: 100px;
  2020. text-indent: 100%;
  2021. white-space: nowrap;
  2022. }
  2023. /*----------------------------------------------------------------------------
  2024. *
  2025. * Split field settings
  2026. *
  2027. *----------------------------------------------------------------------------*/
  2028. .acf-field-settings-split {
  2029. display: flex;
  2030. border-top-width: 1px;
  2031. border-top-style: solid;
  2032. border-top-color: #EAECF0;
  2033. }
  2034. .acf-field-settings-split .acf-field {
  2035. margin: 0;
  2036. padding-top: 32px;
  2037. padding-bottom: 32px;
  2038. }
  2039. .acf-field-settings-split .acf-field:nth-child(2n) {
  2040. border-left-width: 1px;
  2041. border-left-style: solid;
  2042. border-left-color: #EAECF0;
  2043. }
  2044. /*----------------------------------------------------------------------------
  2045. *
  2046. * Display & return format
  2047. *
  2048. *----------------------------------------------------------------------------*/
  2049. .acf-field-setting-display_format .acf-label,
  2050. .acf-field-setting-return_format .acf-label {
  2051. margin-bottom: 6px;
  2052. }
  2053. .acf-field-setting-display_format .acf-radio-list li,
  2054. .acf-field-setting-return_format .acf-radio-list li {
  2055. display: flex;
  2056. }
  2057. .acf-field-setting-display_format .acf-radio-list li label,
  2058. .acf-field-setting-return_format .acf-radio-list li label {
  2059. display: inline-flex;
  2060. width: 100%;
  2061. }
  2062. .acf-field-setting-display_format .acf-radio-list li label span,
  2063. .acf-field-setting-return_format .acf-radio-list li label span {
  2064. flex: 1 1 auto;
  2065. }
  2066. .acf-field-setting-display_format .acf-radio-list li label code,
  2067. .acf-field-setting-return_format .acf-radio-list li label code {
  2068. padding-right: 8px;
  2069. padding-left: 8px;
  2070. background-color: #F2F4F7;
  2071. border-radius: 4px;
  2072. color: #475467;
  2073. }
  2074. .acf-field-setting-display_format .acf-radio-list li input[type=text],
  2075. .acf-field-setting-return_format .acf-radio-list li input[type=text] {
  2076. height: 32px;
  2077. }
  2078. .acf-field-settings .acf-field-setting-first_day {
  2079. padding-top: 32px;
  2080. border-top-width: 1px;
  2081. border-top-style: solid;
  2082. border-top-color: #EAECF0;
  2083. }
  2084. /*----------------------------------------------------------------------------
  2085. *
  2086. * Image and Gallery fields
  2087. *
  2088. *----------------------------------------------------------------------------*/
  2089. .acf-field-object-image .acf-hl[data-cols="3"] > li,
  2090. .acf-field-object-gallery .acf-hl[data-cols="3"] > li {
  2091. width: auto;
  2092. }
  2093. /*----------------------------------------------------------------------------
  2094. *
  2095. * Appended fields fields
  2096. *
  2097. *----------------------------------------------------------------------------*/
  2098. .acf-field-settings .acf-field-appended {
  2099. overflow: auto;
  2100. }
  2101. .acf-field-settings .acf-field-appended .acf-input {
  2102. float: left;
  2103. }
  2104. /*----------------------------------------------------------------------------
  2105. *
  2106. * Flexible widths for image minimum / maximum size fields
  2107. *
  2108. *----------------------------------------------------------------------------*/
  2109. .acf-field-settings .acf-field.acf-field-setting-min_width .acf-input,
  2110. .acf-field-settings .acf-field.acf-field-setting-max_width .acf-input {
  2111. max-width: none;
  2112. }
  2113. .acf-field-settings .acf-field.acf-field-setting-min_width .acf-input-wrap input[type=text],
  2114. .acf-field-settings .acf-field.acf-field-setting-max_width .acf-input-wrap input[type=text] {
  2115. max-width: 81px;
  2116. }
  2117. /*----------------------------------------------------------------------------
  2118. *
  2119. * Temporary fix to hide pagination setting for repeaters used as subfields.
  2120. *
  2121. *----------------------------------------------------------------------------*/
  2122. .post-type-acf-field-group .acf-field-object-flexible-content .acf-field-setting-pagination {
  2123. display: none;
  2124. }
  2125. .post-type-acf-field-group .acf-field-object-repeater .acf-field-object-repeater .acf-field-setting-pagination {
  2126. display: none;
  2127. }
  2128. /*----------------------------------------------------------------------------
  2129. *
  2130. * Flexible content field width
  2131. *
  2132. *----------------------------------------------------------------------------*/
  2133. .acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-label,
  2134. .acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-input {
  2135. max-width: 600px;
  2136. }
  2137. /*----------------------------------------------------------------------------
  2138. *
  2139. * Fix default value checkbox focus state
  2140. *
  2141. *----------------------------------------------------------------------------*/
  2142. .acf-admin-single-field-group .acf-field.acf-field-true-false.acf-field-setting-default_value .acf-true-false {
  2143. border: none;
  2144. }
  2145. .acf-admin-single-field-group .acf-field.acf-field-true-false.acf-field-setting-default_value .acf-true-false input[type=checkbox] {
  2146. margin-right: 0;
  2147. }
  2148. /*---------------------------------------------------------------------------------------------
  2149. *
  2150. * Sub-fields layout
  2151. *
  2152. *---------------------------------------------------------------------------------------------*/
  2153. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub {
  2154. max-width: 100%;
  2155. overflow: hidden;
  2156. border-radius: 8px;
  2157. border-width: 1px;
  2158. border-style: solid;
  2159. border-color: #dbdfe5;
  2160. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2161. }
  2162. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-sub-field-list-header {
  2163. display: flex;
  2164. justify-content: space-between;
  2165. align-content: stretch;
  2166. align-items: center;
  2167. min-height: 64px;
  2168. padding-right: 24px;
  2169. padding-left: 24px;
  2170. }
  2171. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-list-wrap {
  2172. box-shadow: none;
  2173. }
  2174. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-hl.acf-tfoot {
  2175. min-height: 64px;
  2176. align-items: center;
  2177. }
  2178. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input.acf-input-sub {
  2179. max-width: 100%;
  2180. margin-right: 0;
  2181. margin-left: 0;
  2182. }
  2183. .post-type-acf-field-group .acf-input-sub .acf-field-object .acf-sortable-handle {
  2184. width: 100%;
  2185. height: 100%;
  2186. }
  2187. .post-type-acf-field-group .acf-field-object:hover .acf-input-sub .acf-sortable-handle:before {
  2188. display: none;
  2189. }
  2190. .post-type-acf-field-group .acf-field-object:hover .acf-input-sub .acf-field-list .acf-field-object:hover .acf-sortable-handle:before {
  2191. display: block;
  2192. }
  2193. .post-type-acf-field-group .acf-field-object .acf-is-subfields .acf-thead .li-field-label:before {
  2194. display: none;
  2195. }
  2196. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object.open {
  2197. border-top-color: #dbdfe5;
  2198. }
  2199. /*---------------------------------------------------------------------------------------------
  2200. *
  2201. * Flexible content field
  2202. *
  2203. *---------------------------------------------------------------------------------------------*/
  2204. .post-type-acf-field-group i.acf-icon.-duplicate.duplicate-layout {
  2205. margin: 0 auto !important;
  2206. background-color: #667085;
  2207. color: #667085;
  2208. }
  2209. .post-type-acf-field-group i.acf-icon.acf-icon-trash.delete-layout {
  2210. margin: 0 auto !important;
  2211. background-color: #667085;
  2212. color: #667085;
  2213. }
  2214. .post-type-acf-field-group button.acf-btn.acf-btn-tertiary.acf-field-setting-fc-duplicate, .post-type-acf-field-group button.acf-btn.acf-btn-tertiary.acf-field-setting-fc-delete {
  2215. background-color: #ffffff !important;
  2216. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2217. border-radius: 6px;
  2218. width: 32px;
  2219. height: 32px !important;
  2220. min-height: 32px;
  2221. padding: 0;
  2222. }
  2223. .post-type-acf-field-group button.add-layout.acf-btn.acf-btn-primary.add-field,
  2224. .post-type-acf-field-group .acf-sub-field-list-header a.acf-btn.acf-btn-secondary.add-field,
  2225. .post-type-acf-field-group .acf-field-list-wrap.acf-is-subfields a.acf-btn.acf-btn-secondary.add-field {
  2226. height: 32px !important;
  2227. min-height: 32px;
  2228. margin-left: 5px;
  2229. }
  2230. .post-type-acf-field-group .acf-field.acf-field-setting-fc_layout {
  2231. background-color: #ffffff;
  2232. margin-bottom: 16px;
  2233. }
  2234. .post-type-acf-field-group .acf-field-setting-fc_layout {
  2235. overflow: hidden;
  2236. width: calc(100% - 144px);
  2237. margin-right: 72px;
  2238. margin-left: 72px;
  2239. padding-right: 0;
  2240. padding-left: 0;
  2241. border-width: 1px;
  2242. border-style: solid;
  2243. border-color: #dbdfe5;
  2244. border-radius: 8px;
  2245. box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
  2246. }
  2247. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-field-layout-settings.open {
  2248. background-color: #ffffff;
  2249. border-top-width: 1px;
  2250. border-top-style: solid;
  2251. border-top-color: #EAECF0;
  2252. }
  2253. @media screen and (max-width: 768px) {
  2254. .post-type-acf-field-group .acf-field-setting-fc_layout {
  2255. width: calc(100% - 16px);
  2256. margin-right: 8px;
  2257. margin-left: 8px;
  2258. }
  2259. }
  2260. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input-sub {
  2261. max-width: 100%;
  2262. margin-right: 0;
  2263. margin-left: 0;
  2264. }
  2265. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-label,
  2266. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input {
  2267. max-width: 100% !important;
  2268. }
  2269. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input-sub {
  2270. margin-right: 32px;
  2271. margin-bottom: 32px;
  2272. margin-left: 32px;
  2273. }
  2274. .post-type-acf-field-group .acf-field-setting-fc_layout .acf-fc-meta {
  2275. max-width: 100%;
  2276. padding-top: 24px;
  2277. padding-right: 32px;
  2278. padding-left: 32px;
  2279. }
  2280. .post-type-acf-field-group .acf-field-settings-fc_head {
  2281. background-color: #F9FAFB;
  2282. border-radius: 8px 8px 0px 0px;
  2283. display: flex;
  2284. min-height: 64px;
  2285. margin-bottom: 0px;
  2286. padding-right: 24px;
  2287. }
  2288. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fc_draggable {
  2289. min-height: 64px;
  2290. padding-left: 24px;
  2291. display: flex;
  2292. }
  2293. .post-type-acf-field-group .acf-field-settings-fc_head span.toggle-indicator {
  2294. pointer-events: none;
  2295. margin-top: 7px;
  2296. }
  2297. .post-type-acf-field-group .acf-field-settings-fc_head label {
  2298. display: inline-flex;
  2299. align-items: center;
  2300. }
  2301. .post-type-acf-field-group .acf-field-settings-fc_head label:before {
  2302. content: "";
  2303. display: inline-block;
  2304. width: 20px;
  2305. height: 20px;
  2306. margin-right: 8px;
  2307. background-color: #98A2B3;
  2308. border: none;
  2309. border-radius: 0;
  2310. -webkit-mask-size: contain;
  2311. mask-size: contain;
  2312. -webkit-mask-repeat: no-repeat;
  2313. mask-repeat: no-repeat;
  2314. -webkit-mask-position: center;
  2315. mask-position: center;
  2316. }
  2317. .rtl.post-type-acf-field-group .acf-field-settings-fc_head label:before {
  2318. padding-right: 10px;
  2319. }
  2320. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions {
  2321. display: flex;
  2322. align-items: center;
  2323. }
  2324. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions .acf-fc-add-layout {
  2325. margin-left: 10px;
  2326. }
  2327. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions .acf-fc-add-layout .add-field {
  2328. margin-left: 0px !important;
  2329. }
  2330. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions li {
  2331. margin-right: 4px;
  2332. }
  2333. .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions li:last-of-type {
  2334. margin-right: 0;
  2335. }
  2336. /*---------------------------------------------------------------------------------------------
  2337. *
  2338. * Field open / closed icon state
  2339. *
  2340. *---------------------------------------------------------------------------------------------*/
  2341. .post-type-acf-field-group .acf-field-object.open > .handle > .acf-tbody > .li-field-label::before {
  2342. -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
  2343. mask-image: url("../../images/icons/icon-chevron-up.svg");
  2344. }
  2345. /*---------------------------------------------------------------------------------------------
  2346. *
  2347. * Different coloured levels (current 5 supported)
  2348. *
  2349. *---------------------------------------------------------------------------------------------*/
  2350. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .handle {
  2351. background-color: transparent;
  2352. }
  2353. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .handle:hover {
  2354. background-color: #f9f2fb;
  2355. }
  2356. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object.open .handle {
  2357. background-color: #f5eaf9;
  2358. }
  2359. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .settings {
  2360. border-left-color: #BF7DD7;
  2361. }
  2362. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .handle {
  2363. background-color: transparent;
  2364. }
  2365. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .handle:hover {
  2366. background-color: #ebf7f4;
  2367. }
  2368. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object.open .handle {
  2369. background-color: #e3f4f0;
  2370. }
  2371. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .settings {
  2372. border-left-color: #7CCDB9;
  2373. }
  2374. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .handle {
  2375. background-color: transparent;
  2376. }
  2377. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .handle:hover {
  2378. background-color: #fcf5f2;
  2379. }
  2380. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object.open .handle {
  2381. background-color: #fbeee9;
  2382. }
  2383. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .settings {
  2384. border-left-color: #E29473;
  2385. }
  2386. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .handle {
  2387. background-color: transparent;
  2388. }
  2389. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .handle:hover {
  2390. background-color: #fafbfb;
  2391. }
  2392. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object.open .handle {
  2393. background-color: #f4f6f7;
  2394. }
  2395. .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-input-sub .acf-input-sub .acf-field-object .settings {
  2396. border-left-color: #A3B1B9;
  2397. }
  2398. /*# sourceMappingURL=acf-field-group.css.map*/