/* ==========================================================================
   Homepage specific rules
   ========================================================================== */
.homepage__heroCarousel:not(.isEditMode) {
  height: clamp(650px, calc(100vh - ((11vh + 55px) + 64px)), calc(100vh - ((11vh + 55px) + 64px)));
  position: relative;
  /* 100% viewport height - ((search bar height) + main menu height) */
}
@media (max-width: 1009px) {
  .homepage__heroCarousel:not(.isEditMode) {
    height: clamp(360px, calc(100vh - ((11vh + 55px) + 120px)), calc(100vh - ((11vh + 55px) + 120px)));
    /* 100% viewport height - ((search bar height) + main menu height) */
  }
}
@media (max-width: 750px) {
  .mt-stage {
    height: calc(100% - 60px);
  }
  .homepage__heroCarousel:not(.isEditMode) {
    height: clamp(360px, calc(100% - (10vh + 40px)), calc(100% - (10vh + 40px)));
    /* 100% parent height - (search bar height) */
  }
}
/* ==========================================================================
   ROW Homepage specific rules
   ========================================================================== */
.herocarousel--ROW-edit-mode {
  width: 100vw;
  min-height: 715px;
  overflow: hidden;
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(90deg, #427aa6 0%, rgba(66, 122, 166, 0.5) 65%, rgba(66, 122, 166, 0) 100%), url("clientlib-homepage/resources/herocarousel-placeholder.webp");
  background-size: cover;
}
.herocarousel--ROW-edit-mode .heroBanner__title {
  max-width: 1009px;
  margin: 0 auto;
  color: white;
}
.herocarousel--ROW-edit-mode .heroBanner__title h1,
.herocarousel--ROW-edit-mode .heroBanner__title h2 {
  color: white;
}
.herocarousel--ROW-edit-mode .heroBanner__title h1 {
  margin: 115px 0 0 0;
  font-size: 70px;
  line-height: 75px;
}
.herocarousel--ROW-edit-mode .heroBanner__title h2 {
  font-family: 'Avant Garde for MT Bk', Arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
}
.mt_direction_right_to_left .herocarousel--ROW-edit-mode {
  margin-left: auto;
  margin-right: calc(-50vw + 50%);
}