@charset "UTF-8";
/** custom colours */
/** mencap colours, get rid of colours under custom colours (later) **/
/** end custom colours  **/
.py-3 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.pb-6 {
  padding-bottom: 4.5rem !important;
}

.pb-7 {
  padding-bottom: 4.875rem !important;
}

.px-5 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

.p-5 {
  padding: 3.125rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.mt-7 {
  margin-top: 6rem !important;
}

.bts-footer .form-text {
  height: 50px;
  width: 100%;
}

.bts-footer .form-email {
  height: 50px;
  width: 100%;
}

.bts-footer {
  font-size: 1.1rem !important;
}
.bts-footer a {
  line-height: 1.3;
}

.bring-forward {
  z-index: 1;
}

#index_card_graphic_circlelrg-container {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  height: 800px;
}

.text-bg-mb-mauve {
  background-color: #F9F2FF;
  color: #4F006F;
}

.bts-footer form {
  display: grid;
  grid-template-areas: "fname lname" "email email" "captcha ." "sbtn .";
  grid-template-columns: repeat(2, 50%);
  gap: 10px;
  padding: 20px 27px 20px 20px;
  background-color: #F7F0E2;
}
.bts-footer form .field--name-field-first-name {
  grid-area: fname;
}
.bts-footer form .field--name-field-last-name {
  grid-area: lname;
}
.bts-footer form .field--name-field-email {
  grid-area: email;
}
.bts-footer form label {
  font-weight: bold;
  color: #4F006F;
}
.bts-footer form input {
  margin: 0;
  padding: 14px 20px;
}
.bts-footer form ::-moz-placeholder {
  font-size: smaller;
}
.bts-footer form ::placeholder {
  font-size: smaller;
}
.bts-footer form .form-actions {
  grid-area: sbtn;
}
.bts-footer form .form-actions input {
  background-color: #970361;
  border-radius: 0;
  margin-bottom: 0;
  width: 100%;
}
.bts-footer form .captcha {
  grid-area: captcha;
  padding: 0;
}
.bts-footer form .captcha__title {
  color: #4F006F;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .bts-footer form {
    grid-template-areas: "fname" "lname" "email" "captcha" "sbtn";
    grid-template-columns: 1fr;
  }
}

.bts-footer .form-submit {
  height: 55px;
  background-color: #970361;
  color: #ffffff;
  margin: 10px 0;
  padding: 0;
  border-radius: 0;
}
.bts-footer .form-submit:after {
  content: "\f234";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 5px;
}

.social-icons svg {
  fill: #ffffff;
  width: 100%;
  max-width: 30px;
  transition: all 0.35s ease 0s;
}
.social-icons svg:hover {
  transition: all 0.35s ease 0s;
  fill: #FF01A5;
}

.bts-footer article {
  width: 100%;
  max-width: 1396px;
}

.bts-footer ul {
  width: 100%;
  max-width: 1300px;
}

.bts-footer .link a {
  color: #ffffff;
  font-weight: 600;
  background-color: transparent;
}
.bts-footer .link a:hover {
  text-decoration: underline;
}

.bts-footer .menu-title {
  font-size: 30px;
  font-weight: bold;
}

.socials {
  width: 100%;
  max-width: 320px;
}
@media (max-width: 767.98px) {
  .socials {
    max-width: 656px;
  }
}

.support-section a {
  color: #ffffff;
  width: 100%;
}

.fr-img {
  max-width: 245px;
}
@media (max-width: 767.98px) {
  .fr-img {
    max-width: 180px;
    width: 100%;
    height: auto;
  }
}

.bts-footer-rings {
  background-image: url("imgs/rotated-bg-rings.png");
  background-position: bottom -18% center;
  background-repeat: repeat-x;
}
@media (max-width: 767.98px) {
  .bts-footer-rings {
    background-position: center bottom 25%;
  }
}

.sub {
  background-color: #DDD9FB !important;
}

@media (max-width: 767.98px) {
  .sub-menu {
    display: grid !important;
    justify-content: space-between !important;
  }
}

.ncf-logo {
  filter: invert(1);
}

