/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js!./blocks/src/utilities/sass/style.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.section-title.align-center,
.section-description.align-center {
  text-align: center;
}
.section-title.align-right,
.section-description.align-right {
  text-align: right;
}

.wp-site-blocks .entry-content {
  margin-block-start: 0;
  padding: 0;
}
.wp-site-blocks .entry-content > .wp-block-heading {
  max-width: 100%;
  padding: 48px 0;
}
.wp-site-blocks .entry-content > .wp-block-heading:first-child {
  padding-top: 60px;
  padding-bottom: 45px;
}
.wp-site-blocks .entry-content > div[class^=wp-block-calscape-] {
  display: block;
  margin-block-start: 0;
  padding: var(--default-outter-padding) 0;
  width: 100%;
  max-width: 100%;
}
.wp-site-blocks .entry-content > div[class^=wp-block-calscape-] > .inner-container {
  width: calc(100% - var(--default-inner-padding) * 2);
  max-width: var(--max-width);
  padding: 0 var(--default-inner-padding);
  margin: 0 auto;
}
@media (max-width: 700px) {
  .wp-site-blocks .entry-content > div[class^=wp-block-calscape-] > .inner-container {
    width: calc(100% - var(--default-inner-padding-mobile) * 2);
  }
}
@media (max-width: 700px) {
  .wp-site-blocks .entry-content > div[class^=wp-block-calscape-] {
    padding: var(--default-outter-padding-mobile) 0;
  }
}

