/*
ACF UI
Last updated: 16/02/2026
To target fields in the inspector sidebar only, begin selector with '.block-editor-block-inspector'
*/

:root {
	--wp-admin-theme-color: #3858e9;
}

body.post-type-acf-blocks .acf-field.acf-field-acf-field-colors:before {
	content: none;
}

.acf-field.strong input {
	font-weight: 500 !important;
}

.acf-field.acf-hidden {
	padding: 0;
}

.block-editor-block-inspector .acf-field.acf-field-select[data-name="subheading_font_weight"],
.block-editor-block-inspector .acf-field.acf-field-select[data-name="heading_font_weight"] {
    width: 100% !important;
}

:root .acf-repeater .acf-actions .acf-button {
    float: left;
}

:root .acf-repeater .acf-row-handle {
    vertical-align: top !important;
}

.acf-row-number {
    position: relative;
    top: 14px;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields [data-name="socials"] .acf-label {
    margin-bottom: 0;
    position: absolute;
    z-index: 2;
    top: 4px;
    left: -0.6em;
    height: 18px;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields [data-name="socials"] svg path {
	fill: #7e8993;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields [data-name="socials"] .acf-input i {
	display: none;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields [data-name="socials"] .acf-field:before {
	content: none;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields [data-name="socials"] .acf-field .acf-input {
	width: 100%;
}

/* Hide notoce that block contains no editable fields */

.acf-empty-block-fields {
	display: none;
}

/* Extra margins */

:root .acf-field.extra-margin-bottom {
	margin-bottom: 16px !important;
}

:root .acf-field.extra-margin-top {
	margin-top: 16px !important;
}

:root .acf-field.minus-margin-bottom {
	margin-bottom: -16px !important;
}

:root .acf-field.minus-margin-top {
	margin-top: -16px !important;
}

/* Disable link clicks while in block editor view */

.acf-block-preview > [class*="wp-block-acf"] a {
	pointer-events: none;
}

/* Make Codemirror full height */

.CodeMirror {
	height: fit-content !important;
}

/* Accordion Titles */
body.theme-settings_page_acf-options-theme-styles .acf-accordion-title label,
body.toplevel_page_acf-options-theme-settings .acf-accordion-title label {
	font-size: 16px;
}


/* Hide Label */

.acf-field.hide-label > .acf-label,
.acf-field.hide-label > .acf-label label {
	display: none;
}

/* Invisible Label */

.acf-field.invisible-label > .acf-label,
.acf-field.invisible-label > .acf-label label {
	visibility: hidden;
}

/* Settings icon */

span.slide-settings {
    color: #50575e;
    display: flex;
    align-items: center;
    gap: 0.25em;
}

span.slide-settings span {
	font-size: 16px;
}

/* New Block Registration */

#acf-group_6609fa75f15af .acf-accordion .acf-accordion-title label {
	font-size: 16px;
}

#acf-group_6609fa75f15af .acf-field-group > .acf-input > .acf-fields {
	border: 0;
}

#acf-group_6609fa75f15af .acf-field-group > .acf-input > .acf-fields > .acf-field {
	padding-left: 0;
	padding-right: 0;
	border-top: 0 !important;
}

#acf-group_6609fa75f15af .acf-field-group > .acf-input > .acf-fields > .acf-field:last-child {
	padding-bottom: 0;
}

.acf-fields > .acf-tab-wrap {
	overflow: hidden;
}

/* Shadow Picker */