/** custom colours */
/** mencap colours, get rid of colours under custom colours (later) **/
/** end custom colours  **/
/* colour setings for all layouts */
/* defaults (main hero background and buttons are set by existing css) */
:root {
  --curve-color: #ffffff;
  --svg-color: #B2E0F9;
  --text-bg-color: #970361;
  --hero-text-color: #ffffff;
  --ctabtn-bg-color: #970361;
}

/* bottom curve */
.hero-outer--mb-maroon {
  --curve-color: #970361;
}

.hero-outer--mb-purple {
  --curve-color: #4F006F;
}

.hero-outer--mb-rose {
  --curve-color: #D31160;
}

.hero-outer--mb-oatmeal-light {
  --curve-color: #F7F0E2;
}

.hero-outer--mb-purple-light {
  --curve-color: #B13CEF;
}

.hero-outer--mb-popping-pink {
  --curve-color: #FF01A5;
}

.hero-outer--mb-blue {
  --curve-color: #0A379B;
}

.hero-outer--mb-orange-medium {
  --curve-color: #FB642D;
}

.hero-outer--mb-orange-light {
  --curve-color: #FFB98A;
}

.hero-outer--mb-purple-medium {
  --curve-color: #8B00BA;
}

.hero-outer--mb-mauve-medium {
  --curve-color: #A497D3;
}

.hero-outer--mb-mauve-light {
  --curve-color: #DDD9FB;
}

.hero-outer--mb-blue-light {
  --curve-color: #B2E0F9;
}

.hero-outer--white {
  --curve-color: #ffffff;
}

.hero-outer--black {
  --curve-color: #000000;
}

/* svg graphic color */
.hero-svgcolour--mb-maroon {
  --svg-color: #970361;
}

.hero-svgcolour--mb-purple {
  --svg-color: #4F006F;
}

.hero-svgcolour--mb-rose {
  --svg-color: #D31160;
}

.hero-svgcolour--mb-oatmeal-light {
  --svg-color: #F7F0E2;
}

.hero-svgcolour--mb-purple-light {
  --svg-color: #B13CEF;
}

.hero-svgcolour--mb-popping-pink {
  --svg-color: #FF01A5;
}

.hero-svgcolour--mb-blue {
  --svg-color: #0A379B;
}

.hero-svgcolour--mb-orange-medium {
  --svg-color: #FB642D;
}

.hero-svgcolour--mb-orange-light {
  --svg-color: #FFB98A;
}

.hero-svgcolour--mb-purple-medium {
  --svg-color: #8B00BA;
}

.hero-svgcolour--mb-mauve-medium {
  --svg-color: #A497D3;
}

.hero-svgcolour--mb-mauve-light {
  --svg-color: #DDD9FB;
}

.hero-svgcolour--mb-blue-light {
  --svg-color: #B2E0F9;
}

.hero-svgcolour--white {
  --svg-color: #ffffff;
}

.hero-svgcolour--black {
  --svg-color: #000000;
}

/* text background colours */
.hero-bgtextcolour--mb-maroon {
  --text-bg-color: #970361;
}

.hero-bgtextcolour--mb-purple {
  --text-bg-color: #4F006F;
}

.hero-bgtextcolour--mb-rose {
  --text-bg-color: #D31160;
}

.hero-bgtextcolour--mb-oatmeal-light {
  --text-bg-color: #F7F0E2;
}

.hero-bgtextcolour--mb-purple-light {
  --text-bg-color: #B13CEF;
}

.hero-bgtextcolour--mb-popping-pink {
  --text-bg-color: #FF01A5;
}

.hero-bgtextcolour--mb-blue {
  --text-bg-color: #0A379B;
}

.hero-bgtextcolour--mb-orange-medium {
  --text-bg-color: #FB642D;
}

.hero-bgtextcolour--mb-orange-light {
  --text-bg-color: #FFB98A;
}

.hero-bgtextcolour--mb-purple-medium {
  --text-bg-color: #8B00BA;
}

.hero-bgtextcolour--mb-mauve-medium {
  --text-bg-color: #A497D3;
}

.hero-bgtextcolour--mb-mauve-light {
  --text-bg-color: #DDD9FB;
}

