/* p {
    margin-bottom: 0 !important;
} */

.none {
    display: none !important;
}

/* Add to your CSS file or inside a <style> tag */
.facilities-image {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
    position: relative;
}
.facilities-image.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

.nav-link.w--current {
    background-color: #fff1ce !important;
    color: #64003c !important;
}


/* .nav-link--icon.icon--dark {
  display: none;
}
.nav-link--icon.icon--light {
  display: block;
}

.nav-link.nav-link--center:not(.w--current):hover .icon--dark {
  display: block;
}
.nav-link.nav-link--center:not(.w--current):hover .icon--light {
  display: none;
}

.nav-link.nav-link--center.w--current .icon--dark {
  display: block;
}
.nav-link.nav-link--center.w--current .icon--light {
  display: none;
} */

.section-header--text--wrapper p, .section-header--text--wrapper h1, .section-header--text--wrapper h2, .section-header--text--wrapper h3, .section-header--text--wrapper h4, .section-header--text--wrapper h5, .section-header--text--wrapper h6 {
  margin-bottom: 15px;
}

.section-header--text--wrapper p:last-child {
  margin-bottom: 0;
}

.body p, .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
  margin-bottom: 15px;
}

.body p:last-child {
  margin-bottom: 0;
}

.divider--text--wrapper p, .divider--text--wrapper h1, .divider--text--wrapper h2, .divider--text--wrapper h3, .divider--text--wrapper h4, .divider--text--wrapper h5, .divider--text--wrapper h6 {
  margin-bottom: 15px;
}

.divider--text--wrapper p:last-child {
  margin-bottom: 0;
}

.faq_container:last-child {
  border-bottom: 0px;
}
.audio-barn-spacing {
  padding-top: 80px;
}

.default {
  text-decoration: none;
  color: #fff1ce;
}

.active-link {
  background-color: var(--colours--background-colour);
  color: var(--colours--primary-colour);
}

@media screen and (max-width: 991px) {
  .active-link.no-hover:hover {
    background-color: #fff1ce !important;
    color: #64003c !important;
  }
}

.iframe-mob {
  display: none;
}

@media screen and (max-width: 991px) {
  .iframe-desktop {
    display: none;
  }
  .iframe-mob {
    display: block;
    width: 100%;
    height: 300px;
    border: 0;
  }
}

.clamp {
  font-size: clamp(32px, 10vw, 50px);
}