/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* --------------------------------------------------------------------- */
/* -------------------------------------------------- wkNewsletter */
.wkNewsletter {
  margin: 5rem auto;
}
.wkNewsletter__content {
  background: linear-gradient(90deg, rgb(237, 238, 238) 0%, rgb(237, 238, 238) 50%, rgb(9, 42, 94) 50%, rgb(9, 42, 94) 100%);
  border-radius: 0;
  display: flex;
  justify-content: center;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 768px) {
  .wkNewsletter__content {
    height: 20rem;
    max-width: 192rem;
  }
}
.wkNewsletter__textcontainer {
  background: var(--secondary);
  height: 100%;
  margin: 0 auto;
  max-width: 76.8rem;
  position: relative;
  right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .wkNewsletter__textcontainer {
    position: absolute;
  }
}
.wkNewsletter__textcontent {
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  max-width: 76.8rem;
  padding: 2rem 1.5rem;
}
@media (min-width: 768px) {
  .wkNewsletter__textcontent {
    padding: 2rem 10rem;
  }
}
.wkNewsletter__textcontent h3,
.wkNewsletter__textcontent p {
  color: #fff;
}
.wkNewsletter__textcontent h3 {
  font-size: 3rem;
}
.wkNewsletter__subline {
  font-size: 2rem;
}
.wkNewsletter__form {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .wkNewsletter__form {
    flex-wrap: nowrap;
  }
}
.wkNewsletter__form input[type=email] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  flex-shrink: 0;
  height: 5rem;
  max-width: 36rem;
  outline: none;
  padding: 0 1rem;
  width: 100%;
}
.wkNewsletter__form input[type=submit] {
  background: var(--primary);
  color: var(--secondary);
  height: 5rem;
  padding: 0 2rem;
}
/*# sourceMappingURL=wkNewsletter.css.map */