.hero-bgtextcolour--mb-blue-light {
  --text-bg-color: #B2E0F9;
}

.hero-bgtextcolour--white {
  --text-bg-color: #ffffff;
}

.hero-bgtextcolour--black {
  --text-bg-color: #000000;
}

/* text colours */
.hero-textcolour--mb-maroon {
  --hero-text-color: #970361;
}

.hero-textcolour--mb-purple {
  --hero-text-color: #4F006F;
}

.hero-textcolour--mb-rose {
  --hero-text-color: #D31160;
}

.hero-textcolour--mb-oatmeal-light {
  --hero-text-color: #F7F0E2;
}

.hero-textcolour--mb-purple-light {
  --hero-text-color: #B13CEF;
}

.hero-textcolour--mb-popping-pink {
  --hero-text-color: #FF01A5;
}

.hero-textcolour--mb-blue {
  --hero-text-color: #0A379B;
}

.hero-textcolour--mb-orange-medium {
  --hero-text-color: #FB642D;
}

.hero-textcolour--mb-orange-light {
  --hero-text-color: #FFB98A;
}

.hero-textcolour--mb-purple-medium {
  --hero-text-color: #8B00BA;
}

.hero-textcolour--mb-mauve-medium {
  --hero-text-color: #A497D3;
}

.hero-textcolour--mb-mauve-light {
  --hero-text-color: #DDD9FB;
}

.hero-textcolour--mb-blue-light {
  --hero-text-color: #B2E0F9;
}

.hero-textcolour--white {
  --hero-text-color: #ffffff;
}

.hero-textcolour--black {
  --hero-text-color: #000000;
}

.hero-curved-title h1, .hero-curved-desc {
  background: var(--text-bg-color);
  color: var(--hero-text-color);
}

/* button text overrides colours */
a.button--mb-oatmeal-light, a.button--mb-mauve-light, a.button--mb-blue-light, a.button--white {
  color: #000000;
}
a.button--mb-oatmeal-light:hover, a.button--mb-mauve-light:hover, a.button--mb-blue-light:hover, a.button--white:hover {
  color: #000000;
}

/* general layout */
.hero.hero-curved {
  padding-bottom: 0px !important;
}

.hero.hero-curved:not(.hero--hide-text) {
  max-height: 100%;
}

