@import url('https://fonts.googleapis.com/css?family=Roboto:300;400;400i;700;900&display=swap');
@media screen and (min-width: 61rem)  {
  .layout-region--node-main > .layout-region__content {
    max-width: 1080px !important;
    width: 100%;
  }
}
.ck.ck-editor__editable_inline>:first-child {
  margin-top: 0 !important;
}
.ajax-new-content .js-form-wrapper.form-wrapper {
  width: 99%;
}

.ajax-new-content .js-form-wrapper.form-wrapper .form-item--editor-format {
  display: block;
}

.ajax-new-content .js-form-wrapper.form-wrapper .filter-help {
  display: none;
}

[data-drupal-selector="edit-hero-options"],
[data-drupal-selector="edit-text-formats"],
.paragraphs-browser-wrapper [data-drupal-selector="edit-na"] {
  row-gap: 60px;
}

.paragraphs-browser-wrapper fieldset:not(.fieldgroup) legend {
  background-color: #4A266E;
  color: #ffffff;
  font-weight: bold;
}

.ck-content img[data-align-right="left"],
.ck-content .image-style-align-left img {
  margin: 0 16px 10px 0;
  max-width: 360px !important;
  height: auto;
}
.ck-content .image-style-align-left[style] img {
  max-width: 100% !important;
}

.ck-content img[data-align-right="right"],
.ck-content .image-style-align-right img {
  margin: 0 16px 10px 0;
  max-width: 360px !important;
  height: auto;
}

.ck-content .image-style-align-right[style] img {
  max-width: 100% !important;
}

.ck-content h1 {
  color: #4A266E;
  font-family: "Roboto Slab", sans-serif;
  font-size: 3em;
  margin-bottom:.35em
}

.ck-content h2 {
  color: #4A266E;
  font-family: "Roboto Slab", sans-serif;
  font-size: 2.5em;
  margin-bottom:.35em

}

.ck-content h3 {
  color: #4A266E;
  font-family: "Roboto Slab", sans-serif;
  font-size: 2em;
  margin-bottom:.35em
}

.ck-content h4 {
  color: #06ADBF;
  font-family: "Roboto Slab", sans-serif;
  font-size: 1.75em;
  margin-bottom:.35em
}

.ck-content h5 {
  color: #06ADBF;
  font-family: "Roboto Slab", sans-serif;
  font-size: 21px;
  margin-bottom:.35em
}

.ck-content h6 {
  color: #4A266E;
  font-family: "Roboto Slab", sans-serif;
  font-size: 18px;
  margin-bottom:.35em
}

