/*!
    Theme Name: Alula
    Theme URI: https://www.squarebird.co.uk
    Author: Squarebird
    Author URI: https://www.squarebird.co.uk
    Description: A Squarebird Framework
    Version: 1.2.0
    Tested up to: 8.0
    Requires PHP: 7.4
    License: GNU General Public License v3 or later
    License URI: LICENSE
    Text Domain: alula
    Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.sticky{}
.gallery-caption{}
.bypostauthor{}


/*--------------------------------------------------------------
- RESET CSS
--------------------------------------------------------------*/
/* Do not edit this section! */

*,
*:before,
*:after {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: clamp(15px, 1vw, 1vw);
  margin: 0 !important;
  padding: 0 !important;
  scroll-behavior: smooth;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  font-family: var(--font-body);
  line-height: var(--line-height-body);
  color: var(--color-white);
  letter-spacing: 0.10px;
  background: var(--color-body);
  /* overflow: scroll; */
}

body.noScroll,
body.mob-menu {
  max-height: 100dvh;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}


::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #121212;
}

::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #FF9D03;
}



/*
::-webkit-scrollbar {
width: 0.5rem;
} 

::-webkit-scrollbar-thumb {
background: var(--color-archane-purple);
border-radius: 5px;
} */


/* 
body.noScroll .site-main::before,
body.mob-menu .site-main::before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  background: rgb(255 255 255 / 70%);
  z-index: 12;
  /* pointer-events: none; 
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
} */

