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

.wp-block-custom-header-media h2 {
  font-size: var(--wp--custom--typography--font-size--huge-post-title);
  font-family: var(--wp--preset--font-family--playfair-display);
  line-height: var(--wp--custom--typography--line-height--huge-post-title);
  margin: 0;
}



.content>.video-play {
  display: flex;
  align-items: center;
}

.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-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: 99;
}

.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.25;
      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: 9;
    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-image img,
.wp-block-custom-header-media .fse-slider-wrapper .wp-block-image {
  height: 100%;
  object-fit: cover;
  width: 100%;

}