/*!**********************************************************************************************************************************************************************************************************************!*\ !*** 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 ***! \**********************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*-------------------------------------------------------------------------------------------- * * Vars * *--------------------------------------------------------------------------------------------*/ /* colors */ /* acf-field */ /* responsive */ /*-------------------------------------------------------------------------------------------- * * ACF 6 ↓ * *--------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------- * * Mixins * *--------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------- * * Field Group * *--------------------------------------------------------------------------------------------*/ #acf-field-group-fields > .inside, #acf-field-group-locations > .inside, #acf-field-group-options > .inside { padding: 0; margin: 0; } .postbox .handle-order-higher, .postbox .handle-order-lower { display: none; } /*---------------------------------------------------------------------------- * * Postbox: Publish * *----------------------------------------------------------------------------*/ #minor-publishing-actions, #misc-publishing-actions #visibility, #misc-publishing-actions .edit-timestamp { display: none; } #minor-publishing { border-bottom: 0 none; } #misc-pub-section { border-bottom: 0 none; } #misc-publishing-actions .misc-pub-section { border-bottom-color: #F5F5F5; } /*---------------------------------------------------------------------------- * * Postbox: Fields * *----------------------------------------------------------------------------*/ #acf-field-group-fields { border: 0 none; /* links */ /* Field type */ /* table header */ /* show keys */ /* hide tabs */ /* fields */ } #acf-field-group-fields .inside { border-top-width: 0; border-top-style: none; } #acf-field-group-fields a { text-decoration: none; } #acf-field-group-fields .li-field-type .field-type-icon { margin-right: 8px; } @media screen and (max-width: 600px) { #acf-field-group-fields .li-field-type .field-type-icon { display: none; } } #acf-field-group-fields .li-field-order { width: 64px; justify-content: center; } @media screen and (max-width: 880px) { #acf-field-group-fields .li-field-order { width: 32px; } } #acf-field-group-fields .li-field-label { width: calc(50% - 64px); } #acf-field-group-fields .li-field-name { width: 25%; word-break: break-word; } #acf-field-group-fields .li-field-key { display: none; } #acf-field-group-fields .li-field-type { width: 25%; } #acf-field-group-fields.show-field-keys .li-field-label { width: calc(35% - 64px); } #acf-field-group-fields.show-field-keys .li-field-name { width: 15%; } #acf-field-group-fields.show-field-keys .li-field-key { width: 25%; display: flex; } #acf-field-group-fields.show-field-keys .li-field-type { width: 25%; } #acf-field-group-fields.hide-tabs .acf-field-settings-tab-bar { display: none; } #acf-field-group-fields.hide-tabs .acf-field-settings-main { padding: 0; } #acf-field-group-fields.hide-tabs .acf-field-settings-main.acf-field-settings-main-general { padding-top: 32px; } #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field { margin-bottom: 32px; } #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-setting-wrapper { padding-top: 0; border-top: none; } #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-settings-split .acf-field { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAECF0; } #acf-field-group-fields.hide-tabs .acf-field-settings-main .acf-field-setting-first_day { padding-top: 0; border-top: none; } #acf-field-group-fields.hide-tabs .acf-field-settings-footer { margin-top: 32px; } #acf-field-group-fields .acf-field-list-wrap { border: #ccd0d4 solid 1px; } #acf-field-group-fields .acf-field-list { background: #f5f5f5; margin-top: -1px; /* no fields */ /* empty */ } #acf-field-group-fields .acf-field-list .acf-tbody > .li-field-name, #acf-field-group-fields .acf-field-list .acf-tbody > .li-field-key { align-items: flex-start; } #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported) { cursor: pointer; display: inline-flex; align-items: center; } #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported):hover:after { content: ""; display: block; padding-left: 5px; display: inline-flex; width: 12px; height: 12px; background-color: #667085; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; text-indent: 500%; white-space: nowrap; overflow: hidden; -webkit-mask-image: url("../../images/icons/icon-copy.svg"); mask-image: url("../../images/icons/icon-copy.svg"); background-size: cover; } #acf-field-group-fields .acf-field-list .copyable:not(.copy-unsupported).copied:hover:after { -webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg"); mask-image: url("../../images/icons/icon-check-circle-solid.svg"); background-color: #49ad52; } #acf-field-group-fields .acf-field-list .no-fields-message { padding: 15px 15px; background: #fff; display: none; } #acf-field-group-fields .acf-field-list.-empty .no-fields-message { display: block; } .acf-admin-3-8 #acf-field-group-fields .acf-field-list-wrap { border-color: #dfdfdf; } .rtl #acf-field-group-fields .li-field-type .field-type-icon { margin-left: 8px; margin-right: 0; } /* field object */ .acf-field-object { border-top: #eeeeee solid 1px; background: #fff; /* sortable */ /* meta */ /* handle */ /* open */ /* // debug &[data-save="meta"] { > .handle { border-left: #ffb700 solid 5px !important; } } &[data-save="settings"] { > .handle { border-left: #0ec563 solid 5px !important; } } */ /* hover */ /* settings */ /* conditional logic */ } .acf-field-object.ui-sortable-helper { overflow: hidden !important; border-width: 1px; border-style: solid; border-color: #A5D2E7 !important; border-radius: 8px; filter: drop-shadow(0px 10px 20px rgba(16, 24, 40, 0.14)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1)); } .acf-field-object.ui-sortable-helper:before { display: none !important; } .acf-field-object.ui-sortable-placeholder { box-shadow: 0 -1px 0 0 #DFDFDF; visibility: visible !important; background: #F9F9F9; border-top-color: transparent; min-height: 54px; } .acf-field-object.ui-sortable-placeholder:after, .acf-field-object.ui-sortable-placeholder:before { visibility: hidden; } .acf-field-object > .meta { display: none; } .acf-field-object > .handle a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .acf-field-object > .handle li { word-wrap: break-word; } .acf-field-object > .handle strong { display: block; padding-bottom: 0; font-size: 14px; line-height: 14px; min-height: 14px; } .acf-field-object > .handle .row-options { display: block; opacity: 0; margin-top: 5px; } @media screen and (max-width: 880px) { .acf-field-object > .handle .row-options { opacity: 1; margin-bottom: 0; } } .acf-field-object > .handle .row-options a { margin-right: 4px; } .acf-field-object > .handle .row-options a:hover { color: #044767; } .acf-field-object > .handle .row-options a.delete-field { color: #a00; } .acf-field-object > .handle .row-options a.delete-field:hover { color: #f00; } .acf-field-object > .handle .row-options.active { visibility: visible; } .acf-field-object.open + .acf-field-object { border-top-color: #E1E1E1; } .acf-field-object.open > .handle { background: #2a9bd9; border: #2696d3 solid 1px; text-shadow: #268FBB 0 1px 0; color: #fff; position: relative; margin: 0 -1px 0 -1px; } .acf-field-object.open > .handle a { color: #fff !important; } .acf-field-object.open > .handle a:hover { text-decoration: underline !important; } .acf-field-object:hover > .handle .row-options, .acf-field-object.-hover > .handle .row-options, .acf-field-object:focus-within > .handle .row-options { opacity: 1; margin-bottom: 0; } .acf-field-object > .settings { display: none; width: 100%; } .acf-field-object > .settings > .acf-table { border: none; } .acf-field-object .rule-groups { margin-top: 20px; } /*---------------------------------------------------------------------------- * * Postbox: Locations * *----------------------------------------------------------------------------*/ .rule-groups h4 { margin: 3px 0; } .rule-groups .rule-group { margin: 0 0 5px; } .rule-groups .rule-group h4 { margin: 0 0 3px; } .rule-groups .rule-group td.param { width: 35%; } .rule-groups .rule-group td.operator { width: 20%; } .rule-groups .rule-group td.add { width: 40px; } .rule-groups .rule-group td.remove { width: 28px; vertical-align: middle; } .rule-groups .rule-group td.remove a { width: 22px; height: 22px; visibility: hidden; } .rule-groups .rule-group td.remove a:before { position: relative; top: -2px; font-size: 16px; } .rule-groups .rule-group tr:hover td.remove a { visibility: visible; } .rule-groups .rule-group select:empty { background: #f8f8f8; } .rule-groups:not(.rule-groups-multiple) .rule-group:first-child tr:first-child td.remove a { /* Don't allow user to delete the only rule group */ visibility: hidden !important; } /*---------------------------------------------------------------------------- * * Options * *----------------------------------------------------------------------------*/ #acf-field-group-options tr[data-name=hide_on_screen] li { float: left; width: 33%; } @media (max-width: 1100px) { #acf-field-group-options tr[data-name=hide_on_screen] li { width: 50%; } } /*---------------------------------------------------------------------------- * * Conditional Logic * *----------------------------------------------------------------------------*/ table.conditional-logic-rules { background: transparent; border: 0 none; border-radius: 0; } table.conditional-logic-rules tbody td { background: transparent; border: 0 none !important; padding: 5px 2px !important; } /*---------------------------------------------------------------------------- * * Field: Tab * *----------------------------------------------------------------------------*/ .acf-field-object-tab .acf-field-setting-name, .acf-field-object-tab .acf-field-setting-instructions, .acf-field-object-tab .acf-field-setting-required, .acf-field-object-tab .acf-field-setting-warning, .acf-field-object-tab .acf-field-setting-wrapper { display: none; } .acf-field-object-tab .li-field-name { visibility: hidden; } .acf-field-object-tab p:first-child { margin: 0.5em 0; } .acf-field-object-tab li.acf-settings-type-presentation, .acf-field-object-tab .acf-field-settings-main-presentation { display: none !important; } /*---------------------------------------------------------------------------- * * Field: Accordion * *----------------------------------------------------------------------------*/ .acf-field-object-accordion .acf-field-setting-name, .acf-field-object-accordion .acf-field-setting-instructions, .acf-field-object-accordion .acf-field-setting-required, .acf-field-object-accordion .acf-field-setting-warning, .acf-field-object-accordion .acf-field-setting-wrapper { display: none; } .acf-field-object-accordion .li-field-name { visibility: hidden; } .acf-field-object-accordion p:first-child { margin: 0.5em 0; } .acf-field-object-accordion .acf-field-setting-instructions { display: block; } /*---------------------------------------------------------------------------- * * Field: Message * *----------------------------------------------------------------------------*/ .acf-field-object-message tr[data-name=name], .acf-field-object-message tr[data-name=instructions], .acf-field-object-message tr[data-name=required] { display: none !important; } .acf-field-object-message .li-field-name { visibility: hidden; } .acf-field-object-message textarea { height: 175px !important; } /*---------------------------------------------------------------------------- * * Field: Separator * *----------------------------------------------------------------------------*/ .acf-field-object-separator tr[data-name=name], .acf-field-object-separator tr[data-name=instructions], .acf-field-object-separator tr[data-name=required] { display: none !important; } /*---------------------------------------------------------------------------- * * Field: Date Picker * *----------------------------------------------------------------------------*/ .acf-field-object-date-picker .acf-radio-list li, .acf-field-object-time-picker .acf-radio-list li, .acf-field-object-date-time-picker .acf-radio-list li { line-height: 25px; } .acf-field-object-date-picker .acf-radio-list span, .acf-field-object-time-picker .acf-radio-list span, .acf-field-object-date-time-picker .acf-radio-list span { display: inline-block; min-width: 10em; } .acf-field-object-date-picker .acf-radio-list input[type=text], .acf-field-object-time-picker .acf-radio-list input[type=text], .acf-field-object-date-time-picker .acf-radio-list input[type=text] { width: 100px; } .acf-field-object-date-time-picker .acf-radio-list span { min-width: 15em; } .acf-field-object-date-time-picker .acf-radio-list input[type=text] { width: 200px; } /*-------------------------------------------------------------------------------------------- * * Slug * *--------------------------------------------------------------------------------------------*/ #slugdiv .inside { padding: 12px; margin: 0; } #slugdiv input[type=text] { width: 100%; height: 28px; font-size: 14px; } /*-------------------------------------------------------------------------------------------- * * RTL * *--------------------------------------------------------------------------------------------*/ html[dir=rtl] .acf-field-object.open > .handle { margin: 0; } /*---------------------------------------------------------------------------- * * Device * *----------------------------------------------------------------------------*/ @media only screen and (max-width: 850px) { tr.acf-field, td.acf-label, td.acf-input { display: block !important; width: auto !important; border: 0 none !important; } tr.acf-field { border-top: #ededed solid 1px !important; margin-bottom: 0 !important; } td.acf-label { background: transparent !important; padding-bottom: 0 !important; } } /*---------------------------------------------------------------------------- * * Subtle background on accordion & tab fields to separate them from others * *----------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-field-group-fields .acf-field-object-tab, .post-type-acf-field-group #acf-field-group-fields .acf-field-object-accordion { background-color: #F9FAFB; } /*--------------------------------------------------------------------------------------------- * * Global * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group #wpcontent { line-height: 140%; } /*--------------------------------------------------------------------------------------------- * * Links * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group a { color: #0783BE; } /*--------------------------------------------------------------------------------------------- * * Headings * *---------------------------------------------------------------------------------------------*/ .acf-h1, .post-type-acf-field-group h1, .acf-headerbar h1 { font-size: 21px; font-weight: 400; } .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, .acf-headerbar h2 { font-size: 18px; font-weight: 400; } .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, .post-type-acf-field-group #acf-popup .acf-popup-box .title h2, .post-type-acf-field-group #acf-popup .acf-popup-box .title h3, .post-type-acf-field-group #acf-popup .acf-popup-box .title h4, .post-type-acf-field-group h3, .acf-headerbar h3 { font-size: 16px; font-weight: 400; } /*--------------------------------------------------------------------------------------------- * * Paragraphs * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group .p1 { font-size: 15px; } .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 { font-size: 14px; } .post-type-acf-field-group .p3 { font-size: 13.5px; } .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], .post-type-acf-field-group input[type=search], .post-type-acf-field-group input[type=number], .post-type-acf-field-group textarea, .post-type-acf-field-group select { font-size: 13px; } .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, .post-type-acf-field-group .acf-field-setting-return_format .acf-radio-list li label code, .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, .post-type-acf-field-group .acf-fields .acf-tab-wrap .acf-tab-group li a, .acf-fields .acf-tab-wrap .acf-tab-group li .post-type-acf-field-group a { font-size: 12.5px; } .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 { font-size: 12px; } .post-type-acf-field-group .p7 { font-size: 11.5px; } .post-type-acf-field-group .p8 { font-size: 11px; } /*--------------------------------------------------------------------------------------------- * * Page titles * *---------------------------------------------------------------------------------------------*/ .acf-page-title { color: #344054; } /*--------------------------------------------------------------------------------------------- * * Hide old / native WP titles from pages * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-settings-wrap h1, .post-type-acf-field-group #acf-admin-tools h1 { display: none; } /*--------------------------------------------------------------------------------------------- * * Small * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Link focus style * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group a:focus { box-shadow: none; outline: none; } .post-type-acf-field-group a:focus-visible { box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); outline: 1px solid transparent; } .post-type-acf-field-group { /*--------------------------------------------------------------------------------------------- * * All Inputs * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Read only text inputs * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Number fields * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Textarea * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Select * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Radio Button & Checkbox base styling * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Radio Buttons * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Checkboxes * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Radio Buttons & Checkbox lists * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * ACF Switch * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * File input button * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Action Buttons * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Edit field group header * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Select2 inputs * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * ACF label * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Tooltip for field name field setting (result of a fix for keyboard navigation) * *---------------------------------------------------------------------------------------------*/ } .post-type-acf-field-group input[type=text], .post-type-acf-field-group input[type=search], .post-type-acf-field-group input[type=number], .post-type-acf-field-group textarea, .post-type-acf-field-group select { box-sizing: border-box; height: 40px; padding-right: 12px; padding-left: 12px; background-color: #fff; border-color: #D0D5DD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); border-radius: 6px; color: #344054; } .post-type-acf-field-group input[type=text]:focus, .post-type-acf-field-group input[type=search]:focus, .post-type-acf-field-group input[type=number]:focus, .post-type-acf-field-group textarea:focus, .post-type-acf-field-group select:focus { outline: 3px solid #EBF5FA; border-color: #399CCB; } .post-type-acf-field-group input[type=text]:disabled, .post-type-acf-field-group input[type=search]:disabled, .post-type-acf-field-group input[type=number]:disabled, .post-type-acf-field-group textarea:disabled, .post-type-acf-field-group select:disabled { background-color: #F9FAFB; color: #808a9e; } .post-type-acf-field-group input[type=text]::placeholder, .post-type-acf-field-group input[type=search]::placeholder, .post-type-acf-field-group input[type=number]::placeholder, .post-type-acf-field-group textarea::placeholder, .post-type-acf-field-group select::placeholder { color: #98A2B3; } .post-type-acf-field-group input[type=text]:read-only { background-color: #F9FAFB; color: #98A2B3; } .post-type-acf-field-group .acf-field.acf-field-number .acf-label, .post-type-acf-field-group .acf-field.acf-field-number .acf-input input[type=number] { max-width: 180px; } .post-type-acf-field-group textarea { box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; height: 80px; min-height: 56px; } .post-type-acf-field-group select { min-width: 160px; max-width: 100%; padding-right: 40px; padding-left: 12px; background-image: url("../../images/icons/icon-chevron-down.svg"); background-position: right 10px top 50%; background-size: 20px; } .post-type-acf-field-group select:hover, .post-type-acf-field-group select:focus { color: #0783BE; } .post-type-acf-field-group select::before { content: ""; display: block; position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background-color: red; } .post-type-acf-field-group.rtl select { padding-right: 12px; padding-left: 40px; background-position: left 10px top 50%; } .post-type-acf-field-group input[type=radio], .post-type-acf-field-group input[type=checkbox] { box-sizing: border-box; width: 16px; height: 16px; padding: 0; border-width: 1px; border-style: solid; border-color: #98A2B3; background: #fff; box-shadow: none; } .post-type-acf-field-group input[type=radio]:hover, .post-type-acf-field-group input[type=checkbox]:hover { background-color: #EBF5FA; border-color: #0783BE; } .post-type-acf-field-group input[type=radio]:checked, .post-type-acf-field-group input[type=radio]:focus-visible, .post-type-acf-field-group input[type=checkbox]:checked, .post-type-acf-field-group input[type=checkbox]:focus-visible { background-color: #EBF5FA; border-color: #0783BE; } .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus-visible:before, .post-type-acf-field-group input[type=checkbox]:checked:before, .post-type-acf-field-group input[type=checkbox]:focus-visible:before { content: ""; position: relative; top: -1px; left: -1px; width: 16px; height: 16px; margin: 0; padding: 0; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center; } .post-type-acf-field-group input[type=radio]:active, .post-type-acf-field-group input[type=checkbox]:active { box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25); } .post-type-acf-field-group input[type=radio]:disabled, .post-type-acf-field-group input[type=checkbox]:disabled { background-color: #F9FAFB; border-color: #D0D5DD; } .post-type-acf-field-group.rtl input[type=radio]:checked:before, .post-type-acf-field-group.rtl input[type=radio]:focus-visible:before, .post-type-acf-field-group.rtl input[type=checkbox]:checked:before, .post-type-acf-field-group.rtl input[type=checkbox]:focus-visible:before { left: 1px; } .post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus:before { background-image: url("../../images/field-states/radio-active.svg"); } .post-type-acf-field-group input[type=checkbox]:checked:before, .post-type-acf-field-group input[type=checkbox]:focus:before { background-image: url("../../images/field-states/checkbox-active.svg"); } .post-type-acf-field-group .acf-radio-list li input[type=radio], .post-type-acf-field-group .acf-radio-list li input[type=checkbox], .post-type-acf-field-group .acf-checkbox-list li input[type=radio], .post-type-acf-field-group .acf-checkbox-list li input[type=checkbox] { margin-right: 6px; } .post-type-acf-field-group .acf-radio-list.acf-bl li, .post-type-acf-field-group .acf-checkbox-list.acf-bl li { margin-bottom: 8px; } .post-type-acf-field-group .acf-radio-list.acf-bl li:last-of-type, .post-type-acf-field-group .acf-checkbox-list.acf-bl li:last-of-type { margin-bottom: 0; } .post-type-acf-field-group .acf-radio-list label, .post-type-acf-field-group .acf-checkbox-list label { display: flex; align-items: center; align-content: center; } .post-type-acf-field-group .acf-switch { width: 42px; height: 24px; border: none; background-color: #D0D5DD; border-radius: 12px; } .post-type-acf-field-group .acf-switch:hover { background-color: #98A2B3; } .post-type-acf-field-group .acf-switch:active { box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25); } .post-type-acf-field-group .acf-switch.-on { background-color: #0783BE; } .post-type-acf-field-group .acf-switch.-on:hover { background-color: #066998; } .post-type-acf-field-group .acf-switch.-on .acf-switch-slider { left: 20px; } .post-type-acf-field-group .acf-switch .acf-switch-off, .post-type-acf-field-group .acf-switch .acf-switch-on { visibility: hidden; } .post-type-acf-field-group .acf-switch .acf-switch-slider { width: 20px; height: 20px; border: none; border-radius: 100px; box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); } .post-type-acf-field-group .acf-field-true-false { display: flex; align-items: flex-start; } .post-type-acf-field-group .acf-field-true-false .acf-label { order: 2; display: block; align-items: center; margin-top: 2px; margin-bottom: 0; margin-left: 12px; } .post-type-acf-field-group .acf-field-true-false .acf-label label { margin-bottom: 0; } .post-type-acf-field-group .acf-field-true-false .acf-label .acf-tip { margin-left: 12px; } .post-type-acf-field-group .acf-field-true-false .acf-label .description { display: block; margin-top: 2px; margin-left: 0; } .post-type-acf-field-group.rtl .acf-field-true-false .acf-label { margin-right: 12px; margin-left: 0; } .post-type-acf-field-group.rtl .acf-field-true-false .acf-tip { margin-right: 12px; margin-left: 0; } .post-type-acf-field-group input::file-selector-button { box-sizing: border-box; min-height: 40px; margin-right: 16px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; background-color: transparent; color: #0783BE !important; border-radius: 6px; border-width: 1px; border-style: solid; border-color: #0783BE; text-decoration: none; } .post-type-acf-field-group input::file-selector-button:hover { border-color: #066998; cursor: pointer; color: #066998 !important; } .post-type-acf-field-group .button { display: inline-flex; align-items: center; height: 40px; padding-right: 16px; padding-left: 16px; background-color: transparent; border-width: 1px; border-style: solid; border-color: #0783BE; border-radius: 6px; color: #0783BE; } .post-type-acf-field-group .button:hover { background-color: #f3f9fc; border-color: #0783BE; color: #0783BE; } .post-type-acf-field-group .button:focus { background-color: #f3f9fc; outline: 3px solid #EBF5FA; color: #0783BE; } .post-type-acf-field-group .edit-field-group-header { display: block !important; } .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection { border: none; line-height: 1; } .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered { box-sizing: border-box; padding-right: 0; padding-left: 0; background-color: #fff; border-width: 1px; border-style: solid; border-color: #D0D5DD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); border-radius: 6px; color: #344054; } .post-type-acf-field-group .acf-input .select2-container--focus { outline: 3px solid #EBF5FA; border-color: #399CCB; border-radius: 6px; } .post-type-acf-field-group .acf-input .select2-container--focus .select2-selection__rendered { border-color: #399CCB !important; } .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .post-type-acf-field-group .acf-input .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field { margin: 0; padding-left: 6px; } .post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field:focus { outline: none; border: none; } .post-type-acf-field-group .acf-input .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 0; padding-right: 6px; padding-bottom: 0; padding-left: 6px; } .post-type-acf-field-group .acf-input .select2-selection__clear { width: 18px; height: 18px; margin-top: 12px; margin-right: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .post-type-acf-field-group .acf-input .select2-selection__clear:before { content: ""; display: block; width: 14px; height: 14px; top: 0; left: 0; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("../../images/icons/icon-close.svg"); mask-image: url("../../images/icons/icon-close.svg"); background-color: #98A2B3; } .post-type-acf-field-group .acf-input .select2-selection__clear:hover::before { background-color: #1D2939; } .post-type-acf-field-group .acf-label { display: flex; align-items: center; justify-content: space-between; } .post-type-acf-field-group .acf-label .acf-icon-help { width: 18px; height: 18px; background-color: #98A2B3; } .post-type-acf-field-group .acf-label label { margin-bottom: 0; } .post-type-acf-field-group .acf-label .description { margin-top: 2px; } .post-type-acf-field-group .acf-field-setting-name .acf-tip { position: absolute; top: 0; left: 654px; color: #98A2B3; } .post-type-acf-field-group .acf-field-setting-name .acf-tip .acf-icon-help { width: 18px; height: 18px; } .rtl.post-type-acf-field-group .acf-field-setting-name .acf-tip { left: auto; right: 654px; } /*---------------------------------------------------------------------------- * * Container sizes * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-fields, .post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-options, .post-type-acf-field-group .metabox-holder.columns-1 .meta-box-sortables.ui-sortable, .post-type-acf-field-group .metabox-holder.columns-1 .notice { max-width: 1440px; } /*---------------------------------------------------------------------------- * * Max width for notices in 1 column edit field group layout * *----------------------------------------------------------------------------*/ .post-type-acf-field-group.columns-1 .notice { max-width: 1440px; } /*---------------------------------------------------------------------------- * * Widen edit field group headerbar for 2 column layout * *----------------------------------------------------------------------------*/ .post-type-acf-field-group.columns-2 .acf-headerbar .acf-headerbar-inner { max-width: 100%; } /*---------------------------------------------------------------------------- * * Post stuff * *----------------------------------------------------------------------------*/ .post-type-acf-field-group #poststuff { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /*---------------------------------------------------------------------------- * * Table * *----------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap { overflow: hidden; border: none; border-radius: 0 0 8px 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty { border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .acf-thead, .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .acf-tfoot { display: none; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap.-empty .no-fields-message { min-height: 280px; } /*---------------------------------------------------------------------------- * * Table header * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-thead { background-color: #F9FAFB; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAECF0; } .post-type-acf-field-group .acf-thead li { display: flex; align-items: center; min-height: 48px; padding-top: 0; padding-bottom: 0; color: #344054; font-weight: 500; } /*---------------------------------------------------------------------------- * * Table body * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-field-object { border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .post-type-acf-field-group .acf-field-object:hover .acf-sortable-handle:before { display: inline-flex; } .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint:before { display: block; content: ""; height: 2px; width: 100%; background: #D0D5DD; margin-top: -1px; } .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint.acf-field-object-accordion:before { display: none; } .post-type-acf-field-group .acf-field-object.acf-field-is-endpoint.acf-field-object-accordion:after { display: block; content: ""; height: 2px; width: 100%; background: #D0D5DD; z-index: 500; } .post-type-acf-field-group .acf-field-object:hover { background-color: #f7fbfd; } .post-type-acf-field-group .acf-field-object.open { background-color: #fff; border-top-color: #A5D2E7; } .post-type-acf-field-group .acf-field-object.open .handle { background-color: #D8EBF5; border: none; text-shadow: none; } .post-type-acf-field-group .acf-field-object.open .handle a { color: #0783BE !important; } .post-type-acf-field-group .acf-field-object.open .handle a.delete-field { color: #a00 !important; } .post-type-acf-field-group .acf-field-object ul.acf-hl { display: flex; align-items: stretch; } .post-type-acf-field-group .acf-field-object .handle li { display: flex; align-items: top; flex-wrap: wrap; min-height: 60px; color: #344054; } .post-type-acf-field-group .acf-field-object .handle li.li-field-label { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: auto; } .post-type-acf-field-group .acf-field-object .handle li.li-field-label strong { font-weight: 500; } .post-type-acf-field-group .acf-field-object .handle li.li-field-label .row-options { width: 100%; } /*---------------------------------------------------------------------------- * * Table footer * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-tfoot { display: flex; align-items: center; justify-content: flex-end; min-height: 80px; box-sizing: border-box; padding-top: 8px; padding-right: 24px; padding-bottom: 8px; padding-left: 24px; background-color: #fff; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .post-type-acf-field-group .acf-tfoot .acf-fr { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /*---------------------------------------------------------------------------- * * Edit field settings * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-field-object .settings { box-sizing: border-box; padding-top: 0; padding-bottom: 0; background-color: #fff; border-left-width: 4px; border-left-style: solid; border-left-color: #6BB5D8; } /*---------------------------------------------------------------------------- * * Main field settings container * *----------------------------------------------------------------------------*/ .acf-field-settings-main { padding-top: 32px; padding-right: 0; padding-bottom: 32px; padding-left: 0; } .acf-field-settings-main .acf-field:last-of-type { margin-bottom: 0; } /*---------------------------------------------------------------------------- * * Field label * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-label { display: block; justify-content: space-between; align-items: center; align-content: center; margin-top: 0; margin-right: 0; margin-bottom: 6px; margin-left: 0; } /*---------------------------------------------------------------------------- * * Single field * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-field { box-sizing: border-box; width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 32px; margin-left: 0; padding-top: 0; padding-right: 72px; padding-bottom: 0; padding-left: 72px; } @media screen and (max-width: 600px) { .acf-field-settings .acf-field { padding-right: 12px; padding-left: 12px; } } .acf-field-settings .acf-field .acf-label, .acf-field-settings .acf-field .acf-input { max-width: 600px; } .acf-field-settings .acf-field .acf-label.acf-input-sub, .acf-field-settings .acf-field .acf-input.acf-input-sub { max-width: 100%; } .acf-field-settings .acf-field .acf-input-wrap { overflow: visible; } /*---------------------------------------------------------------------------- * * Field separators * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-field.acf-field-setting-label, .acf-field-settings .acf-field-setting-wrapper { padding-top: 24px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .acf-field-settings .acf-field-setting-wrapper { margin-top: 24px; } /*---------------------------------------------------------------------------- * * Edit fields footer * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-field-settings-footer { display: flex; align-items: center; min-height: 72px; box-sizing: border-box; width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 72px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } @media screen and (max-width: 600px) { .acf-field-settings .acf-field-settings-footer { padding-left: 12px; } } .rtl .acf-field-settings .acf-field-settings-footer { padding-top: 0; padding-right: 72px; padding-bottom: 0; padding-left: 0; } /*---------------------------------------------------------------------------- * * Tabs * *----------------------------------------------------------------------------*/ .acf-fields .acf-tab-wrap { background: #F9FAFB; border-bottom-color: #1D2939; } .acf-fields .acf-tab-wrap .acf-tab-group { padding-right: 24px; padding-left: 24px; border-top-width: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAECF0; } .acf-fields .acf-field-settings-tab-bar, .acf-fields .acf-tab-wrap .acf-tab-group { display: flex; align-items: stretch; min-height: 48px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 24px; margin-top: 0; margin-bottom: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAECF0; } .acf-fields .acf-field-settings-tab-bar li, .acf-fields .acf-tab-wrap .acf-tab-group li { display: flex; align-items: center; margin-top: 0; margin-right: 24px; margin-bottom: 0; margin-left: 0; padding: 0; } .acf-fields .acf-field-settings-tab-bar li a, .acf-fields .acf-tab-wrap .acf-tab-group li a { box-sizing: border-box; display: inline-flex; align-items: center; height: 100%; padding-top: 3px; padding-right: 0; padding-bottom: 0; padding-left: 0; background: none; border-top: none; border-right: none; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: transparent; border-left: none; color: #667085; font-weight: normal; } .acf-fields .acf-field-settings-tab-bar li a:hover, .acf-fields .acf-tab-wrap .acf-tab-group li a:hover { color: #1D2939; } .acf-fields .acf-field-settings-tab-bar li a:hover, .acf-fields .acf-tab-wrap .acf-tab-group li a:hover { background-color: transparent; } .acf-fields .acf-field-settings-tab-bar li.active a, .acf-fields .acf-tab-wrap .acf-tab-group li.active a { background: none; border-bottom-color: #0783BE; color: #1D2939; } #acf-field-group-options .acf-fields .acf-tab-wrap .acf-tab-group li.active a { padding-top: 2px; } .acf-field-editor .acf-field-settings-tab-bar { padding-left: 72px; } @media screen and (max-width: 600px) { .acf-field-editor .acf-field-settings-tab-bar { padding-left: 12px; } } /*---------------------------------------------------------------------------- * * Field group settings * *----------------------------------------------------------------------------*/ #acf-field-group-options .field-group-settings-tab { padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; } #acf-field-group-options .field-group-settings-tab .acf-field:last-of-type { padding: 0; } #acf-field-group-options .acf-field { border: none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 24px; padding-left: 0; } #acf-field-group-options .field-group-setting-split-container { display: flex; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #acf-field-group-options .field-group-setting-split-container .field-group-setting-split { box-sizing: border-box; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; } #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(1) { flex: 1 0 auto; } #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(2n) { flex: 1 0 auto; max-width: 320px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 32px; padding-right: 32px; padding-left: 32px; border-left-width: 1px; border-left-style: solid; border-left-color: #EAECF0; } #acf-field-group-options .acf-field[data-name=description] { max-width: 600px; } #acf-field-group-options .acf-button-group { display: inline-flex; } .rtl #acf-field-group-options .field-group-setting-split-container .field-group-setting-split:nth-child(2n) { margin-right: 32px; margin-left: 0; border-left: none; border-right-width: 1px; border-right-style: solid; border-right-color: #EAECF0; } /*---------------------------------------------------------------------------- * * Reorder handles * *----------------------------------------------------------------------------*/ .acf-field-list .li-field-order { padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: stretch; background-color: transparent; } .acf-field-list .acf-sortable-handle { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start; width: 100%; height: 100%; position: relative; padding-top: 11px; padding-bottom: 8px; background-color: transparent; border: none; border-radius: 0; } .acf-field-list .acf-sortable-handle:hover { cursor: grab; } .acf-field-list .acf-sortable-handle:before { content: ""; display: none; position: absolute; top: 16px; left: 8px; width: 16px; height: 16px; width: 12px; height: 12px; background-color: #98A2B3; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; text-indent: 500%; white-space: nowrap; overflow: hidden; -webkit-mask-image: url("../../images/icons/icon-draggable.svg"); mask-image: url("../../images/icons/icon-draggable.svg"); } .rtl .acf-field-list .acf-sortable-handle:before { left: 0; right: 8px; } /*---------------------------------------------------------------------------- * * Expand / collapse field icon * *----------------------------------------------------------------------------*/ .acf-field-object .li-field-label { position: relative; padding-left: 40px; } .acf-field-object .li-field-label:before { content: ""; display: block; position: absolute; left: 6px; display: inline-flex; width: 18px; height: 18px; margin-top: -2px; background-color: #667085; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; text-indent: 500%; white-space: nowrap; overflow: hidden; -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg"); mask-image: url("../../images/icons/icon-chevron-down.svg"); } .acf-field-object .li-field-label:hover:before { cursor: pointer; } .rtl .acf-field-object .li-field-label { padding-left: 0; padding-right: 40px; } .rtl .acf-field-object .li-field-label:before { left: 0; right: 6px; -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg"); mask-image: url("../../images/icons/icon-chevron-down.svg"); } .rtl .acf-field-object.open .li-field-label:before { -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg"); mask-image: url("../../images/icons/icon-chevron-down.svg"); } .rtl .acf-field-object.open .acf-input-sub .li-field-label:before { -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg"); mask-image: url("../../images/icons/icon-chevron-right.svg"); } .rtl .acf-field-object.open .acf-input-sub .acf-field-object.open .li-field-label:before { -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg"); mask-image: url("../../images/icons/icon-chevron-down.svg"); } .acf-thead .li-field-label { padding-left: 40px; } .rtl .acf-thead .li-field-label { padding-left: 0; padding-right: 40px; } /*---------------------------------------------------------------------------- * * Conditional logic layout * *----------------------------------------------------------------------------*/ .acf-field-settings-main-conditional-logic .acf-conditional-toggle { display: flex; padding-right: 72px; padding-left: 72px; } @media screen and (max-width: 600px) { .acf-field-settings-main-conditional-logic .acf-conditional-toggle { padding-left: 12px; } } .acf-field-settings-main-conditional-logic .acf-field { flex-wrap: wrap; margin-bottom: 0; padding-right: 0; padding-left: 0; } .acf-field-settings-main-conditional-logic .acf-field .rule-groups { flex: 0 1 100%; order: 3; margin-top: 32px; padding-top: 32px; padding-right: 72px; padding-left: 72px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } @media screen and (max-width: 600px) { .acf-field-settings-main-conditional-logic .acf-field .rule-groups { padding-left: 12px; } .acf-field-settings-main-conditional-logic .acf-field .rule-groups table.acf-table tbody tr { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .acf-field-settings-main-conditional-logic .acf-field .rule-groups table.acf-table tbody tr td { flex: 1 1 100%; } } /*---------------------------------------------------------------------------- * * Prefix & append styling * *----------------------------------------------------------------------------*/ .acf-input .acf-input-prepend, .acf-input .acf-input-append { display: inline-flex; align-items: center; height: 100%; min-height: 40px; padding-right: 12px; padding-left: 12px; background-color: #F9FAFB; border-color: #D0D5DD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); color: #667085; } .acf-input .acf-input-prepend { border-radius: 6px 0 0 6px; } .acf-input .acf-input-append { border-radius: 0 6px 6px 0; } /*---------------------------------------------------------------------------- * * ACF input wrap * *----------------------------------------------------------------------------*/ .acf-input-wrap { display: flex; } .acf-field-settings-main-presentation .acf-input-wrap { display: flex; } /*---------------------------------------------------------------------------- * * Empty state * *----------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message { display: flex; justify-content: center; padding-top: 48px; padding-bottom: 48px; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: flex-start; text-align: center; max-width: 400px; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner img, .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner h2, .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p { flex: 1 0 100%; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner h2 { margin-top: 32px; margin-bottom: 0; padding: 0; color: #344054; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p { margin-top: 12px; margin-bottom: 0; padding: 0; color: #667085; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner p.acf-small { margin-top: 32px; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner img { max-width: 284px; margin-bottom: 0; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list.-empty .no-fields-message .no-fields-message-inner .acf-btn { margin-top: 32px; } /*---------------------------------------------------------------------------- * * Hide add title prompt label * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-headerbar #title-prompt-text { display: none; } /*---------------------------------------------------------------------------- * * Modal styling * *----------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-popup .acf-popup-box { min-width: 480px; } .post-type-acf-field-group #acf-popup .acf-popup-box .title { display: flex; align-items: center; align-content: center; justify-content: space-between; min-height: 64px; box-sizing: border-box; margin: 0; padding-right: 24px; padding-left: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAECF0; } .post-type-acf-field-group #acf-popup .acf-popup-box .title h1, .post-type-acf-field-group #acf-popup .acf-popup-box .title h2, .post-type-acf-field-group #acf-popup .acf-popup-box .title h3, .post-type-acf-field-group #acf-popup .acf-popup-box .title h4 { padding-left: 0; color: #344054; } .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon { display: block; position: relative; top: auto; right: auto; width: 22px; height: 22px; background-color: transparent; color: transparent; } .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon:before { display: inline-flex; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-color: #667085; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; text-indent: 500%; white-space: nowrap; overflow: hidden; -webkit-mask-image: url("../../images/icons/icon-close-circle.svg"); mask-image: url("../../images/icons/icon-close-circle.svg"); } .post-type-acf-field-group #acf-popup .acf-popup-box .title .acf-icon:hover:before { background-color: #0783BE; } .post-type-acf-field-group #acf-popup .acf-popup-box .inner { box-sizing: border-box; margin: 0; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top: none; } .post-type-acf-field-group #acf-popup .acf-popup-box .inner p { margin-top: 0; margin-bottom: 0; } .post-type-acf-field-group #acf-popup .acf-popup-box #acf-move-field-form .acf-field-select { margin-top: 0; } /*---------------------------------------------------------------------------- * * Hide original #post-body-content from edit field group page * *----------------------------------------------------------------------------*/ .acf-admin-single-field-group #post-body-content { display: none; } /*---------------------------------------------------------------------------- * * Settings section footer * *----------------------------------------------------------------------------*/ .acf-field-group-settings-footer { display: flex; justify-content: space-between; align-content: stretch; align-items: center; position: relative; min-height: 88px; margin-right: -24px; margin-bottom: -24px; margin-left: -24px; padding-right: 24px; padding-left: 24px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .acf-field-group-settings-footer .acf-created-on { display: inline-flex; justify-content: flex-start; align-content: stretch; align-items: center; color: #667085; } .acf-field-group-settings-footer .acf-created-on:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 8px; background-color: #98A2B3; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("../../images/icons/icon-time.svg"); mask-image: url("../../images/icons/icon-time.svg"); } /*---------------------------------------------------------------------------- * * Conditional logic enabled badge * *----------------------------------------------------------------------------*/ .conditional-logic-badge { display: none; } .conditional-logic-badge.is-enabled { display: inline-block; width: 6px; height: 6px; overflow: hidden; margin-left: 8px; background-color: rgba(82, 170, 89, 0.4); border-width: 1px; border-style: solid; border-color: #52AA59; border-radius: 100px; text-indent: 100%; white-space: nowrap; } /*---------------------------------------------------------------------------- * * Split field settings * *----------------------------------------------------------------------------*/ .acf-field-settings-split { display: flex; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } .acf-field-settings-split .acf-field { margin: 0; padding-top: 32px; padding-bottom: 32px; } .acf-field-settings-split .acf-field:nth-child(2n) { border-left-width: 1px; border-left-style: solid; border-left-color: #EAECF0; } /*---------------------------------------------------------------------------- * * Display & return format * *----------------------------------------------------------------------------*/ .acf-field-setting-display_format .acf-label, .acf-field-setting-return_format .acf-label { margin-bottom: 6px; } .acf-field-setting-display_format .acf-radio-list li, .acf-field-setting-return_format .acf-radio-list li { display: flex; } .acf-field-setting-display_format .acf-radio-list li label, .acf-field-setting-return_format .acf-radio-list li label { display: inline-flex; width: 100%; } .acf-field-setting-display_format .acf-radio-list li label span, .acf-field-setting-return_format .acf-radio-list li label span { flex: 1 1 auto; } .acf-field-setting-display_format .acf-radio-list li label code, .acf-field-setting-return_format .acf-radio-list li label code { padding-right: 8px; padding-left: 8px; background-color: #F2F4F7; border-radius: 4px; color: #475467; } .acf-field-setting-display_format .acf-radio-list li input[type=text], .acf-field-setting-return_format .acf-radio-list li input[type=text] { height: 32px; } .acf-field-settings .acf-field-setting-first_day { padding-top: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } /*---------------------------------------------------------------------------- * * Image and Gallery fields * *----------------------------------------------------------------------------*/ .acf-field-object-image .acf-hl[data-cols="3"] > li, .acf-field-object-gallery .acf-hl[data-cols="3"] > li { width: auto; } /*---------------------------------------------------------------------------- * * Appended fields fields * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-field-appended { overflow: auto; } .acf-field-settings .acf-field-appended .acf-input { float: left; } /*---------------------------------------------------------------------------- * * Flexible widths for image minimum / maximum size fields * *----------------------------------------------------------------------------*/ .acf-field-settings .acf-field.acf-field-setting-min_width .acf-input, .acf-field-settings .acf-field.acf-field-setting-max_width .acf-input { max-width: none; } .acf-field-settings .acf-field.acf-field-setting-min_width .acf-input-wrap input[type=text], .acf-field-settings .acf-field.acf-field-setting-max_width .acf-input-wrap input[type=text] { max-width: 81px; } /*---------------------------------------------------------------------------- * * Temporary fix to hide pagination setting for repeaters used as subfields. * *----------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-field-object-flexible-content .acf-field-setting-pagination { display: none; } .post-type-acf-field-group .acf-field-object-repeater .acf-field-object-repeater .acf-field-setting-pagination { display: none; } /*---------------------------------------------------------------------------- * * Flexible content field width * *----------------------------------------------------------------------------*/ .acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-label, .acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-input { max-width: 600px; } /*---------------------------------------------------------------------------- * * Fix default value checkbox focus state * *----------------------------------------------------------------------------*/ .acf-admin-single-field-group .acf-field.acf-field-true-false.acf-field-setting-default_value .acf-true-false { border: none; } .acf-admin-single-field-group .acf-field.acf-field-true-false.acf-field-setting-default_value .acf-true-false input[type=checkbox] { margin-right: 0; } /*--------------------------------------------------------------------------------------------- * * Sub-fields layout * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub { max-width: 100%; overflow: hidden; border-radius: 8px; border-width: 1px; border-style: solid; border-color: #dbdfe5; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-sub-field-list-header { display: flex; justify-content: space-between; align-content: stretch; align-items: center; min-height: 64px; padding-right: 24px; padding-left: 24px; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-list-wrap { box-shadow: none; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-hl.acf-tfoot { min-height: 64px; align-items: center; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input.acf-input-sub { max-width: 100%; margin-right: 0; margin-left: 0; } .post-type-acf-field-group .acf-input-sub .acf-field-object .acf-sortable-handle { width: 100%; height: 100%; } .post-type-acf-field-group .acf-field-object:hover .acf-input-sub .acf-sortable-handle:before { display: none; } .post-type-acf-field-group .acf-field-object:hover .acf-input-sub .acf-field-list .acf-field-object:hover .acf-sortable-handle:before { display: block; } .post-type-acf-field-group .acf-field-object .acf-is-subfields .acf-thead .li-field-label:before { display: none; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object.open { border-top-color: #dbdfe5; } /*--------------------------------------------------------------------------------------------- * * Flexible content field * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group i.acf-icon.-duplicate.duplicate-layout { margin: 0 auto !important; background-color: #667085; color: #667085; } .post-type-acf-field-group i.acf-icon.acf-icon-trash.delete-layout { margin: 0 auto !important; background-color: #667085; color: #667085; } .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 { background-color: #ffffff !important; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); border-radius: 6px; width: 32px; height: 32px !important; min-height: 32px; padding: 0; } .post-type-acf-field-group button.add-layout.acf-btn.acf-btn-primary.add-field, .post-type-acf-field-group .acf-sub-field-list-header a.acf-btn.acf-btn-secondary.add-field, .post-type-acf-field-group .acf-field-list-wrap.acf-is-subfields a.acf-btn.acf-btn-secondary.add-field { height: 32px !important; min-height: 32px; margin-left: 5px; } .post-type-acf-field-group .acf-field.acf-field-setting-fc_layout { background-color: #ffffff; margin-bottom: 16px; } .post-type-acf-field-group .acf-field-setting-fc_layout { overflow: hidden; width: calc(100% - 144px); margin-right: 72px; margin-left: 72px; padding-right: 0; padding-left: 0; border-width: 1px; border-style: solid; border-color: #dbdfe5; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); } .post-type-acf-field-group .acf-field-setting-fc_layout .acf-field-layout-settings.open { background-color: #ffffff; border-top-width: 1px; border-top-style: solid; border-top-color: #EAECF0; } @media screen and (max-width: 768px) { .post-type-acf-field-group .acf-field-setting-fc_layout { width: calc(100% - 16px); margin-right: 8px; margin-left: 8px; } } .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input-sub { max-width: 100%; margin-right: 0; margin-left: 0; } .post-type-acf-field-group .acf-field-setting-fc_layout .acf-label, .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input { max-width: 100% !important; } .post-type-acf-field-group .acf-field-setting-fc_layout .acf-input-sub { margin-right: 32px; margin-bottom: 32px; margin-left: 32px; } .post-type-acf-field-group .acf-field-setting-fc_layout .acf-fc-meta { max-width: 100%; padding-top: 24px; padding-right: 32px; padding-left: 32px; } .post-type-acf-field-group .acf-field-settings-fc_head { background-color: #F9FAFB; border-radius: 8px 8px 0px 0px; display: flex; min-height: 64px; margin-bottom: 0px; padding-right: 24px; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fc_draggable { min-height: 64px; padding-left: 24px; display: flex; } .post-type-acf-field-group .acf-field-settings-fc_head span.toggle-indicator { pointer-events: none; margin-top: 7px; } .post-type-acf-field-group .acf-field-settings-fc_head label { display: inline-flex; align-items: center; } .post-type-acf-field-group .acf-field-settings-fc_head label:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 8px; background-color: #98A2B3; border: none; border-radius: 0; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .rtl.post-type-acf-field-group .acf-field-settings-fc_head label:before { padding-right: 10px; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions { display: flex; align-items: center; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions .acf-fc-add-layout { margin-left: 10px; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions .acf-fc-add-layout .add-field { margin-left: 0px !important; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions li { margin-right: 4px; } .post-type-acf-field-group .acf-field-settings-fc_head .acf-fl-actions li:last-of-type { margin-right: 0; } /*--------------------------------------------------------------------------------------------- * * Field open / closed icon state * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group .acf-field-object.open > .handle > .acf-tbody > .li-field-label::before { -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg"); mask-image: url("../../images/icons/icon-chevron-up.svg"); } /*--------------------------------------------------------------------------------------------- * * Different coloured levels (current 5 supported) * *---------------------------------------------------------------------------------------------*/ .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .handle { background-color: transparent; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .handle:hover { background-color: #f9f2fb; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object.open .handle { background-color: #f5eaf9; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-field-object .settings { border-left-color: #BF7DD7; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .handle { background-color: transparent; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .handle:hover { background-color: #ebf7f4; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object.open .handle { background-color: #e3f4f0; } .post-type-acf-field-group #acf-field-group-fields .acf-field-list-wrap .acf-input-sub .acf-input-sub .acf-field-object .settings { border-left-color: #7CCDB9; } .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 { background-color: transparent; } .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 { background-color: #fcf5f2; } .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 { background-color: #fbeee9; } .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 { border-left-color: #E29473; } .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 { background-color: transparent; } .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 { background-color: #fafbfb; } .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 { background-color: #f4f6f7; } .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 { border-left-color: #A3B1B9; } /*# sourceMappingURL=acf-field-group.css.map*/