main {
  display: block;
  overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

section, 
article {
position: relative;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  position: relative;
}

p a:not(#colophon a) {
color: var(--color-gold);
padding: 0 2px;
text-decoration: none;
border-radius: var(--br-tiny);
}

p a:not(#colophon a):hover, 
p a:not(#colophon a):focus {
color: var(--color-black);
background-color: var(--color-gold);
}

a:active,
a:hover {
  outline: 0;
}

.sr-only {
display: none;
left: -9999rem;
font-size: 0.75rem;
font-family: var(--font-body);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background-color: var(--color-bg-grey);
color: var(--color-dark-blue);
padding: 0.3rem 0.8rem;
border-radius: var(--br-tiny);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

a:hover .sr-only, 
a:focus-visible .sr-only {
display: block;
position: absolute;
top: 1.8rem;
left: 0rem;
z-index: 99;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  max-width: 100%;
}

.img {
position: relative;
}

.bg-img {
position: absolute;
height: 100%;
width: 100%;
inset: 0;
z-index: -1;
}

.bg-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  /*-webkit-appearance: none;*/
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.render {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.clear {
  clear: both;
}

ul.no-list {
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  margin: 0;
}

@media(max-width: 800px) {
.hide-mob p {
  display: none;
}
}


/* Selection */
::-moz-selection {
background: var(--color-mythic-purple);
color: var(--color-white);
}
::selection {
background: var(--color-mythic-purple);
color: var(--color-white);
}

::-moz-selection {
background: var(--color-mythic-purple);
color: var(--color-white);
}

a::-moz-selection {
background: var(--color-mythic-purple);
}

a::selection {
background: var(--color-mythic-purple);
}

a::-moz-selection {
background: var(--color-mythic-purple);
}

.textcenter {
text-align: center;
}

.balance {
text-wrap: balance;
}

.pretty {
text-wrap: pretty;
}

.white-text {
color: var(--color-white);
}

@media(min-width: 1024px) {
.mob-only {
  display: none !important;
}
.textcenter .btn-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}



/* Accessibility */
*:focus-visible {
/* -webkit-box-shadow: 0 0 0 2px var(--color-pink);
        box-shadow: 0 0 0 2px var(--color-pink);
border-radius: 0.2rem; */
outline: 2px solid var(--color-white) !important;
outline-offset: 2px; 
border-radius: var(--br-tiny);
}


.text-size-buttons {
position: relative;
top: 10px;
right: 10px;
z-index: 10;
}

.text-size-buttons button {
margin: 5px;
padding: 10px;
font-size: 16px;
cursor: pointer;
}





/*--------------------------------------------------------------
- Global Variables
--------------------------------------------------------------*/
/* Uncomment out when developing */

:root {
/* Colors */
--color-gold: #FF9D03;
--color-mythic-purple: #A552F5;
--color-midnight-purple: #292032;
--color-archane-purple: #732CB7;
--color-black: #1C1A1C;
--color-grey: #737373;
--color-bg-grey: #434043;
--color-bg-light-grey: #F1F2F2;
--color-white: #ffffff;
--color-placeholder: #AAAAAA;
--color-error: #FF2B53;
--color-white-opacity: rgba(255, 255, 255, 0.8);
--color-toggle-content-hover: rgba(115, 44, 183, 0.1);
--color-body: #1D1A1D;

/* Font Family */
--font-primary: "DM Sans", sans-serif;
--font-cta: "Saira SemiBold", sans-serif;
--font-bold: "Saira Condensed", sans-serif;
--font-heading: "Saira Condensed", sans-serif;
--font-menus: "Saira Medium", sans-serif;
--font-body: "DM Sans", sans-serif;
--font-body-bold: "DM Sans Semibold", sans-serif;
--font-btns: "Saira SemiBold", sans-serif;

/* Font Sizes */
--font-size-body: 1rem;
--font-size-sml: 0.8rem;
--font-size-btns: 0.875rem;
--font-size-h1-lg: 5.333rem;
--font-size-h1: 4rem;
--font-size-h2: 4rem;
--font-size-h3: 3rem;
--font-size-h4: 1.667rem;
--font-size-h5: 1.333rem;
--font-size-h6: 0.8rem;

/* Line Height */
--line-height-body: 1.6rem;
--line-height-sml: 0.667rem;
--line-height-h1: 3.2rem;
--line-height-h2: 3.2rem;
--line-height-h3: 2.4rem;
--line-height-h4: 2rem;
--line-height-h5: 1.267rem;
--line-height-h6: 1.067rem;

/* Font Weight */
--font-weight-bold: bold;

/* Letter Spacing */
--letter-spacing-btns: 0.07rem;
/* Buttons */
/* Forms */
/* Padding */
/* Margins */
--margin-bottom-content: 1.5em;

/* Border Radius */
--br-tiny: 0.333rem;
--br-sml: 2rem;
--br-med: 3rem;
--br-large: 4rem;

/* Section Spacing */
--section-spacing: 9.375rem;

/* Padding */
--padding-btns: 0.867rem 2.167rem;
--padding-05: 0.5rem;
--padding-1: 1rem;
--padding-2: 3rem;
--padding-3: 5rem;
--padding-4: 7rem;
--padding-5: 8rem;
--padding-6: 9rem;
--padding-7: 10rem;
--padding-8: 11rem;
--padding-9: 12rem;
--padding-side-1: clamp(2rem, 2vw, 2vw);
--padding-side-2: 3vw;
--padding-side-3: 5vw;
--padding-side-4: 6vw;
--padding-side-5: 8vw;
--padding-side-6: 10vw;
--padding-side-7: 15vw;
--padding-side-8: 20vw;

/* Margins */
--margin-05: 0.5rem;
--margin-1: 1rem;
--margin-2: 2rem;
--margin-3: 5rem;
--margin-4: 7rem;
--margin-5: 8rem;
--margin-6: 9rem;
--margin-7: 10rem;
--margin-8: 11rem;
--margin-side-1: clamp(1rem, 2vw, 2vw);
--margin-side-2: 3vw;
--margin-side-3: 5vw;
--margin-side-4: 6vw;
--margin-side-5: 8vw;

/* Header Height */
--header: 5rem;
--header-sticky: 5rem;
--header-mob: 5rem;
}


/* Set overall site width */
.container {
max-width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.container-large {
position: relative;
margin-left: var(--padding-side-2);
margin-right: var(--padding-side-2);
}

.container-huge {
position: relative;
margin-left: var(--padding-side-5);
margin-right: var(--padding-side-5);
}

.container-massive {
position: relative;
margin-left: var(--padding-side-6);
margin-right: var(--padding-side-6);
}

@media(max-width: 1024px) {
.container-massive {
  margin-left: var(--padding-side-3);
  margin-right: var(--padding-side-3);
}
}

@media (max-width: 800px) {
.container-large, 
.container-huge {
    margin-left: var(--padding-side-3);
    margin-right: var(--padding-side-3);
}
}

a {
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}


/* Overlay & Glassmorphism */
.overlay::after {
content: '';
width: 100%;
height: 100%;
background: var(--color-black);
mix-blend-mode: multiply;
opacity: 0.4;
position: absolute;
inset: 0;
pointer-events: none;
} 

.overlay-pl::before {
content: '';
width: 100%;
height: 100%;
background: var(--color-black);
background: -o-radial-gradient(bottom left, circle farthest-corner, #491C74 25%, rgba(28, 26, 28, 0) 50%);
background: radial-gradient(circle farthest-corner at bottom left, #491C74 25%, rgba(28, 26, 28, 0) 50%);
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}

.overlay-purp::before {
content: '';
width: 100%;
height: 100%;
background: var(--color-black);
mix-blend-mode: multiply;
opacity: 0.6;
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}

.overlay-purp::after {
content: '';
width: 100%;
height: 100%;
background: var(--color-mythic-purple);
mix-blend-mode: color;
-webkit-filter: contrast(0.6) brightness(0.7);
        filter: contrast(0.6) brightness(0.7);
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}

.rp {
background: #4E2573;
background: -o-radial-gradient(center center, circle farthest-corner, #4E2573 20%, #2B2133 90%);
background: radial-gradient(circle farthest-corner at center center, #4E2573 20%, #2B2133 90%);
}

.tbp {
background: rgb(73,28,116);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(73,28,116,1)), to(rgba(28,26,28,1)));
background: -o-linear-gradient(bottom, rgba(73,28,116,1) 0%, rgba(28,26,28,1) 100%);
background: linear-gradient(0deg, rgba(73,28,116,1) 0%, rgba(28,26,28,1) 100%);
}

.glass {
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
}


.fh {
min-height: 100dvh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.mh25 {
min-height: 25rem;
position: relative;
overflow: hidden;
}

.vh60 {
min-height: 60dvh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.vh80 {
min-height: 80dvh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

@media(max-width: 800px) {
#hero.parallax-section .content {
  padding: 11rem 0 5rem 0 !important;
}
.overlay-pl::before {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--color-black);
  /* mix-blend-mode: multiply; */
  opacity: 0.6;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.overlay-pl::after {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--color-mythic-purple);
  mix-blend-mode: color;
  -webkit-filter: contrast(0.6) brightness(0.7);
          filter: contrast(0.6) brightness(0.7);
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
}



/*--------------------------------------------------------------
- MARGIN
--------------------------------------------------------------*/

.m-0 {
margin: 0;
}

.ms-0 {
margin-left: 0;
}

.ms-1 {
margin-left: var(--margin-side-1);
}

.ms-2 {
margin-left: var(--margin-side-2);
}

.ms-3 {
margin-left: var(--margin-side-3);
}

.ms-4 {
margin-left: var(--margin-side-4);
}

.ms-5 {
margin-left: var(--margin-side-5);
}

.me-0 {
margin-right: 0;
}

.me-1 {
margin-right: var(--margin-side-1);
}

.me-2 {
margin-right: var(--margin-side-2);
}

.me-3 {
margin-right: var(--margin-side-3);
}

.me-4 {
margin-right: var(--margin-side-4);
}

.me-5 {
margin-right: var(--margin-side-5);
}

.mx-0 {
margin-right: 0;
margin-left: 0;
}

.mx-1 {
margin-right: var(--margin-side-1);
margin-left: var(--margin-side-1);
}

.mx-2 {
margin-right: var(--margin-side-2);
margin-left: var(--margin-side-2);
}

.mx-3 {
margin-right: var(--margin-side-3);
margin-left: var(--margin-side-3);
}

.mx-4 {
margin-right: var(--margin-side-4);
margin-left: var(--margin-side-4);
}

.mx-5 {
margin-right: var(--margin-side-5);
margin-left: var(--margin-side-5);
}

.my-0 {
margin-top: 0;
margin-bottom: 0;
}

.my-1 {
margin-top: var(--margin-1);
margin-bottom: var(--margin-1);
}

.my-2 {
margin-top: var(--margin-2);
margin-bottom: var(--margin-2);
}

.my-3 {
margin-top: var(--margin-3);
margin-bottom: var(--margin-3);
}

.my-4 {
margin-top: var(--margin-4);
margin-bottom: var(--margin-4);
}

.my-5 {
margin-top: var(--margin-5);
margin-bottom: var(--margin-5);
}

.mt-0 {
margin-top: 0;
}

.mt-1 {
margin-top: var(--margin-1);
}

.mt-2 {
margin-top: var(--margin-2);
}

.mt-3 {
margin-top: var(--margin-3);
}

.mt-4 {
margin-top: var(--margin-4);
}

.mt-5 {
margin-top: var(--margin-5);
}

.mb-0 {
margin-bottom: 0;
}

.mb-05 {
margin-bottom: var(--margin-05);
}

.mb-1 {
margin-bottom: var(--margin-1);
}

.mb-2 {
margin-bottom: var(--margin-2);
}

.mb-3 {
margin-bottom: var(--margin-3);
}

.mb-4 {
margin-bottom: var(--margin-4);
}

.mb-5 {
margin-bottom: var(--margin-5);
}

.mb-7 {
margin-bottom: var(--margin-7);
}




/*--------------------------------------------------------------
- PADDING
--------------------------------------------------------------*/
.p-0 {
padding: 0;
}

.ps-0 {
padding-left: 0;
}

.ps-1 {
padding-left: var(--padding-side-1);
}

.ps-2 {
padding-left: var(--padding-side-2);
}

.ps-3 {
padding-left: var(--padding-side-3);
}

.ps-4 {
padding-left: var(--padding-side-4);
}

.ps-5 {
padding-left: var(--padding-side-5);
}

.ps-6 {
padding-left: var(--padding-side-6);
}

.ps-7 {
padding-left: var(--padding-side-7);
}

.ps-8 {
padding-left: var(--padding-side-8);
}

.pe-0 {
padding-right: 0;
}

.pe-1 {
padding-right: var(--padding-side-1);
}

.pe-2 {
padding-right: var(--padding-side-2);
}

.pe-3 {
padding-right: var(--padding-side-3);
}

.pe-4 {
padding-right: var(--padding-side-4);
}

.pe-5 {
padding-right: var(--padding-side-5);
}

.pe-6 {
padding-right: var(--padding-side-6);
}

.pe-7 {
padding-right: var(--padding-side-7);
}

.pe-8 {
padding-right: var(--padding-side-8);
}

@media screen and (max-width: 1024px) {
.mob-pe-5 {
    padding-right: var(--padding-side-5);
}

.mob-pd {
    padding: 0 !important;
}
.mob-se-5 {
    padding-left: var(--padding-side-5);
}
.mpt-2 {
    padding-top: var(--padding-2);
}
.mmb-5 {
    margin-bottom: var(--margin-5);
}
}

.px-0 {
padding-right: 0;
padding-left: 0;
}

.px-1 {
padding-right: var(--padding-side-1);
padding-left: var(--padding-side-1);
}

.px-2 {
padding-right: var(--padding-side-2);
padding-left: var(--padding-side-2);
}

.px-3 {
padding-right: var(--padding-side-3);
padding-left: var(--padding-side-3);
}

.px-4 {
padding-right: var(--padding-side-4);
padding-left: var(--padding-side-4);
}

.px-5 {
padding-right: var(--padding-side-5);
padding-left: var(--padding-side-5);
}

.px-6 {
padding-right: var(--padding-side-6);
padding-left: var(--padding-side-6);
}

.px-7 {
padding-right: var(--padding-side-7);
padding-left: var(--padding-side-7);
}

.px-8 {
padding-right: var(--padding-side-8);
padding-left: var(--padding-side-8);
}

.py-0 {
padding-top: 0;
padding-bottom: 0;
}

.py-1 {
padding-top: var(--padding-1);
padding-bottom: var(--padding-1);
}

.py-2 {
padding-top: var(--padding-2);
padding-bottom: var(--padding-2);
}

.py-3 {
padding-top: var(--padding-3);
padding-bottom: var(--padding-3);
}

.py-4 {
padding-top: var(--padding-4);
padding-bottom: var(--padding-4);
}

.py-5 {
padding-top: var(--padding-5);
padding-bottom: var(--padding-5);
}

.py-6 {
padding-top: var(--padding-6);
padding-bottom: var(--padding-6);
}

.py-7 {
padding-top: var(--padding-7);
padding-bottom: var(--padding-7);
}

.py-8 {
padding-top: var(--padding-8);
padding-bottom: var(--padding-8);
}

.pt-2rem {
padding-top: 2rem;
}

.pt-0 {
padding-top: 0;
}

.pt-1 {
padding-top: var(--padding-1);
}

.pt-2 {
padding-top: var(--padding-2);
}

.pt-3 {
padding-top: var(--padding-3);
}

.pt-4 {
padding-top: var(--padding-4);
}

.pt-5 {
padding-top: var(--padding-5);
}

.pt-6 {
padding-top: var(--padding-6);
}

.pt-7 {
padding-top: var(--padding-7);
}

.pt-8 {
padding-top: var(--padding-8);
}

.pt-9 {
padding-top: var(--padding-9);
}

.pt-12rem {
padding-top: 12rem;
}

.pb-0 {
padding-bottom: 0;
}

.pb-1 {
padding-bottom: var(--padding-1);
}

.pb-2 {
padding-bottom: var(--padding-2);
}

.pb-3 {
padding-bottom: var(--padding-3);
}

.pb-4 {
padding-bottom: var(--padding-4);
}

.pb-5 {
padding-bottom: var(--padding-5);
}

.pb-6 {
padding-bottom: var(--padding-6);
}

.pb-7 {
padding-bottom: var(--padding-7);
}

.pb-8 {
padding-bottom: var(--padding-8);
} 

.pb-9 {
padding-bottom: var(--padding-9);
}



/*--------------------------------------------------------------
- FLEXBOX
--------------------------------------------------------------*/
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
  width: 100%;
}

.flex-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.flex-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 3;
    -ms-flex: 3;
        flex: 3;
}

.flex-grow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}

.flex-third {
  width: calc(33.33% - 2rem);
}

.flex-50 {
width: 50%;
}

@media (max-width: 801px) {
  .flex-third {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  }
.flex-50 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-nowrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-center {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.flex-start {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.flex-end {
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.flex-vertical-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.flex-vertical-center {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.flex-vertical-bottom {
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: end;
}

.flex-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.space-between {
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-ms-flex-direction: row;
}


/*--------------------------------------------------------------
- GRID
--------------------------------------------------------------*/
.grid {
display: -ms-grid;
display: grid;
}

.grid-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3.125rem;
grid-row-gap: 3.125rem;
}

.grid-1 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3.125rem 1fr;
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3.125rem;
grid-row-gap: 3.125rem;
}

.grid-2 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-2 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.grid-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3.125rem 1fr 2rem 1fr;
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3.125rem;
grid-row-gap: 3.125rem;
}

.grid-3 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-3 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.grid-3 > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

.grid-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(4, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}

.grid-4 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-4 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.grid-4 > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

.grid-4 > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}

.grid-5 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(5, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}

.grid-5 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-5 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.grid-5 > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

.grid-5 > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}

.grid-5 > *:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}

.grid-6 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(6, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}

.grid-6 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.grid-6 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.grid-6 > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

.grid-6 > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}

.grid-6 > *:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}

@media (max-width: 1024px) {
.grid-2,
.grid-3,
.grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
}



/*--------------------------------------------------------------
- TYPOGRAPHY
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
clear: both;
margin-top: 0;
font-family: var(--font-heading);
color: var(--color-white);
text-transform: uppercase;
text-rendering: optimizeLegibility;
font-weight: normal;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.h1, h1 {
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
letter-spacing: -0.010rem;
}

.h2, h2 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
}

.h3, h3 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}

.h4, h4 {
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
}

.h5, h5 {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
}

.h6, h6 {
font-size: var(--font-size-h6);
line-height: var(--line-height-h6);
font-family: "Saira SemiBold", sans-serif;
letter-spacing: 0.1rem;
}

.gold {
color: var(--color-gold);
}

.content p:not(p:last-of-type) {
margin-bottom: 0;
}

.content p:has(iframe) {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  margin: 2rem 0;
}

.content p:has(iframe) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--br-tiny);
}



span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6, 
span.mini {
display: block;
}


@media(max-width: 800px) {
.h1, h1, 
.home #hero h1 {
  font-size: 3.067rem;
  line-height: 2.433rem;
}

.h2, h2 {
  font-size: 2.667rem;
  line-height: 2.067rem;
}

.h3, h3 {
  font-size: 2.467rem;
  line-height: 1.967rem;
}
.h4, h4 {
  font-size: 1.375rem;
  line-height: 1.25rem;
}
}






/*--------------------------------------------------------------
- HEADER
--------------------------------------------------------------*/
/* Main Menu */
#masthead {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

#masthead.site-header .container-large {
margin: 0;
padding-left: var(--padding-side-2);
padding-right: var(--padding-side-2);
}

#masthead.site-header .container-large::before {
content: '';
width: 100%;
height: 100%;
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

#masthead .grid {
-ms-grid-columns: 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#masthead .site-branding .custom-logo-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
max-height: 6rem;
overflow: hidden;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-webkit-transition: max-height .3s ease-in-out;
-o-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out;
}

#masthead .site-branding .custom-logo-link {
max-height: 5rem;
}

#masthead .site-branding img {
max-height: 5rem;
max-width: 15rem;
width: auto;
} 

#masthead .button {
padding: 0.633rem 2.167rem;
}

.main-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#main-menu {
list-style: none;
-webkit-padding-start: 0;
        padding-inline-start: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2vw;
}

#main-menu > li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 0.5rem;
}

#main-menu > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
font-family: var(--font-menus);
font-size: 0.867rem;
letter-spacing: 0.1rem;
padding: 1.9rem 0;
text-decoration: none;
color: var(--color-white);
text-transform: uppercase;
}

#main-menu > li.current-menu-ancestor > a, 
#main-menu > li.current-menu-item > a {
color: var(--color-gold);
}

