//==============================================
// Hero header
//==============================================

/**
 * HEADER CONTAINER
 * Wraps Widgets areas + Image || Video || Carrusel
 */
.home-header {
  position: relative;
  flex-direction: column;
  background-color: var(--hero-bg-color);
  z-index: 2;
  overflow-x: hidden;
  overflow-y: clip;
}

.home-header h1,
.home-header h2,
.home-header h3,
.home-header h4,
.home-header h5,
.home-header h6 {
  color: var(--home-header-widget-title);
  text-align: var(--home-header-widget-title-align);
}

.home-header p {
  color: var(--home-header-widget-text);
  text-align: var(--home-header-widget-text-align);
}

.home-header a {
  color: var(--home-header-widget-link);
  &:hover {
    opacity: 0.5;
    text-decoration: underline;
  }
}

@media (min-width: 768px) {
  .home-header {
    flex-direction: row;
  }
  .home-left {
    align-items: flex-start;
  }
  .home-right {
    align-items: flex-end;
  }
}

.home-header_background {
  width: 100%;
}

// Background image, video & carousel
.home-header_background-img,
.home-header_background-video,
.home-header_background_carrusel .carrusel-item img {
  width: 100%;
  object-fit: cover;
  height: var(--home-header-bg-height-sm);
  filter: brightness(var(--hero-img-brightness));
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
  .home-header_background-img,
  .home-header_background-video,
  .home-header_background_carrusel .carrusel-item img {
    height: var(--home-header-bg-height-lg); // min 700px
    overflow: hidden;
  }
}

.home-header_background-video-container {
  margin-bottom: -6px;
}

@media (min-width: 1200px) {
  .home-header_background-video-container {
    height: 700px;
    overflow: hidden;
  }
}

/**
 * WIDGET AREAS
 * They stacks on small screens
 */

.home-header_content {
  display: flex;
  flex-direction: column;
  min-height: fit-content;
  align-items: center;
  justify-content: center;
}

.home-header_content_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 100%;
}

.home-alone:not(.form),
.home-left:not(.form),
.home-right:not(.form) {
  color: var(--white);
}

.mybooking-widget_header-left,
.mybooking-widget_header-right {
  padding: 1rem;
}

@media (min-width: 992px) {
  .mybooking-widget_header-left,
  .mybooking-widget_header-right {
    padding: 1rem;
  }
  .header-container_margin {
    margin-top: 50px;
  }

  .home-header_content_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 960px !important;
  }
  .home-header_content_container_sticky {
    transform: none !important;
  }
}

@media (max-width: 991.98px) {
  .home-header {
    background-color: #fff;
  }
  .home-header h1,
  .home-header h2,
  .home-header h3,
  .home-header h4,
  .home-header h5,
  .home-header h6 {
    color: #424242;
    text-align: left;
  }

  .home-header p {
    color: #424242;
    text-align: left;
  }
  .home-header a {
    color: var(--brand-primary);
    text-decoration: none;
  }
}
