/* Hero full Component */
/* Media query breakpoints */
@font-face {
  font-display: swap;
  font-family: "Alaska Light";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/alphega_theme/assets/fonts/alaska/Alaska-Light.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Alaska Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/alphega_theme/assets/fonts/alaska/Alaska-Regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Alaska Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/alphega_theme/assets/fonts/alaska/Alaska-Medium.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Alaska Semibold";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/alphega_theme/assets/fonts/alaska/Alaska-SemiBold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Alaska Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/alphega_theme/assets/fonts/alaska/Alaska-Bold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/alphega_theme/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/alphega_theme/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/alphega_theme/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.c-hero__title {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .c-hero__title {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1660px) {
  .c-hero__title {
    padding-top: 76px;
    padding-bottom: 53px;
  }
}
.c-hero__image-text {
  position: relative;
}
.c-hero .container__text {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .c-hero .container__text {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    padding-bottom: 0;
  }
}
.c-hero__image img {
  width: 100%;
  aspect-ratio: 5/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  filter: brightness(85%);
}
@media (min-width: 768px) {
  .c-hero__image img {
    aspect-ratio: unset;
    min-height: 420px;
    max-height: 620px;
  }
}
@media (min-width: 768px) {
  .c-hero__text {
    max-width: 50%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 992px) {
  .c-hero__text {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .c-hero__text {
    max-width: 408px;
    padding: 45px;
  }
}
.c-hero__text p {
  margin: 0;
}
.c-hero__text p + p {
  margin-top: 15px;
}
.c-hero--image-right {
  --spacing-gutter: var(--gutter-container);
  --padding-container: calc((100% - 1440px + 24px) / 2);
  align-items: center;
  padding-left: var(--padding-container);
}
@media (min-width: 1400px) {
  .c-hero--image-right {
    padding-left: var(--padding-container);
  }
}
.c-hero--image-right .c-hero__content {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .c-hero--image-right .c-hero__content {
    gap: 65px;
    flex-wrap: inherit;
  }
}
.c-hero--image-right .c-hero__title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .c-hero--image-right .c-hero__title {
    font-size: 2.625rem;
    line-height: 3rem;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1660px) {
  .c-hero--image-right .c-hero__title {
    font-size: 3.125rem;
    line-height: 3.625rem;
    padding-top: 53px;
    padding-bottom: 53px;
  }
}
.c-hero--image-right .c-hero__image img {
  aspect-ratio: 1.46/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  filter: brightness(85%);
}
@media (min-width: 768px) {
  .c-hero--image-right .c-hero__image img {
    aspect-ratio: 1.46/1;
    min-height: auto;
    max-height: 100%;
  }
}
.c-hero--image-right .c-hero__left {
  display: flex;
  justify-content: flex-end;
  padding: 0 24px;
  flex: 0 1 100%;
}
@media (min-width: 768px) {
  .c-hero--image-right .c-hero__left {
    padding-left: 24px;
    min-width: 440px;
  }
}
@media (min-width: 1400px) {
  .c-hero--image-right .c-hero__left {
    flex: 0 1 34%;
  }
}
@media (min-width: 1400px) {
  .c-hero--image-right .c-hero__left {
    padding: 0;
  }
}
.c-hero--image-right .c-hero__right {
  flex: 0 1 100%;
}
@media (min-width: 1400px) {
  .c-hero--image-right .c-hero__right {
    flex: 0 1 auto;
  }
}
/*# sourceMappingURL=hero.css.map */