#main-menu > li.menu-item-has-children > a::after {
content: '';
position: relative;
display: inline-block;
width: 0.6rem;
height: 0.6rem;
margin-left: 0.3rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.734' height='9' viewBox='0 0 13.734 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_440' data-name='Group 440' transform='translate(0 0)' opacity='0.5'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

#main-menu > li.menu-item-has-children > a:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.734' height='9' viewBox='0 0 13.734 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_439' data-name='Group 439' transform='translate(0 0)'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#main-menu > li:hover a,
#main-menu > li:focus a {
color: var(--color-gold);
}

#main-menu > li.current-menu-ancestor > a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.734' height='9' viewBox='0 0 13.734 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_439' data-name='Group 439' transform='translate(0 0)'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#main-menu > li .sub-menu {
list-style: none;
display: none;
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
top: 100%;
padding: 1rem;
width: 15rem;
/* background: rgba(29, 26, 29, 0.8); 
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); */
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
margin-left: -1rem;
transition: .3s all;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}

#main-menu > li .sub-menu::before {
content: '';
width: 100%;
height: 100%;
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

#main-menu > li .sub-menu > li > a {
display: block;
padding: 0.8rem 1rem;
font-family: var(--font-body);
font-size: 0.9rem;
text-decoration: none;
color: var(--color-white);
border-radius: var(--br-tiny);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

#main-menu > li .sub-menu > li > a:hover,
#main-menu > li .sub-menu > li > a:focus {
background-color: rgb(67 64 67 / 70%);
}

#main-menu > li:hover .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}


/* Mobile Menu */
.hamburger {
width: 3rem;
height: 3rem;
padding: 0.8rem;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
text-transform: none;
border: 0;
margin: 0;
overflow: visible;
z-index: 99;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: var(--color-white);
}

.hamburger-box {
width: 1.6rem;
/* height: 1.8rem; */
display: inline-block;
position: relative; }

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; 
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
width: 1.4rem;
height: 3px;
background-color: var(--color-white);
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
     -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
     -o-transition-timing-function: ease;
        transition-timing-function: ease; 
}

.hamburger-inner::before, 
.hamburger-inner::after {
content: "";
display: block; 
}

.hamburger-inner::before {
top: -8px; 
}

.hamburger-inner::after {
  bottom: -8px; 
}

.hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
     -o-transition-duration: 0.22s;
        transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
        transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
     -o-transition-delay: 0.12s;
        transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}

.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
     -o-transition-duration: 0.22s;
        transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
        transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
     -o-transition-delay: 0.12s;
        transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.mob {
display: none;
position: fixed;
width: 100%;
top: 0;
height: 100%;
overflow-y: scroll;
left: 0;
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: -1;
}

.mob.active {
display: block;
}

#mobile {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
gap: 2rem;
padding: var(--padding-4) var(--padding-side-3);
}

#mobile > li {
font-family: var(--font-menus);
}

#mobile > li > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
color: var(--color-white);
text-decoration: none;
text-transform: uppercase;
font-size: 1.2rem;
letter-spacing: 0.1rem;
}

#mobile > li.menu-item-has-children > a::after {
content: '';
position: relative;
display: inline-block;
width: 0.8rem;
height: 0.8rem;
margin-left: 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.734' height='9' viewBox='0 0 13.734 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_440' data-name='Group 440' transform='translate(0 0)' opacity='0.5'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
rotate: 0deg;
}

#mobile > li > .sub-menu {
list-style: none;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
padding: 1rem 0 0 0;
gap: 0.8rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
transition: .3s all;
}

#mobile > li.active > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#mobile > li .sub-menu > li > a {
display: block;
padding: 0.8rem 1rem;
background-color: rgb(67 64 67 / 70%);
font-family: var(--font-body);
font-size: 0.9rem;
text-decoration: none;
color: var(--color-white);
border-radius: var(--br-tiny);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

#mobile > li.active a {
color: var(--color-gold);
}

#mobile > li.active a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.734' height='9' viewBox='0 0 13.734 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_439' data-name='Group 439' transform='translate(0 0)'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
rotate: 180deg;
} 



@media(min-width: 1024px) {
.mob,
.hamburger {
  display: none;
}
}

@media(max-width: 1024px) {
.main-navigation, 
#masthead .cta {
  display: none;
}

#masthead .grid {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}

#masthead .hamburger {
  margin-right: -3rem;
}

#masthead .site-branding img {
  max-height: 3rem;
}

#masthead.site-header .container-large {
  padding: 1rem var(--padding-side-2);
}

#masthead .site-branding .custom-logo-link {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3rem;
}
}





/*--------------------------------------------------------------
- BUTTONS
--------------------------------------------------------------*/
/* Button Wrapper */
.btn-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

@media (max-width: 800px) {
.btn-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

@media (max-width: 600px) {
.btn-wrapper {
    gap: 1rem;
}
}


a.button, 
.button {
padding: var(--padding-btns);
margin: 4px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border-radius: 3rem;
text-decoration: none;
font-family: var(--font-btns);
text-transform: uppercase;
font-size: var(--font-size-sml);
letter-spacing: 0.10rem;  
-webkit-transition: .3s all;  
-o-transition: .3s all;  
transition: .3s all;
cursor: pointer;
}

a.primary, 
.primary {
color: var(--color-white);
background: rgb(80 70 88 / 62%);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(20px);
}

a.primary:hover, 
a.primary:focus, 
.primary:hover, 
.primary:focus {
color: var(--color-white);
background: var(--color-gold);
color: var(--color-black);
}

a.secondary,
.secondary {
color: var(--color-black);
background: var(--color-gold);
}

a.secondary:hover, 
a.secondary:focus,
.secondary:hover, 
.secondary:focus {
color: var(--color-white);
}

a.third,
.third {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
color: var(--color-white);
padding: 0.867rem 0;
margin: 0;
}

a.third::after,
.third::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='13.734' viewBox='0 0 9 13.734'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_589' data-name='Group 589' transform='translate(0 13.734) rotate(-90)' opacity='0.503'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 0.6rem;
height: 0.6rem;
display: inline-block;
margin-left: 0.8rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
will-change: transform;
}

a.third:hover, 
a.third:focus,
.third:hover, 
.third:focus {
color: var(--color-gold);
}

a.third:hover::after, 
a.third:focus::after,
.third:hover::after, 
.third:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='13.734' viewBox='0 0 9 13.734'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_589' data-name='Group 589' transform='translate(0 13.734) rotate(-90)'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
        transform: translateX(0.2rem);
}

a.third.flip::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='13.734' viewBox='0 0 9 13.734'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_589' data-name='Group 589' transform='translate(0 13.734) rotate(-90)' opacity='0.503'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 0.6rem;
height: 0.6rem;
display: inline-block;
margin-right: 0.8rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
will-change: transform;
}

a.third.flip::after {
content: none;
}

a.third.flip:hover::before, 
a.third.flip:focus::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='13.734' viewBox='0 0 9 13.734'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_589' data-name='Group 589' transform='translate(0 13.734) rotate(-90)'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23ff9d03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-transform: translateX(-0.2rem) rotate(180deg);
    -ms-transform: translateX(-0.2rem) rotate(180deg);
        transform: translateX(-0.2rem) rotate(180deg);
}

@media(max-width: 800px) {
a.primary {
  background: var(--color-gold);
  color: var(--color-black);
}
}







/*--------------------------------------------------------------
- FLEXIBLE CONTENT BLOCKS
--------------------------------------------------------------*/
/* Section Clips */
section.clip + section:not(#archive), 
section.clip-lr + section {
padding-top: 5%;
}

.clip {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
        clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
margin-bottom: -5%;
z-index: 1;
will-change: clip-path;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}

.clip-lr {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
margin-bottom: -5%;
z-index: 1;
}

@media(max-width: 1024px) {
.clip {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 98%, 50% 100%, 0 98%);
          clip-path: polygon(0 0, 100% 0, 100% 98%, 50% 100%, 0 98%);
}
.clip-lr {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%)
}
}

@media(min-width: 1024px) {
section.clip-lr + section {
  -webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
  padding-top: 5rem;
}
}



/* Hero */
#hero #primary .textcenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
max-width: 65ch;
}

#hero #primary .textcenter .btn-wrapper {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

/* 
#hero #primary span.title {
display: block;
font-family: "Aetherius";
font-size: 3.467rem;
line-height: 3rem;
text-transform: uppercase;
} */

#hero .title-logo img {
width: 100%;
max-width: 25rem;
}


/* Parallax version */
/*
#hero.parallax-section h1 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
} */
#hero.parallax-section .content {
padding: 13rem 0 10rem 0;
}

#hero.parallax-section .parallax-img.layer_2 img {
-o-object-position: center;
   object-position: center;
}

#hero.parallax-section .parallax-img img {
height: 130%;
}

#hero.parallax-section .grid-2 {
-ms-grid-columns: 30% 1fr;
grid-template-columns: 30% 1fr;
}

/* Smaller version */
#hero.sml .textcenter p {
max-width: 65ch;
margin: 0 auto;
padding-top: 2rem;
text-wrap: balance;
}

@media(max-width: 800px) {
#hero {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
          clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
  margin-bottom: -3vh;
  z-index: 1;
}
#hero.parallax-section .grid-2 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
#hero.parallax-section .parallax-img img {
  height: 150%;
}
#hero + section:not(#archive) {
  padding-top: 3vh;
}
#hero + section:not(#archive) .py-4 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#hero #primary span.title {
  font-size: clamp(2.5rem, 10vw, 10vw);
  margin-bottom: 1rem;
}
#hero .fh {
  min-height: 103vh;
}
#hero.sml .col {
  padding-top: 10rem;
  padding-bottom: 4rem;
}
.parallax-section.ht_hi .img {
  overflow: visible;
}
}

@media(max-width: 1024px) {
#hero .bg-img .mobile-img img {
  -o-object-position: top 20% left 50%;
     object-position: top 20% left 50%;
}
#hero .desktop-img {
  display: none;
}
}

@media(min-width: 1024px) {
#hero .mobile-img {
  display: none;
}
.home #hero h1 {
  font-size: var(--font-size-h1-lg);
	line-height: 0.9;
}
#hero.sml .btn-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}



/* Half Text, Half Image */
.ht_hi .fh {
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
position: relative;
}

.ht_hi .container-massive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 80dvh;
}

.ht_hi .img, 
.ht_hi .content {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
overflow: hidden;
}

/* 
.ht_hi h2.alt {
font-family: "Aetherius";
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
} */

.ht_hi .content h6 {
margin-bottom: 0;
color: var(--color-gold);
}

.ht_hi .content h6:not(:first-of-type) {
margin-top: 2rem;
}

.ht_hi .socials {
/* display: flex; */
list-style: none;
margin: 4px;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
gap: 0;
}

.ht_hi .socials li {
margin-right: 1rem;
min-width: 3.25rem;
}

.ht_hi .socials li:last-child {
margin-right: 0;
}

.ht_hi .socials li a {
background: rgb(80 70 88 / 62%);
-webkit-backdrop-filter: blur(30px) saturate(100%);
        backdrop-filter: blur(30px) saturate(100%);
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
height: 100%;
aspect-ratio: 1 / 1;
padding: 5px;
border-radius: 99%;
}