.hero.hero-curved {
  padding-top: 0px !important;
  /* bottom curve */
  /* background SVG positioning and colour */
  /* fullheight option styling */
  /* full width image option layout */
  /* half width image option layout */
  /* cta buttons styling/colours */
  /* responsive adjustments */
}
.hero.hero-curved .curve-svg {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0px;
  color: var(--curve-color);
  z-index: 2;
}
.hero.hero-curved .hero-curve-svg-bg {
  position: absolute;
  height: 100%;
  top: -3em;
  right: -10%;
  z-index: 1;
}
.hero.hero-curved .hero-curve-svg-bg svg {
  fill: var(--svg-color);
  height: 110%;
}
.hero.hero-curved .hero-curve-svg-bg.bg-style-crosses:has(.hero_image_full_width) {
  right: -5%;
  z-index: 1;
}
.hero.hero-curved .hero-curve-svg-bg.bg-style-squiggles {
  top: -5em;
}
.hero.hero-curved .hero-curve-svg-bg.bg-style-dotsline {
  position: absolute;
  height: 100%;
  top: 75%;
  right: 0;
}
.hero.hero-curved .hero-curve-svg-bg.bg-style-dotsline svg {
  fill: var(--svg-color);
  height: 20%;
}
.hero.hero-curved .hero-image-fullheight {
  height: 100%;
  width: 100%;
  position: absolute;
  background-image: var(--mobile-bg);
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: right 10% top !important;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .hero.hero-curved .hero-image-fullheight {
    background-image: var(--desktop-bg);
  }
}
@media screen and (max-width: 1400px) {
  .hero.hero-curved .hero-image-fullheight {
    background-position: right 5% top !important;
  }
}
@media screen and (max-width: 1200px) {
  .hero.hero-curved .hero-image-fullheight {
    background-position: right 0% top !important;
  }
}
@media screen and (max-width: 600px) {
  .hero.hero-curved .using-fullheight .hero-curved-image {
    max-height: 250px !important;
  }
}
@media screen and (max-width: 767px) {
  .hero.hero-curved .using-fullheight .hero-curved-half-bg, .hero.hero-curved .using-fullheight .hero-mobile-fullheight {
    min-height: 200px !important;
    max-height: 300px !important;
  }
}
.hero.hero-curved .hero_image_full_width {
  z-index: 5;
  position: relative;
  background-image: var(--mobile-bg);
  background-repeat: no-repeat !important;
  background-size: contain !important;
  margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
  .hero.hero-curved .hero_image_full_width {
    background-image: var(--desktop-bg);
    background-size: cover !important;
    background-position: center top;
  }
}
@media screen and (min-width: 992px) {
  .hero.hero-curved .hero_image_full_width .hero-curved-image img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hero.hero-curved .hero_image_full_width .hero-curved-text-outer.hero--has-curved-image {
    margin-top: 70% !important;
    position: relative;
  }
}
@media screen and (max-width: 1200px) {
  .hero.hero-curved .hero_image_full_width .hero-curved-text.hero--has-curved-image {
    margin-top: 7vw;
  }
}
@media screen and (min-width: 1400px) {
  .hero.hero-curved .hero_image_full_width .hero-curved-text-outer.hero--no-curved-image {
    padding-right: 20%;
  }
}
@media screen and (min-width: 1400px) {
  .hero.hero-curved .hero_image_full_width .hero-curved-title {
    max-width: 80%;
  }
}
.hero.hero-curved .hero_image_full_width .hero-curved-title h1 {
  background-color: var(--text-bg-color);
  display: inline;
  line-height: 1.4em;
  padding: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.hero.hero-curved .hero_image_full_width .hero-curved-desc {
  background-color: var(--text-bg-color);
  padding: 0.75em;
  font-size: 25px;
}
.hero.hero-curved .hero_image_half_width {
  z-index: 5;
  position: relative;
}
.hero.hero-curved .hero_image_half_width .hero-curved-half-bg {
  background-image: var(--mobile-bg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
@media screen and (min-width: 768px) {
  .hero.hero-curved .hero_image_half_width .hero-curved-half-bg {
    background-image: var(--desktop-bg);
    background-size: cover !important;
    background-position: center top;
    height: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .hero.hero-curved .hero_image_half_width .hero-curved-title {
    max-width: 90%;
  }
}
.hero.hero-curved .hero_image_half_width .hero-curved-title h1 {
  background-color: var(--text-bg-color);
  display: inline;
  line-height: 2em;
  padding: 0.5em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.hero.hero-curved .hero_image_half_width .hero-curved-desc {
  background-color: var(--text-bg-color);
  padding: 0.75em;
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  .hero.hero-curved .hero_image_half_width .hero-curved-half-bg.hero--has-curved-image {
    aspect-ratio: 4/3;
    background-size: cover !important;
  }
  .hero.hero-curved .hero_image_half_width .hero-curved-text-col {
    z-index: 10;
    margin-top: -18%;
  }
}
.hero.hero-curved .hero-curved-buttons .button {
  border-radius: 0;
}
.hero.hero-curved .hero-curved-buttons .fontawesome-icons {
  display: inline-block;
  margin-left: 0.2em;
}
@media screen and (min-width: 601px) and (max-width: 991px) {
  .hero.hero-curved .hero-curved-inner {
    background-size: auto 115%;
    background-repeat: no-repeat;
    background-position: top 40% right -30vw;
  }
}
@media screen and (max-width: 600px) {
  .hero.hero-curved .hero-curved-inner {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top 50% right -40vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .hero.hero-curved .hero-curved-inner:has(.hero_image_half_width) {
    background-size: auto 115%;
    background-repeat: no-repeat;
    background-position: top 50% right -30vw;
  }
}
@media screen and (max-width: 600px) {
  .hero.hero-curved .hero-curved-inner:has(.hero_image_half_width) {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top 50% right -40vw;
  }
}

/** custom colours */
/** mencap colours, get rid of colours under custom colours (later) **/
/** end custom colours  **/
.py-3 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.pb-6 {
  padding-bottom: 4.5rem !important;
}

.pb-7 {
  padding-bottom: 4.875rem !important;
}

.px-5 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

.p-5 {
  padding: 3.125rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.mt-7 {
  margin-top: 6rem !important;
}

.mythbuster-design-override .mencap-text-bg-mb-maroon {
  background-color: #970361 !important;
  color: #ffffff !important;
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .mencap-user_account {
  display: none !important;
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .main-nav_menu-btn .icon {
  filter: invert(1);
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .main-nav_form input {
  color: #970361 !important;
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .main-nav_form input::-moz-placeholder {
  color: #970361 !important;
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .main-nav_form input::placeholder {
  color: #970361 !important;
}
.mythbuster-design-override .mencap-text-bg-mb-maroon .main-nav_form svg {
  fill: #970361 !important;
}

.text-bg-mb-purple .main-nav_menu-btn .icon {
  filter: invert(1) !important;
}

.main-nav {
  width: 100%;
  max-width: 1300px;
}
@media screen and (max-width: 600px) {
  .main-nav_menu-btn {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .main-nav_menu-btn {
    display: none !important;
  }
}
.main-nav_menu-btn[aria-expanded=true] .icon-chevron {
  transform: rotate(180deg);
}
.main-nav_avatar-img {
  height: auto;
  width: 100%;
  max-width: 30px;
}
.main-nav_link:after {
  content: "⌄" !important;
  border-top: 0 !important;
  vertical-align: unset !important;
  position: relative !important;
  bottom: 5px !important;
}
.main-nav_drop-down {
  border-top-width: 2px !important;
  border-bottom-width: 6px !important;
  background-image: url("imgs/left-rings.png"), url("imgs/right-rings.png");
  background-repeat: no-repeat;
  background-position: right bottom, left bottom;
  z-index: 100;
}
@media (max-width: 1199.98px) {
  .main-nav_drop-down {
    background-image: url("imgs/left-rings.png");
    background-position: right bottom;
  }
}
.main-nav_drop-down_links {
  height: 100%;
  max-height: 230px;
}
@media (max-width: 767.98px) {
  .main-nav_drop-down_links {
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
.main-nav_drop-down_links_link {
  width: 100%;
  max-width: 300px;
}
.main-nav_parent-link {
  content: unset !important;
}
.main-nav_parent-link:after {
  content: unset !important;
}
.main-nav_parent-link[aria-expanded=true] {
  background-color: #F7F0E2 !important;
  color: #4F006F !important;
}
.main-nav_parent-link[aria-expanded=true] .drop-down-icon {
  transform: rotate(180deg);
}
.main-nav_parent-link[aria-expanded=true]:after {
  top: 2px;
  transform: rotate(180deg);
}
.main-nav_cta {
  width: -moz-fit-content;
  width: fit-content;
}
.main-nav_cta a svg {
  width: 30px;
}
.main-nav_cta a:hover {
  background-color: #970361 !important;
  color: #ffffff !important;
}
.main-nav_dropdown-item {
  white-space: unset !important;
  transition: all 0.1s;
  color: #4F006F;
  font-size: 1.1rem;
}
.main-nav_dropdown-item:hover {
  transition: all 0.1s;
  background-color: #4F006F !important;
  color: #ffffff !important;
}
.main-nav_form {
  display: none !important;
}
.main-nav_form input::-moz-placeholder {
  color: #970361 !important;
  font-weight: bold;
  font-size: 1.1rem;
}
.main-nav_form input::placeholder {
  color: #970361 !important;
  font-weight: bold;
  font-size: 1.1rem;
}
.main-nav_form svg {
  fill: #970361 !important;
  height: 20px;
  width: 20px;
}
.main-nav_form button svg {
  height: 20px !important;
  width: 20px !important;
}
@media (max-width: 767.98px) {
  .main-nav_form {
    display: flex !important;
  }
}
.main-nav_form--search {
  z-index: 1;
}
.main-nav .cta-panel--template_menu .panel {
  padding: 0;
  background-color: transparent;
}
.main-nav .cta-panel--template_menu .panel__title {
  display: none;
}
.main-nav .cta-panel--template_menu .call-to-action__desc {
  display: none;
}
.main-nav .cta-panel--template_menu .button-stroked.button-stroked--white {
  background-color: #4F006F;
  border-radius: 0;
  padding: 20px 8px;
  display: flex;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
.main-nav .cta-panel--template_menu .button-stroked.button-stroked--white:hover {
  background-color: #970361;
}

.nav-item {
  font-size: 1.1rem;
}

.text-column.text-column-full#text-column-full-width .text-column__inner .aligner {
  padding: 0 14px;
}
@media (max-width: 767.98px) {
  .text-column.text-column-full#text-column-full-width .text-column__inner .fw-header {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-column.text-column-full#text-column-full-width .text-column__inner .fw-body table[style="width:315px;"]:has(img.img-fluid) {
    margin-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .text-column.text-column-full#text-column-full-width .text-column__inner .fw-body table {
    width: unset !important;
    margin: 0;
  }
}

/** custom colours */
/** mencap colours, get rid of colours under custom colours (later) **/
/** end custom colours  **/
#block-mencap-adminfeedbackblock {
  background: #F7F0E2;
  padding: 2rem;
  width: 100%;
  color: #970361;
}
#block-mencap-adminfeedbackblock > h2 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0.5em;
}
#block-mencap-adminfeedbackblock #feedback-message {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  #block-mencap-adminfeedbackblock #feedback-message {
    width: 50%;
    min-width: 600px;
  }
}
#block-mencap-adminfeedbackblock #feedback-message h2 {
  font-weight: 600;
  margin-bottom: 0.5em;
}
#block-mencap-adminfeedbackblock #feedback-message .feedback-btn {
  background: #970361;
  color: #F7F0E2;
  padding: 0.5em 1.5em;
  border-radius: 0;
  margin-bottom: 0.5em;
  text-align: left;
  font-size: 1.25rem;
  transition: all 0.35s ease 0s;
}
#block-mencap-adminfeedbackblock #feedback-message .feedback-btn:hover {
  background: #4F006F;
}
@media (max-width: 575px) {
  #block-mencap-adminfeedbackblock #feedback-message .feedback-yes-button, #block-mencap-adminfeedbackblock #feedback-message .feedback-no-button {
    display: block;
  }
}
@media (min-width: 576px) {
  #block-mencap-adminfeedbackblock #feedback-message .feedback-btn__yes {
    margin-right: 0.5em;
  }
}
#block-mencap-adminfeedbackblock #feedback-message .feedback-btn__yes + label::after {
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
  content: "\f00c";
  font-size: 1.25rem;
  margin-left: -3em;
  color: #F7F0E2;
}
#block-mencap-adminfeedbackblock #feedback-message .feedback-btn__no + label::after {
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
  content: "\f00d";
  font-size: 1.25rem;
  margin-left: -3em;
  color: #F7F0E2;
}
#block-mencap-adminfeedbackblock #feedback-message .admin_feedback__progress_bar {
  margin-top: 1em;
}
#block-mencap-adminfeedbackblock #feedback-message .admin_feedback__progress_bar .progress__track {
  margin-top: 0;
  width: 100%;
  border: 0 none;
  background: transparent;
}
#block-mencap-adminfeedbackblock #feedback-message .admin_feedback__progress_bar .progress__track .progress__bar {
  background-color: #970361;
}

