@font-face {
  font-family: "Lexend";
  src: url("../fonts/LexendDeca-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Lexend";
  src: url("../fonts/LexendDeca-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
:root {
  --wrap-width: 1200px;
}

* {
  font-family: "Lexend", sans-serif !important;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  color: #421F7B;
}
@media screen and (max-width: 1000px) {
  * {
    font-size: 16px;
  }
}

abbr {
  text-decoration: none;
}

body {
  background: #DBDBF9;
}

.paragraph-margin, .text-with-line, .text-large {
  margin-bottom: 2em;
}

a {
  text-decoration: none;
}

:is(p, nav, .c-form-field) a {
  font-weight: bold;
  color: #A660FF;
}
:is(p, nav, .c-form-field) a, :is(p, nav, .c-form-field) a * {
  color: #421F7B;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-color: #E28415;
  text-decoration-thickness: 0.1em;
}
:is(p, nav, .c-form-field) a:hover {
  color: #660E9C;
}

.button, .c-form-container .c-form-control input,
.rmEmbed .c-form-control input {
  display: inline-block;
  border-radius: 1em;
  padding: 0.25em 0.5em;
  font-size: 1.33rem;
  background: #421F7B;
  color: white;
  appearance: none;
  border: none;
}
.button:hover, .c-form-container .c-form-control input:hover,
.rmEmbed .c-form-control input:hover {
  color: white;
}
@media print {
  .button, .c-form-container .c-form-control input,
  .rmEmbed .c-form-control input {
    padding: 0;
  }
}

h1 {
  margin-bottom: 4rem;
}
h1, h1 * {
  font-size: 2.6rem;
}
@media screen and (max-width: 1000px) {
  h1, h1 * {
    font-size: 1.8rem;
  }
}

h2, nav ul li a {
  margin-bottom: 4rem;
}
h2, nav ul li a, h2 *, nav ul li a * {
  font-size: 1.7rem;
  color: #660E9C;
}
@media screen and (max-width: 1000px) {
  h2, nav ul li a, h2 *, nav ul li a * {
    font-size: 1.4rem;
  }
}

h3, h3 * {
  font-size: 1.33rem;
  color: #660E9C;
}
@media screen and (max-width: 1000px) {
  h3, h3 * {
    font-size: 1.25rem;
  }
}

@media print {
  figure {
    position: relative !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    break-inside: avoid !important;
  }
}
figure img {
  max-width: 100%;
}
@media print {
  figure img {
    break-inside: avoid !important;
  }
}

p {
  line-height: 1.35em;
  max-width: 560px;
}

h2 p, nav ul li a p {
  max-width: none;
}

.bubble-block {
  position: relative;
}
.text-large, .text-large * {
  font-size: 1.25rem;
}
@media screen and (max-width: 1000px) {
  .text-large, .text-large * {
    font-size: 1.25rem;
  }
}
.text-large p {
  max-width: none;
}

.text-with-line {
  border-left: solid 2px #E28415;
  padding-left: 1rem;
}

ul {
  padding-left: 2rem;
}
ul li p:last-child {
  margin-bottom: 0;
}
ul.inline {
  list-style: none;
  display: flex;
  padding-left: 0;
  gap: 0.5em;
}
ul.inline li {
  white-space: nowrap;
}

section {
  margin-bottom: 6rem;
}

.contact {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.wrap {
  padding-left: 1rem;
  padding-right: 1rem;
}

figure {
  position: relative;
}

.cols {
  gap: 4rem;
}
@media screen and (max-width: 1000px) {
  .cols {
    flex-direction: column;
  }
}
@media print {
  .cols {
    flex-direction: column;
    gap: 1rem;
  }
}
.cols .col {
  flex: var(--span, 1);
}
.cols .col figure[data-orientation=landscape] {
  position: absolute;
}
@media screen and (max-width: 1000px) {
  .cols .col figure[data-orientation=landscape] {
    position: unset;
    padding-left: 0;
    padding-right: 0;
    width: auto !important;
  }
}
.cols .col:first-child figure[data-orientation=landscape] {
  padding-left: 2rem;
}
.cols .col:last-child figure[data-orientation=landscape] {
  padding-right: 2rem;
}

body > header {
  position: relative;
  z-index: 2000;
  padding-top: 3rem;
}
body > header.cols {
  gap: 0;
}
@media screen and (max-width: 1000px) {
  body > header.cols {
    flex-direction: row;
  }
}
body > header .nav-toggle {
  text-align: right;
  padding-top: 0.9rem;
}
body > header .nav-toggle * {
  font-size: 1.666rem;
}
@media screen and (max-width: 1000px) {
  body > header .nav-toggle * {
    font-size: 1.25rem;
  }
}
@media print {
  body > header .nav-toggle {
    display: none;
  }
}
body > header h1 {
  margin-bottom: 0;
}

@media print {
  .modal-nav {
    display: none;
  }
}

.modal-nav .content {
  background: #DBDBF9;
  margin-top: 7rem;
  height: calc(100% - 7rem);
  padding-top: 2rem !important;
}

nav {
  margin-top: 1rem;
}
@media print {
  nav {
    display: none;
  }
}
nav ul {
  list-style: none;
  padding-left: 0;
}
nav ul li {
  margin-bottom: 1rem;
}
nav ul li a {
  line-height: 1.8em;
  text-decoration: none;
}
nav ul li.active a, nav ul li.active a * {
  text-decoration: none;
  font-weight: bold;
}

main {
  margin-top: 4rem;
}
@media print {
  main {
    margin-top: 1rem;
  }
}

footer {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
@media print {
  footer .col:first-child {
    display: none;
  }
}
footer .col:last-child {
  text-align: right;
}
@media print {
  footer .col:last-child {
    text-align: left;
  }
}
footer ul {
  list-style: none;
  padding-left: 0;
}
footer ul, footer p {
  margin-bottom: 0;
}

.modal .modal-close {
  display: none;
}
.modal .content {
  padding-top: 6rem;
}

.bubble {
  --size: 10rem;
  position: absolute;
  z-index: 5;
  display: block;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  filter: blur(calc(var(--size) / 5.5));
  opacity: 75%;
  pointer-events: none;
}
@media print {
  .bubble {
    display: none;
  }
}
.bubble.opacity {
  opacity: 20%;
}
.bubble.lila {
  background: #A660FF;
}
.bubble.orange {
  background: #E28415;
}

.layer-top {
  position: relative;
  z-index: 10;
}

.c-form-container .c-form-field-email,
.c-form-container .c-form-field-textarea,
.c-form-container .c-form-field-captcha,
.c-form-container .rmBase__section,
.rmEmbed .c-form-field-email,
.rmEmbed .c-form-field-textarea,
.rmEmbed .c-form-field-captcha,
.rmEmbed .rmBase__section {
  flex-direction: column;
  gap: 0.25rem;
}
.c-form-container .c-form-field-email input,
.c-form-container .c-form-field-email textarea,
.c-form-container .c-form-field-textarea input,
.c-form-container .c-form-field-textarea textarea,
.c-form-container .c-form-field-captcha input,
.c-form-container .c-form-field-captcha textarea,
.c-form-container .rmBase__section input,
.c-form-container .rmBase__section textarea,
.rmEmbed .c-form-field-email input,
.rmEmbed .c-form-field-email textarea,
.rmEmbed .c-form-field-textarea input,
.rmEmbed .c-form-field-textarea textarea,
.rmEmbed .c-form-field-captcha input,
.rmEmbed .c-form-field-captcha textarea,
.rmEmbed .rmBase__section input,
.rmEmbed .rmBase__section textarea {
  border: none !important;
  box-shadow: none !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 1rem !important;
  background: rgba(166, 96, 255, 0.3) !important;
}
.c-form-container .c-form-field-email textarea,
.c-form-container .c-form-field-textarea textarea,
.c-form-container .c-form-field-captcha textarea,
.c-form-container .rmBase__section textarea,
.rmEmbed .c-form-field-email textarea,
.rmEmbed .c-form-field-textarea textarea,
.rmEmbed .c-form-field-captcha textarea,
.rmEmbed .rmBase__section textarea {
  resize: vertical;
  min-height: 6rem;
}
.c-form-container .c-form-field-captcha img,
.rmEmbed .c-form-field-captcha img {
  border-radius: 0.25rem;
}
.c-form-container .c-form-field-checkbox label,
.rmEmbed .c-form-field-checkbox label {
  white-space: normal;
}
.c-form-container .c-form-field-checkbox input,
.rmEmbed .c-form-field-checkbox input {
  margin-top: 5px;
}
.c-form-container .c-form-alert ul,
.rmEmbed .c-form-alert ul {
  padding-left: 0;
}

.rmEmbed {
  margin-left: auto !important;
  margin-right: auto !important;
}

.blog-entries {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
}
.blog-entries a {
  display: flex;
  flex-direction: column;
  background: #CFBFFA;
  border-radius: 15px;
  padding: 1.2rem 1.5rem;
  width: calc(33.33% - 0.75rem);
}
@media screen and (max-width: 1000px) {
  .blog-entries a {
    width: 100%;
  }
}
@media print {
  .blog-entries a {
    width: 100%;
    padding: 0;
  }
}
.blog-entries a h3 {
  margin-bottom: 0.5em;
}
.blog-entries a * {
  color: #381E62;
}
.blog-entries a .read-more {
  padding-top: 1rem;
  margin-top: auto;
  margin-bottom: 0;
}

@media print {
  .blog-action-header,
  .blog-action-footer {
    display: none;
  }
}

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