/************** IMPORTS **********************/
/************** IMPORTS **********************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							MIXINS		 								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/************* COLOURS *********************/
/************** FONTS **********************/
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/************* EFFECTS *********************/
/*********** MEDIA BREAKPOINTS **************/
/* Small only */
/* Medium and up */
/* Large and up */
/* Large and up */
/************* SMALL ONLY **********************/
/************** IMPORTS **********************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							MIXINS		 								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/************* COLOURS *********************/
/************** FONTS **********************/
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/************* EFFECTS *********************/
/*********** MEDIA BREAKPOINTS **************/
/* Small only */
/* Medium and up */
/* Large and up */
/* Large and up */
.hide-for-small-only {
  display: inherit; }

.row {
  margin: 0px;
  padding: 0px; }

.row:after {
  content: "";
  display: block;
  clear: both; }

.col-sm-12, .col-sm-9, .col-sm-8, .col-sm-6, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-md-12, .col-md-9, .col-md-8, .col-md-6, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-lg-12, .col-lg-9, .col-lg-8, .col-lg-6, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-xl-12, .col-xl-9, .col-xl-8, .col-xl-6, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1 {
  float: left;
  margin: 0;
  padding: 0; }

@media screen and (min-width: 576px) {
  .hide-for-small-only {
    display: none; }

  .show-for-small-only {
    display: inherit; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-4 {
    width: 33.33%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66%; }

  .col-sm-1 {
    width: 8.33%; } }
@media screen and (min-width: 768px) {
  .hide-for-medium-only {
    display: none; }

  .show-for-medium {
    display: inherit; }

  .col-md-12 {
    width: 100%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66%; }

  .col-md-6 {
    width: 50%; }

  .col-md-4 {
    width: 33.33%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66%; }

  .col-md-1 {
    width: 8.33%; } }
@media screen and (min-width: 992px) {
  .hide-for-large-only {
    display: none; }

  .show-for-large {
    display: inherit; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-8 {
    width: 66.66%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-4 {
    width: 33.33%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-2 {
    width: 16.66%; }

  .col-lg-1 {
    width: 8.33%; } }
@media screen and (min-width: 1200px) {
  .hide-for-xlarge-only {
    display: none; }

  .show-for-xlarge {
    display: inherit; }

  .col-xl-12 {
    width: 100%; }

  .col-xl-9 {
    width: 75%; }

  .col-xl-8 {
    width: 66.66%; }

  .col-xl-6 {
    width: 50%; }

  .col-xl-4 {
    width: 33.33%; }

  .col-xl-3 {
    width: 25%; }

  .col-xl-2 {
    width: 16.66%; }

  .col-xl-1 {
    width: 8.33%; } }
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							STYLE RESETS  								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
video::-webkit-media-controls,
video::-moz-media-controls,
video::-o-media-controls,
video::-ms-media-controls {
  display: none !important; }

video {
  pointer-events: none; }

html {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0; }

body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: "Cabin",sans-serif;
  color: #7E7E7E;
  padding: 0;
  margin: 0;
  color: #7E7E7E; }

/******************* TEXT FORMATS ************************/
h1, h2, h3, h4, h5, h6, p, div, th, td, li {
  padding: 0;
  margin: 0; }

/************** HEADINGS *********************/
h1, h2, h3, h4, h5, h6, .menu-item {
  font-family: "Cabin",sans-serif;
  font-weight: bold;
  color: #7E7E7E; }

h1 {
  font-size: 3em;
  margin-bottom: 8px; }

h2 {
  font-size: 2.6em;
  margin-bottom: 6px; }

h3 {
  font-size: 2.3em;
  margin-bottom: 6px; }

h4 {
  font-size: 2em;
  margin-bottom: 4px; }

h5 {
  font-size: 1.6em;
  margin-bottom: 2px; }

h6 {
  font-size: 1.2em;
  margin-bottom: 2px; }

p {
  margin-bottom: 4px; }

em {
  font-style: italic;
  font-weight: inherit; }

strong {
  font-weight: 700; }

div, p,
input, select, textarea,
button, td, th {
  font-family: inherit;
  font-weight: inherit;
  color: inherit; }

div {
  position: relative; }

/********************** LINKS *****************************/
a, a:visited {
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-decoration: none;
  color: #5C0F8B;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s; }

a:hover {
  color: #FCDC3E; }

a:focus {
  color: #FCDC3E; }

a.disabled {
  color: black;
  cursor: not-allowed; }

a.inverted {
  color: #FCDC3E; }

a.inverted:hover,
a.inverted:focus {
  color: #5C0F8B; }

hr {
  border-top: 1px solid #7E7E7E;
  margin-bottom: 20px; }

/********************* LISTS *********************************/
ul, ol {
  margin: 0;
  padding: 0; }

li {
  padding: 0;
  margin: 0; }

/********************* TABLES *********************************/
/************************ BOOTSTRAP RESETS ***************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							UTILITY CLASSES 							**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
.anchor {
  position: absolute;
  top: -20px;
  display: block;
  width: 0;
  height: 0; }

.block_link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%; }

.colored {
  color: #5C0F8B; }

.column, article.page {
  padding-left: 3%;
  padding-right: 3%;
  margin: 0;
  width: 94%;
  max-width: 94%; }
  @media screen and (min-width: 768px) {
    .column, article.page {
      margin-left: auto;
      margin-right: auto;
      max-width: 720px; } }
  @media screen and (min-width: 992px) {
    .column, article.page {
      max-width: 980px; } }
  @media screen and (min-width: 1200px) {
    .column, article.page {
      max-width: 1024px; } }
  @media screen and (min-width: 1440px) {
    .column, article.page {
      max-width: 1280px; } }

.screen-reader-text {
  font-size: 0px; }

.main-fluid {
  padding: 0px;
  margin: 0px;
  width: 100% !important;
  max-width: none !important; }

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							BLACKOUT BOXES 								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
.blackout, .blackout_content {
  display: none;
  top: 0;
  left: 0; }

.blackout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.8); }

.blackout_content {
  position: fixed;
  background-color: white;
  padding: 2%;
  top: 100px;
  width: 90%;
  max-height: 85vh;
  overflow-y: scroll;
  margin-left: 5%;
  margin-right: 5%;
  z-index: 5100; }
  @media screen and (min-width: 768px) {
    .blackout_content {
      width: 80%;
      margin-left: 10%;
      margin-right: 10%; } }
  @media screen and (min-width: 992px) {
    .blackout_content {
      width: 70%;
      margin-left: 15%;
      margin-right: 15%; } }
  @media screen and (min-width: 1200px) {
    .blackout_content {
      width: 60%;
      margin-left: 20%;
      margin-right: 20%; } }

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							FORM INPUTS 								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/********************* BUTTONS *******************************************/
.button,
.button:visited,
.wp-block-button a,
.wp-block-button a:visited,
input[type='button'], input[type='submit'],
button, button[type='button'], button[type='submit'] {
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  background-color: #5C0F8B;
  border-radius: 0px;
  border: none;
  padding: 16px;
  color: white;
  font-weight: bold;
  text-align: center; }

.button:hover,
.button:visited:hover,
.wp-block-button a:hover,
.wp-block-button a:visited:hover,
button:hover, button[type='button']:hover, button[type='submit']:hover,
input[type='button']:hover, input[type='submit']:hover {
  background-color: #FCDC3E; }

.button:focus,
input[type='button']:focus, input[type='submit']:focus,
button:focus, button[type='button']:focus, button[type='submit']:focus {
  outline: none; }

/************************* CHECKBOXES & RADIO BUTTONS ****************************/
input[type='radio'],
input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin-bottom: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 2px solid #FCDC3E;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s; }

input[type='radio'], .radio {
  border-radius: 50%; }

input[type='radio']:hover, .radio:hover,
input[type='checkbox']:hover {
  background-color: #FCDC3E; }

input[type='radio']:checked, .radio:checked,
input[type='checkbox']:checked {
  background-color: #FCDC3E; }

/******************************  INPUTS *********************************/
input[type='number'], input[type='text'], input[type='email'], input[type='url'],
input[type='phone'], input[type='tel'],
select, textarea {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #5C0F8B;
  padding: 8px; }

input[type='number']:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='url']:hover,
input[type='phone']:hover,
input[type='tel']:hover,
select:hover,
textarea:hover {
  border: 1px solid #FCDC3E; }

input[type='number']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='phone']:focus,
select:focus,
textarea:focus {
  outline: none; }

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							HEADER 										**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
header#masthead {
  position: relative;
  z-index: 100;
  background-color: white;
  height: 140px;
  -webkit-box-shadow: 0px 6px 10px 3px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 6px 10px 3px rgba(0, 0, 0, 0.55); }
  header#masthead #logo {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px; }
    header#masthead #logo a {
      display: block; }
    header#masthead #logo svg {
      display: inline-block;
      width: auto;
      height: 120px; }
  header#masthead #hamburger {
    display: block;
    width: 40px;
    height: 46px;
    cursor: pointer;
    position: absolute;
    top: 36px;
    right: 36px; }
    header#masthead #hamburger span {
      width: 40px;
      height: 8px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #5C0F8B;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      transition: 0.5s; }
    header#masthead #hamburger span:nth-child(2) {
      top: 12px; }
    header#masthead #hamburger span:nth-child(3) {
      top: 24px; }
  header#masthead #hamburger:hover span {
    background-color: #FCDC3E; }
  header#masthead #hamburger.open span {
    background-color: #FCDC3E; }
  header#masthead #hamburger.open:hover span {
    background-color: #5C0F8B; }
  header#masthead #main_nav {
    position: absolute;
    z-index: 90;
    width: 100%;
    opacity: 0;
    top: 140px;
    background-color: white;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    pointer-events: none; }
    header#masthead #main_nav #menu_logo {
      display: none; }
    header#masthead #main_nav ul li {
      display: block;
      text-align: center;
      height: 35px; }
      header#masthead #main_nav ul li a {
        font-size: 1.3em;
        line-height: 1; }
  header#masthead #main_nav.open {
    opacity: 1;
    pointer-events: all; }

@media screen and (min-width: 992px) {
  header#masthead {
    text-align: center; }
    header#masthead #hamburger {
      display: none; }
    header#masthead #logo {
      display: none; }
    header#masthead #main_nav {
      display: block;
      width: 100%;
      pointer-events: all;
      opacity: 1;
      position: relative;
      top: 0; }
      header#masthead #main_nav ul {
        text-align: center; }
        header#masthead #main_nav ul li {
          display: inline-block;
          width: calc(80%/9);
          padding: 0;
          padding-top: 24px; }
          header#masthead #main_nav ul li a {
            position: relative;
            bottom: 18px; }
      header#masthead #main_nav #menu_logo {
        display: inline-block;
        padding: 0px; }
        header#masthead #main_nav #menu_logo a {
          bottom: 0;
          display: block; }
        header#masthead #main_nav #menu_logo img {
          max-width: 100%;
          height: auto; } }
