


/* Flickity Carousel Styles */
.eqao-flickity-carousel .flickity-prev-next-button {
    top: 100%;
}

/* flickity prev/next buttons – fluid size with clamp */
.eqao-flickity-carousel .flickity-prev-next-button {
        --sldr-btn-size: clamp(1.875rem, 2.5vw + 1rem, 2.5rem);
        width: var(--sldr-btn-size);
        height: var(--sldr-btn-size);
        min-width: var(--sldr-btn-size);
        min-height: var(--sldr-btn-size);
        background: transparent;
        box-shadow: none;
		z-index: 99 !important;
        border: none;
        transform: translateY(-40%);
        padding: 0; 
        margin-block-start: 0 !important;
}

.eqao-flickity-carousel .flickity-prev-next-button.previous
 {
    left: clamp(0.625rem, 7vw, 9.375rem);
}

.eqao-flickity-carousel {
	margin-bottom: var(--spacing-10-20);
	padding-bottom: var(--spacing-10-20);
}

.flickity-page-dots .dot{
	background: var(--neutral-medium-grey) !important;
	opacity: initial !important;
}

.flickity-page-dots .dot.is-selected{
	background: var(--black) !important;
}

.eqao-flickity-carousel .flickity-prev-next-button.next {
    right: clamp(0.625rem, 7vw, 9.375rem);
}

/* hide default flickity arrow */
.eqao-flickity-carousel .flickity-prev-next-button .arrow,
.eqao-flickity-carousel .flickity-prev-next-button .flickity-button-icon {
    display: none;
}

/* prev button */
.eqao-flickity-carousel .flickity-prev-next-button.previous::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='1'><path d='M20 0.5C30.7696 0.5 39.5 9.23045 39.5 20C39.5 30.7696 30.7696 39.5 20 39.5C9.23045 39.5 0.5 30.7696 0.5 20C0.5 9.23045 9.23045 0.5 20 0.5Z' stroke='%23000000'/><path d='M18.3721 28.5L10.0001 20L18.3721 11.5' stroke='%23000000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M30 20L11.3956 20' stroke='%23000000' stroke-width='1.3' stroke-linecap='round'/></g></svg>");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

/* next button */

.eqao-flickity-carousel .flickity-prev-next-button.next::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='1' transform='scale(-1,1) translate(-40,0)'><path d='M20 0.5C30.7696 0.5 39.5 9.23045 39.5 20C39.5 30.7696 30.7696 39.5 20 39.5C9.23045 39.5 0.5 30.7696 0.5 20C0.5 9.23045 9.23045 0.5 20 0.5Z' stroke='%23000000'/><path d='M18.3721 28.5L10.0001 20L18.3721 11.5' stroke='%23000000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M30 20L11.3956 20' stroke='%23000000' stroke-width='1.3' stroke-linecap='round'/></g></svg>");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

/* Hover & disabled */
.eqao-flickity-carousel .flickity-prev-next-button:hover::before {
    opacity: 0.75;
}
.eqao-flickity-carousel .flickity-prev-next-button:disabled::before {
    opacity: 0.55;
}

.eqao-flickity-carousel .flickity-page-dots .dot.is-selected {
    width: 4.25rem;
    border-radius: 0.625rem;
}
@media screen and (max-width:781px){
    .eqao-flickity-carousel .carousel-cell {
        width: 100%;
    }
}


/*  doc cards  */
.eqao-flickity-carousel.assess-doc-cards {
    padding-bottom: 1.875rem;
}
.eqao-flickity-carousel.assess-doc-cards .carousel-cell {
    width: 50.5%;
    padding: 0;
    /* padding-right: var(--wp--preset--spacing--40) !important; */
    padding-right: var(--spacing-dt-20-30) !important;
    border-style: none !important;
}
.eqao-flickity-carousel.assess-doc-cards .flickity-page-dots {
    bottom: -1rem;
}
@media screen and (max-width:781px){
    .eqao-flickity-carousel.assess-doc-cards  .carousel-cell {
        width: 100%;
    }
}
.eqao-flickity-carousel.assess-doc-cards  .flickity-prev-next-button.previous {
    left: 1rem !important;
}
.eqao-flickity-carousel.assess-doc-cards .flickity-prev-next-button.next {
    right: 1rem !important;
}

.eqao-flickity-carousel .flickity-page-dots{
	bottom: -15px !important;
} 


/* admin-dates */
ul.eqao-flickity-carousel.admin-dates {
    padding-top: 0px !important;
}

/* 
.eqao-flickity-carousel.admin-dates li.type-administration-date {
    width: clamp(33%, 50%, 50%) !important;
}

@media screen and (min-width:1300px){
    .eqao-flickity-carousel.admin-dates li.type-administration-date {
        width: clamp(25%, 33%, 50%) !important;
    }
}

@media screen and (min-width:1600px){
    .eqao-flickity-carousel.admin-dates li.type-administration-date {
        width: clamp(25%, 25%, 50%) !important;
    }
}
*/

.eqao-flickity-carousel.admin-dates li.type-administration-date {
    /* width: clamp(25%, calc(74% - 3.06vw), 50%); */
    /* width: clamp(22.5rem, calc(74% - 3.06vw), 37.125rem); */
    /* width: clamp(21.25rem, 10.3412rem + 22.3199vw, 37.125rem); */
    width: calc(clamp(21.25rem, 10.3412rem + 22.3199vw, 37.125rem) + 1.875rem);
    width: 51.2%;

}

/* 
@media screen and (min-width:1600px) {
  .eqao-flickity-carousel.admin-dates .admin-date-card-outer .dates-stack {
        flex-direction: row; 
        align-items: center;
        justify-content: space-between;
        gap: 0.9375rem;
    }
   .eqao-flickity-carousel.admin-dates .admin-date-card-outer .date-stack {
        align-items: flex-start;
        max-width: 40%;
        min-height: 10.75rem;
    }

   .eqao-flickity-carousel.admin-dates .icon-arrow.admin-dates img {
        transform: rotate(0deg) !important;
        width: 1.0625rem !important;
        height: 1.25rem !important;
        aspect-ratio: 17/20 !important;
    }
} */


@media screen and (max-width:781px){
    .eqao-flickity-carousel.admin-dates li.type-administration-date {
        width: 100% !important;
    }
}

.admin-dates .wp-block-image.clock-icon img, .admin-dates .wp-block-image.icon-arrow img {
    vertical-align: middle !important;
}

@media screen and (max-width:781px){
    .wp-block-button.wp-block-button__width-25.more-to-explore.view-more-btn {
        width: auto !important;
    }
}