.ht_hi .socials li a svg {
height: 1.8rem;
fill: var(--color-white);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.ht_hi .socials li a:hover, 
.ht_hi .socials li a:focus {
background: var(--color-gold);
}

.ht_hi .socials li a:hover svg, 
.ht_hi .socials li a:focus svg {
fill: var(--color-black);
}

.parallax-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.parallax .mask {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}

.parallax .mask img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
-webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
        transform: scale(1.01);
}

.parallax-img img {
width: 100%;
height: 125%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
} 

.parallax-img.layer_0 img {
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: bottom 30% left 0;
   object-position: bottom 30% left 0;
}

.ht_hi.ht_hi.layout-ir .parallax-img.layer_0 img {
-o-object-position: bottom 30% right 0;
   object-position: bottom 30% right 0;
}

.parallax-img.layer_2 img {
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: bottom;
   object-position: bottom;
-webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
        transform: translateY(10%);
} 

.ht_hi.layout-ir {
-ms-grid-columns: 40% 1fr;
grid-template-columns: 40% 1fr;
background: #1C1A1C;
background: -o-radial-gradient(at left top, #1C1A1C, #491c74);
background: radial-gradient(at left top, #1C1A1C, #491c74);
}

.ht_hi.layout-il {
-ms-grid-columns: 1fr 40%;
grid-template-columns: 1fr 40%;
background: #1C1A1C;
background: -o-radial-gradient(left center, circle farthest-corner, #491C74 10%, #1C1A1C 65%);
background: radial-gradient(circle farthest-corner at left center, #491C74 10%, #1C1A1C 65%);
}

.ht_hi.nobg {
background: transparent !important;
}

.ht_hi.layout-ir .content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
z-index: 3;
padding-top: var(--padding-5);
padding-bottom: var(--padding-6);
}

.ht_hi.layout-il .content {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
z-index: 3;
padding-top: var(--padding-5);
padding-bottom: var(--padding-6);
}

.ht_hi.clip.layout-il .content, 
.ht_hi.clip.layout-ir .content {
padding-bottom: var(--padding-8);
}

.ht_hi .img {
position: absolute;
width: 60%;
height: 100%;
}

.ht_hi .img:has(.mask) {
width: 50%;
}

.ht_hi.layout-ir .img {
top: 0;
right: 0;
}

.ht_hi.layout-il .img {
top: 0;
left: 0;
}


@media(min-width: 1024px) {
.ht_hi .grid-2 {
  grid-column-gap: 15vw;
}
.ht_hi.static .grid-2 {
  grid-column-gap: 8vw;
}
}

@media(max-width: 1024px) {
.ht_hi.layout-ir, 
.ht_hi.layout-il {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(28,26,28,1)), to(rgba(73,28,116,1)));
  background: -o-linear-gradient(top, rgba(28,26,28,1) 25%, rgba(73,28,116,1) 100%);
  background: linear-gradient(180deg, rgba(28,26,28,1) 25%, rgba(73,28,116,1) 100%);
}
.ht_hi.layout-ir.grid-2, 
.ht_hi.layout-il.grid-2 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-row-gap: 1rem;
}
.ht_hi h2.alt {
  font-size: clamp(3.6rem, 10vw, 10vw);
}
.ht_hi.layout-il .content,
.ht_hi.layout-ir .content {
  -ms-grid-column: 1;
  grid-column: 1;
  padding-top: var(--padding-3);
  padding-bottom: 0;
} 
.ht_hi.layout-il:not(.static) .content,
.ht_hi.layout-ir:not(.static) .content {
  text-align: center;
  padding-top: var(--padding-3);
  padding-bottom: 40rem !important;
  grid-column: unset;
}
.ht_hi .btn-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht_hi .socials {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.ht_hi .img {
  width: 100%;
  height: 40rem;
  top: unset !important;
  bottom: 0;
}
.ht_hi .img:has(.mask) {
  width: 100%;
  overflow: hidden;
}
.ht_hi .parallax-img img {
  -o-object-position: center;
     object-position: center;
  height: 130%;
}
.ht_hi .parallax-img.layer_0 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ht_hi .socials li a {
  background-color: var(--color-gold);
}
.ht_hi .socials li a svg {
  fill: var(--color-black);
}
}

@media(max-width: 600px) {
.ht_hi .socials {
  width: 100%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  min-height: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}





/* Half Text Half Slide */
.ht_hi.slider .bg-img::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(28,26,28);
background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(28,26,28,1)), to(rgba(28,26,28,0)));
background: -o-linear-gradient(left, rgba(28,26,28,1) 20%, rgba(28,26,28,0) 100%);
background: linear-gradient(90deg, rgba(28,26,28,1) 20%, rgba(28,26,28,0) 100%);
pointer-events: none;
}

.ht_hi.slider .grid-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: auto 0 1fr;
grid-template-rows: auto 1fr;
grid-row-gap: 0;
}

.ht_hi.slider .grid-2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.ht_hi.slider .grid-2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.ht_hi.slider .grid-2 > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.ht_hi.slider .grid-2 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.ht_hi.slider .slide {
min-width: 100%;
z-index: 3;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1 / span 2;
}

.ht_hi.slider .layout-il .content {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
}

.ht_hi.slider .layout-il .slide {
-ms-grid-column: 1;
grid-column: 1;
}

.ht_hi.slider .slide .splide__pagination {
bottom: -3rem;
}

.ht_hi.slider .slide #main-slider .splide__slide video {
width: 100%;
height: 100%;
/* object-fit: cover; */
}

.ht_hi.slider .slide #thumbnail-carousel-list {
margin-top: 1rem !important;
}

#main-slider-list li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center
}

#thumbnail-carousel-list li {
width: calc(100% / 4 - 12px) !important;
}

#thumbnail-carousel-list li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center
}

#thumbnail-carousel-list li video {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

#thumbnail-carousel-list .splide__slide {
border: none;
outline: 3px solid transparent;
outline-offset: -3px;
min-height: 5rem;
}

#thumbnail-carousel-list .splide__slide:hover, 
#thumbnail-carousel-list .splide__slide:focus {
outline-color: var(--color-gold);
}

#thumbnail-carousel-list .splide__slide.is-active {
outline: 3px solid var(--color-grey) !important;
}

.ht_hi.slider .slide .splide__arrow {
background: transparent;
-webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
opacity: 1;
}

.ht_hi.slider .slide .splide__arrow:disabled {
opacity: 0.3;
}

.ht_hi.slider .slide .splide__arrow svg {
fill: var(--color-white);
}

.ht_hi.slider .splide .splide__arrow--prev {
left: -3rem;
bottom: 0;
top: unset;
}

.ht_hi.slider .splide .splide__arrow--prev svg {
-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

.ht_hi.slider .splide .splide__arrow--next {
right: -3rem;
bottom: 0;
top: unset;
}

.ht_hi.slider .splide .splide__arrow--next svg {
-webkit-transform: rotate(-90deg) translateX(50%);
    -ms-transform: rotate(-90deg) translateX(50%);
        transform: rotate(-90deg) translateX(50%);
}

.splide__pagination {
gap: 0.5rem;
}

.splide__pagination__page {
width: 0.467rem;
height: 0.467rem;
}

.splide__pagination li button.is-active {
background: var(--color-gold);
opacity: 1;
-webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
        transform: scale(1.5);
}

#main-slider-list .play-button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
height: 5rem;
width: 5rem;
aspect-ratio: 1/1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
        transform: translate(-50%, -65%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
border-radius: 99%;
z-index: 1;
background: rgba(29, 26, 29, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(15px);
border: none;
cursor: pointer;
}

#main-slider-list .play-button svg {
-webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
        transform: translateX(15%);
width: 35%;
height: 35%;
aspect-ratio: 1/1;
}

#main-slider-list .play-button svg path {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

#main-slider-list .play-button:hover {
background: var(--color-gold);
}

#main-slider-list .play-button:hover svg path {
fill: var(--color-black);
}

#thumbnail-carousel-list .play-button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 40%;
max-width: 8rem;
height: auto;
aspect-ratio: 1 / 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
border-radius: 99%;
z-index: 1;
background: rgba(29, 26, 29, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(15px);
border: none;
cursor: pointer;
}

#thumbnail-carousel-list .play-button svg {
-webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
        transform: translateX(15%);
width: 1rem;
height: 1rem;
aspect-ratio: 1/1;
}

/* Hide the default play button */
@media(min-width: 1024px) {
video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
} 
}

@media(max-width: 1024px) {
.ht_hi.slider .grid-2 {
  padding: var(--padding-3) 0;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-row-gap: 1rem;
  text-align: center;
}
.ht_hi.slider .slide {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
  margin-bottom: 3rem;
}
.ht_hi.slider .layout-il .slide {
  -ms-grid-row: 2;
  grid-row: 2;
}
.ht_hi.slider .layout-il .content {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
}
#thumbnail-carousel .splide__track {
  overflow: visible;
}
#main-slider-list .play-button {
  display: none;
}
}




/* Half Text Half Image (static) */
.ht_hi .single-img {
padding-top: var(--padding-7);
padding-bottom: var(--padding-7);
margin: auto;
width: 100%;
}

.ht_hi .single-img img {
border-radius: var(--br-tiny);
}

@media(max-width: 800px) {
.ht_hi .single-img {
  padding-top: var(--padding-3);
  padding-bottom: var(--padding-3);
}
}






/* NEWS FEED */
.news-feed .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-feed .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
height: 100%;
border-radius: var(--br-tiny);
-webkit-backdrop-filter: blur(20px) brightness(0.8);
        backdrop-filter: blur(20px) brightness(0.8);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}


.news-feed .card .image {
width: 100%;
position: relative;
aspect-ratio: 16/9;
/* min-height: 15rem; */
overflow: hidden;
z-index: 1;
}

