/* ACF Change spacer layout appearance */

div[data-layout="spacer"] {
    background-color: #ececec !important;
}

.acf-flexible-content div.layout .acf-fc-layout-handle {
    background-color: #244381;
    border: 0;
    color: #fff;
}

.acf-fc-layout-controls span.acf-icon {
    background: #fff !important;
}

.acf-flexible-content .layout .acf-fc-layout-actions-wrap .acf-fc-layout-handle {
    color: #fff !important;
}

.acf-flexible-content .layout {
    background: #f4f6f7 !important;
    border: 5px solid #244381 !important;
}

body:not(.block-editor-page) .acf-flexible-content .layout.active-layout > .acf-fc-layout-actions-wrap,
.acf-flexible-content .layout .acf-fc-layout-actions-wrap {
    background-color: #244381 !important;
}

.acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
    background: #f4f6f7 !important;
}

.acf-flexible-content div[data-layout="spacer"].layout .acf-fc-layout-order {
    background: #cecece;
}

.acf-field[data-name="hero_image_type"] img,
.acf-flexible-content div[data-layout="hero_image"].layout div[data-name="hero_image_type"] img,
.acf-flexible-content div[data-layout="child_page_link_grid"].layout div[data-name="child_page_link_grid_link_block_type"] img {
    width: 300px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.acf-fields > .acf-tab-wrap .acf-tab-group li a {
    background: #dee3e5 !important;
}

.acf-field[data-name="hero_image_type"] ul.acf-radio-list li label,
.acf-flexible-content div[data-layout="hero_image"].layout div[data-name="hero_image_type"] ul.acf-radio-list li label,
.acf-flexible-content div[data-layout="child_page_link_grid"].layout div[data-name="child_page_link_grid_link_block_type"] ul.acf-radio-list li label {
    display: flex;
    align-items: center;
}

/* Two Column */

.acf-flexible-content div[data-layout="twocol"].layout .acf-fc-layout-handle {
    display: flex;
    align-items: center;
    gap: 4px;
}

.acf-flexible-content div[data-layout="twocol"].layout .acf-fc-layout-handle .thumbnail {
    margin: 0 5px;
}

.acf-flexible-content div[data-layout="twocol"].layout .acf-fc-layout-handle .thumbnail img {
    border: 2px solid #dee3e5;
    border-radius: 2px;
}

.acf-flexible-content .layout div[data-name="layout_title"],
.acf-flexible-content .layout div[data-name="layout_thumbnail"] {
    color: #fff;
    background-color: #5e7e8e;
    border: 0 !important;
}

.acf-flexible-content .layout div[data-name="layout_title"] p.description,
.acf-flexible-content .layout div[data-name="layout_thumbnail"] p.description {
    color: #fff;
}

/* Button Icon Field Options */
.acf-field-61d9e77234a59 input[type="radio"] {
    display: none;
}

.acf-field-61d9e77234a59 input[type="radio"]:checked + img {
    border-color: #0a202a;
}

.acf-field-61d9e77234a59 label img {
    width: 28px;
    height: 28px;
    padding: 5px;
    background-color: #eee;
    border: 2px solid transparent;
    margin-right: 3px;
}

.acf-field-61d9e77234a59 .acf-radio-list {
    display: flex;
    flex-wrap: wrap;
}

/* Colour Field Swatches */
.acf-field-5992ec9b268e7 input[type="radio"] {
    display: none;
}

.acf-field-5992ec9b268e7 input[type="radio"]:checked + span {
    border-color: #f3e707;
}

.acf-field-5992ec9b268e7 label .colour-swatch {
    display: block;
    width: 18px;
    height: 18px;
    border: 2px solid #eee;
    margin-right: 2px;
    border-radius: 100%;
}
.acf-field-5992ec9b268e7 label .colour-swatch--none {
    background: linear-gradient(to top right, #fff calc(50% - 1px), red, #fff calc(50% + 1px));
}

.acf-field-5992ec9b268e7 .acf-radio-list {
    display: flex;
    flex-wrap: wrap;
}

/* ACF Taxonomy Edit Screen */

.wp-admin.taxonomy-product_cat .form-table {
    background-color: #fff;
    border: 1px solid #ddd;
}

.wp-admin.taxonomy-product_cat #edittag {
    max-width: 100%;
}

.wp-admin.taxonomy-product_cat .form-table:last-of-type {
    margin-bottom: 30px;
}

.wp-admin.taxonomy-product_cat .form-table th {
    padding-left: 15px;
}

.wp-admin.taxonomy-product_cat .form-table td {
    padding-left: 15px;
}

.wp-admin.taxonomy-product_cat .form-table > tbody > .acf-field > .acf-label {
    padding-left: 15px;
}

/* Slant Divider Image */

.acf-field.acf-field-68bf07e0621c0 ul.acf-radio-list li label {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.acf-field.acf-field-68bf07e0621c0 ul.acf-radio-list li label img {
    width: 70px;
    border-radius: 6px;
}

.acf-field.acf-field-68bf07e0621c0 ul.acf-radio-list {
    display: flex;
    gap: 25px;
}