.ck-content a {
  color: #06ADBF;
  font-weight: 700;
}
.ck-content p {
  font-size: 18px;
}
a.btn-primary,
a.btn-primary:hover,
a.btn-primary::selection,
a.btn-primary:focus {
  color: #fff;
  border-radius: 10px;
  background-color: #E8625B;
  font-family: "Roboto Slab", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 1.08px;
  padding: 12px 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.ck-content span.headine-small {
  font-size: 18px;
  line-height: 1.55;
}
.ck-content span.headine-medium {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.116;
}
.ck-content span.headine-large {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.033;
}
.ck-content span.headine-xlarge {
  font-size: 40px;
  line-height: 1.8;
}
.ck-content span.purple {
  color: #4A266E !important;
}
.ck-content span.teal {
  color: #06ADBF !important;
}
.ck-content span.dark {
  color: #1F1F1F !important; 
}
p.quote-banner {
  background-color: #06ADBF;
  color: #fff;
  font-family: "Roboto Slab", sans-serif;
  font-size: 23.25px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.27;
  letter-spacing: 0.349px;
  padding: 24px 16px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  gap: 45px;

  @include media-breakpoint-down(md) {
    gap: 16px;
    font-size: 18px;
    padding: 16px;
  }
}
p.quote-banner::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="78" viewBox="0 0 69 78" fill="none"><path d="M48.9807 2.73614C46.4973 0.926733 43.4274 0.0218334 40.3185 0.229193C37.2097 0.436545 34.2961 1.71822 32.0868 3.82932C29.8968 5.95929 28.5672 8.76773 28.352 11.7647C28.137 14.7618 29.056 17.721 30.9527 20.1147C32.2236 21.7358 33.8855 23.0175 35.7822 23.8469C36.5448 24.1862 60.8495 33.9875 56.1762 35.1184C51.5029 36.2305 17.8325 27.2397 17.0112 26.9569C15.1341 26.335 13.1201 26.1465 11.1257 26.4103C8.03633 26.8061 5.22069 28.2763 3.16762 30.5381C1.11452 32.8002 -1.8139e-06 35.7028 -1.6829e-06 38.6997C-1.55189e-06 41.6968 1.13408 44.5994 3.16762 46.8613C5.2207 49.1233 8.03633 50.5935 11.1257 50.9893C13.2179 51.2719 15.3297 51.027 17.285 50.3484C18.028 50.0844 51.8549 40.8674 56.1957 42.2812C60.5169 43.6947 36.5448 53.2134 35.7822 53.5527C33.8855 54.401 32.2432 55.6826 30.9527 57.2849C29.0755 59.6786 28.137 62.6378 28.352 65.6349C28.5672 68.6318 29.8968 71.4403 32.0868 73.5703C34.2961 75.7002 37.2097 76.963 40.3185 77.1704C43.4275 77.3777 46.4973 76.4917 48.9807 74.6634C50.5839 73.4948 51.8549 71.9869 52.7349 70.2716C53.1846 69.3858 68.4165 46.3901 68.4165 38.6997C68.4165 31.0094 53.204 8.01378 52.7349 7.12794C51.8549 5.41269 50.5839 3.9048 48.9807 2.73614Z" fill="white"/></svg>');
  flex-shrink: 0;
}
p.quote-banner-2 {
  background: url('../png/bg_18_2.png'), rgba(211, 211, 211, 0.25) -31.297px -352.635px / 102.169% 156.006% no-repeat;
  background-size: cover;
  color: $purple;
  font-family: "Roboto Slab", sans-serif;
  font-size: 23.25px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.349px;
  padding: 24px 16px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  gap: 34px;
}
p.quote-banner-2::before {
  content: "";
  background-color: $teal;
  width: 10px;
  flex-shrink: 0;
}
blockquote {
  clear: both;
  max-width: 594px;
  position: relative;
  margin: 0 auto;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote::before {
  content: url("../svg/quote.svg");
  position: absolute;
  left: 0;
}
@media (max-width: 575.98px) {
  blockquote::before {
    content: "";
    background-image: url("../svg/quote.svg");
    width: 32px;
    height: 32px;
    background-size: 32px;
    display: block;
  }
}
blockquote .blockquote-title {
  color: #1F1F1F;
  font-family: "Roboto Slab", sans-serif;
  font-size: 23.25px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.27;
  letter-spacing: 0.349px;
}
@media (max-width: 767.98px) {
  blockquote .blockquote-title {
    font-size: 18px;
  }
}
.js .paragraph-type {
  overflow: visible !important;
  white-space: normal !important;
}
.layout-region--commerce-main .layout-region__content {
  max-width: 100% !important;
}
.image-style-align-right.image_resized.ck-widget_with-resizer {
  max-width: 50%;
}
.image-style-align-left.image_resized.ck-widget_with-resizer {
  max-width: 50%;
}

.ck .drupal-media.drupal-media-style-align-left,
.ck .drupal-media.drupal-media-style-align-right,
.ck .drupal-media:not(.drupal-media-style-align-center){
  margin-inline: 0 !important
}
.ck .drupal-media.drupal-media-style-align-center {
  margin-inline: auto !important
}

.bold-checkbox-label label {
  font-weight: bold !important;
}