
.newsletter .row > div {
  padding-bottom: 0;
}
.subscribe-box {
  .inline-subscribe-form {
    display: flex;
    flex-direction: row;
    font-size: $font-size-16;

    > * {
      border-radius: 0;
      border: none;
    }
    input {
      flex: 1 1 70%;
      background: $primary-color;
      border: 3px solid $secondary-color;
      font-weight: $font-weight-normal;
      font-style: italic;
    }

    button {
      flex: 1 1 30%;
      background: $tertiary-color;
      border: 3px solid $secondary-color;
      border-left: none;
      color: $secondary-color;
      font-weight: $font-weight-bold;
      &:hover {
        background: $secondary-color;
        color: $white;
    }

    }
  }
}

.subscribe-box.border-rounded .inline-subscribe-form > *:first-child{
  border-radius: 500px 0 0 500px;
}
.subscribe-box.border-rounded .inline-subscribe-form > *:last-child{
  border-radius: 0 500px 500px 0;
}



/* CTA - Content */
.cta-cont {
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  overflow: hidden;

  .newsletter{
    border: 3px solid $secondary-color;
    padding: 50px 125px;
    background: $tertiary-color;
  }

  h3{
    font-size: $font-size-18;
    letter-spacing: 0;
    text-align: left;
    padding-bottom: 10px;
    font-weight: $font-weight-bold;
  }

  p{
    font-size: $font-size-16;
    font-weight: $font-weight-normal;
    text-align: left;
  }

  @include media-breakpoint-down(md) {
    padding: 60px 0;
  }
}