.news-feed .card .image .bg-img {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.news-feed .card .categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.3rem;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-feed .card span.cat {
display: inline-block;
font-family: "Saira Medium", sans-serif;
font-size: var(--font-size-sml);
line-height: var(--line-height-sml);
padding: 0.25rem 0.5rem;
border: 1px solid var(--color-gold);
border-radius: 0.267rem;
color: var(--color-gold);
text-transform: uppercase;
margin-bottom: 1.5rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.news-feed .card .date {
font-size: var(--font-size-sml);
font-family: "Saira Medium", sans-serif;
text-transform: uppercase;
color: var(--color-white);
}

.news-feed .card .h4 {
font-family: "DM Sans Semibold", sans-serif;
line-height: var(--line-height-h4);
text-transform: none;
}

.news-feed .card .content {
padding: 2rem;
font-size: 0.9rem;
line-height: 1.5rem;
}

.news-feed .card .excerpt {
color: var(--color-white-opacity);
}

.news-feed .card a {
text-decoration: none;
color: var(--color-white);
height: 100%;
border-radius: var(--br-tiny);
overflow: hidden;
}


.news-feed a:has(.featured-post) {
text-decoration: none;
} 

.news-feed .card:hover {
background-color: var(--color-archane-purple);
}

.news-feed .card:hover .bg-img, 
.news-feed .card:focus .bg-img {
-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.news-feed .card:hover .content span.cat {
color: var(--color-white);
border-color: var(--color-white);
}

@media(max-width: 1024px) {
.news-feed .title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-feed .title .button {
  display: none;
}
.news-feed .card .h4 {
  font-size: clamp(0.933rem, 0.6289rem + 1.6221vw, 1.667rem);
  line-height: clamp(0.933rem, 0.7289rem + 1.7221vw, 1.767rem);
}
.news-feed .card a:not(.press a) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.news-feed .card .image {
  aspect-ratio: unset;
  min-height: 7rem;
}
.news-feed .card span.cat {
  position: absolute;
  top: 1rem;
  left: 1rem;
  -webkit-backdrop-filter: blur(20px) brightness(0.6);
          backdrop-filter: blur(20px) brightness(0.6);
  z-index: 1;
}
.news-feed .featured-post span.cat {
  top: 2rem;
  left: 2rem;
}
}

@media(max-width: 800px) {
.news-feed .grid-3 {
  grid-row-gap: 2rem;
}
.news-feed .card:not(.featured-post) .h4 {
  margin-bottom: 0;
}
.news-feed .card.featured-post a:not(.press a) {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.news-feed .card:not(.featured-post) .excerpt, 
.news-feed .card .date {
  display: none;
}
.news-feed .card .content {
  padding: 1rem;
}
.news-feed .featured-post.card.hor .content {
  padding: 1rem;
}
.news-feed .card.hor {
  -ms-grid-columns: 1fr !important;
  grid-template-columns: 1fr !important;
}
.news-feed .card.hor .image {
  min-height: 13rem;
}
.news-feed .featured-post span.cat {
  top: 1rem;
  left: 1rem;
}
.news-feed .featured-post.card.hor span.h4 {
  font-size: clamp(1.667rem, 1.4672rem + 1.0656vw, 2rem);
  line-height: clamp(1.867rem, 1.6672rem + 1.2656vw, 2rem);;
}
}





/* Center Content */
.center-content .btn-wrapper {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 100%;
z-index: 1;
}

.center-content .textcenter {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
z-index: 1;
}

.center-content .textcenter > p {
max-width: 50ch;
text-wrap: pretty;
}

.center-content .textcenter h2:not(.gform_submission_error) {
max-width: 25ch;
}

.center-content .textcenter .gform_wrapper {
max-width: 60vw;
width: 60vw;
}

.center-content .textcenter form {
text-align: left;
}

.center-content .bg-img {
z-index: 0;
padding: var(--padding-3);
}

.center-content .bg-img img {
-o-object-fit: contain;
   object-fit: contain;
}

.center-content .video-wrap, 
.center-content .ytvideo {
min-width: 100%;
position: relative;
z-index: 1;
}

.center-content .ytvideo {
padding-bottom: 56.25%;
}

.center-content .ytvideo iframe {
border-radius: var(--br-tiny);
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.center-content .video-wrap video {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
border-radius: var(--br-tiny);
}

.center-content .play-button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
height: 30%;
max-height: 7rem;
width: auto;
aspect-ratio: 1 / 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
        transform: translate(-50%, -65%);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
border-radius: 99%;
z-index: 1;
background: rgba(29, 26, 29, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(15px);
border: none;
cursor: pointer;
}

.center-content .play-button svg {
-webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
        transform: translateX(15%);
width: 35%;
height: 35%;
aspect-ratio: 1 / 1;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.center-content .play-button svg path {
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.center-content .play-button:hover {
background: var(--color-gold);
}

.center-content .play-button:hover svg path {
fill: var(--color-black);
}


@media(max-width: 1024px) {
.center-content .play-button {
  display: none;
}
}


@media(max-width: 800px) {
.gform_wrapper {
  padding: 1rem !important;
}
.center-content .content {
  padding-top: var(--padding-3);
  padding-bottom: var(--padding-3);
}
.center-content .bg-img {
  padding: 0;
}
.center-content .textcenter .gform_wrapper {
  max-width: 100%;
  width: 100%;
}
}


/* Full Width Text */
.fw-text .content {
  position: relative;
  z-index: 1;
}

.fw-text .content h1 {
  font-size: 2.667rem;
  line-height: 3rem;
  font-family: var(--font-body-bold);
  text-transform: capitalize;
}

.fw-text .post-content h2 {
  font-size: var(--font-size-h4);
    line-height: var(--line-height-h3);
    margin: 3rem 0 1rem 0;
}

.fw-text .post-content h2, 
.fw-text .post-content h3,
.fw-text .post-content h4,
.fw-text .post-content h5, 
.fw-text .post-content h6 {
font-family: var(--font-body-bold);
text-transform: capitalize;
}

.fw-text .post-content h2 {
font-size: var(--font-size-h4);
line-height: var(--line-height-h3);
margin: 3rem 0 1rem 0;
}

.fw-text .post-content h3 {
font-size: calc(var(--font-size-h4) - 10%);
line-height: calc(var(--line-height-h3) - 10%);
margin: 3rem 0 1rem 0;
}

.fw-text .post-content h4 {
font-size: calc(var(--font-size-h4) - 20%);
line-height: calc(var(--line-height-h3) - 20%);
margin: 3rem 0 1rem 0;
}

.fw-text .post-content h5 {
font-size: calc(var(--font-size-h4) - 40%);
line-height: calc(var(--line-height-h3) - 40%);
margin: 3rem 0 1rem 0;
}

.fw-text .post-content h6 {
font-size: calc(var(--font-size-h4) - 60%);
line-height: calc(var(--line-height-h3) - 60%);
margin: 3rem 0 1rem 0;
}

.fw-text .post-content p {
color: var(--color-white-opacity);
}




/* Expanding Divs */
.vert-toggles .toggle-wrapper {
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
position: relative;
overflow: hidden;
}

.vert-toggles .container-massive {
margin: 0;
padding-left: var(--padding-side-6);
padding-right: var(--padding-side-6);
}

.vert-toggles .container-massive::before {
content: '';
width: 100%;
height: 100%;
background: rgb(61,23,97);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(61,23,97,1)), to(rgba(43,16,68,0)));
background: -o-linear-gradient(top, rgba(61,23,97,1) 20%, rgba(43,16,68,0) 100%);
background: linear-gradient(180deg, rgba(61,23,97,1) 20%, rgba(43,16,68,0) 100%);
/* background: #3D1861;
background: radial-gradient(at center top, #3D1861 -30%, #2B114400) 80%; */
opacity: 0.4;
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
} 

.toggle-wrapper .bg-img.toggle-bg {
z-index: 1 !important;
opacity: 0;
-webkit-transition: opacity .6s ease;
-o-transition: opacity .6s ease;
transition: opacity .6s ease;
}

.toggle-wrapper .bg-img.toggle-bg:has(+ .toggle.active) {
opacity: 1;
}

.vert-toggles .toggle-wrapper .bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
z-index: 0;
pointer-events: none;
}

.vert-toggles .toggle {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1; 
cursor: pointer;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
min-width: 0; 
overflow: hidden;
z-index: 1;
}

.vert-toggles .toggle .toggle-inner {
border-right: 2px solid var(--color-black);
}

.vert-toggles .toggle-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 3rem;
height: 100%;
}

.vert-toggles .toggle .toggle-inner::before {
content: '';
width: 100%;
height: 100%;
background: rgba(29, 26, 29, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
opacity: 0;
top: 0;
left: 0;
-webkit-transition: .6s all ease;
-o-transition: .6s all ease;
transition: .6s all ease;
/* z-index: -1; */
pointer-events: none;
}

.vert-toggles .toggle .front {
z-index: 1;
}

.vert-toggles .toggle .icon {
max-width: 5rem;
margin-bottom: 2rem;
z-index: 1;
opacity: 1;
-webkit-transition: .6s all;
-o-transition: .6s all;
transition: .6s all;
}

.vert-toggles .toggle span.h4 {
z-index: 1;
max-width: 13ch;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}

.vert-toggles .toggle .bg-img {
opacity: 0;
z-index: -1;
-webkit-transition: .6s all ease;
-o-transition: .6s all ease;
transition: .6s all ease;
}

.vert-toggles .toggle .bg-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
z-index: -1;
}

.vert-toggles .toggle.active {
-webkit-box-flex: 2;
    -ms-flex-positive: 2;
        flex-grow: 2; 
/* width: 50vw; */ 
min-width: 30%;
}

.vert-toggles .toggle.active .front {
display: none;
}

.vert-toggles .toggle.active span.h4 {
text-align: left;
}


.vert-toggles .toggle.active .toggle-inner {
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.vert-toggles .toggle.active .toggle-inner::before {
opacity: 1;
} 

.vert-toggles .toggle.active .icon {
opacity: 1;
}

.vert-toggles .toggle:not(.active) {
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1; 
width: auto; 
min-width: 0; 
z-index: 9;
}

.vert-toggles .toggle .content {
min-height: 0;
max-height: 0;
overflow: hidden;
}

.vert-toggles .toggle.active .content {
max-height: -webkit-min-content;
max-height: -moz-min-content;
max-height: min-content;
min-width: calc((100vw / 5) + 5rem);
max-width: 100%;
opacity: 1;
text-align: left;
visibility: visible;
-webkit-transition: 1s all ease-in-out;
-o-transition: 1s all ease-in-out;
transition: 1s all ease-in-out;
-webkit-transition-delay: 0.6s;
     -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
overflow: hidden;
z-index: 1;
}

.vert-toggles .toggle:not(.active) .content {
opacity: 0;
visibility: hidden;
}

.vert-toggles .toggle:not(.active) .toggle-inner::after {
content: '';
width: 100%;
height: 100%;
background: var(--color-black);
mix-blend-mode: multiply;
opacity: 0.4;
position: absolute;
inset: 0;
pointer-events: none;
}

.vert-toggles .toggle.active .bg-img {
opacity: 1;
}

@media(min-width: 1024px) {
.vert-toggles .toggle-wrapper {
  min-height: 32rem;
}
}

@media(max-width: 1024px) {
.vert-toggles .toggle-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vert-toggles .toggle {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.vert-toggles .toggle .toggle-inner {
  border-right: none;
  border-bottom: 2px solid var(--color-black);
  padding: 2rem;
}
.vert-toggles .toggle.active .content {
  min-width: unset;
}
.vert-toggles .toggle .icon {
  max-width: 4rem;
}
}

@media(max-width: 800px) {
.vert-toggles .container-massive {
  padding-top: var(--padding-3);
  padding-bottom: var(--padding-3);
}
}




/* Team Feed */
.people-feed > .title {
text-align: center;
background-image: url('../png/team-feed-title-bg.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}

.people-feed .title + .container-massive {
padding-top: 5rem;
}

.people-feed .card {
position: relative;
list-style: none;
}

.people-feed .card a {
text-decoration: none;
color: var(--color-white);
}

.people-feed .card span {
font-family: var(--font-body-bold);
text-transform: capitalize;
}

.people-feed .card .postcard-inner {
position: relative;
overflow: hidden;
margin-bottom: 2rem;
min-height: 33rem;
}

.people-feed .card .postcard-inner::before, 
dialog.modal .img::before {
content: '';
background: 
-webkit-gradient(linear, left top, left bottom, from(rgba(61, 23, 97, 1)), to(rgba(43, 16, 68, 1))),
url('data:image/png;base64,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');
background: 
-o-linear-gradient(top, rgba(61, 23, 97, 1) 0%, rgba(43, 16, 68, 1) 100%),
url('data:image/png;base64,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');
background: 
linear-gradient(180deg, rgba(61, 23, 97, 1) 0%, rgba(43, 16, 68, 1) 100%),
url('data:image/png;base64,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');
background-blend-mode: overlay;
height: 25rem;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
border-radius: var(--br-tiny);
pointer-events: none;
}

.people-feed .card .postcard-inner::after, 
dialog.modal .img::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
left: 0;
bottom: 0;
z-index: -1;
opacity: 0;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
pointer-events: none;
}

dialog.modal .img::after {
background-position: top;
opacity: 1;
}

.people-feed .card:nth-of-type(6n+1) .postcard-inner::after, 
dialog:nth-of-type(6n+1) .img::after {
background-image: url('../webp/custom-brush-headshot-1-2.webp');
}

.people-feed .card:nth-of-type(6n+2) .postcard-inner::after, 
dialog:nth-of-type(6n+2) .img::after {
background-image: url('../webp/custom-brush-headshot-2.webp');
}

.people-feed .card:nth-of-type(6n+3) .postcard-inner::after, 
dialog:nth-of-type(6n+3) .img::after {
background-image: url('../webp/custom-brush-headshot-3.webp');
}

.people-feed .card:nth-of-type(6n+4) .postcard-inner::after, 
dialog:nth-of-type(6n+4) .img::after {
background-image: url('../webp/custom-brush-headshot-4.webp');
}

.people-feed .card:nth-of-type(6n+5) .postcard-inner::after, 
dialog:nth-of-type(6n+5) .img::after {
background-image: url('../webp/custom-brush-headshot-5.webp');
}

.people-feed .card:nth-of-type(6n+6) .postcard-inner::after, 
dialog:nth-of-type(6n+6) .img::after {
background-image: url('../webp/custom-brush-headshot-6.webp');
}

.people-feed .card .postcard-inner img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.people-feed .card .role {
font-family: var(--font-menus);
text-transform: uppercase;
font-size: var(--font-size-sml);
}

.people-feed .card:hover .postcard-inner::after {
opacity: 1;
}

.people-feed .textcenter {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.people-feed .textcenter p {
max-width: 65ch;
}

dialog.modal {
border: none;
padding: 2rem;
text-align: left;
width: calc(100vw - var(--padding-side-5) * 2);
border-radius: var(--br-tiny);
background-color: var(--color-midnight-purple);
}

dialog::-webkit-backdrop {
-webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
}

dialog::backdrop {
-webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
}

dialog.modal .grid-2 {
-ms-grid-columns: 35% 5vw 1fr;
grid-template-columns: 35% 1fr;
grid-column-gap: 5vw;
padding: 2rem;
}

dialog.modal .bio {
color: var(--color-white);
}

dialog.modal .img {
position: relative;
min-height: 30rem;
}

dialog.modal .img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

dialog .img::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
left: 0;
bottom: 0;
z-index: -1;
opacity: 1;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
pointer-events: none;
}

dialog.modal .contact {
color: var(--color-white);
}

dialog.modal .contact span {
font-family: var(--font-body-bold);
text-transform: capitalize;
}

dialog.modal .contact .role {
font-family: var(--font-menus);
text-transform: uppercase;
font-size: var(--font-size-sml);
}

dialog.modal .socials ul {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
}

dialog.modal .socials ul li a {
background: var(--color-bg-grey);
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 5px;
border-radius: 7px;
}

dialog.modal .socials ul li a svg {
width: 1.6rem;
height: 1.6rem;
fill: var(--color-white);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

dialog.modal .socials ul li a:hover, 
dialog.modal .socials ul li a:focus {
background: var(--color-gold);
}

dialog.modal .socials ul li a:hover svg, 
dialog.modal .socials ul li a:focus svg {
fill: var(--color-black);
}

dialog.modal .content {
padding-right: var(--padding-side-3);
padding-top: 5rem;
}

dialog.modal .content p:first-of-type {
margin-top: 0;
}

dialog.modal .close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 2rem;
top: 2rem;
background: var(--color-bg-grey);
width: 2rem;
height: 2rem;
border-radius: 99%;
border: none;
cursor: pointer;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

dialog.modal .close svg {
width: 0.8rem;
}

dialog.modal .close:hover {
background: var(--color-gold);
}

dialog.modal .close:hover svg line {
stroke: var(--color-black);
}

@media(max-width: 1024px) {
.people-feed .grid-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.people-feed .card .postcard-inner {
  min-height: 25rem;
}
.people-feed .card .postcard-inner::before {
  height: 20rem;
}
dialog.modal .content {
  padding: 0;
}
}

@media(max-width: 800px) {
.people-feed .grid-3,
dialog.modal .grid-2 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
dialog.modal .grid-2 {
  grid-row-gap: 0;
  padding: 0;
}
dialog.modal .socials {
  margin-bottom: 2rem;
}
.people-feed .card .postcard-inner {
  min-height: 25rem;
}
.people-feed .card .postcard-inner img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
dialog.modal {
  width: 98vw;
}
dialog.modal .img img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom
}
}



/* Form Modals */
dialog.modal.form {
width: 40rem;
padding: 0;
}

dialog#apply, 
dialog.modal.apply {
width: 45rem;
}

dialog.modal.form .modal-head {
padding: 3rem 5vw;
background: var(--color-archane-purple);
text-align: center;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
        clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
color: var(--color-white);
}

@media(max-width: 1024px) {
dialog#apply {
  width: 80vw;
}
dialog.modal.form .modal-head {
  padding: 3rem 10vw;
}
dialog.modal .gform_wrapper {
  padding: 2rem 1rem !important;
}
}

@media(max-width: 800px) {
dialog#apply {
  width: 100vw;
}
dialog.modal .close {
  top: 1rem;
  right: 1rem;
}
}




/* Social Banner */
section.sm .socials {
gap: 1vw;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.sm .socials li a {
padding: 1rem;
}

section.sm .socials li a svg {
width: 3rem;
height: 3rem;
}

@media(max-width: 800px) {
section.sm .socials {
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.sm .socials li a {
  padding: 0.5rem;
}
}




/* Card Links */
.card-links .textcenter {
z-index: 1;
position: relative;
}

.card-links .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
height: 100%;
border-radius: var(--br-tiny);
-webkit-backdrop-filter: blur(20px) brightness(0.8);
        backdrop-filter: blur(20px) brightness(0.8);
}

.card-links .card .image {
width: 100%;
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
z-index: 1;
}

.card-links .card .icon {
margin: 2rem auto;
max-height: 6rem;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.card-links .card a {
text-decoration: none;
color: var(--color-white);
height: 100%;
border-radius: var(--br-tiny);
overflow: hidden;
}

.card-links .card a:hover, 
.card-links .card a:focus-visible {
background-color: var(--color-archane-purple);
}

.card-links .card a:hover .icon, 
.card-links .card a:focus-visible .icon {
-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.card-links .card a:hover .third::after, 
.card-links .card a:focus-visible .third::after {
-webkit-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
        transform: translateX(0.2rem);
}

.card-links .card .third:hover {
color: unset;
}

.card-links .card .third:hover::after {
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

.card-links .card .third:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='13.734' viewBox='0 0 9 13.734'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_247' data-name='Rectangle 247' width='13.734' height='9' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_589' data-name='Group 589' transform='translate(0 13.734) rotate(-90)' opacity='0.503'%3E%3Cg id='Group_438' data-name='Group 438' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M0,1.508H0A1.507,1.507,0,0,0,.442,2.574L6.867,9l6.425-6.425A1.508,1.508,0,0,0,12.226,0H1.508A1.508,1.508,0,0,0,0,1.508' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.card-links .card .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
padding: 2rem;
font-size: 0.9rem;
line-height: 1.5rem;
height: 100%;
}

.card-links .card .btn-wrapper {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}





/*--------------------------------------------------------------
- SINGLE PAGE TEMPLATES
--------------------------------------------------------------*/
/* News Page */
.page-template-news_feed_page .news-feed .btn-wrapper,
.archive .news-feed .btn-wrapper {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.page-template-news_feed_page #hero {
min-height: 25rem;
}

.news-feed .fi-card {
border-radius: var(--br-tiny);
overflow: hidden;
}

.news-feed .card.hor {
-webkit-backdrop-filter: blur(20px) brightness(0.7);
          backdrop-filter: blur(20px) brightness(0.7);
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}

.card.hor .content {
padding: 3rem;
}

.news-feed .card.hor .image {
aspect-ratio: unset;
}

.news-feed#archive {
margin-top: -15rem;
z-index: 2;
}

.news-feed#archive::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20rem;
opacity: 0.4;
z-index: -1;
background: var(--color-archane-purple);
background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(61,23,97,1)), to(rgba(43,16,68,0)));
background: -o-linear-gradient(bottom, rgba(61,23,97,1) 20%, rgba(43,16,68,0) 100%);
background: linear-gradient(0deg, rgba(61,23,97,1) 20%, rgba(43,16,68,0) 100%);
}

.card.hor .content span.h4 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h2);
}

.filter {
position: relative;
}

.filter .button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.filter .button::after {
rotate: 90deg;
}

.filter .button:hover::after {
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

.filter .category {
list-style: none;
display: none;
margin: 0;
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
top: 100%;
padding: 1rem;
width: 15rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
margin-left: -1rem;
transition: .3s all;
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
z-index: 9;
}

.filter .category li > a {
display: block;
padding: 0.8rem 1rem;
font-family: var(--font-body);
font-size: 0.9rem;
text-decoration: none;
text-transform: capitalize;
color: var(--color-white);
border-radius: var(--br-tiny);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.filter .category li > a:hover {
background-color: rgb(67 64 67 / 70%);
}

.filter .button:hover .category,
.filter .button:focus .category {
display: block;
}

/* 
.archive .news-feed .textcenter {
margin-top: 18rem;
} */


@media(max-width: 1024px) {
.page-template-news_feed_page #hero .col {
  padding-top: 8rem;
}
}




/* Single Press Page */
.single-press .gallery .gallery-item a {
display: block;
height: 100%;
}

.single-press .gallery .img-wrap {
width: 100%;
height: 100%;
border-radius: var(--br-tiny);
overflow: hidden;
}

.single-press .gallery img {
height: 100%;
width: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.single-press .gallery img:hover {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}

.single-press .gallery img:hover {
-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.single-press .socials {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(max-width: 1024px) {
.single-press .article-wrap .grid-2 {
  padding-top: 0;
}
.single-press .article-wrap .pt-8 {
  padding-top: 8rem;
}
}


/* FancyBox */
#fancybox-overlay {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: none !important;
opacity: 1 !important;
}

#fancybox-close {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
top: 1rem;
right: 1rem;
}

.fancy-ico {
width: 3rem;
height: 3rem;
}

.fancy-ico span {
left: unset;
top: unset;
width: 2rem;
height: 2rem;
border: none;
-webkit-box-shadow: none;
        box-shadow: none;
}

#fancybox-prev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
left: 1rem;
}

#fancybox-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
right: 1rem;
}

#fancybox-next span,
#fancybox-prev span {
background: var(--color-bg-grey);
border: none;
inset: 0;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

#fancybox-prev span::after {
background-image: url("data:image/svg+xml,%3Csvg id='Component_71_2' data-name='Component 71 – 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='22.891' viewBox='0 0 15 22.891'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_328' data-name='Rectangle 328' width='22.891' height='15' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_682' data-name='Group 682' transform='translate(0 22.891) rotate(-90)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5307' data-name='Path 5307' d='M0,2.513H0A2.512,2.512,0,0,0,.736,4.29L11.445,15,22.154,4.29A2.513,2.513,0,0,0,20.377,0H2.513A2.513,2.513,0,0,0,0,2.513' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
right: 50%;
width: 1rem;
height: 1rem;
-webkit-transform: translate(0%, -50%) rotate(180deg);
    -ms-transform: translate(0%, -50%) rotate(180deg);
        transform: translate(0%, -50%) rotate(180deg);
border: none;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

#fancybox-next span::after {
background-image: url("data:image/svg+xml,%3Csvg id='Component_71_2' data-name='Component 71 – 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='22.891' viewBox='0 0 15 22.891'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_328' data-name='Rectangle 328' width='22.891' height='15' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_682' data-name='Group 682' transform='translate(0 22.891) rotate(-90)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5307' data-name='Path 5307' d='M0,2.513H0A2.512,2.512,0,0,0,.736,4.29L11.445,15,22.154,4.29A2.513,2.513,0,0,0,20.377,0H2.513A2.513,2.513,0,0,0,0,2.513' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
right: 50%;
width: 1rem;
height: 1rem;
-webkit-transform: translate(55%, -50%);
    -ms-transform: translate(55%, -50%);
        transform: translate(55%, -50%);
border: none;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

#fancybox-close span::before, 
#fancybox-close span::after {
top: 1rem;
left: calc(0.5rem + 1px);
width: 1rem;
height: 2px;
margin-top: -1px;
}

#fancybox-close:hover span, 
#fancybox-next:hover span, 
#fancybox-prev:hover span {
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
background: var(--color-gold);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}    

#fancybox-next:hover span::after, 
#fancybox-prev:hover span::after {
background-image: url("data:image/svg+xml,%3Csvg id='Component_71_2' data-name='Component 71 – 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='22.891' viewBox='0 0 15 22.891'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_328' data-name='Rectangle 328' width='22.891' height='15' transform='translate(0 0)' fill='%231c1a1c'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_682' data-name='Group 682' transform='translate(0 22.891) rotate(-90)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5307' data-name='Path 5307' d='M0,2.513H0A2.512,2.512,0,0,0,.736,4.29L11.445,15,22.154,4.29A2.513,2.513,0,0,0,20.377,0H2.513A2.513,2.513,0,0,0,0,2.513' transform='translate(0 0)' fill='%231c1a1c'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#fancybox-close:hover span::before, 
#fancybox-close:hover span::after {
background: var(--color-black);
}

#fancybox-outer {
border-radius: var(--br-tiny);
}

