/* ACCESSIBILITY ICON */
.is-style-accessibility-icon {
    position: relative;
}

.is-style-accessibility-icon svg {
    visibility: hidden;
}

.is-style-accessibility-icon li:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 21px;
    height: 21px;
    background-image: url('../aebo/assets/accessibility-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--wp--preset--color--blau);
    cursor: pointer;
}

/* TEAM-COVER-BLOCK */

.is-style-team-cover span {
    opacity: 0!important;
    transition: opacity 0.1s linear 0.1s!important; 
}

.is-style-team-cover:hover span {
    opacity: 0.8!important;
}

.is-style-team-cover .wp-block-cover__inner-container { 
    opacity: 0!important;
    transition: opacity 0.1s linear 0.1s!important; 
}

.is-style-team-cover:hover .wp-block-cover__inner-container  {
    opacity: unset!important;
}




/* NAVIGATION MARKER */

.main-navigation .is-style-nav-marker {
    color: white!important;
    position: relative;
    width: 60px;
    text-align: center;
}

.main-navigation .is-style-nav-marker a {
    z-index: 1000;
}

.is-style-nav-marker:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../aebo/assets/marker.svg');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 14px;
    background-position-y: center;
    transform: translateX(-15px);
}

.main-navigation .is-style-nav-marker:hover {
    background-color: unset;
    border-bottom: 2px solid rgba(0,0,0,0.00);
    font-weight: 600
}

/* FLEX BUTTON */

.is-style-flex-button a {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
}

/* Unordered List (UL) */
ul.is-style-list-antares {
    list-style-type: none; /* Remove the default bullet points for the first layer */
    padding-left: 0; /* Remove default padding */
}

ul.is-style-list-antares li {
    position: relative;
    padding-left: 25px; /* Add space for the custom bullet */
}

ul.is-style-list-antares li::before {
    content: "\25A0"; /* Unicode for a filled square */
    color: var(--wp--preset--color--antares-blue); /* Set the color of the square to blue */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px; /* Increase the size of the square */
    line-height: 1;
}

/* Nested UL within the is-style-list-antares class */
ul.is-style-list-antares ul {
    list-style-type: none; /* Remove default bullet points for nested layers */
    padding-left: 20px; /* Adjust padding for nested list items */
}

ul.is-style-list-antares ul li {
    position: relative;
    padding-left: 25px; /* Add space for the custom bullet in nested list items */
}

ul.is-style-list-antares ul li::before {
    content: "\25A0";
    color: var(--wp--preset--color--antares-blue);
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 14px;
    line-height: 1;
}



/* Ordered List (OL) */
ol.is-style-list-antares {
    padding-left: 0; /* Remove left padding */
    list-style-type: none; /* Remove the default numbering */
    counter-reset: list-counter; /* Initialize a custom counter */
}

ol.is-style-list-antares li {
    position: relative;
    padding-left: 30px; /* Add space for the custom numbering */
}

ol.is-style-list-antares li::before {
    counter-increment: list-counter;
    content: counter(list-counter) ". ";
    color: var(--wp--preset--color--antares-blue);
    font-weight: 600;
    position: absolute;
    left: 3px;
    padding-right: 10px;
    top: 4px;
    font-size: 16px;
    line-height: 1;
    text-align: right;
}

/* Nested OL within the is-style-list-antares class */
ol.is-style-list-antares ol {
    list-style-type: none; /* Remove default bullet points for nested layers */
    padding-left: 20px; /* Adjust padding for nested list items */
    counter-reset: list-counter; /* Reset the counter for the nested list */
}

ol.is-style-list-antares ol li {
    position: relative;
    padding-left: 30px; /* Add space for the custom numbering in nested list items */
}

ol.is-style-list-antares ol li::before {
    counter-increment: list-counter;
    content: counter(list-counter) ". ";
    color: var(--wp--preset--color--antares-blue);
    font-weight: 600;
    position: absolute;
    right: 100%;
    padding-right: 10px;
    top: 5px;
    font-size: 14px;
    line-height: 1;
    text-align: right;
}