.shadow-example {
	border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #2f2f2f;
    cursor: pointer;
    height: 26px;
    padding: 0;
    transform: scale(1);
    transition: transform .1s ease;
    width: 26px;
    will-change: transform;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 0px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.shadow-example:hover {
    transform: scale(1.2);
}

[data-name="attributes_style_shadow"] input {
	display: none;
}

.selected > .shadow-example {
	background-size: 12px auto;
}

.shadow-example.natural {
	box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px;
}

.shadow-example.deep {
	box-shadow: rgba(0, 0, 0, 0.4) 12px 12px 50px;
}

.shadow-example.sharp {
	box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 0px;
}

.shadow-example.outlined {
	box-shadow: rgb(255, 255, 255) 6px 6px 0px -3px, rgb(0, 0, 0) 6px 6px;
}

.shadow-example.crisp {
	box-shadow: rgb(0, 0, 0) 6px 6px 0px;
}

/* Accordions */

:root .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields {
	border-top: 0;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields > .acf-field {
	border-top: 0;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields > .acf-field:not(:last-child):not(.acf-field[data-type="typography_field"]) {
	padding-bottom: 0;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields .acf-label {
	margin-bottom: 8px;
}

.block-editor-block-inspector .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields > .acf-field > .acf-label > label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Range field fix */

:root .acf-range-wrap input[type=range] {
    flex-basis: 100%;
	order: 1;
	margin-left: 8px;
}

.acf-range-wrap {
    display: flex;
}

.block-editor-block-inspector .acf-range-wrap input[type=number] {
	margin-left: 0;
}

body .acf-range-wrap input[type=number] {
    margin-left: 0px;
}

/*
Toggle
Description: Converts the true/false field into a toggle switch
Field type: True/False
Field class: toggle hide-label
*/

.acf-field.toggle .acf-switch {
    height: 18px;
	width: 36px;
    border-radius: 18px;
    background: none;
    border: rgb(30, 30, 30) solid 1px;
}

.acf-field.toggle .acf-switch.-on {
	background: var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));
	border: none !important;
}

.acf-field.toggle .acf-switch .acf-switch-slider {
    position: absolute;
    left: 2px;
    bottom: 2px;
    right: unset;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    z-index: 1;
    background: rgb(30, 30, 30);
    border: none;
}

.acf-field.toggle .acf-switch.-on .acf-switch-slider {
	background: white;
    left: calc(100% - 15px);
    top: 3px;
}

.acf-field.toggle .acf-switch .acf-switch-on,
.acf-field.toggle .acf-switch .acf-switch-off {
	display: none;
}

/*
Styles copy
Description: Mimics the Wordpress 'styles' selector boxes
Field type: Radio Button
Field class: styles-copy hide-label
*/

.acf-field.styles-copy ul.acf-radio-list:after {
	content: none !important;
}

.acf-field.styles-copy ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 8px;
	row-gap: 8px;
}

.acf-field.styles-copy ul:before {
	content: none;
}

.acf-field.styles-copy ul input {
	display: none;
}

:root .acf-field.styles-copy ul li {
    display: inline-flex;
    width: calc(50% - 4px);
	font-weight: 400;
    font-size: 13px;
    margin: 0;
    border: 0;
    -webkit-appearance: none;
    background: none;
    align-items: center;
    box-sizing: border-box;
}

.acf-field.styles-copy ul li label {
	padding: 0px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #2f2f2f;
    box-shadow: inset 0 0 0 1px #ccc;
    height: 40px;
	line-height: 40px;
    border-radius: 2px;
    transition: box-shadow .1s linear;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: center;
	cursor: pointer;
}

.acf-field.styles-copy > .acf-label > label {
	font-weight: 500 !important;
	padding-bottom: 0 !important;
}

.acf-field.styles-copy ul li label:hover {
	color: var(--wp-admin-theme-color);
}
.acf-field.styles-copy ul li label:active {
    box-shadow: inset 0 0 0 1px #fff,0 0 0 2px var(--wp-admin-theme-color);
}

.acf-field.styles-copy ul li label.selected {
	color: white;
	background-color: #2f2f2f;
    box-shadow: none;
}

/* Inspector Sidebar Repeater */

.block-editor-block-inspector .acf-repeater-add-row.button {
	margin-left: 16px;
}

.block-editor-block-inspector .acf-field.acf-field-repeater > .acf-label {
	padding: 12px 12px 1px 12px;
}

:root .block-editor-block-inspector .acf-field-repeater {
	padding-left: 0;
	padding-right: 0;
}

.block-editor-block-inspector .acf-field-repeater.hide-label {
	padding-top: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-table > tbody > tr > td {
	padding: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-table {
	border-left: 0;
	border-right: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-table tr td.acf-fields {
	width: calc(100% - 32px) !important;
	border-top-width: 1px;
}

.block-editor-block-inspector .acf-field-repeater .acf-table .acf-icon {
	z-index: 1;
	transform: scale(.75);
}

.block-editor-block-inspector .acf-field-repeater .acf-field-wysiwyg {
	padding: 0;
	border: 0 !important;
}

.block-editor-block-inspector .acf-field-repeater .acf-editor-wrap .wp-editor-container {
	border-left: 0;
	border-right: 0;
}

.acf-field-wysiwyg textarea.wp-editor-area {
	display: none;
}

.block-editor-block-inspector .wp-editor-tabs > button:last-child {
	border-right: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-file-uploader .hide-if-value > p,
.block-editor-block-inspector .acf-field-repeater .acf-file-uploader .hide-if-value > p a,
.block-editor-block-inspector .acf-field-repeater .acf-image-uploader .hide-if-value > p,
.block-editor-block-inspector .acf-field-repeater .acf-image-uploader .hide-if-value > p a
.block-editor-block-inspector .acf-field-repeater .acf-field-link a.button {
	font-size: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-file-uploader .hide-if-value > p,
.block-editor-block-inspector .acf-field-repeater .acf-image-uploader .hide-if-value > p {
	width: calc(280px - 66px);
}

.block-editor-block-inspector .acf-field-repeater .acf-image-uploader .hide-if-value > p a.acf-button.button {
	font-size: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-image-uploader .hide-if-value > p a.acf-button.button:after {
    content: 'Add image';
    font-size: 13px;
}

.block-editor-block-inspector .acf-field-repeater .acf-file-uploader .hide-if-value > p a.acf-button.button:after {
    content: 'Add file';
    font-size: 13px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-file-uploader .hide-if-value > p a.acf-button.button:after {
    content: 'Add video background';
    font-size: 13px;
}

.block-editor-block-inspector .acf-field-repeater .acf-field-link a.button {
	border-radius: 20px;
	font-size: 0;
}

.block-editor-block-inspector .acf-field-repeater .acf-field-link a.button:after {
	content: 'Add link';
	font-size: 13px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-field-link a.link-url {
	display: none;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-field-link .link-wrap {
    background-color: #f6f7f7;
    border-radius: 20px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-image-uploader.has-value {
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: -16px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"].acf-file-uploader.has-value {
	margin-bottom: -7px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="logos"] .acf-image-uploader .hide-if-value > p a.acf-button.button:after {
    content: 'Choose logo file';
    font-size: 13px;
}

.block-editor-block-inspector [data-name="logos"] .acf-repeater .acf-field-image img {
    margin: 0;
    width: 100%;
    aspect-ratio: unset;
    object-fit: contain;
    padding: 20px;
    padding-left: 60px;
    padding-right: 60px;
}

:root {
  counter-reset: slide;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-row {
	counter-increment: slide;
	position: relative;
	display: block;
	padding-top: 40px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-row:not(.-collapsed) .show-if-value.image-wrap img {
	margin-bottom: -34px;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-row .acf-field-image {
    border-top: 1px solid #dfdfdf;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-row.-collapsed .acf-field-image {
    border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-row:before {
    content: "Slide " counter(slide);
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 1px;
    background-color: #f4f4f4;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #999999;
    font-size: larger;
    box-sizing: border-box;
}

.block-editor-block-inspector .acf-field-repeater[data-name="slides"] .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields > .acf-field[data-name="overlay_opacity"] {
	padding-bottom: 16px !important;
}

.block-editor-block-inspector .acf-field.slider-button-style {
	padding-top: 0;
}

.acf-field.acf-field-tab + .acf-field.acf-hidden {
	display: none !important;
}

:root td.acf-fields > .acf-field.acf-hidden {
	display: none !important;
}

.block-editor .edit-post-sidebar .acf-fields {
    overflow: visible;
}
.acf-gallery .acf-gallery-toolbar .acf-hl li.acf-fr {
	display: none;
}

/* Preview Text */

.preview-text-field .acf-input {
    font-size: initial;
}

:root .preview-text, :root .preview-button {
    border-color: #E1EBF4 !important;
    border-style: solid !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    margin-bottom: -15px !important;
    margin-top: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.preview-text-field .wp-block-buttons {
	display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    align-items: center;
}

.preview-text-field .wp-block-button__link {
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
	background-color: black;
	color: white;
	border-color: #3173f6;
	border-style: solid;
}

/* UI Icons
 * Radio button field with icons to select
 * */

.ui-icons.acf-field ul li input {
    display: none;
}

.ui-icons.acf-field ul li label.selected {
    background: #1e1e1e;
}

.ui-icons.acf-field ul li label:not(.selected) img {
	filter: invert(1);
}

.ui-icons.acf-field ul li label:hover:not(.selected) img {
    filter: sepia(1) invert(0) hue-rotate(179deg) brightness(.45) saturate(139);
}

.ui-icons.acf-field ul li label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    transition: 100ms linear;
	cursor: pointer;
}

.ui-icons.acf-field ul:after,
.ui-icons.acf-field ul:before {
	content: none;
}

.ui-icons.acf-field ul:hover {
    border-color: rgb(117, 117, 117);
}
.ui-icons.acf-field ul {
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-flex;
    min-width: 0px;
    padding: 2px;
    position: relative;
	gap: 2px;
}

:root body .block-editor-block-inspector .ui-icons.acf-field {
    width: min-content !important;
    float: left !important;
    margin-top: 0 !important;
    margin-right: 0;
	padding: 10px 16px;
	min-height: unset !important;
}

:root .ui-icons.acf-field ul li {
	margin-right: 0;
}

.ui-icons.acf-field ul li svg {
    width: 24px;
}

.ui-icons.acf-field ul li label:hover path {
    fill: var(--wp-admin-theme-color);
    transition: 100ms linear;
}

.ui-icons.acf-field ul li:hover label {
	color: var(--wp-admin-theme-color);
}

.ui-icons.acf-field ul li label.selected path {
    fill: white;
}

.ui-icons.acf-field ul li label.selected {
    color: white;
}

/* Matrix */

.acf-field.matrix {
	width: min-content;
    float: left;
    clear: none;
    border-left: 1px solid #EAECF0;
    padding: 14px 16px;
}

.acf-field.ui-icons.acf-hidden + .acf-field.matrix ul.acf-radio-list {
    bottom: 0;
    right: unset;
    left: 0;
}

.acf-field.matrix .acf-input {
	width: 25px;
	height: 25px;
	position: relative;
	z-index: 9;
}

.acf-field.matrix ul.acf-radio-list {
    width: 25px;
    height: 25px;
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 3fr));
    grid-template-columns: repeat(3, minmax(0, 3fr));
	background: #fff;
    border-radius: 2px;
	transition: .12s;
	position: absolute;
	bottom: 0;
	right: 0;
}

.acf-field.matrix span.align-content {
	width: 2px;
    height: 2px;
    background-color: rgb(30, 30, 30);
    display: block;
    transition: all 120ms linear 0s;
    cursor: pointer;
}

.acf-field.matrix label.selected span.align-content {
	outline: 1px solid rgb(30, 30, 30);
}

.acf-field.matrix ul.acf-radio-list:hover {
	width: 100px;
    height: 100px;
	box-shadow: 0 0 0 1px #ccc, 0 .7px 1px #0000001a, 0 1.2px 1.7px -.2px #0000001a, 0 2.3px 3.3px -.5px #0000001a;
}

.acf-field.matrix ul.acf-radio-list:hover span.align-content {
	width: 7px;
    height: 7px;
	background-color: #cccccc;
}

.acf-field.matrix ul.acf-radio-list:hover label.selected span.align-content {
	outline: 3px solid rgb(30, 30, 30);
	background-color: rgb(30, 30, 30);
}

.acf-field.matrix ul.acf-radio-list:hover label:not(.selected):hover span.align-content {
	background-color: var(--wp-admin-theme-color);
}



.acf-field.matrix ul.acf-radio-list li {
    display: flex;
    align-items: center;
	justify-content: center;
}

.acf-field.matrix ul li input {
    display: none;
}


.acf-field.matrix ul:before,
.acf-field.matrix ul:after {
	content: none;
}

/* Block Registration */

.post-type-acf-blocks .acf-field[data-name="supports"] > .acf-input > .acf-fields {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.post-type-acf-blocks .acf-true-false span.message {
    width: calc(100% - 26px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    cursor: pointer;
}

.post-type-acf-blocks input[type=checkbox] {
    margin: -.7rem .25rem 0 0;
}

.post-type-acf-blocks .acf-field-group[data-name="supports"] .acf-field-group > .acf-label + .acf-input > .acf-fields,
.post-type-acf-blocks .acf-field-group[data-name="supports"] .acf-field-group > .acf-label + .acf-input > .acf-fields > .acf-field {
	padding: 0;
	border: 0 !important;
}

.post-type-acf-blocks .acf-field-group[data-name="supports"] .acf-field-group > .acf-label + .acf-input > .acf-fields > .acf-field {
	padding: 0 0 .4em;
}



.acf-field[data-name="supports"] .acf-fields > .acf-field {
	border-right: 1px solid #EAECF0;
}

.acf-field.collapse .acf-label,
.acf-field.collapse .acf-label label {
	cursor: pointer;
	margin-bottom: 0;
	transition: .2s;
}

.acf-field.collapse .acf-label.open {
	margin-bottom: 10px;
}

.acf-field.collapse .acf-label:after {
    content: '\e69b';
    font-family: var(--mi-style);
    position: absolute;
    right: -4px;
    top: 0px;
    opacity: .5;
    font-size: 16px;
}

.acf-field-6992907a0e67d .acf-label:after {
	content: none !important;
}

.acf-field.collapse .acf-label.open:after {
	transform: rotate(180deg);
}

.acf-field.collapse > .acf-input {
	max-height: 0px;
	opacity: 0;
	pointer-events: none;
	transition: .2s;
}
.acf-field.collapse > .acf-input.open {
	max-height: 500px;
	opacity: 1;
	pointer-events: auto;
}

.acf-field.collapse .acf-js-tooltip {
	display: none;
}

/* Icon Selector */

.acf-field.icon-selector .acf-label {
	display: none;
}

.acf-field.icon-selector .select2-selection__rendered .acf-selection span.icon-name {
	display: none;
}

.acf-field.icon-selector .select2-selection__rendered .acf-selection .material-symbols {
	font-size: 64px;
}

.acf-field.icon-selector .select2-selection__rendered,
.acf-field.icon-selector .select2-selection__rendered .acf-selection {
	display: flex;
    height: 100%;
    align-items: center;
	padding-left: 0 !important;
}
.acf-field.icon-selector  .select2-container .select2-selection--single .select2-selection__rendered {
	overflow: visible;
}
.acf-field.icon-selector .select2-container .select2-selection--single {
	height: 65px;
	border: 0;
    overflow: visible;
}

.acf-field.icon-selector .select2-selection__clear {
	position: absolute !important;
    right: 1.5em;
	top: 16px;
	color: #888;
    font-weight: unset !important;
}
.acf-field.icon-selector .select2-selection--single .select2-selection__arrow {
    top: 18px;
}

.acf-field.icon-selector .select2-selection__placeholder {
    display: flex;
    height: 100%;
    align-items: center;
}

.acf-field.icon-selector .select2-selection__placeholder:before {
	content: 'Select icon';
}

.acf-field.icon-selector .select2-selection__placeholder .acf-selection {
	display: none;
}

.acf-selection .material-symbols {
    font-size: 30px;
}

.acf-field.icon-selector .select2-selection--single {
	border-bottom: 1px solid transparent !important;
}
.acf-field.icon-selector .select2-selection--single[aria-expanded="true"] {
	border-bottom: 1px solid #aaa !important;
}

.select2-results__option {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.acf-selection {
	display: flex;
    align-items: center;
    gap: 1em;
}

.acf-field.icon-selector.show-label .acf-label {
	display: block;
}

/* Titles for New Field Types */

.new-field label {
	font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-bottom: 8px;
	margin-top: 18px;
	display: block;
}

/* Thin range fields */

input[type=range].range-thin {
  -webkit-appearance: none;
}
input[type=range].range-thin:focus {
  outline: none;
}
input[type=range].range-thin::-webkit-slider-runnable-track {
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: rgb(221, 221, 221);
}
input[type=range].range-thin::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background: var(--wp-admin-theme-color);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range].range-thin:focus::-webkit-slider-runnable-track {
  background: rgb(221,221,221);
}
input[type=range].range-thin::-moz-range-track {
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: rgb(221, 221, 221);
}
input[type=range].range-thin::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background: var(--wp-admin-theme-color);
  cursor: pointer;
}
input[type=range].range-thin::-ms-track {
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].range-thin::-ms-fill-lower {
  background: rgb(221, 221, 221);
}
input[type=range].range-thin::-ms-fill-upper {
  background: rgb(221,221,221);
}
input[type=range].range-thin::-ms-thumb {
  margin-top: 1px;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background: var(--wp-admin-theme-color);
  cursor: pointer;
}
input[type=range].range-thin:focus::-ms-fill-lower {
  background: rgb(221,221,221);
}
input[type=range].range-thin:focus::-ms-fill-upper {
  background: rgb(221,221,221);
}

.new-field select,
.new-field input {
    min-height: 30px;
}

/* Collapsed ACF class */

.block-editor-block-inspector .acf-field[data-type="typography_field"] {
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd;
    max-width: calc(100% - 32px);
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -1px;
    margin-top: 16px;
}

.block-editor-block-inspector .acf-field[data-type="typography_field"] + .acf-field[data-type="typography_field"] {
	margin-top: 0;
}

.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-label label,
.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-label {
	padding: 0 !important;
	margin: 0 !important;
}

.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-input {
	display: none;
}
.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-input.open {
	display: block;
}

.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-label {
	cursor: pointer;
}
.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-label label:after {
	content: '\e145';
	font-family: var(--mi-style);
	font-variation-settings: 'FILL' var(--mi-fill), 'wght' var(--mi-wght), 'GRAD' var(--mi-grad), 'opsz' var(--mi-opsz);
	position: absolute;
	right: 0;
	cursor: pointer;
	color: #9fa3a6;
}
.block-editor-block-inspector .acf-field[data-type="typography_field"] > .acf-label.open label:after {
	content: '\e15b';
}

.block-editor-block-inspector .acf-tab-group {
    border-bottom: #ccd0d4 solid 1px !important;
    padding: 10px 16px 0;
    margin-bottom: 0 !important;
}

.acf-field-repeater[data-name="tiles"] .mce-btn[aria-label="Insert/edit link (⌘K)"],
.icon-items .mce-btn[aria-label="Insert/edit link (⌘K)"] {
	display: none;
}

.acf-field[data-name="popups"] td.acf-fields > .acf-field,
.acf-field-repeater[data-name="tiles"] td.acf-fields > .acf-field {
	border-top: 0 !important;
}

.acf-field[data-name="popups"] td.acf-fields > .acf-field:not(:first-child),
.acf-field-repeater[data-name="tiles"] td.acf-fields > .acf-field:not(:first-child) {
    padding-top: 0;
}

.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-fields {
	border: 0;
}

.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field {
	border-top: 0 !important;
	padding-top: 0;
}
.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field {
    padding-bottom: 0;
}
.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field:first-child {
	margin-top: -15px;
}
.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field .acf-input {
	padding: 0 0;
}

.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-url input[type=url] {
    font-size: 12px;
	min-height: 28px;
	border-radius: 0;
	border-color: #d5d9dd;
	box-shadow: none !important;
	font-weight: 300;
}

.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field:not(:last-child) .acf-url input[type=url] {
    font-size: 12px;
    min-height: 28px;
    margin-bottom: -1px;
}

.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field:last-child .acf-url input[type=url] {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.acf-field[data-name="popups"] td.acf-fields .acf-field[data-name="socials"] .acf-field:first-child .acf-url input[type=url] {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.acf-field-repeater td.acf-fields > .acf-field {
	border-top: 0 !important;
}

.acf-field-repeater:not([data-name="additional_data]"]) td.acf-fields > .acf-field:not(:first-child) {
    padding-top: 0;
}