.gform_wrapper {
  /*
      --gf-ctrl-choice-check-color: var(--cerulean-blue) !important;
      --gf-local-border-color: var(--cerulean-blue) !important;

      .gform_title {
          margin-bottom: 30px;
          font-family: "Gotham-Bold", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 26px;
      }

      .gform_description {
          font-family: "Gotham-Medium", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
      }

      .gf_page_steps {
          display: flex;
          flex-direction: row;
          justify-content: center;
          gap: 0;

          .gf_step {
              .gf_step_number {
                  height: 50px;
                  width: 50px;
                  color: var(--primary-color);
                  font-family: 'Poppins', sans-serif;
                  font-size: 24px;
                  line-height: 26px;
                  background: var(--white);
                  border: 1px solid var(--primary-color);

                  @include media.respond(small) {
                      height: 30px;
                      width: 30px;
                      font-size: 18px;
                      line-height: 20px
                  }

              }

              .gf_step_label {
                  border-bottom: 1px solid var(--anb-grey);
                  width:93px;
                  margin-left: -12px;

                  @include media.respond(small) {
                      width: 35px;
                  }
              }

              &.gf_step_active {
                  .gf_step_number {
                      color: var(--white);
                      background: var(--anb-blue);
                      border: 1px solid var(--white);
                  }
              }

              &.gf_step_completed {
                  .gf_step_number {
                      color: var(--anb-blue);
                      background: var(--anb-grey);
                      border: 1px solid var(--anb-grey);

                      &:after {
                          display: none;
                      }
                  }
              }

              &:last-of-type{
                  .gf_step_label {
                      display: none;
                  }
              }
          }
      }

      .gform-body {
          .gfield_radio,
          .gfield_checkbox{
               label {
                  color: var(--anb-blue);
                  font-family: 'Gotham-Book', sans-serif;
                  font-size: 16px;
                  line-height: 22px;

               }

          }
          .gform-field-label {
              color: var(--anb-blue);
              font-family: 'Gotham-Medium', sans-serif;
              font-size: 14px;
              font-weight: 400;
              line-height: 15px;
          }

          .gfield--type-multiselect > .gfield_label,
          .gfield--type-email > .gfield_label,
          .gfield--type-tel > .gfield_label,
          .gfield--type-date > .gfield_label,
          .gfield--type-select > .gfield_label,
          .gfield--type-text > .gfield_label,
          .gfield--type-textarea > .gfield_label, legend.gfield_label {
              color: var(--anb-blue);
              font-family: 'Gotham-Medium', sans-serif;
              font-size: 14px;
              font-weight: 400;
              line-height: 15px;
          }

          .gform-field-label--type-sub {
              color: var(--main-blue-green);
              font-family: 'Gotham-Medium', sans-serif;
              font-size: 14px;
              font-weight: 400;
              line-height: 15px;
          }

          select,
          input[type=email],
          input[type=file],
          input[type=tel],
          input[type=number],
          input[type=text] {
              color: var(--anb-blue) !important;
              border: 1px solid var(--anb-dark-grey) !important;
              border-radius: 0px !important;
              font-family: 'Gotham-Book', sans-serif !important;
              font-size: 14px !important;
              font-weight: 400 !important;
              line-height: 15px !important;
              height: 31px;
              padding-top: 2px;
              max-width: 270px;
              width: 100%;
          }

          select {
              color: var(--black) !important;
              padding-top: 7px;
              background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8" %3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="15"><path fill="none" stroke="%231D4F91" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(1.10156 1.10156)" d="M0 0L10.929 11.211L21.858 0" fill-rule="evenodd"/></svg>');
              background-position: center;
              background-size: 22px 11px;
              background-repeat: no-repeat;
              background-position-x: calc(100% - 10px);
              max-width: 270px;
          }

          textarea {
              color: var(--anb-blue) !important;
              border: 1px solid var(--anb-dark-grey) !important;
              border-radius: 0px !important;
              font-family: 'Gotham-Book', sans-serif !important;
              font-size: 14px !important;
              font-weight: 400 !important;
              line-height: 15px !important;
          }

          input[type=radio] {
              --gf-ctrl-choice-check-color: var(--anb-blue) !important;
              accent-color: var(--anb-blue) !important;
              --gf-local-border-color: var(--anb-dark-grey) !important;
              --gf-local-border-width: 2px !important;

              &:before {
                  inline-size: 12px !important;
                  block-size: 12px !important;
              }
          }

          input[type=checkbox] {
              --gf-ctrl-choice-check-color: var(--anb-blue) !important;
              --gf-local-border-color: var(--anb-dark-grey) !important;
              accent-color: var(--anb-dark-grey) !important;
              --gf-local-border-width: 2px !important;
              --gf-local-radius: 5px !important;

              &:before {
                  inline-size: 16px !important;
                  block-size: 16px !important;
              }

              &:checked:before {
                  content: "";
                  background: var(--anb-blue) !important;
              }
          }

          .ginput_container_fileupload {
              color: var(--black) !important;

              .gform_fileupload_rules {
                  color: var(--black) !important;
              }
          }

          input[type=text].small {
              max-width: 270px;
          }

          select.small {
              max-width: 270px;
              width: min-content;
          }
      }

      button,
      .button,
      a.button,
      input[type=button],
      input[type=submit] {
          border: 2px solid var(--anb-blue) !important;
          background: var(--anb-blue) !important;
          color: var(--white) !important;
          font-family: 'Gotham-Bold', sans-serif !important;
          font-size: 14px !important;
          font-weight: 500 !important;
          line-height: 15px !important;
          padding: 5px 47px !important;
          height: 40px;
          border-radius: 5px !important;

          &:hover {
              color: var(--anb-blue) !important;
              background: var(--white) !important;
          }
      }
  }


  .grey-form-section {
      background: var(--anb-grey-gradient) !important;
      color: var(--anb-blue);

      .gform_wrapper {
          .gform-body {

              .gfield_radio,
              .gfield_checkbox {
                  label {
                      color: var(--black);
                  }
              }
          }
      }
  }

  .forest-form-section {
      background: linear-gradient(142deg, #00816D, #8FD6BD);
      color: var(--white);

      .gform_wrapper {
          color: var(--white);
          .gform_title,
          .gform_description {
              color: var(--white);
          }
          .gform-body {
              .gform-field-label,
              .gfield--type-multiselect > .gfield_label,
              .gfield--type-email > .gfield_label,
              .gfield--type-tel > .gfield_label,
              .gfield--type-date > .gfield_label,
              .gfield--type-select > .gfield_label,
              .gfield--type-text > .gfield_label,
              .gform-field-label--type-sub,
              .gfield--type-textarea > .gfield_label, legend.gfield_label {
                  color: var(--white);
              }
          }

          button,
          .button,
          a.button,
          input[type=button],
          input[type=submit] {
              border: 2px solid var(--anb-blue) !important;
              background: var(--white) !important;
              color: var(--anb-blue) !important;

              &:hover {
                  color: var(--white) !important;
                  background: var(--anb-blue) !important;
              }
          }
      }
  }

  .teal-form-section {
      background: linear-gradient(166deg, #29819A, #1E687C);
      color: var(--white);

      .gform_wrapper {
          color: var(--white);
          .gform_title,
          .gform_description {
              color: var(--white);
          }
          .gform-body {
              .gform-field-label,
              .gfield--type-multiselect > .gfield_label,
              .gfield--type-email > .gfield_label,
              .gfield--type-tel > .gfield_label,
              .gfield--type-date > .gfield_label,
              .gfield--type-select > .gfield_label,
              .gfield--type-text > .gfield_label,
              .gform-field-label--type-sub,
              .gfield--type-textarea > .gfield_label, legend.gfield_label {
                  color: var(--white);
              }
          }

          button,
          .button,
          a.button,
          input[type=button],
          input[type=submit] {
              border: 2px solid var(--anb-blue) !important;
              background: var(--white) !important;
              color: var(--anb-blue) !important;

              &:hover {
                  color: var(--white) !important;
                  background: var(--anb-blue) !important;
              }
          }
      }
  }

  .navy-form-section {
      background: linear-gradient(161deg, #294E7D, #0C2340);
      color: var(--white);

      .gform_wrapper {
          color: var(--white);

          .gform_title,
          .gform_description {
              color: var(--white);
          }

          .gform-body {
              .gform-field-label,
              .gfield--type-multiselect > .gfield_label,
              .gfield--type-email > .gfield_label,
              .gfield--type-tel > .gfield_label,
              .gfield--type-date > .gfield_label,
              .gfield--type-select > .gfield_label,
              .gfield--type-text > .gfield_label,
              .gform-field-label--type-sub,
              .gfield--type-textarea > .gfield_label, legend.gfield_label {
                  color: var(--white);
              }

              .ginput_container_fileupload {
                  color: var(--white) !important; 
                  .gform_fileupload_rules {
                      color: var(--white) !important; 
                  }
              }
          }

          button,
          .button,
          a.button,
          input[type=button],
          input[type=submit] {
              border: 2px solid var(--white) !important;
              background: var(--white) !important;
              color: var(--anb-blue) !important;

              &:hover {
                  color: var(--white) !important;
                  background: var(--anb-blue) !important;
              }
          }
      }
      */
}