@media screen and (min-width: 1200px) {
  header#masthead #main_nav ul li a {
    bottom: 36px; } }
/************************* SCROLLING HEADER ***********************************************************/
/************************* 2-STAGE HEADER  ***********************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							HOMEPAGE									**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
article.home-page .home_cover {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden; }
  article.home-page .home_cover .wp-block-group__inner-container {
    position: relative;
    padding-top: 160px;
    height: 100%; }
    article.home-page .home_cover .wp-block-group__inner-container figure.wp-block-video {
      position: absolute;
      bottom: 0;
      z-index: -10; }
      article.home-page .home_cover .wp-block-group__inner-container figure.wp-block-video video {
        width: auto;
        height: 100%; }

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							SINGLE PAGE 								**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
article.page {
  margin-bottom: 20px;
  min-height: 600px;
  padding-top: 24px; }
  article.page p {
    margin-bottom: 18px;
    line-height: 1.4; }
  article.page ul li, article.page ol li {
    margin-bottom: 12px; }
  article.page ul li {
    list-style: none; }
  article.page ul li:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../media/heart.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px; }
  article.page .wp-block-image img {
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65); }

.event_info img {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.65); }

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/**********************************																		**************************************/
/**********************************							FOOTER  									**************************************/
/**********************************																		**************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
footer#site_footer {
  width: 100%;
  padding-top: 20px;
  margin-top: 48px;
  -webkit-box-shadow: 0px -8px 15px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0px -8px 15px 5px rgba(0, 0, 0, 0.55);
  background-color: white;
  text-align: center;
  z-index: 100;
  position: relative; }
  footer#site_footer #footer_logo_area {
    background-color: white; }
    footer#site_footer #footer_logo_area svg {
      width: auto;
      height: 120px;
      display: inline; }
  footer#site_footer #footer_content {
    background-color: #5C0F8B;
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 24px; }
    footer#site_footer #footer_content a {
      color: #FCDC3E;
      font-weight: bold; }
    footer#site_footer #footer_content a:hover {
      color: white; }
    footer#site_footer #footer_content .social_buttons_container {
      margin-top: 12px;
      margin-bottom: 24px; }
    footer#site_footer #footer_content .social_button {
      display: inline-block; }
    footer#site_footer #footer_content .social_button:first-child {
      margin-right: 40px; }
    footer#site_footer #footer_content svg {
      width: 35px; }
      footer#site_footer #footer_content svg path, footer#site_footer #footer_content svg g, footer#site_footer #footer_content svg rect {
        fill: white;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s; }
    footer#site_footer #footer_content svg:hover path, footer#site_footer #footer_content svg:hover g, footer#site_footer #footer_content svg:hover rect {
      fill: #FCDC3E; }