/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.newsletter {
  background-color: #7DE3CF;
  background-repeat: no-repeat;
  background-size: 111% auto;
  background-position: -100px bottom;
  background-position: -18.51851852vw bottom;
  background-image: url(../../img/v7/svgs/newsletter.svg);
}
.newsletter.extra {
  background-image: none;
}
.newsletter.extra img {
  display: block;
  position: absolute;
  right: 0;
  bottom: 40px;
  bottom: 7.40740741vw;
  width: 90%;
}
.newsletter.extra .content-wrap {
  padding-bottom: 300px;
  padding-bottom: 55.55555556vw;
}
.newsletter.extra .section-wrap {
  position: relative;
  z-index: 2;
}
.newsletter .section-header .section-title {
  text-align: left;
  margin-bottom: 0.3em !important;
}
.newsletter .section-header p {
  margin: 0;
}
.newsletter .section-header p.thank-you {
  display: none;
}
.newsletter form [name=newsletter-signup-first-name] {
  width: 40%;
  margin-right: 5%;
}
.newsletter form [name=newsletter-signup-last-name] {
  width: 55%;
}
.newsletter form [name=newsletter-signup-email] {
  width: 100%;
}
.newsletter form .inputs-wrap {
  margin: 60px 0 24px 0;
  margin: 11.11111111vw 0vw 4.44444444vw 0vw;
}
.newsletter.submitted .section-header p {
  display: none;
}
.newsletter.submitted .section-header p.thank-you {
  display: block;
}
@media screen and (min-width: 768px) {
  .newsletter {
    background-position: -142.22222222px bottom;
    background-position: -18.51851852vw bottom;
  }
  .newsletter.extra img {
    bottom: 56.88888889px;
    bottom: 7.40740741vw;
  }
  .newsletter.extra .content-wrap {
    padding-bottom: 426.66666667px;
    padding-bottom: 55.55555556vw;
  }
  .newsletter form .inputs-wrap {
    margin: 85.33333333px 0 34.13333333px 0;
    margin: 11.11111111vw 0vw 4.44444444vw 0vw;
  }
}
@media screen and (min-width: 1024px) {
  .newsletter {
    overflow: hidden;
  }
  .newsletter.can-edit,
  .newsletter.editing {
    position: relative;
  }
  .newsletter.can-edit:after,
  .newsletter.editing:after {
    position: absolute;
    width: 100%;
    display: block;
    top: 40%;
    z-index: 3;
    text-align: center;
    color: red;
    font-size: 30px;
    font-weight: 500;
    background-color: white;
    padding: 15px;
    width: 114px;
    left: 50%;
    margin-left: -57px;
  }
  .newsletter.can-edit:not(.editing) {
    cursor: pointer;
  }
  .newsletter.can-edit:not(.editing):hover {
    position: relative;
  }
  .newsletter.can-edit:not(.editing):hover:after {
    content: "Edit";
  }
  .newsletter.editing:after {
    content: "Editing";
    color: #3B7598;
  }
  .newsletter .section-title {
    margin-bottom: 13.86666667px !important;
    margin-bottom: 1.35416667vw !important;
  }
  .newsletter.basic {
    background-size: 100% auto;
    background-position: -307.2px 99%;
    background-position: -30vw 99%;
  }
  .newsletter.basic .section-header,
  .newsletter.basic form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }
  .newsletter.extra img {
    bottom: 21.33333333px;
    bottom: 2.08333333vw;
    width: 54%;
  }
  .newsletter.extra .content-wrap {
    width: 50%;
    padding-bottom: 0;
  }
  .newsletter .section-header {
    padding-right: 10%;
  }
  .newsletter .section-header p {
    width: auto;
  }
  .newsletter form .inputs-wrap {
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  .newsletter .section-title {
    margin-bottom: 19.5px !important;
    margin-bottom: 1.35416667vw !important;
  }
  .newsletter.basic {
    background-position: -432px 99%;
    background-position: -30vw 99%;
  }
  .newsletter.extra img {
    bottom: 30px;
    bottom: 2.08333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .newsletter .section-title {
    margin-bottom: 26px !important;
    margin-bottom: 1.35416667vw !important;
  }
  .newsletter.basic {
    background-position: -576px 99%;
    background-position: -30vw 99%;
  }
  .newsletter.extra img {
    bottom: 40px;
    bottom: 2.08333333vw;
  }
}
/*# sourceMappingURL=_newsletter.css.map */