.layout-lingotti {
  @media screen and($bp-larger-than-phablet) {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  .layout-title {
    position: relative;
    text-align: center;
    margin: 0 auto 7.5rem;
    z-index: 0;
    font-size: calc(1.5em + 1.5vw);
    letter-spacing: 2px;
    span {
      z-index: 1;
      background-color: $white;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      &:after {
        content:'';
        @extend .centered;
        height: 1px;
        width: 100%;
        background-color: $primary-color;
        z-index: -1;
      }
    }
    @media screen and($bp-larger-than-mobile) {
      max-width: 75%;
      span {
        padding-left: 3rem;
        padding-right: 3rem;
      }
    }
  }
  .block-content {
    text-align: center;
    .step-title {
      font-size: calc(5em + 5vw);
      font-family: $font-family-sans-serif;
      color: $primary-color;
      font-weight: 500;
      margin-bottom: 0;
    }
  }
  .lingotto-teaser {
    margin-bottom: 12.5rem;
    figure {
      img {
        width: 100%;
        max-width: 12.5rem;
        height: auto;
      }
    }
    .content {
      header {
        h3 {
          font-size: 1.075em;
          font-weight: 400;
          letter-spacing: .05rem;
          font-family: $font-family-sans-serif;
          margin-bottom: .5rem;
          margin-top: 2rem;
        }
      }
      .excerpt {
        height: 10rem;
        overflow: hidden;
      }
      .pricing {
        width: 100%;
        display: block;
        font-size: .95em;
      }
      .btn.boxed {
        margin-top: 3rem;
        width: 70%;
        min-width: 0;
        font-size: 1.25em;
      }
    }
  }
}

// BOOK LINGOTTO POPUP
.book-gold-popup {
  z-index: 9999;
  @extend .centered;
  position: fixed;
  width: 100%;
  max-width: 80vw;
  height: 90vh;
  background-color: $white;
  display: none;
  padding: 1.5rem 1.5rem;
  box-shadow: 0 2px 30px rgba($black, .35);
  overflow: hidden;
  overflow-y: auto;
  @media screen and($bp-larger-than-phablet) {
    height: 80vh;
    max-width: 50rem;
    padding: 2rem 3.5rem;
  }
  .close-overlay {
    cursor: pointer;
    position: absolute;
    top: 4rem;
    right: 3.5rem;
    i {
      color: $black;
      font-size: 1.25em;
    }
  }
  .inner-wrapper {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .gform_wrapper {
    .gform_footer {
      border: none !important;
      input[type=button], input[type=submit] {
        @extend .btn;
        @extend .btn-primary;
        text-transform: uppercase;
        padding: .75rem 2rem .5rem;
        border-radius: 0;
        transition: all .4s $easing;
        &:hover {
          background-color: $black;
        }
      }
    }
  }
}
