/*------------------------------------------------------------
NEWSLETTER
====================================*/

/* Variables Custom */
$newsletter-font-weight: $font-weight-light !default;
$newsletter-color: $white !default;
$newsletter-bg: $dark !default;
$newsletter-padding-y-mobile: 3rem !default;
$newsletter-padding-x-mobile: 1.5rem !default;
$newsletter-padding-y-desktop: 4rem !default;
$newsletter-padding-x-desktop: 3rem !default;

$newsletter-title-font-size-mobile: 1.6rem !default;
$newsletter-title-font-size-desktop: 2.6rem !default;
$newsletter-title-font-weight: $font-weight-sbold !default;
$newsletter-title-font-color: $white !default;

$newsletter-form-max-width: 54rem !default;
/***************************************/

.newsletter-container {
  margin-bottom: 5rem;
}
.newsletter-wrapper {
  position: relative;
  padding: $newsletter-padding-y-mobile $newsletter-padding-x-mobile;
  text-align: center;
  font-weight: $newsletter-font-weight;
  color: $newsletter-color;
  background: $dark;
  form {
    margin: 1.5rem auto 0;
    max-width: $newsletter-form-max-width;
  }
  & > * {
    position: relative;
  }
}
.newsletter-title {
  font-size: $newsletter-title-font-size-mobile;
  font-weight: $newsletter-title-font-weight;
  color: $newsletter-title-font-color;
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(lg) {
  .newsletter-container {
    margin-bottom: 8rem;
  }
  .newsletter-wrapper {
    padding: $newsletter-padding-y-desktop $newsletter-padding-x-desktop;
  }
  .newsletter-title {
    font-size: $newsletter-title-font-size-desktop;
  }
}
