/* 1025 is used instead of 1024 because touch devices design is not specified */
/* Mixin to use if touch devices design is specified */
/* Ignore, hover Device with limited pointing accuracy (touch) */
/**
 * Returns a curve from the $transition-curves list
 */
/**
 * Returns a speed from the $transition-times list
 */
/**
 * Returns a transition string
 * used internally by byl-transition and byl-complex-transition mixins
 * @param {string} property - property to be transitioned (i.e. width)
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 */
/*
 * Returns a transition with one or multiple properties and common speed, curve and delay.
 * @param {String,List} string with the property, or each value of the list is a property
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 * Examples of use:
 * @include byl-transition((border-color));
 * @include byl-transition((border-color, height), speed(t2));
 * @include byl-transition((border-color, height), null, curve(ease3));
*/
/*
 * Returns a transition with multiple properties and independent speed, curve and delay.
 * @param {List} each value of the list is in turn a list for each transition properties and values
 * Expected order in each transition will be property, speed, curve and delay
 * Examples of use:
 * @include byl-complex-transition((height, speed(t3)), (opacity, null, curve(ease3)));
*/
.main--email-subscribe-landing {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

@media (min-width: 768px) {
  .page.page--email-subscribe-landing > .main--email-subscribe-landing {
    min-height: auto;
  }
}

.footer--email-subscribe-landing {
  margin-top: 0;
}

.email-subscribe-landing__picture {
  position: absolute;
  top: 0;
  width: 100%;
}
.email-subscribe-landing__image {
  width: 100%;
  margin: 0;
  filter: blur(3px);
}
.email-subscribe-landing__image--loaded {
  transition: filter 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  filter: none;
}
.email-subscribe-landing__image:not([src]):not([srcset]) {
  visibility: hidden;
}
.email-subscribe-landing .newsletter-modal-container {
  margin-top: 214px;
  opacity: 0.9;
}
@media (min-width: 810px) {
  .email-subscribe-landing .newsletter-modal-container {
    margin-top: 17%;
  }
}
@media (min-width: 1280px) {
  .email-subscribe-landing .newsletter-modal-container {
    margin-top: 7%;
  }
}
@media (min-width: 1440px) {
  .email-subscribe-landing .newsletter-modal-container {
    margin-top: 13%;
  }
}

@-moz-document url-prefix("") {
  img:-moz-loading {
    visibility: hidden;
  }
}

/*# sourceMappingURL=emailSubscribe.css.map*/