/** custom colours */
/** mencap colours, get rid of colours under custom colours (later) **/
/** end custom colours  **/
.py-3 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.pb-6 {
  padding-bottom: 4.5rem !important;
}

.pb-7 {
  padding-bottom: 4.875rem !important;
}

.px-5 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

.p-5 {
  padding: 3.125rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.mt-7 {
  margin-top: 6rem !important;
}

.mencap-header-brand {
  max-width: 1300px;
  margin: auto;
}
.mencap-header-brand_link svg {
  height: 70px;
  width: 100%;
  max-width: 100px;
}
.mencap-header-brand_donate svg {
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 540px) {
  .mencap-header-brand_donate {
    flex-direction: column-reverse;
  }
}
.mencap-header-brand_community svg {
  height: 20px;
  width: 20px;
  border: none !important;
}
@media screen and (max-width: 680px) {
  .mencap-header-brand_community_mobile {
    display: none;
  }
}
@media screen and (max-width: 585px) {
  .mencap-header-brand_menu-text {
    display: none;
  }
}

.menu-btn-txt {
  color: #970361;
}

.font-awesome-icons {
  color: #970361;
  font-size: 1.6rem;
}

.font-awesome-icons-h {
  color: #970361;
  font-size: 1.1rem;
}

@media (max-width: 575.98px) {
  body.mencap .header-btns a {
    height: 45px !important;
  }
}

.header-btns {
  font-size: 1.25rem;
}
.header-btns a {
  height: 55px;
}
@media (max-width: 575.98px) {
  .header-btns a {
    white-space: unset;
    min-width: unset;
  }
}
.header-btns_form {
  height: 55px;
  margin-bottom: 1.5rem;
}
.header-btns_form input::-moz-placeholder {
  color: #970361 !important;
  font-weight: bold;
}
.header-btns_form input::placeholder {
  color: #970361 !important;
  font-weight: bold;
}
.header-btns_form svg {
  fill: #970361 !important;
  height: 20px;
  width: 20px;
}
@media (max-width: 767.98px) {
  .header-btns_form {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .header__branding .logo {
    width: 95px;
  }
}

.easy-read-icon {
  background-image: url("imgs/ER.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  height: 100%;
  width: 50px;
}

@media (max-width: 767.98px) {
  span:has(+ .easy-read-icon) {
    display: none;
  }
}

body.mencap header .easy-read-icon {
  background-image: url("imgs/ER_white.svg");
}
body.mencap header .menu-btn-txt {
  color: #F7F0E2;
}
body.mencap header .font-awesome-icons {
  color: #F7F0E2;
}

body.wales nav#block-donateandstoriesheader,
body.norther-ireland nav#block-donateandstoriesheader {
  width: auto !important;
}

.hero-list__course {
  display: flex;
  gap: 0.3em;
  flex-direction: column;
  padding: 0px;
}
.hero-list__course li {
  list-style-type: none;
  padding-left: 1.5em;
}
.hero-list__course li > span::after {
  content: ":";
}
.hero-list__course li .svg-inline--fa,
.hero-list__course li i {
  margin-top: 0.2em;
  position: absolute;
  width: 1em;
  transform: translateX(-150%);
}
.hero-list__course .address {
  display: inline;
  margin: 0px;
}
.hero-list__course .address span:not(:last-child)::after {
  content: ",";
}

.page-node-type-course .hero.hero-curved .hero_image_half_width .hero-curved-half-bg {
  background-size: contain !important;
  background-position: top center !important;
}
@media screen and (min-width: 768px) {
  .page-node-type-course .hero.hero-curved .hero_image_half_width .hero-curved-half-bg {
    background-position: top right !important;
  }
}
.page-node-type-course .hero.hero-curved .hero-curve-svg-bg {
  height: 60%;
}
@media screen and (min-width: 768px) {
  .page-node-type-course .hero.hero-curved .hero-curve-svg-bg {
    height: 100%;
  }
}
.page-node-type-course .hero.hero-curved .hero-curved-text-col {
  margin-top: 0;
}
.page-node-type-course .hero.hero-curved .hero-curved-desc {
  margin-bottom: 1em;
}
.page-node-type-course .hero.hero-curved .hero-curved-desc > *:last-child {
  margin-bottom: 0;
}
.page-node-type-course .hero-list__course {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-node-type-course .hero-list__course {
    flex-wrap: wrap;
    flex-direction: row;
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
  .page-node-type-course .hero-list__course li {
    width: calc(50% - 1em);
  }
}

.index-column-type--course .index-column__header {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  margin: 0px !important;
  z-index: 0;
}
.index-column-type--course .index-column__header .index_card_graphic {
  top: 100px;
  right: 10px;
  width: 50%;
}
.index-column-type--course .index-column__body {
  text-align: left;
  font-size: 1.125rem;
}
.index-column-type--course .index-column__body p {
  margin-right: 2.5em;
}
.index-column-type--course .index-column__body img {
  height: 120px !important;
  width: auto !important;
  margin-bottom: 1rem;
}