@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("fontawesome.min.css");
/* IE9 and IE10 rule sets go here */
@layer base {
  :root {
    --c1: hsl(58, 100%, 38%);
    --c2: #002b45;
    --c3: #9a9898;
    --c4: #FCBB00;
    --c5: #aa2b8f;
    --c6: #7300e9;
    --c1-40: hsl(58, 100%, 38%);
    --c1-50: var(--c1);
    --c1-60: #a8a434;
    --c1-65: hsl(58, 97%, 29%);
    --c1-70: hsl(109, 98%, 32%);
    --c1-80: hsl(117, 59%, 33%);
    --c1-90: hsl(58, 37%, 30%);
    --c1-95: hsl(120, 100%, 31%);
    --c2-30: #0b5a8b;
    --c2-40: #063b5c;
    --c2-50: var(--c2);
    --c2-60: #01243a;
    --c2-70: #021e30;
    --c3-30: #EFEFEF;
    --c3-40: #deddde;
    --c3-50: var(--c3);
    --c3-60: #616365;
    --c3-70: #383a3a;
    --c3-80: #231f20;
    --c3-90: #716A6C;
    --c3-95: #D0D0D1;
    --c4-50: var(--c4);
    --c5-50: var(--c5);
    --c6-50: var(--c6);
    --t-time: 0.4s;
    --easing: cubic-bezier(0.24, 0.96, 0.46, 1);
    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 20px;
    --s6: 24px;
    --s7: 32px;
    --s8: 40px;
    --s9: 48px;
    --s10: 56px;
    --s11: 64px;
    --s12: 72px;
    --s13: 80px;
    --s14: 88px;
    --s15: 96px;
    --s16: 102px;
    --s17: 110px;
    --s18: 118px;
    --s19: 126px;
    --s20: 134px;
    --s21: 142px;
    --s22: 150px;
    --h1: 4rem;
    --h2: 2.5rem;
    --h3: 2rem;
    --h4: 1.7rem;
    --h5: 1.35rem;
    --h6: 1.25rem;
    --fs-xl: 1.195rem;
    --fs-lg: 1.125rem;
    --fs-md: 1rem;
    --fs-sm: 0.9rem;
    --fs-xs: 0.875rem;
    --fs-xxs: 0.85rem;
    --fs-3xs: 0.8rem;
    --heading-color: var(--c4-7);
    --heading-lh: 1.1;
    --body-color: var(--c2-9);
    --lh: 1.4;
  }
  @media (max-width: 767px) {
    :root {
      --s7: 28px;
      --s8: 32px;
      --s9: 36px;
      --s10: 40px;
      --s11: 44px;
      --s12: 48px;
      --s13: 52px;
      --s14: 56px;
      --s15: 60px;
      --s16: 64px;
      --s17: 68px;
      --s18: 72px;
      --s19: 76px;
      --s20: 80px;
      --s21: 84px;
      --s22: 88px;
      --h1: 2.25rem;
      --h2: 1.9rem;
      --h3: 1.6rem;
      --h4: 1.375rem;
      --h5: 1.2rem;
      --h6: 1.1rem;
      --fs-xl: 1.09rem;
      --fs-lg: 1.075rem;
    }
  }
}
[data-lock-id] {
  position: fixed !important;
  top: var(--lock-offset) !important;
  left: 0;
  width: 100%;
  padding-right: var(--scrollbar-width, 0px);
  overflow: hidden;
}
[data-lock-id] #site-header {
  position: relative;
  top: calc(-1 * var(--lock-offset));
}

