/* --- Block Header Media & Text
-------------------------------------------------------- */

.content>.video-play,
.content.has-text-align-center>.video-play {
    justify-content: center;
    text-decoration: none;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}


.content.has-text-align-left>.video-play {
    justify-content: flex-start;
}

.content.has-text-align-right>.video-play {
    justify-content: flex-end;
}

.content>.video-play>span {
    display: inline-block;
    padding-left: 7px;
}

.modal.active .close {
    left: unset;
    top: 50px;
    right: 50px;
}


.wp-block-custom-header-media-with-title-and-nav .content span,
.wp-block-custom-header-media-with-video .content span,
.wp-block-custom-header-media .content span {
    font-weight: 700;
    font-size: var(--wp--preset--font-size--body-medium);
    transition: all 0.3s ease-in-out;
}

.wp-block-custom-header-media-with-title-and-nav .video-play:hover span,
.wp-block-custom-header-media-with-video .video-play:hover span,
.wp-block-custom-header-media .video-play:hover span {
    letter-spacing: 1px;
}

/* When Media Left and Right */

.wp-block-media-text:not(.is-stacked-on-mobile).has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

.wp-block-media-text:not(.is-stacked-on-mobile):not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}


/* --- Block Header Media & Text With Title and Navigation
-------------------------------------------------------- */

.wp-block-custom-header-media-with-video .content svg,
.wp-block-custom-header-media-with-video .content span,
.wp-block-custom-header-media-with-title-and-nav .content svg,
.wp-block-custom-header-media-with-title-and-nav .content span,
.wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-search .search-controller svg,
.wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-social .social-controller svg {
    color: var(--wp--preset--color--color-light);
    fill: var(--wp--preset--color--color-light);
}

.wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a,
.wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open {
    color: var(--wp--preset--color--color-light);
}

.wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a:hover,
.wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a:focus,
.wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open:hover,
.wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open:focus,
.wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-search .search-controller:hover svg,
.wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-social .social-controller:hover svg {
    color: var(--wp--preset--color--text-link);
    fill: var(--wp--preset--color--text-link);
}

.wp-block-cover.wp-block-custom-header-media-with-title-and-nav .block-editor-block-list__layout {
    width: auto; // For Editor
}

.wp-block-custom-header-media-with-title-and-nav .wp-block-main-header {
    padding-bottom: 10px;
}

.wp-block-custom-header-media-with-title-and-nav.wp-block-section {
    padding-top: 0;
}

.wp-block-custom-header-media-with-title-and-nav .wp-block-main-header .wp-block-button__link,
.wp-block-main-header .wp-block-button__link {
    margin-top: 0; // For Editor
}

.wp-block-custom-header-media-with-title-and-nav .content>.video-play>span {
    padding-left: 14px; // For Editor
}


/* For Wp Custom Block - Popup Video Overlay Issues */

.wp-block-custom-header-media-with-title-and-nav .wp-block-social-search-container {
    z-index: 3;
}

.wp-block-custom-header-media-with-title-and-nav {
    z-index: 2;
}

.wp-block-custom-header-media-with-video.wp-block-cover .wp-block-cover__inner-container,
.wp-block-custom-header-media-with-title-and-nav.wp-block-cover .wp-block-cover__inner-container {
    z-index: inherit;

}

.wp-block-custom-header-media-with-video .wp-block-media-text__media,
.wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__media {
    z-index: 2;
}

.wp-block-custom-header-media.wp-block-cover .wp-block-cover__inner-container {
    position: initial;
}

.wp-block-custom-header-media-with-video .wp-block-media-text__content>*:not(.wp-block-buttons),
.wp-block-custom-header-media-with-video .wp-block-media-text__content .wp-block-buttons .wp-block-button,
.wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__content>*:not(.wp-block-buttons),
.wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__content .wp-block-buttons .wp-block-button {
    position: relative;
    z-index: 2;
}

.wp-block-custom-header-media-with-video .wp-block-fse-pro-popup-video .content,
.wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-popup-video .content {
    position: relative;
}

/* --- Block Header Transparent
-------------------------------------------------------- */

header .header-transparent {
    position: absolute !important;
    width: 100% !important;
    z-index: 10;
    transition: all 0.4s;
}

.wp-block-featured-slider.wp-block-section,
.wp-block-custom-header-media.wp-block-section {
    height: 100vh;
}

.wp-block-custom-header-media.wp-block-section.wp-sports-header-media {
    height: auto;
    min-height: 80vh;
}

.wp-block-cover.wp-block-custom-header-media .wp-block-cover__image-background,
.wp-block-cover-image .wp-block-cover__image-background {
    object-position: top;
}

.wp-block-custom-header-media {
    position: relative;

}

.wp-block-custom-header-media .wp-block-media-text__content {
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1) 0.4s;
    transition-delay: 1.2s;
    max-width: 550px;
}

.wp-block-custom-header-media .has-media-on-the-right .wp-block-media-text__content {
    max-width: 650px;
    padding: 0;
    z-index: 9;
}

.block-editor-block-list__block.wp-block-main-header {
    padding: 0 30px
}

//Scroll down arrow CSS
body .wp-block-custom-header-media .scroll-down {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 99;

    .wp-element-button {
        width: 50px;
        height: 50px;
        text-indent: -999px;
        display: block;
        border-radius: 50% !important;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        line-height: 50px;
        overflow: hidden;
        position: relative;

        &::before {
            width: 2px;
            height: 20px;
            background-color: var(--wp--preset--color--color-light);
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.4s;
        }

        &::after {
            width: 10px;
            height: 10px;
            content: '';
            position: absolute;
            left: 18px;
            top: 21px;
            border-bottom: 2px solid var(--wp--preset--color--color-light);
            border-right: 2px solid var(--wp--preset--color--color-light);
            transform: rotate(45deg);
            transition: all 0.4s;
        }

        &:hover::before {
            background-color: var(--wp--preset--color--text-link);

        }

        &:hover::after {
            border-bottom: 2px solid var(--wp--preset--color--text-link);
            border-right: 2px solid var(--wp--preset--color--text-link);
        }
    }

}

