/**
 * Use in order to make a set of rules only apply above
 * or below a certain breakpoint.
 * Standard usage:

 @include breakpoint(tablet){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet up){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet down){
 	// Applies to screen sizes tablet and SMALLER
 }
 *
 **/
/**
 * Set custom typography sizes (e.g. header)
 * @param  {int} $size        font-size
 * @param  {int} $line-height line-height
 * @param  {int} $av          AV letter-spacing from XD
 * @return {void}
 */
/**
 * Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
 *
 * @param {Number} $value - Value to convert to a unitless line height
 * @param {Number} $base - The font size to use to work out the line height - defaults to $rem-font-size
 *
 * @return {Number} - Unitless number
 */
/**
 * AV letter spacing measurement convertor from Adobe applications
 * https://scotch.io/tutorials/converting-photoshop-letter-spacing-to-css
 */
/*
 * https://every-layout.dev/layouts/stack/
 */
.h-stack > * {
  margin-block: 0;
}
.h-stack > * + * {
  margin-top: var(--unit);
}
.h-stack--zero > * {
  margin-block: 0;
}
.h-stack--small > * {
  margin-block: 0;
}
.h-stack--small > * + * {
  margin-top: var(--unit-small);
}
.h-stack--xsmall > * {
  margin-block: 0;
}
.h-stack--xsmall > * + * {
  margin-top: var(--unit-xsmall);
}
.h-stack--medium > * {
  margin-block: 0;
}
.h-stack--medium > * + * {
  margin-top: var(--unit-medium);
}
.h-stack--large > * {
  margin-block: 0;
}
.h-stack--large > * + * {
  margin-top: var(--unit-large);
}
.h-stack--xlarge > * {
  margin-block: 0;
}
.h-stack--xlarge > * + * {
  margin-top: var(--unit-xlarge);
}

.h-stack2 > * {
  margin-block: 0;
}
.h-stack2 > * + * {
  margin-top: var(--unit2);
}
.h-stack2--small > * {
  margin-block: 0;
}
.h-stack2--small > * + * {
  margin-top: calc(var(--unit2) / 2);
}
.h-stack2--medium > * {
  margin-block: 0;
}
.h-stack2--medium > * + * {
  margin-top: calc(var(--unit2) * 2);
}

.h-stack-row > * {
  margin-inline: 0;
}
.h-stack-row > * + * {
  margin-left: var(--unit);
}

.h-stack-row--xsmall > * {
  margin-inline: 0;
}
.h-stack-row--xsmall > * + * {
  margin-left: var(--unit-xsmall);
}

