/* Hero */

.samasti-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 580px;
  max-height: 740px;
  height: 100vh;
  padding: 40px 0;
  color: #ffffff;
  background-position: center;
  background-size: cover;
  overflow: visible;
}
.samasti-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--samasti-hero-overlay-opacity, 0.75));
}
.samasti-hero > * {
  position: relative;
  z-index: 1;
  width: 100%;
}
.samasti-hero__content {
  max-width: 520px;
}
.samasti-hero:not(.has-overlay-image) .samasti-hero__content {
  width: 100%;
  max-width: none;
}
.samasti-hero.is-content-horizontal-left .samasti-hero__content {
  text-align: left;
}
.samasti-hero.is-content-horizontal-center .samasti-hero__content {
  text-align: center;
}
.samasti-hero.is-content-horizontal-right .samasti-hero__content {
  text-align: right;
}
.samasti-hero.is-content-horizontal-left .samasti-hero__actions {
  justify-content: flex-start;
}
.samasti-hero.is-content-horizontal-center .samasti-hero__actions {
  justify-content: center;
}
.samasti-hero.is-content-horizontal-right .samasti-hero__actions {
  justify-content: flex-end;
}
.samasti-hero__content .lead {
  color: rgba(246, 243, 238, 0.9);
  text-align: inherit;
}
.wp-block-samasti-hero .samasti-inline-font-size--small {
  font-size: 0.5em;
}
.wp-block-samasti-hero .samasti-inline-font-size--large {
  font-size: 1.15em;
}
.wp-block-samasti-hero .samasti-inline-font-size--xlarge {
  font-size: 1.35em;
}
.samasti-hero__image {
  width: 550px;
  max-width: 100%;
  margin-left: auto;
}
.samasti-hero__image img {
  width: 100%;
  display: block;
  box-shadow: 0 0 50px rgba(160, 160, 160, 0.35);
  transform: translateY(140px);
  object-fit: cover;
}
.samasti-hero .samasti-hero__content h1 {
  color: #fff;
}
.samasti-hero .btn-outline-light {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.85);
  color: #ffffff;
}
.samasti-hero .btn-outline-light:hover,
.samasti-hero .btn-outline-light:focus {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--samasti-dark, #2f3440);
}
@media (min-width: 992px) {
  .samasti-hero.has-overlay-image {
    margin-bottom: calc(32px + 72px);
  }
}
@media (min-width: 768px) {
  .samasti-hero:not(.has-overlay-image).is-content-vertical-top .samasti-hero__inner {
    align-self: flex-start !important;
  }
  .samasti-hero:not(.has-overlay-image).is-content-vertical-center .samasti-hero__inner {
    align-self: center !important;
  }
  .samasti-hero:not(.has-overlay-image).is-content-vertical-bottom .samasti-hero__inner {
    align-self: flex-end !important;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__inner,
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__inner,
  .samasti-hero.has-overlay-image.is-content-vertical-bottom:not(.has-legacy-vertical-alignment) .samasti-hero__inner {
    align-self: stretch !important;
    display: flex;
    flex-direction: column;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__layout,
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__layout,
  .samasti-hero.has-overlay-image.is-content-vertical-bottom:not(.has-legacy-vertical-alignment) .samasti-hero__layout {
    flex: 1;
    align-items: stretch !important;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__content-column,
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__content-column,
  .samasti-hero.has-overlay-image.is-content-vertical-bottom:not(.has-legacy-vertical-alignment)
    .samasti-hero__content-column {
    align-self: stretch !important;
    display: flex;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__content-column {
    align-items: flex-start;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__content-column {
    align-items: center;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-bottom:not(.has-legacy-vertical-alignment)
    .samasti-hero__content-column {
    align-items: flex-end;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__media-column,
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__media-column,
  .samasti-hero.has-overlay-image.is-content-vertical-bottom:not(.has-legacy-vertical-alignment)
    .samasti-hero__media-column {
    display: flex !important;
    align-items: flex-end;
  }
}
@media (max-width: 991px) {
  .samasti-hero {
    height: auto;
    padding: 80px 0 40px;
  }
  .samasti-hero__image img {
    transform: none;
  }
}
@media (max-width: 767px) {
  .samasti-hero {
    height: 100vh;
  }
  .samasti-hero .container,
  .samasti-hero .samasti-hero__inner,
  .samasti-hero .row {
    height: 100%;
  }
  .samasti-hero .row {
    align-items: center;
  }
  .samasti-hero:not(.has-overlay-image) .samasti-hero__inner {
    display: flex;
    flex-direction: column;
  }
  .samasti-hero:not(.has-overlay-image).is-content-vertical-top .samasti-hero__inner {
    justify-content: flex-start;
  }
  .samasti-hero:not(.has-overlay-image).is-content-vertical-center .samasti-hero__inner {
    justify-content: center;
  }
  .samasti-hero:not(.has-overlay-image).is-content-vertical-bottom .samasti-hero__inner {
    justify-content: flex-end;
  }
  .samasti-hero:not(.has-overlay-image).has-legacy-vertical-alignment .samasti-hero__inner {
    justify-content: center;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-top .samasti-hero__content-column {
    align-self: flex-start !important;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-center .samasti-hero__content-column {
    align-self: center !important;
  }
  .samasti-hero.has-overlay-image.is-content-vertical-bottom .samasti-hero__content-column {
    align-self: flex-end !important;
  }
  .samasti-hero.has-overlay-image.has-legacy-vertical-alignment .samasti-hero__content-column {
    align-self: center !important;
  }
  .samasti-hero__content {
    margin: 0 auto;
  }
  .samasti-hero.has-legacy-horizontal-alignment .samasti-hero__content {
    text-align: center;
  }
  .samasti-hero .btn {
    width: 100%;
  }
}