atomic-slider .imageOverlay{z-index: 10;}
atomic-slider{
    --base-slider-dotnav-button-shadow: none;
    --base-slider-dotnav-button-background: var(--bs-secondary, grey);
    --base-slider-dotnav-button-background-active: var(--bs-primary, yellow);
    --atomic-slide-overlay-z-index: 11;
    --atomic-overlay-z-index: 11;
}
atomic-slide{
    display:none;
}
atomic-slider[initialized] atomic-slide{
    display:block;
}
atomic-slider-prevnext-button:not(:defined){
    display: none;
}
atomic-slider.mh100{
    height: calc(100vh - var(--header-height, 0px));
    --atomic-overlay-min-height-small: calc(100vh - var(--header-height, 0px));
}
atomic-slider.mh50{
    height: calc(50vh - var(--header-height, 0px));
    --atomic-overlay-min-height-small: calc(50vh - var(--header-height, 0px));
}
atomic-slider.mh75{
    height: calc(75vh - var(--header-height, 0px));
    --atomic-overlay-min-height-small: calc(75vh - var(--header-height, 0px));
}
atomic-slider.mh85{
    --atomic-overlay-min-height-small: calc(85vh - var(--header-height, 0px))
}
@media (min-width: 578px) {
    atomic-slider.th100{
        height: calc(100vh - var(--header-height, 0px));
        --atomic-overlay-min-height-small: calc(100vh - var(--header-height, 0px));
        --atomic-overlay-min-height-medium: calc(100vh - var(--header-height, 0px));
    }
    atomic-slider.th50{
        height: calc(50vh - var(--header-height, 0px));
        --atomic-overlay-min-height-small: calc(50vh - var(--header-height, 0px));
        --atomic-overlay-min-height-medium: calc(50vh - var(--header-height, 0px));
    }
    atomic-slider.th75{
        height: calc(75vh - var(--header-height, 0px));
        --atomic-overlay-min-height-small: calc(75vh - var(--header-height, 0px));
        --atomic-overlay-min-height-medium: calc(75vh - var(--header-height, 0px));
    }
    atomic-slider.th85{
        height: calc(85vh - var(--header-height, 0px));
        --atomic-overlay-min-height-small: calc(85vh - var(--header-height, 0px));
        --atomic-overlay-min-height-medium: calc(85vh - var(--header-height, 0px));
    }
}
@media (min-width: 992px) {
    atomic-slider.dh100{
        height: calc(100vh - var(--header-height, 0px));
        --atomic-overlay-min-height-large: calc(100vh - var(--header-height, 0px));
        --atomic-overlay-min-height-xlarge: calc(100vh - var(--header-height, 0px));
    }
    atomic-slider.dh50{
        height: calc(50vh - var(--header-height, 0px));
        --atomic-overlay-min-height-large: calc(50vh - var(--header-height, 0px));
        --atomic-overlay-min-height-xlarge: calc(50vh - var(--header-height, 0px));
    }
    atomic-slider.dh75{
        height: calc(75vh - var(--header-height, 0px));
        --atomic-overlay-min-height-large: calc(75vh - var(--header-height, 0px));
        --atomic-overlay-min-height-xlarge: calc(75vh - var(--header-height, 0px));
    }
    atomic-slider.dh85{
        height: calc(85vh - var(--header-height, 0px));
        --atomic-overlay-min-height-large: calc(85vh - var(--header-height, 0px));
        --atomic-overlay-min-height-xlarge: calc(85vh - var(--header-height, 0px));
    }
}

/* prevent layout shifting*/
atomic-overlay:not(:defined){
    display:none;
}
atomic-slider:not(:defined),
atomic-slider.fullHeight:not(:defined){
    height: 70vh;
}
@media (min-width: 1200px) {
    atomic-slider:not(:defined),
    atomic-slider.fullHeight:not(:defined){
        height: 100vh;
    }
}

.frame-type-tx_plate_ces_slider atomic-overlay .ah-richtext *{
    color: var(--plces-slider-overlay-txt-color, white);
}