/* admin styling */
.swiper-carousel .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.swiper-carousel .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
    height: 38px;
    width: 100%;
}

:root {
    --swiper-navigation-size: 40px;
    --swiper-theme-color: var(--paletteColor1);
    --swiper-pagination-color: var(--paletteColor1);
}

.swiper {
    overflow: initial;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.swiper-carousel {
    position: relative;
}

.swiper-carousel.locked .locked_swiper_button {
    display: none !important;

}

/*
.swiper-pagination {

    bottom: auto !important;
}
*/

.swiper-button-prev,
.swiper-button-next {
    width: auto;
    height: auto;
    /*background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);*/
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

/*
.disabled_swiper_button {
    display: none !important;
}*/
.swiper-slide.expired {
    border: 10px solid #f00;
}

.swiper-slide.scheduled {
    border: 10px solid #36E922;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    /*    height: 100%!important*/
}

.swiper-navigation-wrapper .swiper-pagination {
    position: relative;
}

.swiper .videoControl {
    position: absolute;
    bottom: 25px;
    color: #fff;
}

.swiper .videoControl:hover {
    cursor: pointer;
}

.swiper .videoControl.pause {
    right: 20px;
}

.swiper .videoControl.mute {
    left: 20px;
}

.swiper .wp-block-video .videoControl {
    /*	opacity: 0;*/
    transition: 0.2s ease-in-out;
}

.swiper .wp-block-video:hover .videoControl {
    opacity: 1;
}


.swiper-slide {
    height: auto !important;
    display: flex;
    flex-direction: column;
}

.swiper-slide article {
    height: 100% !important;

}

/* Infinite loop */
[data-infinite_loop="1"] .swiper-wrapper {
    transition-timing-function: linear !important;
    /* align-items: center; */
}

[data-fade_sides="1"] {
    -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}