/* font family for the editor */

.editor-styles-wrapper .is-style-newsletter,
.editor-styles-wrapper .is-style-promo-banner {
  font-family: var(--wp--preset--font-family--manrope);
}

.is-style-blue-magenta,
.editor-styles-wrapper .is-style-blue-magenta {
  padding-top: 75px;
  padding-bottom: 200px;
  position: relative;
}

.is-style-blue-magenta:after,
.editor-styles-wrapper .is-style-blue-magenta:after {
  content: '';
  position: absolute;
  width: 201%;
  height: 100%;
  background: linear-gradient(90deg, #0C064F 0%, #56145C 100.86%);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  clip-path: url(#blue-magenta-clip-path);
}

.editor-styles-wrapper .is-style-blue-magenta > * {
  z-index: 1;
}

.editor-styles-wrapper .is-style-blue-magenta:after {
  z-index: 0;
}

@media (min-width: 782px) {
  .is-style-blue-magenta,
  .editor-styles-wrapper .is-style-blue-magenta {
    padding-top: 180px;
    padding-bottom: 12.8%;
  }

  .is-style-blue-magenta:after,
  .editor-styles-wrapper .is-style-blue-magenta:after {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
}

/**
 * Newsletter
 */
.is-style-newsletter,
.editor-styles-wrapper .is-style-newsletter {
  background: #fff;
  overflow: hidden;
}

.is-style-newsletter,
.editor-styles-wrapper .is-style-newsletter,
.is-style-newsletter .wp-block-columns,
.editor-styles-wrapper .is-style-newsletter .wp-block-columns,
.is-style-newsletter .wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.is-style-newsletter .wp-block-columns,
.editor-styles-wrapper .is-style-newsletter .wp-block-columns {
  font-size: 1.36rem;
  position: relative;
  max-width: var(--content-width);
}

.is-style-newsletter .newsletter__name,
.editor-styles-wrapper .is-style-newsletter .newsletter__name {
  color: #000;
  font-size: 1em;
  letter-spacing: .04094rem;
  font-weight: 300;
  line-height: 1.10;
  text-transform: uppercase;
  position: relative;
  padding-right: 20px;
}

.is-style-newsletter .newsletter__footnote,
.editor-styles-wrapper .is-style-newsletter .newsletter__footnote {
  color: #230047;
  font-size: 0.8em;
  letter-spacing: .03rem;
  font-weight: 300;
  line-height: 1.5;
  padding-left: 15px;
  margin: 0;
  position: relative;
}


@media (min-width: 782px) {

  .is-style-newsletter .wp-block-columns,
  .editor-styles-wrapper .is-style-newsletter .wp-block-columns {
    padding: 4rem 0 6rem;
    width: 100%;
    gap: 5px;
  }

  .is-style-newsletter .wp-block-columns,
  .editor-styles-wrapper .is-style-newsletter .wp-block-columns,
  .editor-styles-wrapper .is-style-newsletter .wp-block-columns>.wp-block-column {
    flex-direction: row;
  }

  .is-style-newsletter .wp-block-columns>.wp-block-column,
  .editor-styles-wrapper .is-style-newsletter .wp-block-columns>.wp-block-column {
    width: 100%;
  }

  .is-style-newsletter .newsletter__name,
  .editor-styles-wrapper .is-style-newsletter .newsletter__name {
    font-size: 1.5em;
  }

  .is-style-newsletter .newsletter__footnote,
  .editor-styles-wrapper .is-style-newsletter .newsletter__footnote {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 1.11em;
    font-weight: 200;
    letter-spacing: .045rem;
    white-space: nowrap;
  }

  .is-style-newsletter .newsletter__name-container,
  .editor-styles-wrapper .is-style-newsletter .newsletter__name-container {
    position: relative;
  }
}

.is-style-newsletter .newsletter {
  margin: 0;
}

@media (min-width: 1100px) {
  .is-style-newsletter .newsletter {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
}

.is-style-newsletter input[type="email"] {
  border: 0;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding: .77rem 1.44rem;
  font-size: 1.125rem;
  line-height: 1.17;
  letter-spacing: .03375rem;
}

@media (min-width: 1100px) {
  .is-style-newsletter input[type="email"] {
    margin: 0;
    width: 70%;
  }
}

.is-style-newsletter input[type="submit"] {
  border: 1px solid #000;
  font-size: .98rem;
  font-weight: 800;
  line-height: 1.34;
  letter-spacing: .029rem;
  text-transform: uppercase;
  padding: 9px 33px;
  text-align: center;
  background-color: #fff;
}

@media (min-width: 782px) {
  .is-style-newsletter input[type="submit"] {
    font-size: 1.3125rem;
  }
}

@media (min-width: 1100px) {
  .is-style-newsletter input[type="submit"] {
    width: 30%;
  }
}

/**
 * Promo banner
 */
.is-style-promo-banner,
.editor-styles-wrapper .is-style-promo-banner {
  border: 1px solid var(--magenta, #CA42D2);
  border-radius: 18px;
  background: var(--white, #FFF);
  box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.04);
  padding: 29px 40px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.is-style-promo-banner .promo-banner__image,
.editor-styles-wrapper .is-style-promo-banner .promo-banner__image {
  text-align: center;
}

.is-style-promo-banner .promo-banner__image img,
.editor-styles-wrapper .is-style-promo-banner .promo-banner__image img {
  max-width: 168px;
  max-height: 167px;
  aspect-ratio: 1;
}

.is-style-promo-banner .wp-block-columns,
.editor-styles-wrapper .is-style-promo-banner .wp-block-columns {
  gap: 1.06rem;
}

.is-style-promo-banner .promo-banner__title,
.editor-styles-wrapper .is-style-promo-banner .promo-banner__title {
  font-size: 1.12rem;
  font-weight: 800;
  line-height: normal;
  margin-block: 0;
}

.is-style-promo-banner .promo-banner__text,
.editor-styles-wrapper .is-style-promo-banner .promo-banner__text {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-block: 0;
  margin-top: .38rem;
}

@media (min-width: 782px) {

  .is-style-promo-banner,
  .editor-styles-wrapper .is-style-promo-banner {
    padding-inline: 64px;
  }

  .is-style-promo-banner,
  .editor-styles-wrapper .is-style-promo-banner {
    flex-direction: unset;
    justify-content: unset;
  }

  .is-style-promo-banner .promo-banner__image img,
  .editor-styles-wrapper .is-style-promo-banner .promo-banner__image img {
    max-width: 132px;
    max-height: 131px;
  }

  .is-style-promo-banner .wp-block-columns,
  .editor-styles-wrapper .is-style-promo-banner .wp-block-columns {
    gap: 3.25rem;
  }

  .is-style-promo-banner .wp-block-column:first-child,
  .editor-styles-wrapper .is-style-promo-banner .wp-block-column:first-child {
    flex-basis: fit-content !important;
  }

  .is-style-promo-banner .promo-banner__title,
  .editor-styles-wrapper .is-style-promo-banner .promo-banner__title {
    font-size: 1.31rem;
  }
}

.newsletter__container {
  position: relative;
}

.wp-block-group.is-style-newsletter {
  z-index: 1;

  h2 {
    line-height: .9;
  }

  p {
    font-size: 1.125rem;
    font-weight: 700;
  }

  .wp-block-buttons {
    width: 100%;
  }

  .is-style-primary .wp-block-button__link.wp-element-button {
    max-width: none;
  }

  .newsletter__name-container {
    align-items: flex-start;
  }

  .newsletter__white-bar {
    width: 208px;
    height: 14px;
  }

  .newsletter__name {
    font-size: 1.56rem;
    font-weight: 800;
    padding: 0;
    margin-top: .9rem;
  }

  .newsletter__big-heading {
    margin: 0 0 2.5rem -.15rem;

    .newsletter__big-heading-news {
      font-size: 4.5rem;
      font-weight: 800;
      margin: 0;
    }

    .newsletter__big-heading-letter {
      margin: 0;
      font-weight: 800;
      font-size: 3.58rem;
    }
  }

  :is(.newsletter__inner-container) {
    position: relative;
    z-index: 0;
    &::before {
      --font-size: clamp(10rem, 30vw, 30rem);
      line-height: 1;
      content: url('../../images/newsletter_deco.svg');
      position: absolute;
      font-family: var(--wp--preset--font-family--manrope);
      font-size: 21.5rem;
      top: 0;
      left: 0;
      font-weight: 800;
      color: #1d1692;
      white-space: nowrap;
      z-index: -1;
      transform: translateX(-33%);
    }
  }
}

.newsletter__container::before {
  --lines-scale: .95;
  content: url('../../images/newsletter-lines.svg');
  position: absolute;
  top: 22px;
  right: 50px;
  transform: translateY(calc(-50% * var(--lines-scale))) scale(var(--lines-scale));
  transform-origin: top right;
}

@media (min-width: 782px) {
  .wp-block-group.is-style-newsletter {

    p {
      font-size: 1.278rem;
    }

    .newsletter__name-container {
      min-width: 324px;
    }

    .newsletter__inner-container {
      gap: 3rem;
    }
    
    .newsletter__white-bar {
      width: 319px;
      height: 20px;
    }

    .newsletter__name {
      font-size: 2.4rem;
    }

    .newsletter__text-container {
      max-width: 550px;
      margin-top: 2rem;
    }

    .newsletter__big-heading {
      .newsletter__big-heading-news {
        font-size: 6.84rem;
      }

      .newsletter__big-heading-letter {
        font-size: 5.43rem;
      }
    }

    .is-style-primary .wp-block-button__link.wp-element-button {
      max-width: 290px;
    }

    .newsletter__inner-container::before {
      inset-inline-start: 85%;
      transform: translateX(-50%);
    }
  }
}


@media (min-width: 782px) {
  .newsletter__container::before {
    top: 76px;
    right: 115px;
    z-index: 1;
  }
}

@media (min-width: 1100px) {
  .wp-block-group.is-style-newsletter {
    .newsletter__inner-container {
      gap: 5rem;
    }
  }
}