#fancybox-content {
border: none !important;
}

.fancybox-title-float #fancybox-title {
font-size: var(--font-size-sml);
font-family: "Saira Medium", sans-serif;
text-transform: uppercase;
height: unset !important; 
padding: 0.6rem 2rem !important; 
line-height: unset !important;
font-size: 0.9rem !important;
border: none !important;
border-radius: 0 !important;
}

@media(max-width: 800px) {
#fancybox-wrap {
  width: 95vw !important;
  left: 5vw !important;
}
}



@media(min-width: 1024px) {
.single-press .container-massive {
  margin-left: 15vw;
  margin-right: 15vw;
}
}

@media(max-width: 1024px) {
.single-press .gallery {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
}

@media(max-width: 800px) {
.single-press .gallery {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
}



/* Single Careers Page */
.single-career .article-wrap .btn-wrapper {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}




/* Careers Archive Page */
.careers-feed .textcenter {
max-width: 65ch;
text-wrap: pretty;
margin: auto;
}

.toggle.hor {
position: relative;
cursor: pointer;
}

.toggle.hor:not(:last-child) {
margin-bottom: 1rem;
}

.toggle.hor > .toggle-title {
width: 100%;
text-align: left;
position: relative;
padding: 1.8rem 6rem 1.5rem 1.8rem;
border-radius: var(--br-tiny);
background-color: transparent;
-webkit-backdrop-filter: blur(20px) brightness(0.8);
        backdrop-filter: blur(20px) brightness(0.8);
border: none;
cursor: pointer;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.toggle.hor > .toggle-title::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='90' height='90' viewBox='0 0 90 90'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_416' data-name='Rectangle 416' width='28.443' height='18.638' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_898' data-name='Group 898' transform='translate(-2176 -2082)' style='isolation: isolate'%3E%3Cg id='Group_899' data-name='Group 899' transform='translate(8 9)' style='isolation: isolate'%3E%3Ccircle id='Ellipse_29' data-name='Ellipse 29' cx='45' cy='45' r='45' transform='translate(2168 2073)' fill='%23fff' opacity='0.196'/%3E%3Cg id='Group_874' data-name='Group 874' transform='translate(2199 2112)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5476' data-name='Path 5476' d='M0,3.123H0A3.121,3.121,0,0,0,.915,5.331L14.221,18.638,27.528,5.331A3.123,3.123,0,0,0,25.32,0H3.123A3.123,3.123,0,0,0,0,3.123' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");  background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: contain;
width: 3rem;
height: 3rem;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
right: 1.5rem;
position: absolute;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.toggle.hor .toggle-title[aria-expanded="true"]::after {
-webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
}

.toggle.hor > .toggle-title:hover, 
.toggle.hor .toggle-title[aria-expanded="true"] {
background-color: var(--color-archane-purple);
}

.toggle.hor .toggle-content {
margin-top: 1rem;
}

.toggle.hor .toggle-content li {
position: relative;
margin-bottom: 1rem;
}

.toggle.hor .toggle-content li .title p {
margin: 0.5rem 0 0 0;
font-size: 0.9rem;
line-height: 0.9rem;
}

.toggle.hor .toggle-content li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 5vw;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
color: var(--color-white);
padding: 0.8rem 1.8rem;
border-radius: var(--br-tiny);
text-decoration: none;
}

.toggle.hor .toggle-content .button:hover {
background: rgb(80 70 88 / 62%);
color: var(--color-white);
}

@media(min-width: 1024px) {
.toggle.hor .toggle-content li a .button {
  opacity: 0;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

.toggle.hor .toggle-content li a:hover, 
.toggle.hor .toggle-content li a:focus {
  background-color: var(--color-toggle-content-hover);
  -webkit-backdrop-filter: blur(20px) brightness(1.2);
          backdrop-filter: blur(20px) brightness(1.2);
}

.toggle.hor .toggle-content li a:hover .button, 
.toggle.hor .toggle-content li a:focus .button {
  opacity: 1;
}
}

@media(max-width: 800px) {
.toggle.hor > .toggle-title::after {
  width: 2rem;
  height: 2rem;
}
}

.cta .cta-wrapper {
position: relative;
z-index: 1;
}

.cta > .bg-img img {
opacity: 0.2;
}

.cta .cta-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: var(--br-tiny);
opacity: 0;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.cta .cta-wrapper .textcenter {
position: relative;
z-index: 1;
}

.cta .cta-wrapper .bg-img {
border-radius: var(--br-tiny);
overflow: hidden;
}

.cta .cta-wrapper .bg-img img {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.cta .cta-wrapper .button {
background: var(--color-gold);
color: var(--color-black);
}

.cta .cta-wrapper:has(.button:hover) .bg-img img, 
.cta .cta-wrapper:has(.button:focus) .bg-img img {
-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.cta .cta-wrapper:has(.button:hover)::before, 
.cta .cta-wrapper:has(.button:focus)::before {
opacity: 0.5;
}



/* 404 Page */
.error404 .grid-2 {
z-index: 2;
}

.error404 .hero .img {
min-height: 50vh;
}

.error404 .hero .img img {
border-radius: var(--br-tiny);
}





/*--------------------------------------------------------------
- SINGLE POST TEMPLATES
--------------------------------------------------------------*/
.article-wrap {
position: relative;
}

.article-wrap .grid-2 {
-ms-grid-columns: auto 5vw auto;
grid-template-columns: auto auto;
grid-column-gap: 5vw;
}

.article-wrap .content h1 {
font-size: 2.667rem;
line-height: 3rem;
font-family: var(--font-body-bold);
text-transform: capitalize;
}

.article-wrap .meta {
margin-bottom: 3rem;
}

.article-wrap .meta, 
.article-wrap .share-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.article-wrap .meta .date {
font-family: var(--font-menus);
text-transform: uppercase;
letter-spacing: 0.1rem;
}

.article-wrap .share-btns {
position: relative;
list-style: none;
-webkit-padding-start: 0;
        padding-inline-start: 0;
margin: 0;
}

.article-wrap .share-btns a {
display: block;
}

.article-wrap .share-btns button {
background: transparent;
border: none;
cursor: pointer;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease
}

.article-wrap .share-btns .toggle-share {
list-style: none;
display: none;
margin: 0;
position: absolute;
-webkit-padding-start: 0;
        padding-inline-start: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
gap: 1rem;
top: 100%;
padding: 1.5rem 2rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
margin-left: -1rem;
transition: .3s all;
background: rgba(29, 26, 29, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
z-index: 1;
}

.article-wrap .share-btns a svg, 
.article-wrap .share-btns button svg {
fill: var(--color-gold);
height: 1.3rem;
max-width: 1.3rem;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.article-wrap .share-btns button.active svg,
.article-wrap .share-btns a:hover svg, 
.article-wrap .share-btns button:hover svg {
fill: var(--color-white);
}

.article-wrap span.cat {
display: inline-block;
font-family: "Saira Medium", sans-serif;
font-size: var(--font-size-sml);
line-height: var(--line-height-sml);
padding: 0.25rem 0.5rem;
border: 1px solid var(--color-gold);
border-radius: 0.267rem;
color: var(--color-gold);
text-transform: uppercase;
margin-bottom: 1.5rem;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

.article-wrap span.cat a {
text-decoration: none;
color: var(--color-gold);
}

.article-wrap span.cat:has(a):hover {
background: var(--color-gold);
}

.article-wrap span.cat:hover a {
color: var(--color-black);
}

.article-wrap .img img {
border-radius: var(--br-tiny);
overflow: hidden;
}

.article-wrap .post-content h2, 
.article-wrap .post-content h3,
.article-wrap .post-content h4,
.article-wrap .post-content h5, 
.article-wrap .post-content h6 {
font-family: var(--font-body-bold);
text-transform: capitalize;
}

.article-wrap .post-content h2 {
font-size: var(--font-size-h4);
line-height: var(--line-height-h3);
margin: 3rem 0 1rem 0;
}

.article-wrap .post-content h3 {
font-size: calc(var(--font-size-h4) - 10%);
line-height: calc(var(--line-height-h3) - 10%);
margin: 3rem 0 1rem 0;
}

.article-wrap .post-content h4 {
font-size: calc(var(--font-size-h4) - 20%);
line-height: calc(var(--line-height-h3) - 20%);
margin: 3rem 0 1rem 0;
}

.article-wrap .post-content h5 {
font-size: calc(var(--font-size-h4) - 40%);
line-height: calc(var(--line-height-h3) - 40%);
margin: 3rem 0 1rem 0;
}

.article-wrap .post-content h6 {
font-size: calc(var(--font-size-h4) - 60%);
line-height: calc(var(--line-height-h3) - 60%);
margin: 3rem 0 1rem 0;
}

.article-wrap .post-content p {
color: var(--color-white-opacity);
}

.article-wrap .post-content li a, 
.article-wrap .post-content ol a {
	color: var(--color-gold);
    padding: 0 2px;
    text-decoration: none;
    border-radius: var(--br-tiny);
}

.article-wrap .post-content li a:hover, 
.article-wrap .post-content li a:focus-visible, 
.article-wrap .post-content ol a:hover, 
.article-wrap .post-content ol a:focus-visible {
	color: var(--color-black);
    background-color: var(--color-gold);
}

.article-wrap .post-content img {
height: auto;
border-radius: var(--br-tiny);
margin: 2rem 0 0 0;
}

.article-wrap .ytvideo {
position: relative;
padding-bottom: 56.25%;
}

.article-wrap .ytvideo iframe {
border-radius: var(--br-tiny);
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.article-wrap #post-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
gap: 2rem;
}

.article-wrap #post-list .card .image {
aspect-ratio: 18 / 9;
min-height: unset;
height: 100%;
}

.article-wrap #post-list .card .content {
padding: 1.5rem;
}

.article-wrap #post-list .card .meta span.cat {
margin: 0;
}

.article-wrap::before, 
.article-wrap::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 40rem;
background: var(--color-archane-purple);
z-index: -1;
}

.article-wrap::before {
top: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(61, 23, 97, 1)), to(rgba(43, 16, 68, 0)));
background: -o-linear-gradient(top, rgba(61, 23, 97, 1) 20%, rgba(43, 16, 68, 0) 100%);
background: linear-gradient(180deg, rgba(61, 23, 97, 1) 20%, rgba(43, 16, 68, 0) 100%);
opacity: 0.7;
}

.article-wrap::after {
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(61, 23, 97, 1)), to(rgba(43, 16, 68, 0)));
background: -o-linear-gradient(bottom, rgba(61, 23, 97, 1) 20%, rgba(43, 16, 68, 0) 100%);
background: linear-gradient(0deg, rgba(61, 23, 97, 1) 20%, rgba(43, 16, 68, 0) 100%);
opacity: 0.3
}