.block-editor-block-list__block.wp-block-custom-header-media .block-editor-block-list__layout.wp-block-template-part {
    position: inherit;

    .scroll-down {
        right: 50px;
        bottom: 50px;

        .wp-element-button {
            width: 80px;
            height: 80px;

            &:after {
                left: 32px;
                top: 37px;
            }
        }
    }
}

body:has(.sticky-playlist) .scroll-down {
    bottom: 140px;
}

/** header media slider **/
.wp-block-header-media-slider {
    position: relative;
    padding: 0 !important;
    overflow: hidden;

    .wp-block-fse-pro-slider {
        margin: 0 !important;
        height: 100%;

        &:hover .navigation-wrap {
            opacity: 1;
            visibility: visible;
        }

        .navigation-wrap {
            opacity: 0;
            visibility: hidden;
        }

        &::before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: '';
            background-color: #1f1e1e;
            opacity: 0.3;
            z-index: 2;
        }

        .wp-block-cover {
            height: 100vh;

            p {
                display: none;
            }
        }
    }



    .wp-header-media-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        width: 90%;

        .wp-block-buttons {
            margin: 0;
        }
    }
}

.wp-block-custom-header-media .has-colossal-font-size {
    line-height: 1 !important;

}

.wp-block-custom-header-media .wp-block-image .components-resizable-box__container {
    display: table;
    max-width: 100% !important;
}

.wp-block-custom-header-media .fse-slider-wrapper,
.wp-block-custom-header-media .fse-slider-wrapper .wp-block-image {
    overflow: hidden;
}

.wp-block-custom-header-media .fse-slider-wrapper .wp-block-image img,
.wp-block-custom-header-media .fse-slider-wrapper .wp-block-image {
    height: 100%;
    object-fit: cover;
    width: 100%;
    transform: scale(1.05);
    transition: all 1.8s;

}

.wp-block-custom-header-media .fse-slider-wrapper .swiper-slide-active .wp-block-image img {
    transform: scale(1);
}

.fse-pro-animation h2.wp-block-heading {
    margin-block-end: 0;
}

.header-media-inner-post+.entry-content.wp-block-post-content {
    margin-top: 0;
}

.wp-block-fse-pro-slides {
    overflow: hidden;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 70px;
    gap: 1.5rem;
    display: flex;
    justify-content: center;
}


.swiper-pagination-bullet {
    background-color: var(--wp--preset--color--color-light) !important;
    opacity: 0.5;
    border: 1px solid transparent;
    transition: all 0.4s;
}

.wp-block-custom-header-media .swiper-pagination-bullet-active {
    background-color: transparent !important;
    transform: scale(2);
    border: 1px solid #fff;
    opacity: 1;
}

.wp-block-custom-header-media .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after,

.swiper-pagination-bullet-active::before {
    display: none;
}



.wp-block-custom-header-media .wp-block-sub-heading,
.wp-block-custom-header-media .wp-block-buttons {
    transform: translateY(15px);
    position: relative;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}

.wp-block-custom-header-media .anim-text.block-editor-block-list__block,
.wp-block-custom-header-media .wp-block-sub-heading.block-editor-block-list__block,
.wp-block-custom-header-media .wp-block-buttons.block-editor-block-list__block,
.wp-block-custom-header-media .wp-block-sub-heading.show,
.wp-block-custom-header-media .wp-block-buttons.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.wp-block-custom-header-media {

    .anim-text {
        opacity: 0;
        visibility: hidden;
    }

    .anim-text.show {
        opacity: 1;
        visibility: visible;
    }

    .anim-text span {
        opacity: 0;
        transition: opacity 1s ease-out;
    }

    .anim-text.show span.fade {
        opacity: 1;
        letter-spacing: -0.25px;
    }

    .fse-slider-wrapper .swiper-button-prev,
    .fse-slider-wrapper .swiper-button-next {
        width: 25px;
        height: 25px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(315deg);
        background-color: transparent;

        &::after {
            display: none;
        }

    }

    .fse-slider-wrapper .swiper-button-prev {
        transform: rotate(135deg);
    }

    .fse-slider-wrapper .swiper-button-prev {
        left: 30px;
    }

    .fse-slider-wrapper .swiper-button-next {
        right: 30px;
    }
}

.wp-header-media-slider .block-editor-block-list__block.wp-block-image {
    height: 100%;

    img {
        height: 100%;
        object-fit: cover;
    }
}

.header-media-inner-post .wp-block-cover .wp-block-search__input {
    background: var(--wp--preset--color--color-light);
    border: 1px solid var(--wp--preset--color--color-light);
    color: var(--wp--preset--color--color-dark)
}

.header-media-inner-post .wp-block-cover .wp-block-cover__inner-container {
    max-width: 1100px;
    width: 95%;
}

.header-media-inner-post .wp-block-cover {
    padding-top: var(--wp--preset--spacing--105);
    padding-bottom: var(--wp--preset--spacing--105);
}

.header-media-inner-post .wp-block-cover .wp-block-cover__inner-container>.wp-block-group {
    padding-top: var(--wp--preset--spacing--95);
    padding-bottom: var(--wp--preset--spacing--75);
}

.style-variation-dark .wp-block-query-no-results .wp-block-image img {
    filter: invert(1);
}