/* TAGS styles */
.wp-tags-container {
  margin: 32px 132px !important;
}
@media (max-width: 1000px) {
  .wp-tags-container {
    margin: 20px 16px !important;
  }
}

.wp-tag-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 48px 72px 72px 72px;
}
@media (max-width: 1000px) {
  .wp-tag-title {
    flex-direction: column;
    margin-bottom: 24px;
    padding: 24px 36px 24px 36px;
    text-align: center;
  }
}
@media (max-width: 700px) {
  .wp-tag-title {
    padding: 0 36px 12px 36px;
  }
}
.wp-tag-title .article-count {
  font-family: "Centra No2 Book";
  font-weight: 600;
}

.wp-block-tags .is-flex-container {
  gap: 3.5rem 1.25rem;
}
.wp-block-tags li {
  margin-bottom: 48px;
}
.wp-block-tags li figure {
  margin-bottom: 24px;
}
.wp-block-tags li h2 {
  padding-bottom: 0;
  margin-bottom: 12px;
  margin-top: 0;
  font-size: clamp(1.3rem, 1rem + 1vw, 2.1rem);
}
@media (max-width: 700px) {
  .wp-block-tags li h2 {
    font-size: 36px;
  }
}
.wp-block-tags li .wp-block-post-date a {
  font-size: 12px;
  letter-spacing: 0.2mm;
  color: var(--neutrals-500, #818494) !important;
}
.wp-block-tags__more {
  appearance: none;
  font-family: "Centra No2 Book", sans-serif;
  font-size: 1rem;
  color: var(--brand-bex-hotels-navy);
  background-color: var(--brand-bex-lemon);
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 48px 0;
  padding: 48px 0;
  width: 100%;
}
.wp-block-tags__more svg {
  width: 18px;
  height: 18px;
  margin-left: 6px;
}
.wp-block-tags__more:hover {
  text-decoration: underline;
}

*[class^=theme-] .theme-peach,
.theme-peach {
  background-color: var(--theme-peach);
}
*[class^=theme-] .theme-peach h1, *[class^=theme-] .theme-peach h2, *[class^=theme-] .theme-peach h3, *[class^=theme-] .theme-peach h4, *[class^=theme-] .theme-peach h5, *[class^=theme-] .theme-peach h6, *[class^=theme-] .theme-peach p, *[class^=theme-] .theme-peach span, *[class^=theme-] .theme-peach li,
.theme-peach h1,
.theme-peach h2,
.theme-peach h3,
.theme-peach h4,
.theme-peach h5,
.theme-peach h6,
.theme-peach p,
.theme-peach span,
.theme-peach li {
  color: var(--theme-brown);
}
*[class^=theme-] .theme-peach .calscape-button.theme,
.theme-peach .calscape-button.theme {
  color: var(--white);
  background-color: var(--theme-brown);
  border-color: var(--theme-brown);
}
*[class^=theme-] .theme-peach .calscape-button.theme.forced,
.theme-peach .calscape-button.theme.forced {
  color: var(--white) !important;
  background-color: var(--theme-brown) !important;
  border-color: var(--theme-brown) !important;
}
*[class^=theme-] .theme-peach .calscape-button.theme,
.theme-peach .calscape-button.theme {
  opacity: 0.85;
}
*[class^=theme-] .theme-peach .calscape-button.theme:hover,
.theme-peach .calscape-button.theme:hover {
  box-shadow: inset 100px 100px rgba(0, 0, 0, 0.4);
}

*[class^=theme-] .theme-white,
.theme-white {
  background-color: var(--white);
}
*[class^=theme-] .theme-white h1, *[class^=theme-] .theme-white h2, *[class^=theme-] .theme-white h3, *[class^=theme-] .theme-white h4, *[class^=theme-] .theme-white h5, *[class^=theme-] .theme-white h6, *[class^=theme-] .theme-white p, *[class^=theme-] .theme-white span, *[class^=theme-] .theme-white li,
.theme-white h1,
.theme-white h2,
.theme-white h3,
.theme-white h4,
.theme-white h5,
.theme-white h6,
.theme-white p,
.theme-white span,
.theme-white li {
  color: var(--theme-blue-dark);
}
*[class^=theme-] .theme-white h1.important, *[class^=theme-] .theme-white h2.important, *[class^=theme-] .theme-white h3.important, *[class^=theme-] .theme-white h4.important, *[class^=theme-] .theme-white h5.important, *[class^=theme-] .theme-white h6.important, *[class^=theme-] .theme-white p.important, *[class^=theme-] .theme-white span.important, *[class^=theme-] .theme-white li.important,
.theme-white h1.important,
.theme-white h2.important,
.theme-white h3.important,
.theme-white h4.important,
.theme-white h5.important,
.theme-white h6.important,
.theme-white p.important,
.theme-white span.important,
.theme-white li.important {
  color: var(--theme-lapiz-lazuli);
}
*[class^=theme-] .theme-white h1.insignificant, *[class^=theme-] .theme-white h2.insignificant, *[class^=theme-] .theme-white h3.insignificant, *[class^=theme-] .theme-white h4.insignificant, *[class^=theme-] .theme-white h5.insignificant, *[class^=theme-] .theme-white h6.insignificant, *[class^=theme-] .theme-white p.insignificant, *[class^=theme-] .theme-white span.insignificant, *[class^=theme-] .theme-white li.insignificant,
.theme-white h1.insignificant,
.theme-white h2.insignificant,
.theme-white h3.insignificant,
.theme-white h4.insignificant,
.theme-white h5.insignificant,
.theme-white h6.insignificant,
.theme-white p.insignificant,
.theme-white span.insignificant,
.theme-white li.insignificant {
  color: rgba(0, 0, 0, 0.6);
}
*[class^=theme-] .theme-white .calscape-button.theme,
.theme-white .calscape-button.theme {
  color: var(--white);
  background-color: var(--theme-blue-dark);
  border-color: var(--theme-blue-dark);
}
*[class^=theme-] .theme-white .calscape-button.theme.forced,
.theme-white .calscape-button.theme.forced {
  color: var(--white) !important;
  background-color: var(--theme-blue-dark) !important;
  border-color: var(--theme-blue-dark) !important;
}
*[class^=theme-] .theme-white .calscape-button.theme:hover,
.theme-white .calscape-button.theme:hover {
  background-color: var(--theme-blue-dark);
  color: var(--white);
  color: var(--theme-blue-dark);
  background-color: var(--theme-white);
  border-color: var(--theme-blue-dark);
}
*[class^=theme-] .theme-white .calscape-button.theme:hover.forced,
.theme-white .calscape-button.theme:hover.forced {
  color: var(--theme-blue-dark) !important;
  background-color: var(--theme-white) !important;
  border-color: var(--theme-blue-dark) !important;
}

*[class^=theme-] .theme-white-transparent,
.theme-white-transparent {
  background-color: transparent;
}
*[class^=theme-] .theme-white-transparent h1, *[class^=theme-] .theme-white-transparent h2, *[class^=theme-] .theme-white-transparent h3, *[class^=theme-] .theme-white-transparent h4, *[class^=theme-] .theme-white-transparent h5, *[class^=theme-] .theme-white-transparent h6, *[class^=theme-] .theme-white-transparent p, *[class^=theme-] .theme-white-transparent span, *[class^=theme-] .theme-white-transparent li,
.theme-white-transparent h1,
.theme-white-transparent h2,
.theme-white-transparent h3,
.theme-white-transparent h4,
.theme-white-transparent h5,
.theme-white-transparent h6,
.theme-white-transparent p,
.theme-white-transparent span,
.theme-white-transparent li {
  color: var(--white);
}
*[class^=theme-] .theme-white-transparent .calscape-button.theme,
.theme-white-transparent .calscape-button.theme {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: transparent;
  color: var(--white);
}
*[class^=theme-] .theme-white-transparent .calscape-button.theme:hover,
.theme-white-transparent .calscape-button.theme:hover {
  box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2);
  color: var(--white);
  background: var(--primary-color);
  border-color: var(--primary-color);
}

