body {
  color: $tertiary-color;
  font-family: museo-sans, sans-serif !important;
}

h1,
h2,
h3,
p,
a,
span,
div,
ul,
li,
label,
input,
option,
button,
legend._form-label,
textarea {
  font-family: museo-sans, sans-serif !important;
}

// h1 > span{
//   color: #41448e !important;
// }
// h2 > span{
//   color: #41448e !important;
// }
%heading {
  letter-spacing: 0;
  text-shadow: none;
  padding-bottom: 10px;
}

h1 {
  color: #41448e;
}

h2 {
  font-weight: 900;
  text-shadow: none;
  text-transform: none;
  color: $secondary-color;
}

h3 {
  color: $black;
  text-transform: math-auto !important;
  font-weight: 900 !important;
}

.frame-type-header p {
  color: $tertiary-color;
  font-weight: 500;
}

.parallax-img-bg h2 {
  text-transform: uppercase;
  font-size: $font-size-48;
}

/* News */
.news {
  .news-image {
    display: none;
  }

  .news-body {
    width: 100%;
  }
}

/* Split Cont */
.section:nth-child(odd) .split-cont .row {
  flex-direction: inherit;
}

// .row {
//   &.col2-grid {
//     row-gap: 30px;
//   }
// }

@media (max-width: 767.98px) {
  .container.twocol-50-50
    .row.col2-grid.frame-space-before-
    .col-sm-12.col-md-6.col-lg-6:first-child {
    margin-bottom: 0;
  }

  .col-6 {
    margin-top: 1em !important;
  }

  // .frame-space-after-extra-small {
  //   padding-bottom: 0em !important;
  // }

  div[style*="padding-bottom"] {
    padding-bottom: 20px !important;
  }
}

@include media-breakpoint-down(md) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xxxl {
    .container {
      --bs-gutter-x: 0px;
    }

    .section-bg-color {
      .container {
        --bs-gutter-x: 24px;
      }
    }

    .row.split-cont {
      .container {
        --bs-gutter-x: 12px;
      }
    }
  }

  .section-bg-image .jarallax {
    padding: 0px 24px !important;
  }

  .container-fluid .row.split-cont.jarallax .col-sm-12 {
    @include media-breakpoint-down(xl) {
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
  }

  .twocol-50-50 {
    .row.col2-grid {
      --bs-gutter-y: 1.5rem;
      /* https://draytonmanor.lp.ddev.site/events/halloween */
    }
  }

  .section-bg-color
    .row
    .col-sm-12
    .frame-type-text
    + .accordion-wrapper.accordion.accordion-modern.accordion-modern-grey-scale-1.without-bg {
    margin-top: 15px;
  }

  .container .py-4 .owl-carousel .owl-item {
    .item[style*="padding-bottom"] {
      padding-bottom: 25px !important;
    }
  }
}

form._form_27._form,
form._form._form_3._inline-form {
  @include media-breakpoint-down(md) {
    padding: 5px 0px !important;

    ._form_element {
      margin: 0 0 15px !important;

      label._form-label {
        font-size: $font-size-16 !important;
        margin-bottom: 0.3125rem !important;
        padding-left: 0px !important;
        line-height: 1.5rem !important;
      }

      ._field-wrapper {
        input {
          border: 0.5px solid #000000 !important;
          border-radius: 100px !important;
          padding: 0px 20px !important;

          &:not(textarea) {
            height: 44px !important;
          }
        }
        textarea {
          border: 0.5px solid #000000 !important;
          padding: 0px 20px !important;
          height: 100px !important;
        }
      }

      .input {
        .form-text {
          font-size: 0.8rem !important;
        }
      }
    }

    select {
      background-size: 17px auto !important;
      background-position: top 12px right 25px !important;
    }

    ._button-wrapper {
      .button {
        border-radius: 100px !important;
      }
    }

    ._row._checkbox-radio {
      display: flex !important;
      width: 100%;
      input {
        width: 30px !important;
        height: 20px !important;
        display: block !important;
      }

      span {
        display: block !important;
        margin-left: 12px;
      }
    }

    ._submit {
      margin-top: 12px !important;
      font-size: 18px !important;
      font-weight: 700 !important;
      width: 100%;
      text-transform: uppercase;
    }
  }

  @media (max-width: 480px) {
    ._button-wrapper {
      .button {
        width: 100% !important;
      }
    }
  }
}

@include media-breakpoint-down(md) {
  #newsletter_gtm form._form_27._form ._submit,
  #form-influencer form._form_3._form ._submit {
    border-radius: 100px !important;
    padding: 10px 10px !important;
  }
}