@layer base {
  @media (min-width: 576px) {
    .c1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 576px) {
    .c2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 576px) {
    .c3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 576px) {
    .c4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 576px) {
    .c5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 576px) {
    .c6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 576px) {
    .c7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 576px) {
    .c8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 576px) {
    .c9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 576px) {
    .c10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 576px) {
    .c11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 576px) {
    .c12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 576px) {
    .c13 {
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 576px) {
    .c14 {
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 768px) {
    .md\:c1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 768px) {
    .md\:c2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 768px) {
    .md\:c3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 768px) {
    .md\:c4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 768px) {
    .md\:c5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 768px) {
    .md\:c6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 768px) {
    .md\:c7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 768px) {
    .md\:c8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 768px) {
    .md\:c9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 768px) {
    .md\:c10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 768px) {
    .md\:c11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 768px) {
    .md\:c12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 768px) {
    .md\:c13 {
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 768px) {
    .md\:c14 {
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 992px) {
    .lg\:c1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 992px) {
    .lg\:c2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 992px) {
    .lg\:c3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 992px) {
    .lg\:c4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 992px) {
    .lg\:c5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 992px) {
    .lg\:c6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 992px) {
    .lg\:c7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 992px) {
    .lg\:c8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 992px) {
    .lg\:c9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 992px) {
    .lg\:c10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 992px) {
    .lg\:c11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 992px) {
    .lg\:c12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 992px) {
    .lg\:c13 {
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 992px) {
    .lg\:c14 {
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c13 {
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c14 {
      grid-column: span 14/span 14;
    }
  }
  .all\:c1 {
    grid-column: span 1/span 1;
  }
  .all\:c2 {
    grid-column: span 2/span 2;
  }
  .all\:c3 {
    grid-column: span 3/span 3;
  }
  .all\:c4 {
    grid-column: span 4/span 4;
  }
  .all\:c5 {
    grid-column: span 5/span 5;
  }
  .all\:c6 {
    grid-column: span 6/span 6;
  }
  .all\:c7 {
    grid-column: span 7/span 7;
  }
  .all\:c8 {
    grid-column: span 8/span 8;
  }
  .all\:c9 {
    grid-column: span 9/span 9;
  }
  .all\:c10 {
    grid-column: span 10/span 10;
  }
  .all\:c11 {
    grid-column: span 11/span 11;
  }
  .all\:c12 {
    grid-column: span 12/span 12;
  }
  .all\:c13 {
    grid-column: span 13/span 13;
  }
  .all\:c14 {
    grid-column: span 14/span 14;
  }
  @media (min-width: 576px) {
    .c-first {
      grid-column-start: 1;
    }
  }
  @media (min-width: 768px) {
    .md\:c-first {
      grid-column-start: 1;
    }
  }
  @media (min-width: 992px) {
    .lg\:c-first {
      grid-column-start: 1;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c-first {
      grid-column-start: 1;
    }
  }
  .all\:c-first {
    grid-column-start: 1;
  }
  @media (min-width: 576px) {
    .c-second {
      grid-column-start: 2;
    }
  }
  @media (min-width: 768px) {
    .md\:c-second {
      grid-column-start: 2;
    }
  }
  @media (min-width: 992px) {
    .lg\:c-second {
      grid-column-start: 2;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c-second {
      grid-column-start: 2;
    }
  }
  .all\:c-second {
    grid-column-start: 2;
  }
  @media (min-width: 576px) {
    .c-last {
      grid-column-end: -1;
    }
  }
  @media (min-width: 768px) {
    .md\:c-last {
      grid-column-end: -1;
    }
  }
  @media (min-width: 992px) {
    .lg\:c-last {
      grid-column-end: -1;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c-last {
      grid-column-end: -1;
    }
  }
  .all\:c-last {
    grid-column-end: -1;
  }
  @media (min-width: 576px) {
    .c-second-last {
      grid-column-end: -2;
    }
  }
  @media (min-width: 768px) {
    .md\:c-second-last {
      grid-column-end: -2;
    }
  }
  @media (min-width: 992px) {
    .lg\:c-second-last {
      grid-column-end: -2;
    }
  }
  @media (min-width: 1200px) {
    .xl\:c-second-last {
      grid-column-end: -2;
    }
  }
  .all\:c-second-last {
    grid-column-end: -2;
  }
  .c-placeholder {
    opacity: 0;
    pointer-events: none;
  }
  .uber-grid.auto-cols {
    position: relative;
  }
  .uber-grid.auto-cols::before, .uber-grid.auto-cols::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
  }
  .uber-grid.auto-cols::after {
    grid-area: 1/1/50/2;
  }
  .uber-grid.auto-cols::before {
    grid-area: 1/-2/50/-1;
  }
}
@layer base {
  :root {
    --cols: 12;
    --margin: var(--s6, 24px);
    --gap: var(--s6, 24px);
  }
  :is(.grid, .cont) {
    /* calculated */
    --container-width: 100%;
    --margin-reduction: calc(var(--margin) * 2);
    --grid-width: calc(var(--container-width) - var(--margin-reduction));
    --max-gap: calc(var(--grid-width) / var(--cols));
    --min-gap: min(var(--gap), var(--max-gap));
    --gap-reduction: calc((var(--cols) - 1) * var(--min-gap));
    --column-width: calc((var(--grid-width) - var(--gap-reduction)) / var(--cols));
  }
  @supports (-webkit-appearance: none) {
    @media (width <= 369px) {
      :is(.grid, .cont) {
        --min-gap: var(--s3);
      }
    }
  }
  @media (width > 369px) {
    :is(.grid, .cont) {
      --container-width: 369px;
    }
  }
  @media (width > 575px) {
    :is(.grid, .cont) {
      --container-width: 575px;
    }
  }
  @media (width > 767px) {
    :is(.grid, .cont) {
      --container-width: 767px;
    }
  }
  @media (width > 991px) {
    :is(.grid, .cont) {
      --container-width: 991px;
    }
  }
  @media (width > 1199px) {
    :is(.grid, .cont) {
      --container-width: 1199px;
    }
  }
  @media (width > 1400px) {
    :is(.grid, .cont) {
      --container-width: 1400px;
    }
  }
  .cont {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--grid-width);
  }
  .grid {
    display: grid;
    grid-template-columns: [content-start] repeat(var(--cols), var(--column-width)) [content-end];
    column-gap: var(--min-gap);
    justify-content: center;
  }
  .grid > * {
    grid-column: content;
  }
}
@layer component {
  :is(.wysi, #tinymce).page-title h1 {
    padding-bottom: var(--s3);
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--heading-color);
    line-height: var(--heading-lh);
    padding-bottom: var(--s4);
    font-weight: 900;
    font-size: var(--heading-font-size);
    line-height: 1;
    color: var(--c1);
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 2px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: var(--heading-first-offset);
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):first-child [class*=style-as-h] {
    margin-top: var(--heading-first-offset);
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has([class*=style-as-h]) {
    display: contents;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6) [class*=style-as-h] {
    display: block;
    color: var(--heading-color);
    font-size: var(--heading-font-size);
    line-height: var(--heading-lh);
    padding-bottom: var(--s4);
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6) + p {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  :is(.wysi, #tinymce) :is(h2, h4, .style-as-h2, .style-as-h4) {
    color: var(--c5);
  }
  :is(.wysi, #tinymce) :is(h1, .style-as-h1) {
    --heading-font-size: var(--h1);
    --heading-first-offset: -7px;
    --heading-top-spacing: var(--s6);
    --heading-color: inherit;
    line-height: 1;
    font-size: var(--h1);
    font-style: normal;
    padding-bottom: var(--s4);
    font-weight: 900;
    color: var(--c6);
    background-image: linear-gradient(90deg, var(--c5), var(--c6));
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
  }
  :is(.wysi, #tinymce) :is(h1, .style-as-h1):has([class*=style-as-h]) {
    -webkit-text-fill-color: initial;
    -moz-text-fill-color: initial;
  }
  :is(.wysi, #tinymce) :is(h2, .style-as-h2) {
    --heading-font-size: var(--h2);
    --heading-first-offset: -2px;
    --heading-top-spacing: var(--s6);
    --heading-color: var(--c5);
    line-height: 1;
    color: var(--c5);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 900;
  }
  :is(.wysi, #tinymce) :is(h3, .style-as-h3) {
    --heading-font-size: var(--h3);
    --heading-top-spacing: var(--s6);
    --heading-color: #000;
    line-height: 1;
    font-size: var(--h3);
    font-style: normal;
    font-weight: 300;
    color: #000;
    letter-spacing: 0.5px;
  }
  :is(.wysi, #tinymce) :is(h4, .style-as-h4) {
    --heading-font-size: var(--h4);
    --heading-first-offset: 1px;
    --heading-top-spacing: var(--s6);
    --heading-color: var(--c5);
    line-height: 1;
    color: var(--c5);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1px;
  }
  :is(.wysi, #tinymce) :is(h5, .style-as-h5) {
    --heading-font-size: var(--h5);
    --heading-first-offset: 2px;
    --heading-top-spacing: var(--s6);
    --heading-color: var(--c6);
    line-height: 1;
    font-size: var(--h5);
    font-style: normal;
    color: var(--c6);
    font-weight: 700;
    letter-spacing: 0.75px;
  }
  :is(.wysi, #tinymce) :is(h6, .style-as-h6) {
    --heading-font-size: var(--h6);
    --heading-first-offset: 3px;
    --heading-top-spacing: var(--s6);
    --heading-color: var(--c3-60);
    line-height: 1;
    font-size: var(--h6);
    font-style: normal;
    font-weight: 700;
    color: var(--c3-60);
  }
  :is(.wysi, #tinymce) :is(p, ul, ol, dl, blockquote, pre, hr, figure, iframe, table, div) {
    margin-bottom: var(--s4);
  }
  :is(.wysi, #tinymce) :is(p, ul, ol, dl, blockquote, pre, hr, figure, iframe, table, div) + :is(h1, h2, h3, h4, h5, h6) {
    margin-top: var(--heading-top-spacing);
  }
  :is(.wysi, #tinymce) :is(p, ul, ol, dl, blockquote, pre, hr, figure, iframe, table, div) + :is(h1, h2, h3, h4, h5, h6) [class*=style-as-h] {
    margin-top: var(--heading-top-spacing);
  }
  :is(.wysi, #tinymce) :is(.rm, .replace, .stopper, .insert-point) {
    display: none;
  }
  :is(.wysi, #tinymce) :is(p, nav, [class*=-full], table, ul, ol) {
    margin-bottom: var(--s5);
  }
  :is(.wysi, #tinymce) img {
    max-width: 100%;
    margin-bottom: var(--pb-sm);
    height: auto;
  }
  :is(.wysi, #tinymce) a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
  }
  :is(.wysi, #tinymce) a:hover {
    text-decoration: none;
  }
  :is(.wysi, #tinymce) p {
    font-size: 1rem;
    line-height: 1.5;
  }
  :is(.wysi, #tinymce) p:empty {
    display: none;
  }
  :is(.wysi, #tinymce) p .style-as-p {
    margin-bottom: 0;
  }
  :is(.wysi, #tinymce) .style-as-p {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: var(--s5);
  }
  :is(.wysi, #tinymce) .style-as-link {
    color: #5b5b5b;
    font-size: var(--fs-lg);
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.3;
  }
  :is(.wysi, #tinymce) :is(ul, ol) {
    padding-left: var(--s4);
  }
  :is(.wysi, #tinymce) :is(ul, ol) :is(ul, ol) {
    margin-top: var(--s3);
  }
  :is(.wysi, #tinymce) .style-as-btn a {
    text-decoration: none;
  }
  :is(.wysi, #tinymce) hr {
    width: 100%;
    background-color: var(--c5);
    height: 4px;
    border-radius: var(--s2);
    background-image: none;
    margin: var(--s2) var(--s10);
    padding: 0;
    max-width: calc(100% - var(--s10) * 2);
  }
  :is(.wysi, #tinymce) li {
    line-height: 1.1;
    margin-bottom: var(--s2);
  }
  :is(.wysi, #tinymce) li::marker {
    font-weight: 700;
    color: var(--c5);
  }
  :is(.wysi, #tinymce) li:last-child {
    margin-bottom: 0;
  }
  :is(.wysi, #tinymce) :is(td, th) {
    padding: var(--s1);
  }
  :is(.wysi, #tinymce) .no-hypens {
    hyphens: none;
  }
  :is(.wysi, #tinymce) .no-breaks {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  :is(.wysi, #tinymce) h1:first-child {
    margin-top: -7px;
  }
  :is(.wysi, #tinymce) h2:first-child {
    margin-top: -2px;
  }
  :is(.wysi, #tinymce) h4:first-child {
    margin-top: 1px;
  }
  :is(.wysi, #tinymce) h5:first-child {
    margin-top: 2px;
  }
  :is(.wysi, #tinymce) h6:first-child {
    margin-top: 3px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h1):first-child {
    margin-top: -7px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h2):first-child {
    margin-top: -2px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h3):first-child {
    margin-top: 0;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h4):first-child {
    margin-top: 1px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h5):first-child {
    margin-top: 2px;
  }
  :is(.wysi, #tinymce) :is(h1, h2, h3, h4, h5, h6):has(.style-as-h6):first-child {
    margin-top: 3px;
  }
  :is(.wysi, #tinymce) *:last-child {
    margin-bottom: 0;
  }
}
@layer variations {}
@layer default {
  main {
    --pb-sm: var(--s4);
    --pb-md: var(--s8);
    --pb-lg: var(--s10);
    --pb-xl: var(--s16);
    --grid-row-gap: var(--pb-sm);
    --grid-col-gap: var(--pb-sm);
  }
  @media (width <= 767px) {
    main {
      --pb-md: var(--s6);
      --pb-lg: var(--s8);
      --pb-xl: var(--s12);
    }
  }
  body {
    color: #000;
  }
  .grey {
    background-color: var(--c3-30);
  }
  .blue {
    background-color: lightblue;
  }
  .white {
    background-color: white;
  }
  main > section {
    row-gap: var(--s10);
    padding: var(--s13) 0;
  }
  main > section.no-padding {
    padding: 0;
  }
  main > section.white + .white, main > section.grey + .grey, main > section.blue + .blue {
    padding: var(--s11);
  }
  main > section:last-child {
    padding-bottom: var(--s9);
  }
  main > section > div {
    grid-column: content;
    display: grid;
    row-gap: var(--pb-lg);
    column-gap: var(--pb-xl);
  }
  main > section > div p:last-child {
    margin-bottom: 0;
  }
  main > section .halves {
    grid-template-columns: repeat(2, 1fr);
  }
  main > section .thirds {
    grid-template-columns: repeat(3, 1fr);
  }
  main > section .two-one {
    grid-template-columns: 2fr 1fr;
  }
  main > section .one-two {
    grid-template-columns: 1fr 2fr;
  }
  @media (width <= 991px) {
    main > section :is(.halves, .thirds, .two-one, .one-two) {
      grid-template-columns: 1fr;
    }
  }
  main > section .vertical-center {
    align-self: center;
  }
  main > section .vertical-bottom {
    align-self: self-end;
  }
  figure {
    background-color: transparent;
    overflow: hidden;
    padding: 0;
  }
  [class*=bg-] figure {
    background-color: white;
  }
  main:has(.pv-container) {
    margin-top: 0;
    padding-top: 0;
  }
}
@layer component {
  .grey :is([class*=photo-], [class*=portrait]) figcaption {
    background-color: #fff;
  }
  .grey :is([class*=photo-], [class*=portrait]) figcaption {
    background-color: #fff;
  }
}
@layer component {
  .btn, :is(body, main) > [href*=enter-url-here], .style-as-btn, nav[class*=button-] a, :is(.wysi, #tinymce) .style-as-btn {
    text-align: center;
    display: inline-block;
    border: 1px solid var(--c1);
    line-height: 1;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition:  color 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
    border-radius: 0;
    border-width: 2px;
    color: var(--c5);
    padding: var(--s4) var(--s6);
  }
  .btn::before, :is(body, main) > [href*=enter-url-here]::before, .style-as-btn::before, nav[class*=button-] a::before, :is(.wysi, #tinymce) .style-as-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    transform: translate3d(-101%, 0, 0);
    transform-origin: left;
    background-color: var(--c5);
    transition:  transform 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
    z-index: -1;
  }
  .btn:hover, :is(body, main) > [href*=enter-url-here]:hover, .style-as-btn:hover, nav[class*=button-] a:hover, :is(.wysi, #tinymce) .style-as-btn:hover {
    background-color: transparent;
    color: #fff;
  }
  .btn:hover::before, :is(body, main) > [href*=enter-url-here]:hover::before, .style-as-btn:hover::before, nav[class*=button-] a:hover::before, :is(.wysi, #tinymce) .style-as-btn:hover::before {
    transform: translate3d(0, 0, 0);
  }
  @supports (-webkit-touch-callout: none) {
    .btn::before, :is(body, main) > [href*=enter-url-here]::before, .style-as-btn::before, nav[class*=button-] a::before, :is(.wysi, #tinymce) .style-as-btn::before {
      transform: none;
      transition:  left 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
      left: -101%;
    }
    .btn:hover::before, :is(body, main) > [href*=enter-url-here]:hover::before, .style-as-btn:hover::before, nav[class*=button-] a:hover::before, :is(.wysi, #tinymce) .style-as-btn:hover::before {
      transform: none;
      left: 0;
    }
  }
  nav[class*=button-] {
    display: flex;
    margin: 0 0 auto;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
    padding-bottom: var(--s4);
    --btn-space: var(--s7);
    gap: var(--s4) var(--btn-space);
  }
  @media (width <= 767px) {
    nav[class*=button-] {
      --btn-space: var(--s4);
    }
  }
  nav[class*=button-] a {
    flex: 0 1 auto;
    margin: 1px 0 0;
  }
  nav[class*=button-] > span {
    display: block;
  }
  nav[class*=button-] > span > a {
    display: block;
  }
  nav[class*=button-] > span > a::after {
    display: inline-block;
    position: relative;
    top: 1px;
    margin: -0.1em 0 -0.2em;
    font-size: 1.2em;
    padding-left: var(--s2);
  }
  nav.button-between {
    justify-content: space-between;
  }
  @media (width <= 575px) {
    nav.button-between a {
      margin: 1px auto 0;
    }
  }
  nav.button-right {
    justify-content: flex-end;
  }
  nav.button-center {
    justify-content: center;
  }
  nav.button-fill > :is(a, span) {
    flex: 1 1 auto;
  }
}
@layer variations {
  .btn, :is(.wysi, #tinymce) .style-as-btn, nav[class*=button-] a, .style-as-btn, :is(body, main) > [href*=enter-url-here] {
    text-transform: none;
    font-weight: 700;
    letter-spacing: -0.1px;
    font-size: 1.15rem;
    border-color: var(--c5);
    border-image: linear-gradient(90deg, var(--c5), var(--c4)) 27;
  }
  .btn:hover, :is(.wysi, #tinymce) .style-as-btn:hover, nav[class*=button-] a:hover, .style-as-btn:hover, :is(body, main) > [href*=enter-url-here]:hover {
    border-color: var(--c5);
    border-image: linear-gradient(90deg, var(--c5), var(--c5)) 27;
  }
  .btn::after, :is(.wysi, #tinymce) .style-as-btn::after, nav[class*=button-] a::after, .style-as-btn::after, :is(body, main) > [href*=enter-url-here]::after {
    margin-left: var(--s2);
    content: "\f061";
    display: inline-block;
    position: relative;
    font-weight: 600;
  }
}
@layer component {
  .clps {
    margin-bottom: var(--s4);
  }
  .clps:last-child {
    border-bottom: none;
  }
  .clps a {
    color: inherit;
    text-decoration: underline;
  }
  .clps a:hover {
    text-decoration: none;
  }
  .clps :is(p, a) {
    word-break: break-all;
  }
  .clps p:last-child {
    margin-bottom: 0;
  }
  .clps-group > .wysi.component {
    margin-bottom: var(--s10);
  }
  .clps-trigger {
    width: 100%;
    border: none;
    cursor: pointer;
    color: white;
    border-radius: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--s4) var(--s5) var(--s5) 0;
    transition:  all 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
  }
  .clps-trigger::after {
    content: "\f078";
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 1.8rem;
    color: var(--c5);
    margin-left: var(--s2);
    transition:  transform 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
    transform: rotate3d(0, 0, 0, 0);
  }
  @media (width <= 767px) {
    .clps-trigger::after {
      font-size: 1.6rem;
    }
  }
  @media (width <= 575px) {
    .clps-trigger::after {
      font-size: 1.45rem;
    }
  }
  .clps-trigger:focus {
    outline: none;
  }
  .clps-trigger:focus-visible {
    outline: 3px solid var(--c1);
    outline-offset: 1px;
  }
  .clps-trigger[aria-expanded=true] {
    padding-bottom: var(--s3);
  }
  .clps-trigger[aria-expanded=true]::after {
    transform: rotate3d(0, 0, 1, 180deg);
  }
  .clps-body {
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    border-left: none;
    border-right: none;
    visibility: hidden;
    transition: visibility var(--t-time) 0s , max-height var(--t-time) 0s var(--easing);
  }
  .clps-body::before, .clps-body::after {
    content: "";
    width: 100%;
    height: var(--s4);
    display: block;
    display: none;
  }
  [data-open=true] .clps-body {
    margin-bottom: var(--s3);
    max-height: var(--body-height, 100vh);
    visibility: visible;
    transition: visibility 0s, max-height var(--t-time) var(--easing);
  }
}
@layer variations {
  .clps {
    border-bottom: 1px solid var(--c3-95);
    margin-bottom: 0;
  }
  .clps-trigger {
    background-color: transparent;
    color: #000;
    font-size: 1.5em;
    text-align: left;
    text-transform: none;
    font-weight: 400;
  }
  @media (width <= 767px) {
    .clps-trigger {
      font-size: 1.25em;
    }
  }
  .info::after {
    content: "\f05a";
  }
  .question::after {
    content: "\f059";
  }
  .exclamation::after {
    content: "\f06a";
  }
}
@layer component {
  .callout {
    display: flex;
  }
  .cta {
    margin: auto;
    display: flex;
    flex-direction: column;
    border: 4px solid var(--c1);
    padding: var(--s6);
  }
  .cta p {
    max-width: 365px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 0;
  }
  @media (width <= 767px) {
    .cta p {
      font-size: 1.3rem;
    }
  }
  .cta p strong {
    font-weight: 600;
  }
  .cta p :has(.style-as-h2) {
    font-size: 1rem;
  }
  @media (width <= 767px) {
    .cta p :has(.style-as-h2) {
      font-size: 1rem;
    }
  }
  .cta hr {
    width: 100%;
    max-width: 80px;
    background-color: var(--c5);
    height: 4px;
    border-radius: var(--s2);
    background-image: none;
    margin: var(--s2) 0;
  }
  .cta span {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
  @media (width <= 767px) {
    .cta span {
      font-size: 1.25rem;
    }
  }
  .callout-accent, .cta .callout-accent {
    color: var(--c5);
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: var(--s2);
  }
  @media (width <= 767px) {
    .callout-accent, .cta .callout-accent {
      font-size: 2rem;
    }
  }
  .callout-accent a, .cta .callout-accent a {
    color: var(--c5);
  }
}
@layer variations {
  .cta {
    justify-content: center;
    align-items: center;
    text-align: center;
    border-image: linear-gradient(90deg, var(--c1), var(--c1-95)) 27;
  }
}
@layer component {
  .feature-image {
    padding-bottom: 0;
    height: 395px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding: 0;
    gap: 0;
    justify-content: end;
  }
  .feature-image .page-title {
    z-index: 2;
    margin: auto var(--s10) auto;
  }
  .feature-image .page-title h1 {
    color: #fff;
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    text-align: center;
    background: none;
    -webkit-text-fill-color: #fff;
  }
  @media (width <= 991px) {
    .feature-image .page-title h1 {
      font-size: 4rem;
    }
  }
  @media (width <= 767px) {
    .feature-image .page-title h1 {
      font-size: 3rem;
    }
  }
  @media (width <= 575px) {
    .feature-image .page-title h1 {
      font-size: var(--h1);
    }
  }
  .feature-image:has(.page-title)::after {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .feature-image .caption {
    width: 100%;
    grid-column: 1/-1;
    grid-row: 1;
    column-gap: var(--s4);
    row-gap: var(--s4);
    padding: var(--s3) var(--s5);
    z-index: 2;
    color: white;
    text-align: center;
    position: relative;
    font-style: italic;
    display: grid;
    grid-template-columns: 1fr auto;
    font-size: 0.9rem;
    line-height: 1.1;
    letter-spacing: -0.1px;
    margin-bottom: 0;
  }
  .feature-image .caption::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-color: #000;
    z-index: -1;
    opacity: 0.5;
  }
  @media (width <= 991px) {
    .feature-image .caption {
      grid-row: auto;
      grid-template-columns: 1fr;
    }
  }
  .feature-image img {
    margin-bottom: 0;
  }
  .feature-image figcaption {
    text-align: left;
    max-width: 675px;
  }
  .feature-image span {
    text-align: right;
    align-content: center;
    color: inherit;
    white-space: auto;
  }
}
@layer component {
  .fp-top {
    background-position: top center;
    object-position: top center;
  }
  .fp-top-left {
    background-position: top left;
    object-position: top left;
  }
  .fp-top-left img {
    background-position: top left;
    object-position: top left;
  }
  .fp-top-right {
    background-position: top right;
    object-position: top right;
  }
  .fp-top-right img {
    background-position: top right;
    object-position: top right;
  }
  .fp-top img {
    object-position: top center;
    background-position: top center;
  }
  .fp-bottom {
    background-position: bottom center;
    object-position: bottom center;
  }
  .fp-bottom-left {
    background-position: top left;
    object-position: top left;
  }
  .fp-bottom-left img {
    background-position: top left;
    object-position: top left;
  }
  .fp-bottom-right {
    background-position: top right;
    object-position: top right;
  }
  .fp-bottom-right img {
    background-position: top right;
    object-position: top right;
  }
  .fp-bottom img {
    background-position: bottom center;
    object-position: bottom center;
  }
  .fp-left {
    background-position: left center;
    object-position: left center;
  }
  .fp-left img {
    background-position: left center;
    object-position: left center;
  }
  .fp-right {
    background-position: right center;
    object-position: right center;
  }
  .fp-right img {
    background-position: right center;
    object-position: right center;
  }
  .fp-center {
    background-position: center center;
    object-position: center center;
  }
  .fp-center img {
    background-position: center center;
    object-position: center center;
  }
  .fp-cover {
    background-size: cover;
  }
  .fp-cover img {
    object-fit: cover;
  }
  .fp-contain {
    background-size: contain;
  }
  .fp-contain img {
    object-fit: contain;
  }
}
@layer component {
  :is([class*=photo-], [class*=portrait]) {
    --caption-spacing: var(--s8);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  @container auto-layout (width >= 700px) {
    .auto-layout[data-count="1"] :is([class*=photo-], [class*=portrait]).sub-widget {
      grid-column: 1/-1;
    }
  }
  :is([class*=photo-], [class*=portrait]) .img-wrapper {
    margin-bottom: calc(-1 * var(--caption-spacing));
    flex: 0 1 auto;
    height: auto;
  }
  :is([class*=photo-], [class*=portrait]) .img-wrapper img {
    width: 100%;
    height: auto;
  }
  :is([class*=photo-], [class*=portrait]) .img-wrapper.fp-cover {
    height: 100%;
  }
  :is([class*=photo-], [class*=portrait]) .img-wrapper.fp-cover img {
    height: 100%;
    width: 100%;
  }
  :is([class*=photo-], [class*=portrait]) figcaption {
    background-color: var(--c3-30);
    color: var(--c3-90);
    padding: var(--s5);
    line-height: 1.2;
    margin: 0 var(--s4);
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    font-weight: 600;
    font-style: italic;
    margin: 0 var(--s4);
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  :is([class*=photo-], [class*=portrait]) .photo-credit {
    font-style: italic;
    color: inherit;
    display: block;
  }
  .widget.image-grid {
    gap: 30px;
  }
}
@layer component {
  .quote {
    background-color: transparent;
    color: #000;
    position: relative;
    display: flex;
    flex-direction: row;
    z-index: 0;
    padding: 0;
    margin-bottom: 0;
  }
  .quote::before {
    width: 15px;
    margin-right: 25px;
    content: "";
    height: 100%;
    background-color: var(--c1);
    background-image: linear-gradient(0, var(--c1-80), var(--c1));
  }
  @media (width <= 575px) {
    .quote::before {
      margin-right: var(--s5);
      min-width: var(--s2);
    }
  }
  .quote blockquote {
    background-color: transparent;
    margin-bottom: 0;
    padding: var(--s6) 0 var(--s7);
  }
  .quote p:last-child {
    margin-bottom: 0;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
    color: #000;
    line-height: 1.35em;
    text-indent: 0;
    font-weight: 400;
    margin-right: var(--s8);
  }
  .quote p:last-child::before, .quote p:last-child::after {
    display: none;
  }
  @media (width <= 575px) {
    .quote p:last-child {
      font-size: 1.25rem;
      margin-right: 0;
    }
  }
  .quote figcaption {
    background-color: transparent;
    color: #000;
    padding: 0 0.5rem 0.5rem;
  }
}
@layer component {
  .spacer.lg {
    margin-top: var(--pb-xl);
    margin-bottom: var(--pb-xl);
  }
  .spacer.md {
    margin-top: var(--pb-lg);
    margin-bottom: var(--pb-lg);
  }
  .spacer.sm {
    margin-top: var(--pb-sm);
    margin-bottom: var(--pb-sm);
  }
  .spacer.no-bar hr {
    display: none;
  }
  .spacer hr {
    background-color: var(--c3);
    background-image: linear-gradient(90deg, var(--c1), var(--c1-80));
    width: 100%;
    height: 3px;
    border: none;
    margin: 0;
  }
}
@layer component {
  .video-embed {
    aspect-ratio: 16/9;
    margin-top: var(--s1);
    margin-bottom: var(--s4);
  }
  .video-embed iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--s4);
  }
}
@layer component {
  .masonry {
    --target-height: 250px;
    --adjusted-height: 250px;
    --scrollOffset: 0;
    margin-bottom: 15px;
    z-index: 1;
    position: relative;
    display: block;
    overflow: hidden;
  }
  @media (max-width: 575px) {
    .masonry[class*=more-]::before, .masonry[class*=more-]::after {
      width: 10px;
      margin-bottom: 10px;
      top: 0;
      z-index: 10;
      pointer-events: none;
      grid-area: 1/2/2/14;
    }
    .masonry.more-r::before {
      content: "";
      justify-self: end;
      background-image: linear-gradient(to right, transparent, white);
    }
    .masonry.more-l::after {
      content: "";
      justify-self: start;
      background-image: linear-gradient(to left, transparent, white);
    }
  }
  .masonry .title-box {
    text-align: center;
    display: block;
    margin-bottom: var(--sp-3);
  }
  .masonry h2 {
    text-align: center;
  }
  .masonry > .wysi.component {
    margin-bottom: var(--s10);
  }
  .masonry .frame {
    margin: 0;
  }
  @media (pointer: coarse) {
    .masonry .frame {
      padding-bottom: 10px;
      overflow-x: auto;
    }
  }
  .masonry .frame-inner {
    width: min-content;
    height: var(--adjusted-height);
    white-space: nowrap;
    transition:  all 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
    transform: translate3d(var(--scrollOffset), 0, 0);
    display: block;
    font-size: 0;
  }
  @media (pointer: coarse) {
    .masonry .frame-inner {
      height: var(--mobile-height);
    }
  }
  .masonry .slide {
    margin: 0;
    padding: 0;
    border: none;
    flex: 1 0 1%;
    display: inline-block;
    font-size: 0;
    height: 100%;
  }
  .masonry .slide img {
    object-fit: unset;
    height: 100%;
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    clip-path: inset(0 4px);
    max-width: unset;
  }
  .masonry button {
    top: calc(50px + var(--s10));
    left: unset;
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .masonry button:focus-visible {
    outline: 3px solid var(--c1);
    outline-offset: 1px;
  }
  @media (pointer: coarse) {
    .masonry button {
      display: none;
    }
  }
  .masonry .next {
    right: 25px;
  }
  .masonry .prev {
    right: 80px;
  }
  .masonry:not(.setup) .frame {
    background-color: var(--c3-50);
  }
  .masonry:not(.setup) .frame::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    color: white;
    font-size: 2em;
    font-family: var(--f1);
    font-weight: 700;
    transform: translate3d(-50%, -50%, 0);
    animation: load 2s infinite;
    content: "Loading";
    width: 170px;
  }
  .masonry:not(.setup) .slide {
    height: var(--target-height);
  }
  .masonry:not(.setup) .slide,
  .masonry:not(.setup) button {
    opacity: 0;
  }
  .masonry:not(.setup) .frame-inner {
    background-color: var(--c5l3);
  }
  .masonry svg {
    width: 100%;
  }
  @keyframes load {
    0% {
      content: "Loading";
    }
    25% {
      content: "Loading.";
    }
    50% {
      content: "Loading..";
    }
    75% {
      content: "Loading...";
    }
  }
}
@layer component {
  #lightbox {
    display: none;
    transform: translateY(-100%);
    visibility: hidden;
    transition: visibility var(--t-time) 0s , opacity var(--t-time) 0s var(--easing), transform var(--t-time) 0s var(--easing);
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c3-50);
    z-index: 1000;
    padding: 0;
  }
  #lightbox.open {
    visibility: visible;
    transition: visibility 0s, opacity var(--t-time) var(--easing), transform var(--t-time) var(--easing);
    transform: translateY(0);
  }
  #lightbox.single .lb-control {
    position: absolute;
    top: -10px;
    right: 20px;
    background-color: transparent;
  }
  #lightbox.single button:not(.close-gal),
  #lightbox.single #photo-number {
    display: none;
  }
  #lightbox .lb-photos {
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    height: calc(100% - 250px);
    padding: 5px;
  }
  #lightbox .lb-control {
    flex: 0 0 auto;
    background-color: white;
    padding: 0 0 5px;
    transition:  all 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
  }
  #lightbox .lb-control.no-info .info {
    display: none;
  }
  @media (width < 575px) {
    #lightbox .lb-control.up {
      padding-bottom: var(--s3);
    }
  }
  #lightbox .lb-nav {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 30px 0 25px;
    gap: 5px;
  }
  @media (max-width: 575px), (max-height: 670px) {
    #lightbox .lb-nav {
      padding: 15px 0 10px;
    }
  }
  @media (max-height: 460px) and (orientation: landscape) {
    #lightbox .lb-nav {
      padding: 7px 0 2px;
    }
  }
  #lightbox .lb-nav::before {
    content: "";
    flex: 1 1 auto;
    width: 0;
    display: block;
    order: 0;
  }
  #lightbox .img-group {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  #lightbox img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    pointer-events: none;
    transition:  opacity 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
  }
  #lightbox img[data-current=true] {
    pointer-events: all;
    opacity: 1;
  }
  #lightbox #lb-info {
    height: 0;
    overflow: hidden;
    transition:  all 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
  }
  #lightbox .up #lb-info {
    height: 165px;
    overflow: auto;
  }
  #lightbox #photo-cap {
    line-height: 1.2;
    padding-top: 20px;
  }
  #lightbox #photo-cred {
    text-align: right;
    display: block;
    font-style: italic;
    font-size: 0.9em;
    padding: 10px 0 30px;
  }
  #lightbox #photo-cred:not(:empty)::before {
    content: "Photo Credit: ";
    font-family: var(--f1);
    font-weight: 700;
  }
  #lightbox #photo-number {
    display: block;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    z-index: 2;
    order: -1;
  }
  #lightbox svg {
    width: 100%;
  }
  #lightbox svg line {
    stroke: var(--c3-50);
    stroke-width: 1.15;
    fill: none;
  }
  #lightbox button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    color: var(--c1-60);
    z-index: 3;
    position: static;
    margin: 0;
    border-radius: 30px;
    font-size: 20px;
    line-height: 1;
    background-color: white;
    border: 2px solid var(--c1-60);
    transition:  color 0.4s cubic-bezier(0.24, 0.96, 0.46, 1),  background-color 0.4s cubic-bezier(0.24, 0.96, 0.46, 1);
  }
  #lightbox button:focus-visible {
    outline: 3px solid var(--c2);
    outline-offset: 1px;
  }
  @media (max-width: 575px), (orientation: landscape) {
    #lightbox button {
      width: 35px;
      height: 35px;
      flex: 0 0 35px;
    }
  }
  @media (pointer: fine) {
    #lightbox button:hover {
      background-color: var(--c1-60);
      color: white;
    }
  }
  #lightbox .info::after {
    content: "\f05a";
  }
  #lightbox .prev::after {
    content: "\f053";
  }
  #lightbox .next::after {
    content: "\f054";
  }
  #lightbox .up .info {
    background-color: var(--c1-60);
    color: white;
  }
  #lightbox .close-gal {
    background-color: var(--c1-60);
    color: white;
    border: none;
  }
  @media (pointer: fine) {
    #lightbox .close-gal:hover {
      background-color: var(--c1);
    }
  }
  #lightbox .close-gal.floating {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #lightbox .close-gal::after {
    content: "\f00d";
  }
}
@layer variation {
  #lightbox .lb-control {
    width: 100%;
  }
}
@layer base {
  .widget {
    margin-bottom: 0;
  }
  .auto-layout {
    container: auto-layout/inline-size;
    width: 100%;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
  }
  .auto-layout .inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    height: 100%;
    gap: 30px;
    row-gap: var(--s10);
  }
  @container auto-layout (width < 500px) {
    .auto-layout .inner {
      gap: 15px;
      row-gap: var(--s10);
    }
  }
  .auto-layout .sub-widget {
    grid-column: span 3;
  }
  @container auto-layout (width < 700px) {
    .auto-layout .sub-widget {
      grid-column: span 6;
    }
    .auto-layout .sub-widget:nth-child(odd):last-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width < 500px) {
    .auto-layout .sub-widget {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 700px) {
    .auto-layout[data-count="1"] .sub-widget {
      grid-column: 2/-2;
    }
  }
  @container auto-layout (width < 700px) {
    .auto-layout[data-count="1"] .sub-widget {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 500px) {
    .auto-layout[data-count="2"] .sub-widget {
      grid-column: span 6;
    }
    .auto-layout[data-count="2"] .sub-widget:nth-child(odd):last-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 700px) {
    .auto-layout[data-count="3"] .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout[data-count="4"] .sub-widget {
      grid-column: span 6;
    }
    .auto-layout[data-count="4"] .sub-widget:nth-child(odd):last-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 500px) {
    .auto-layout[data-count="5"] .sub-widget {
      grid-column: span 4;
    }
    .auto-layout[data-count="5"] .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 700px) {
    .auto-layout[data-count="6"] .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:nth-last-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:nth-last-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="8"], [data-count="20"], [data-count="32"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="8"], [data-count="20"], [data-count="32"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:nth-last-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget:nth-last-child(-n+6) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget:nth-last-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:nth-last-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="12"], [data-count="24"], [data-count="36"]) .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-last-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-last-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget:nth-last-child(-n+6) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget:nth-last-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="16"], [data-count="28"], [data-count="40"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="16"], [data-count="28"], [data-count="40"]) .sub-widget:nth-last-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-last-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-last-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout:is([data-count="18"], [data-count="30"], [data-count="42"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout:is([data-count="18"], [data-count="30"], [data-count="42"]) .sub-widget:nth-last-child(-n+6) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout:is([data-count="18"], [data-count="30"], [data-count="42"]) .sub-widget {
      grid-column: span 4;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first .sub-widget {
      grid-column: span 6;
    }
    .auto-layout.large-first .sub-widget:nth-child(odd):last-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first[data-count="2"] .sub-widget {
      grid-column: span 6;
    }
    .auto-layout.large-first[data-count="2"] .sub-widget:nth-child(odd):last-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first[data-count="3"] .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first[data-count="3"] .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first[data-count="5"] .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first[data-count="5"] .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first[data-count="5"] .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first[data-count="5"] .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:nth-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:nth-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="7"], [data-count="19"], [data-count="31"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="8"], [data-count="20"], [data-count="32"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="8"], [data-count="20"], [data-count="32"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:nth-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="9"], [data-count="21"], [data-count="33"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget:nth-child(-n+6) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="10"], [data-count="22"], [data-count="34"]) .sub-widget:nth-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:nth-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="11"], [data-count="23"], [data-count="35"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="13"], [data-count="25"], [data-count="37"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget:nth-child(-n+6) {
      grid-column: span 4;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="14"], [data-count="26"], [data-count="38"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget:nth-child(-n+3) {
      grid-column: span 4;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="15"], [data-count="27"], [data-count="39"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="16"], [data-count="28"], [data-count="40"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="16"], [data-count="28"], [data-count="40"]) .sub-widget:nth-child(-n+4) {
      grid-column: span 6;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-child(-n+5) {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (700px <= width < 950px) {
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget {
      grid-column: span 4;
    }
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-child(-n+2) {
      grid-column: span 6;
    }
  }
  @container auto-layout (500px <= width < 700px) {
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:nth-child(n) {
      grid-column: span 6;
    }
    .auto-layout.large-first:is([data-count="17"], [data-count="29"], [data-count="41"]) .sub-widget:first-child {
      grid-column: 1/-1;
    }
  }
  @container auto-layout (width >= 950px) {
    .auto-layout.large-first:is([data-count="18"], [data-count="30"], [data-count="42"]) .sub-widget {
      grid-column: span 3;
    }
    .auto-layout.large-first:is([data-count="18"], [data-count="30"], [data-count="42"]) .sub-widget:nth-child(-n+6) {
      grid-column: span 4;
    }
  }
  .auto-layout-wide {
    container: auto-layout-wide/inline-size;
  }
  .auto-layout-wide .inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    column-gap: 30px;
    row-gap: var(--s10);
  }
  @container auto-layout-wide (width < 500px) {
    .auto-layout-wide .inner {
      column-gap: 15px;
      row-gap: var(--s10);
    }
  }
  .auto-layout-wide .sub-widget {
    grid-column: span 6;
  }
  .auto-layout-wide .sub-widget:nth-child(odd):last-child {
    grid-column: 1/-1;
  }
  @container auto-layout-wide (width > 1200px) {
    .auto-layout-wide .sub-widget {
      grid-column: span 5/-2;
    }
    .auto-layout-wide .sub-widget:nth-child(odd) {
      grid-column: 2/span 5;
    }
    .auto-layout-wide .sub-widget:nth-child(odd):last-child {
      grid-column: 2/-2;
    }
  }
  @container auto-layout-wide (width < 800px) {
    .auto-layout-wide .sub-widget {
      grid-column: 1/-1;
    }
  }
}
main {
  margin-bottom: var(--s8);
}
main :is(.grid) {
  display: grid;
}
@media (width >= 1199px) {
  main :is(.grid) {
    --container-width: 1060px;
  }
}

#tinymce :is(h1, h2, h3, h4, h5, h6, [class*=style-as-h]) {
  line-height: 1;
  padding-bottom: 10px;
}
#tinymce p {
  line-height: 1.5;
  padding-bottom: 10px;
}
/*# sourceMappingURL=pagebuilder-plus.css.map */