*[class^=theme-] .theme-dark-blue,
.theme-dark-blue {
  background-color: var(--theme-blue-dark);
}
*[class^=theme-] .theme-dark-blue h1, *[class^=theme-] .theme-dark-blue h2, *[class^=theme-] .theme-dark-blue h3, *[class^=theme-] .theme-dark-blue h4, *[class^=theme-] .theme-dark-blue h5, *[class^=theme-] .theme-dark-blue h6, *[class^=theme-] .theme-dark-blue p, *[class^=theme-] .theme-dark-blue span, *[class^=theme-] .theme-dark-blue li, *[class^=theme-] .theme-dark-blue a,
.theme-dark-blue h1,
.theme-dark-blue h2,
.theme-dark-blue h3,
.theme-dark-blue h4,
.theme-dark-blue h5,
.theme-dark-blue h6,
.theme-dark-blue p,
.theme-dark-blue span,
.theme-dark-blue li,
.theme-dark-blue a {
  color: var(--white);
}
*[class^=theme-] .theme-dark-blue .calscape-button.theme,
.theme-dark-blue .calscape-button.theme {
  color: var(--theme-blue-dark);
  background-color: var(--white);
  border-color: var(--white);
}
*[class^=theme-] .theme-dark-blue .calscape-button.theme.forced,
.theme-dark-blue .calscape-button.theme.forced {
  color: var(--theme-blue-dark) !important;
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}
*[class^=theme-] .theme-dark-blue .calscape-button.theme:hover,
.theme-dark-blue .calscape-button.theme:hover {
  color: var(--theme-white);
  background-color: var(--theme-blue-dark);
  border-color: var(--white);
}
*[class^=theme-] .theme-dark-blue .calscape-button.theme:hover.forced,
.theme-dark-blue .calscape-button.theme:hover.forced {
  color: var(--theme-white) !important;
  background-color: var(--theme-blue-dark) !important;
  border-color: var(--white) !important;
}