@media(max-width: 1024px) {
.article-wrap .grid-2 {
  padding-top: 8em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.article-wrap .share-btns .mob-hide {
  display: none;
}
.article-wrap .card .meta {
  margin-bottom: 0;
}
}

@media(max-width: 800px) {
.article-wrap .content h1 {
  font-size: clamp(2.3rem, 1.8398rem + 2.4544vw, 3.067rem);
}
.article-wrap .meta {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 3rem;
}
.article-wrap .meta span.divider {
  display: none;
}
}

@media(max-width: 600px) {
.article-wrap .share-btns .toggle-share {
  padding: 1.5rem;
  left: 1rem;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
}


@media(min-width: 1024px) { 
.article-wrap #post-list .card .meta {  
  -webkit-box-pack: justify;  
      -ms-flex-pack: justify;  
          justify-content: space-between;
}
.article-wrap .grid-2 .news-feed {
  width: 23rem;
  max-width: 25vw;
}
.article-wrap #post-list .card .content span.h4 {
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h4);
}
.article-wrap .share-btns .mob-only {
  display: none;
}
}








/*--------------------------------------------------------------
- GRAVITY FORMS
--------------------------------------------------------------*/
.gform_wrapper {
padding: 3rem;
border-radius: var(--br-tiny);
background-color: var(--color-midnight-purple);
}

