/* =============================================================================
// @name Homepage Styles
// @description Homepage specific styling.
// @group page
// @file src/sass/pages/home.page.scss
// ========================================================================== */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.l-homepage .l-nav--tabs {
  max-width: 65rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.l-homepage .l-page__banner {
  position: relative;
}

.l-homepage .l-page__banner .l-region {
  position: absolute;
  z-index: 100;
  right: 0;
  left: 0;
}

.l-homepage .l-page__primary,
.l-homepage .l-page__main {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
  background-color: #000;
}

@media (min-width: 62.6rem) {
  .l-homepage .l-page__main {
    padding-bottom: 5rem;
  }
}

@media (min-width: 62.6rem) {
  .l-homepage .carousel-nav {
    top: 40%;
    width: 46%;
  }
}

@media (min-width: 1801px) {
  .l-homepage .carousel-nav {
    top: 53%;
  }
}

.l-homepage .views__feed {
  display: none;
}

.l-homepage .node--type-landing-page {
  max-width: 60rem;
  margin: 0 auto;
  padding: 1.25rem;
  background-color: #fff;
}

@media (min-width: 62.6rem) {
  .l-homepage .node--type-landing-page {
    position: absolute;
    z-index: 200;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60rem;
    margin: 34% auto 0 auto;
  }
}

@media (min-width: 67.6rem) {
  .l-homepage .node--type-landing-page {
    width: 62.5rem;
    max-width: 62.5rem;
  }
}

@media (min-width: 62.6rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph .box {
    margin-top: 0;
  }
}

@media (min-width: 47.6rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph .box--highlighted {
    position: relative;
    top: auto;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
    width: calc(100% + 2.5rem);
  }
}

@media (min-width: 62.6rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph .box--highlighted {
    position: absolute;
    top: -1.25rem;
    right: -1.3125rem;
    width: auto;
  }
}

.l-homepage .node--type-landing-page .l-grid--paragraph .box--highlighted .form-item__control--select,
.l-homepage .node--type-landing-page .l-grid--paragraph .box--highlighted .form-item__control--text {
  border: 1px solid transparent;
}

.l-homepage .node--type-landing-page .l-grid--paragraph > * {
  padding-top: 0.625rem;
}

.l-homepage .node--type-landing-page .l-grid--paragraph > *:not(:last-child) {
  padding: 0.625rem 1.25rem 0 0;
  border-right: 1px solid #e8e8e8;
}

@media (max-width: 47.4rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph > *:not(:last-child) {
    padding: 0.625rem 0 1.25rem 0;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
  }
}

.l-homepage .node--type-landing-page .l-grid--paragraph > *:nth-last-child(2) {
  border-right: none;
}

.l-homepage .node--type-landing-page .l-grid--paragraph > *:last-child {
  position: relative;
  padding: 1.25rem 0 0 0;
}

@media (max-width: 47.4rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph > *:last-child {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: none;
    margin: 1.25rem -0.625rem -1.25rem -0.625rem;
  }
}

@media (min-width: 47.6rem) {
  .l-homepage .node--type-landing-page .l-grid--paragraph > *:last-child {
    padding: 0;
  }
}

.l-homepage .node--type-landing-page .l-grid--paragraph .button--views-submit {
  max-width: none;
}