*[class^=theme-] .theme-light-blue,
.theme-light-blue {
  background-color: var(--background-light);
}
*[class^=theme-] .theme-light-blue h1, *[class^=theme-] .theme-light-blue h2, *[class^=theme-] .theme-light-blue h3, *[class^=theme-] .theme-light-blue h4, *[class^=theme-] .theme-light-blue h5, *[class^=theme-] .theme-light-blue h6, *[class^=theme-] .theme-light-blue p, *[class^=theme-] .theme-light-blue span, *[class^=theme-] .theme-light-blue li,
.theme-light-blue h1,
.theme-light-blue h2,
.theme-light-blue h3,
.theme-light-blue h4,
.theme-light-blue h5,
.theme-light-blue h6,
.theme-light-blue p,
.theme-light-blue span,
.theme-light-blue li {
  color: var(--bs-body-color);
}
*[class^=theme-] .theme-light-blue > .calscape-button-group .calscape-button.theme,
*[class^=theme-] .theme-light-blue > p > .calscape-button.theme,
*[class^=theme-] .theme-light-blue > .calscape-button.theme,
.theme-light-blue > .calscape-button-group .calscape-button.theme,
.theme-light-blue > p > .calscape-button.theme,
.theme-light-blue > .calscape-button.theme {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
*[class^=theme-] .theme-light-blue > .calscape-button-group .calscape-button.theme.forced,
*[class^=theme-] .theme-light-blue > p > .calscape-button.theme.forced,
*[class^=theme-] .theme-light-blue > .calscape-button.theme.forced,
.theme-light-blue > .calscape-button-group .calscape-button.theme.forced,
.theme-light-blue > p > .calscape-button.theme.forced,
.theme-light-blue > .calscape-button.theme.forced {
  color: var(--white) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
*[class^=theme-] .theme-light-blue > .calscape-button-group .calscape-button.theme:hover,
*[class^=theme-] .theme-light-blue > p > .calscape-button.theme:hover,
*[class^=theme-] .theme-light-blue > .calscape-button.theme:hover,
.theme-light-blue > .calscape-button-group .calscape-button.theme:hover,
.theme-light-blue > p > .calscape-button.theme:hover,
.theme-light-blue > .calscape-button.theme:hover {
  color: var(--primary-color);
  background-color: var(--theme-white);
  border-color: var(--primary-color);
}
*[class^=theme-] .theme-light-blue > .calscape-button-group .calscape-button.theme:hover.forced,
*[class^=theme-] .theme-light-blue > p > .calscape-button.theme:hover.forced,
*[class^=theme-] .theme-light-blue > .calscape-button.theme:hover.forced,
.theme-light-blue > .calscape-button-group .calscape-button.theme:hover.forced,
.theme-light-blue > p > .calscape-button.theme:hover.forced,
.theme-light-blue > .calscape-button.theme:hover.forced {
  color: var(--primary-color) !important;
  background-color: var(--theme-white) !important;
  border-color: var(--primary-color) !important;
}

*[class^=theme-] .theme-white-on-white,
.theme-white-on-white {
  background-color: var(--white);
}
*[class^=theme-] .theme-white-on-white h1, *[class^=theme-] .theme-white-on-white h2, *[class^=theme-] .theme-white-on-white h3, *[class^=theme-] .theme-white-on-white h4, *[class^=theme-] .theme-white-on-white h5, *[class^=theme-] .theme-white-on-white h6, *[class^=theme-] .theme-white-on-white p, *[class^=theme-] .theme-white-on-white span, *[class^=theme-] .theme-white-on-white li,
.theme-white-on-white h1,
.theme-white-on-white h2,
.theme-white-on-white h3,
.theme-white-on-white h4,
.theme-white-on-white h5,
.theme-white-on-white h6,
.theme-white-on-white p,
.theme-white-on-white span,
.theme-white-on-white li {
  color: var(--white);
}
*[class^=theme-] .theme-white-on-white .calscape-button.theme,
.theme-white-on-white .calscape-button.theme {
  color: var(--theme-blue-dark);
  background-color: var(--white);
  border-color: var(--white);
}
*[class^=theme-] .theme-white-on-white .calscape-button.theme.forced,
.theme-white-on-white .calscape-button.theme.forced {
  color: var(--theme-blue-dark) !important;
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}
*[class^=theme-] .theme-white-on-white .calscape-button.theme:hover,
.theme-white-on-white .calscape-button.theme:hover {
  color: var(--white);
  background-color: var(--theme-blue-dark);
  border-color: var(--theme-blue-dark);
}
*[class^=theme-] .theme-white-on-white .calscape-button.theme:hover.forced,
.theme-white-on-white .calscape-button.theme:hover.forced {
  color: var(--white) !important;
  background-color: var(--theme-blue-dark) !important;
  border-color: var(--theme-blue-dark) !important;
}

*[class^=theme-] .theme-super-light-grey,
.theme-super-light-grey {
  background-color: var(--super-light-grey);
}
*[class^=theme-] .theme-super-light-grey h1, *[class^=theme-] .theme-super-light-grey h2, *[class^=theme-] .theme-super-light-grey h3, *[class^=theme-] .theme-super-light-grey h4, *[class^=theme-] .theme-super-light-grey h5, *[class^=theme-] .theme-super-light-grey h6, *[class^=theme-] .theme-super-light-grey p, *[class^=theme-] .theme-super-light-grey span, *[class^=theme-] .theme-super-light-grey li,
.theme-super-light-grey h1,
.theme-super-light-grey h2,
.theme-super-light-grey h3,
.theme-super-light-grey h4,
.theme-super-light-grey h5,
.theme-super-light-grey h6,
.theme-super-light-grey p,
.theme-super-light-grey span,
.theme-super-light-grey li {
  color: var(--theme-dark-blue);
}
*[class^=theme-] .theme-super-light-grey .calscape-button.theme,
.theme-super-light-grey .calscape-button.theme {
  background-color: var(--theme-dark-blue);
  border-color: transparent;
  color: var(--white);
}
*[class^=theme-] .theme-super-light-grey .calscape-button.theme:hover,
.theme-super-light-grey .calscape-button.theme:hover {
  box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2);
  color: var(--white);
  background: var(--theme-dark-blue);
  border-color: var(--theme-dark-blue);
}

.pattern-daisy {
  position: relative;
  overflow: hidden;
}
.pattern-daisy .inner-container {
  position: relative;
  max-width: 51.125rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 2;
  background: transparent;
}
.pattern-daisy .inner-container .calscape-button-group {
  background: transparent;
}
.pattern-daisy:before {
  content: "";
  height: 421px;
  width: 275px;
  position: absolute;
  z-index: 1;
  background-image: url(../bd2d7382dac7cfe2ad52.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: -3.125rem;
  bottom: 0;
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 701px) {
  .pattern-daisy:before {
    bottom: -10.75rem;
  }
}
@media (min-width: 1200px) {
  .pattern-daisy:before {
    bottom: -10rem;
  }
}
@media (min-width: 1400px) {
  .pattern-daisy:before {
    bottom: -1rem;
  }
}
@media (max-width: 700px) {
  .pattern-daisy:before {
    width: 203px;
    height: 310px;
    bottom: -8.8125rem;
    left: -6rem;
  }
}
.pattern-daisy:after {
  content: "";
  height: 421px;
  width: 275px;
  position: absolute;
  z-index: 1;
  background-image: url(../bd2d7382dac7cfe2ad52.svg);
  background-repeat: no-repeat;
  transform: scaleX(-1);
  right: -3.125rem;
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 701px) {
  .pattern-daisy:after {
    bottom: -10.75rem;
  }
}
@media (min-width: 1200px) {
  .pattern-daisy:after {
    bottom: -10rem;
  }
}
@media (min-width: 1400px) {
  .pattern-daisy:after {
    bottom: -1rem;
  }
}
@media (max-width: 700px) {
  .pattern-daisy:after {
    display: none;
  }
}

.pattern-leaves {
  position: relative;
  overflow: hidden;
}
.pattern-leaves:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(../9d1fa10f228332ec8702.png);
  background-repeat: no-repeat;
  background-size: 22.5625rem 36.9375rem;
  left: -8.75rem;
  top: 35%;
  width: 22.5625rem;
  height: 36.9375rem;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .pattern-leaves:before {
    background-image: url(../befdcb89aca0e8ead43d.png);
    right: 0;
    width: 6.25rem;
    height: 7.5rem;
    left: unset;
  }
}
@media (max-width: 700px) {
  .pattern-leaves:before {
    top: 0;
  }
}
@media (max-width: 700px) {
  .pattern-leaves {
    position: relative;
  }
  .pattern-leaves .section-title {
    max-width: 222px;
  }
}

.pattern-sage {
  position: relative;
  overflow: hidden;
}
.pattern-sage > .inner-container {
  max-width: calc(100% - 25rem) !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 700px) {
  .pattern-sage > .inner-container {
    max-width: unset !important;
  }
}
.pattern-sage:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(../b62b83d6750aed209625.svg);
  bottom: 0;
  left: 0;
  width: 11.375rem;
  height: 22.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 700px) {
  .pattern-sage:before {
    display: none;
  }
}
.pattern-sage:after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(../b62b83d6750aed209625.svg);
  transform: scaleX(-1);
  bottom: 0;
  right: 0;
  width: 11.375rem;
  height: 22.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 700px) {
  .pattern-sage:after {
    display: none;
  }
}

.pattern-ferns .inner-container {
  position: relative;
}
.pattern-ferns .inner-container:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(../676ec4723bb891e33e54.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  width: 25.875rem;
  height: 31.4375rem;
  background-size: cover;
  left: -19.375rem;
  top: -45px;
  opacity: 0.6;
}
@media (max-width: 1000px) {
  .pattern-ferns .inner-container:before {
    right: 0;
    width: 6.25rem;
    height: 7.5rem;
    left: unset;
  }
}
@media (max-width: 700px) {
  .pattern-ferns .inner-container:before {
    top: 0;
  }
}
@media (max-width: 700px) {
  .pattern-ferns .inner-container {
    position: relative;
  }
  .pattern-ferns .inner-container .section-title {
    max-width: 222px;
  }
}

.calscape-block .calscape-block-container {
  max-width: 1440px;
  margin: 0 auto 0 auto;
}
.calscape-block p {
  margin: 24px 0;
  padding: 0;
}

.calscape-fade {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1000ms, transform 1000ms;
}
.calscape-fade.inView {
  opacity: 1;
  transform: translateY(0);
}