/* Mixins */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
@media only screen and (max-width: 959px) {
  .block-form-newsletter {
    margin-top: 4rem;
  }
}
.block-form-newsletter .layout-inner-container {
  padding: 0 !important;
}
.block-form-newsletter .block-title {
  font-family: "Roboto-Medium", sans-serif !important;
  font-size: 2rem;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, 0.65);
}
.block-form-newsletter .block-content {
  margin-top: 3rem;
}
.block-form-newsletter .webform-submission-form .status-message,
.block-form-newsletter .webform-submission-form .webform-confirmation {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.block-form-newsletter .webform-submission-form .uk-margin {
  margin: 0 !important;
}
.block-form-newsletter .webform-submission-form .form-email {
  border: 0;
}
@media only screen and (min-width: 960px) {
  .block-form-newsletter .webform-submission-form .form-email {
    border-radius: 0.4rem 0 0 0.4rem;
  }
}
@media only screen and (max-width: 959px) {
  .block-form-newsletter .webform-submission-form .form-actions {
    margin-top: 2rem !important;
    text-align: center;
  }
}
.block-form-newsletter .webform-submission-form .button--primary {
  height: 5rem;
}
@media only screen and (max-width: 959px) {
  .block-form-newsletter .webform-submission-form .button--primary {
    min-width: 18.2rem;
  }
}
@media only screen and (min-width: 960px) {
  .block-form-newsletter .webform-submission-form .button--primary {
    border-radius: 0 0.4rem 0.4rem 0;
    min-width: 15rem;
  }
}
.block-form-newsletter .webform-submission-form .ajax-progress {
  display: none;
}