/*
This CSS file contains the CSS needed for the Hopp FAW Alert.

@package Hopp FAW Alert
@since 1.0.0
@version 1.0.10

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
Alert (AL)
    AL - Carousel

--------------------------------------------------------------*/
/*--------------------------------------------------------------
Alert (AL)
--------------------------------------------------------------*/
.faw-alert {
    background: #F1F1F1;
    padding: 1rem 0;
}

.faw-alert .wp-block-button {
    margin: 0 1rem;
    width: auto;
}

#faw-alert-carousel .flickity-slider > div {
    width: 100%;
}

#faw-alert-carousel:not(.flickity-enabled) {
    overflow: hidden;
    opacity: 0;
    padding: 0;
}

#faw-alert-carousel:not(.flickity-enabled) > div {
    display: none;
}

#faw-alert-carousel:not(.flickity-enabled) > div:first-child {
    display: block;
}

#faw-alert-carousel .flickity-slider {
    display: flex;
    align-items: center;
}

/*--------------------------------------------------------------
AL - Carousel
--------------------------------------------------------------*/
#faw-alert-carousel.flickity-enabled {
    padding: 0;
}