.gform_required_legend {
display: none;
font-size: 0.9rem !important;
text-align: left;
}

.gform_wrapper form label,
.gform-theme--framework .gform-field-label,
.gfield_description, 
.gform_drop_instructions {
color: var(--color-placeholder) !important;
}

.gform_wrapper p {
color: var(--color-placeholder) !important;
margin: 0;
font-size: 0.9rem;
}

.gform_wrapper .gform-field-label a {
color: var(--color-gold);
text-decoration: none;
}

.gform_wrapper .gform-field-label a:hover, 
.gform_wrapper .gform-field-label a:focus {
color: var(--color-white);
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,
.gfield--input-type-fileupload) .gform_drop_area::before {
color: var(--color-placeholder) !important;
}

.gform-theme--framework .gform-field-label>.gfield_required {
color: var(--color-error) !important;
font-size: 1.2rem !important;
}

.gform-theme--foundation .gfield_list_icons button {
background: var(--color-gold) !important;
}

.gform-theme--foundation .gfield_list_icons button::before {
color: var(--color-black) !important;
}

.gform_drop_area {
padding: 1.6rem !important;
}

.gform_drop_area button {
padding: var(--padding-btns) !important;
margin: 0 4px !important;
border: none !important;
border-radius: 3rem !important;
text-decoration: none !important;
font-family: var(--font-btns) !important;
text-transform: uppercase !important;
font-size: var(--font-size-sml) !important;
letter-spacing: 0.10rem !important;
background-color: var(--color-grey) !important;
}

.gform_drop_area button:hover {
background-color: var(--color-gold) !important;
color: var(--color-black) !important;
}

.gform_drop_area button:focus {
outline: 2px solid var(--color-white) !important;
}

.gfield_fileupload_progressbar_progress {
background-color: var(--color-gold) !important;
}

.gfield_fileupload_filesize,
.gfield_fileupload_percent,
.gform_delete_file span::before {
color: var(--color-placeholder) !important;
}

.gform_fields {
-webkit-column-gap: 1.5rem !important;
   -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
grid-row-gap: 1.5rem !important;
}

.gform-theme--foundation input, 
.gform-theme--foundation select,
.gform-theme--foundation textarea {
background: transparent !important;
font-family: var(--font-body-bold) !important;
font-size: 1rem !important;
border-radius: var(--br-tiny) !important;
border-color: var(--color-archane-purple) !important;
border-width: 2px !important;
min-height: 3.5rem !important;
-webkit-box-shadow: none !important;
        box-shadow: none !important;
}

.gform-theme--foundation input[type=checkbox] {
min-height: unset !important;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
color: var(--color-gold) !important;
}

.gform-theme--foundation input, 
.gform-theme--foundation select,
.gform-theme--foundation textarea {
color: var(--color-white) !important;
}

.gform-theme--foundation .gform_drop_area {
background: transparent !important;
}

.gform-theme--foundation *::-webkit-input-placeholder {
color: var(--color-placeholder) !important;
}

.gform-theme--foundation *::-moz-placeholder {
color: var(--color-placeholder) !important;
}

.gform-theme--foundation *:-ms-input-placeholder {
color: var(--color-placeholder) !important;
}

.gform-theme--foundation *::-ms-input-placeholder {
color: var(--color-placeholder) !important;
}

.gform-theme--foundation *::placeholder {
color: var(--color-placeholder) !important;
}

.gform-theme--foundation .ginput_container select:focus-visible, 
.gform-theme--foundation .ginput_container input:focus-visible, 
.gform-theme--foundation .ginput_container textarea:focus-visible {
border: 2px solid var(--color-gold) !important;
outline: none !important;
}

.gform-theme--foundation .gform_button {
border-radius: var(--br-large) !important;
border: none !important;
width: 100%;
-webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
text-decoration: none !important;
font-family: var(--font-btns) !important;
text-transform: uppercase !important;
font-size: var(--font-size-sml) !important;
letter-spacing: 0.10rem !important;
background-color: var(--color-bg-grey) !important;
	pointer-events: none;
}

.gform-theme--foundation .gform_button.validated {
	background-color: var(--color-gold) !important;
	color: var(--color-black) !important;
	pointer-events: all !important;
}

body .gform-theme--foundation  .gform_button.duplicate{
	color: #ffffff !important;
	background-color: var(--color-bg-grey) !important;
	pointer-events: none !important;
}

.gform-theme--foundation .gform_button.validated:hover,
.gform-theme--foundation .gform_button.validated:focus {
  color: var(--color-white) !important;
}

.gform-theme--foundation .gform_button:hover, 
.gform-theme--foundation .gform_button:focus {
background-color: var(--color-gold) !important;
color: var(--color-black) !important;
}

.gform_validation_error .ginput_container select[aria-invalid="true"], 
.gform_validation_error .ginput_container input[aria-invalid="true"],
.gform_validation_error .ginput_container textarea[aria-invalid="true"] {
border-color: var(--color-error) !important;
}

.gform-theme--framework .gfield_validation_message, 
.gform-theme--framework .gform_validation_errors .gform_submission_error {
color: var(--color-error) !important;
}

.gfield_description_error {
	color: var(--color-error);
}






/*--------------------------------------------------------------
- FOOTER
--------------------------------------------------------------*/
#colophon #footer-main {
list-style: none;
-webkit-padding-start: 0;
        padding-inline-start: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
gap: 4vw;
}

#colophon #footer-main li {
font-size: var(--font-size-h4);
font-family: var(--font-heading);
text-transform: uppercase;
}

#colophon #footer-main li a {
text-decoration: none;
color: var(--color-white);
}

#colophon #footer-main li a:hover, 
#colophon #footer-main li a:focus {
color: var(--color-gold);
}

#colophon .footer-menu {
border-bottom: 2px solid var(--color-grey);
}

#colophon .copyright {
font-size: var(--font-size-sml);
color: var(--color-white-opacity);
}

#colophon .copyright a {
color: var(--color-white);
font-weight: bold;
text-decoration: none;
margin-right: 0.6rem;
}

#colophon .copyright a.nm {
	margin-right: unset;
}

#colophon .copyright a:hover, 
#colophon .copyright a:focus {
color: var(--color-gold);
}

#colophon .sm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

#colophon .socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.socials {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
}

#colophon .socials {
-webkit-padding-start: 1rem;
        padding-inline-start: 1rem;
}

.socials li a {
background: var(--color-bg-grey);
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 5px;
border-radius: var(--br-tiny);
}

.socials li a svg {
width: 1.6rem;
height: 1.6rem;
fill: var(--color-white);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}

.socials li a:hover, 
.socials li a:focus {
background: var(--color-gold);
}

.socials li a:hover svg, 
.socials li a:focus svg {
fill: var(--color-black);
}

#colophon .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

@media(max-width: 1024px) {
#colophon .pt-3 {
  padding-top: 3rem;
}
#colophon .bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
#colophon .sm {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#colophon .socials {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

}
#colophon .sm .h5 {
  display: none;
}
#colophon .copyright {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: center;
}
}



/* Adding margin top to centralise parralax image on about hero - SI 
.page-id-16 .bg-img{
margin-top: 3rem;
} */