/**
 * Hero Space Block Styles
 */
.hero-space {
  position: relative;
  min-height: 550px;
  font-size: 16px;
  padding-top: 4.5rem; }
  @media (max-width: 1500px) {
    .hero-space {
      font-size: 14px; } }
  @media (max-width: 1200px) {
    .hero-space {
      font-size: 12px; } }
  @media (max-width: 991.98px) {
    .hero-space {
      padding-top: 0; } }
  .hero-space .row {
    margin-left: calc(calc(100vw - var(--wp--custom--container-width)) / 2);
    margin-right: 0; }
    @media (max-width: 991.98px) {
      .hero-space .row {
        padding: 0 !important; } }
  .hero-space .row > div {
    display: flex;
    justify-content: flex-start;
    flex-direction: column; }
    .hero-space .row > div:last-child {
      padding-right: 0; }
  .hero-space figure {
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    margin-bottom: -4em;
    aspect-ratio: 1246.5 / 918; }
    @media (max-width: 991.98px) {
      .hero-space figure {
        border-radius: 0 !important; } }
  .hero-space video {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .hero-space .content-container {
    width: 682px;
    max-width: 100%; }
    @media (max-width: 991.98px) {
      .hero-space .content-container {
        width: 100%;
        padding: 4em;
        padding-bottom: 12em; } }
  .hero-space .subtitle {
    font-size: 1.25em;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 2em; }
    @media (max-width: 991.98px) {
      .hero-space .subtitle {
        margin-top: 0; } }
  .hero-space .preamble {
    margin: 1em 0;
    font-size: 1.625em; }
    @media (max-width: 991.98px) {
      .hero-space .preamble {
        font-size: 1rem; } }
  .hero-space h1,
  .hero-space p,
  .hero-space a {
    z-index: 1; }
  .hero-space h1 {
    margin: 0;
    font-size: 3.375em; }
    @media (max-width: 991.98px) {
      .hero-space h1 {
        font-size: 1.625rem; } }
  .hero-space .btn-container {
    text-align: right;
    margin-top: 1em;
    position: relative; }
    @media (max-width: 991.98px) {
      .hero-space .btn-container {
        text-align: center; } }
  @media (max-width: 1500px) {
    .hero-space .row {
      margin-left: calc(var(--wp--custom--container-padding) - (var(--wp--custom--container-padding) * 2));
      padding-left: var(--wp--custom--container-padding); } }
  @media (max-width: 991.98px) {
    .hero-space figure {
      border-radius: 20px;
      margin-top: 0;
      margin-bottom: 0; }
    .hero-space .row {
      padding-right: var(--wp--custom--container-padding);
      flex-direction: column-reverse; } }
  @media (max-width: 767.98px) {
    .hero-space .row > div {
      padding-right: var(--wp--custom--container-padding);
      padding-left: var(--wp--custom--container-padding); } }
  .hero-space.stripes-top::before, .hero-space.stripes-bottom::before {
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute; }
  .hero-space.stripes-bottom::before {
    background-image: url('data:image/svg+xml,<svg width="1512" height="41" viewBox="0 0 1512 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-101.025 26L1559 26L1511.59 41H-135L-101.025 26Z" fill="%233D598A"/><path d="M-52.1712 0H1585L1538.91 15H-83L-52.1712 0Z" fill="%23A7BCE1"/></svg>');
    width: 100%;
    bottom: 2.5625rem;
    background-size: cover;
    background-repeat: repeat;
    height: 2.7em; }
  .hero-space.stripes-top::before {
    width: 33.13rem;
    height: 4.43rem;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="503" height="71" viewBox="0 0 503 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.70709 45L484 45L470.455 71H0L9.70709 45Z" fill="%233D598A"/><path d="M24.0195 0H503L489.514 26H15L24.0195 0Z" fill="%23A7BCE1"/></svg>');
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2; }

/*# sourceMappingURL=hero-space.css.map */