.wp-block-sht-wilken-newsletter {
  position: relative;
  transform: translateX(-20px);
  width: 100vw;
  padding: var(--unit2);
  background-color: var(--wp--preset--color--blue-5);
  margin-top: 6.0625rem;
}
.wp-block-sht-wilken-newsletter > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter > * + * {
  margin-top: var(--unit);
}
@media screen and (min-width: 41.6875em) {
  .wp-block-sht-wilken-newsletter {
    transform: translateX(0);
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .wp-block-sht-wilken-newsletter {
    width: 100%;
    max-width: var(--constraint-medium);
    padding: var(--unit2) var(--unit2-medium) var(--unit-medium);
  }
}
.wp-block-sht-wilken-newsletter.alignwide {
  max-width: 56.25rem !important;
}
.wp-block-sht-wilken-newsletter__content > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter__content > * + * {
  margin-top: var(--unit);
}
.wp-block-sht-wilken-newsletter__inner > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter__inner > * + * {
  margin-top: var(--unit);
}
@media screen and (min-width: 48em) {
  @supports (display: grid) {
    .wp-block-sht-wilken-newsletter__inner {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: var(--unit2-medium);
    }
  }
}
.wp-block-sht-wilken-newsletter__text > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter__text > * + * {
  margin-top: var(--unit);
}
.wp-block-sht-wilken-newsletter__text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
@media screen and (min-width: 48em) {
  .wp-block-sht-wilken-newsletter__text {
    margin-top: 9.3125rem;
  }
}
@media screen and (min-width: 64em) {
  .wp-block-sht-wilken-newsletter__text {
    margin-top: 10.5rem;
  }
}
.wp-block-sht-wilken-newsletter__title {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--blue);
  font-family: var(--font-family-handwriting);
  padding: 0.625rem 0.9375rem;
  border-radius: var(--radius);
  position: relative;
  max-width: 13.75rem;
  margin-top: 0.9375rem;
  font-size: 1.25rem;
  line-height: 1.15;
}
@media screen and (min-width: 48em) {
  .wp-block-sht-wilken-newsletter__title {
    margin-right: 0.6875rem;
    margin-top: 0.8125rem;
  }
}
.wp-block-sht-wilken-newsletter__title::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: -0.75rem;
  width: 0.8125rem;
  height: 1.3125rem;
  background: url("../../../img/newsletter-title-before.min.svg") center/contain no-repeat;
}
.wp-block-sht-wilken-newsletter__titlewrapper {
  background: url("../../../img/waving-fox.png") calc(var(--unit2-small) * -1)/contain no-repeat;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-height: 10.5625rem;
  transform: translateX(calc(var(--unit2) * -1));
  width: calc(100% + var(--unit2));
}
.wp-block-sht-wilken-newsletter__titlewrapper > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter__titlewrapper > * + * {
  margin-top: var(--unit);
}
@media screen and (min-width: 41.6875em) {
  .wp-block-sht-wilken-newsletter__titlewrapper {
    transform: translateX(0);
    width: 100%;
    justify-content: center;
  }
}
@media screen and (min-width: 48em) {
  .wp-block-sht-wilken-newsletter__titlewrapper {
    justify-content: flex-end;
    position: absolute;
    width: 23.75rem;
    transform: translateX(calc((var(--unit-medium) + var(--unit-large)) * -1)) translateY(calc((var(--unit) + var(--unit-medium)) * -1));
    min-height: 10.5625rem;
  }
}
@media screen and (min-width: 64em) {
  .wp-block-sht-wilken-newsletter__titlewrapper {
    background-position-x: center;
    width: 26.25rem;
    min-height: 11.625rem;
  }
}
.wp-block-sht-wilken-newsletter .g-recaptcha,
.wp-block-sht-wilken-newsletter .g-recaptcha > div {
  max-width: 100%;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest {
  font-size: 1em;
  font-family: inherit;
  padding-top: var(--unit-large);
}
.wp-block-sht-wilken-newsletter #ems-wf-dest > * {
  margin-block: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest > * + * {
  margin-top: var(--unit-small);
}
.wp-block-sht-wilken-newsletter #ems-wf-dest input,
.wp-block-sht-wilken-newsletter #ems-wf-dest textarea,
.wp-block-sht-wilken-newsletter #ems-wf-dest select {
  font-size: 1em;
  opacity: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest input ::placeholder,
.wp-block-sht-wilken-newsletter #ems-wf-dest textarea ::placeholder,
.wp-block-sht-wilken-newsletter #ems-wf-dest select ::placeholder {
  color: var(--wp--preset--color--black-meta);
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-dialog {
  text-align: left;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-dialog-buttons {
  margin-left: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease;
  font-weight: 300;
  padding: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-separator {
  display: none !important;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
  float: none;
  height: auto;
  padding: var(--unit-small) var(--unit-small);
  color: var(--field-color);
  background-color: var(--field-background-color);
  border: var(--field-border);
  border-radius: var(--field-radius);
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus-within, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement.is--filled {
  padding-bottom: var(--unit-small);
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus-within .ems-wf-label, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus .ems-wf-label, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement.is--filled .ems-wf-label {
  color: var(--wp--preset--color--black-meta);
  top: var(--unit-xsmall);
  transform: translateY(0);
  font-size: 0.75rem;
  line-height: 2.1666666667;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus-within input,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus-within select,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus-within textarea, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus input,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus select,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:focus textarea, .wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement.is--filled input,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement.is--filled select,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement.is--filled textarea {
  opacity: 1;
  pointer-events: all;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement--first {
  margin-top: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement--button {
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement:first-of-type {
  margin-top: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement input,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement textarea,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement select,
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-inputElement .ems-wf-error-input {
  border: none !important;
  padding: 0;
}
.wp-block-sht-wilken-newsletter #ems-wf-dest .ems-wf-notificationWrapper:not(:empty) {
  margin-bottom: var(--unit);
}