.skip-link {
    position: absolute;
    left: -999px;
    width:1px;
    height: 1px;
    top: var(--space-16);
    padding: var(--space-16) var(--space-32);
    color: black !important;
    background:  #FFF;
    z-index: 200;
}

    .skip-link:focus {
        display: inline-block;
        height: auto;
        width: auto;
        position: absolute;
        margin: auto;
        transition: transform 1s ease-in;
        left: var(--space-32);
    }

/* Screen Reader only Text Clipping */

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/* Device breakpoints */

/* Drupal toolbar breakpoints */

/* @custom-media --toolbar (min-width: 976px); */

/* Site Colors */

html, html[data-theme="light"] {
    color-scheme: light;

    /* Menu Colors */
    --menu-header-color: 0 75% 42%;
    --menu-button-color: 0 0% 20%;
    --menu-link-color: 0 0% 20%;
    --menu-background: 0 100% 100%;

    /* Element Colors */
    --header-background: 0 100% 100%; /* Header Background */
    --body-background: 0 100% 100%; /* Body Background */
    --footer-background: 0 0% 14%; /* Main Footer Background */
    --footer-background-secondary: 0 0% 9%; /* Privacy Footer */

    /* Body Text Colors */
    --text-black: 0 0% 20%; /* body text color */
    --text-white: 0 100% 100%; /* color to be used for white text */

    /* Link Colors */
    --link-blue: 200 100% 30%;
    --link-underline-color: 200 100% 30% 1;

    /* Accent Colors */
    --carnelian: 0 74% 40%;
    --bg-dark: 0 0% 13%;
    --input-border: 0 0% 58%;

    /* Border Colors  */
    --border-carnelian: 0 74% 40%;

    /* Cards */
    --card-light-dm: 0 0% 100%; /* For dark background of cards */
    --card-background-light: 0 100% 100%; /* For light background cards */

    --card-background-dark: 0, 0%, 20%;
    --card-shadow-one: 228 18% 66%; /* Card Shadow */
    --card-shadow-two: 228 25% 72%; /* Card Shadow */

    /* Gray Linear Gradient  */
    --gradient-color-one: 0 0% 95%;
    --gradient-color-two: 0 0% 100%;

    /* Alert Boxes */
    --alert--reminder-light: 0 0% 95%;

    /* Input Boxes */
    --input-background: 0 100% 100%;

    /* Section Backgrounds */
    --section-gray: 0 0% 13%;

    /* Table Zebra  */
    --zebra-dm-stripe: 0 0% 97%;

}

html[data-theme="dark"] {
    color-scheme: dark;

    /* Menu Colors */
    --menu-dm-header-color: 0 100% 100%;
    --menu-text-black-dm: 0 100% 100%;
    --menu-background-dm: 0 0% 5%;
    --menu-dm-button-color: 0 100% 100%;

    /* Body Colors */
    --header-dm-background: 0 0% 8%; /* Main Body Background */
    --body-dm-background: 0 0% 8%; /* Main Body Background */
    --footer-dm-background: 205 10% 5%; /* Main Footer Background */
    --footer-dm-background-secondary: 205 10% 2%; /* Privacy Footer */

    /* Body Text Colors */
    --text-black-dm: 0 0% 90%; /* body text color */
    --text-white-dm: 0 0% 100%; /* color to be used for white text */

    /* Link Colors */
    --link-dm-blue: 201 93% 75%;
    --link-dm-underline-color: 201 93% 75% 1;

        /* Accent Colors */
    --carnelian-dm: 4 85% 57%;

    /* Border Colors  */
    --border-carnelian-dm: 4 85% 57%;
    
    /* Cards */
    --card-light-dm: 205 10% 15%; /* For dark background cards */
    --card-border-light-dm: 0 0% 5%; /* For light background cards */
    --card-shadow-one: 0 0% 15%; /* Card Shadow */
    --card-shadow-two: 0 0% 5%; /* Card Shadow */

    /* Gray Linear Gradient */
    --gradient-color-one: 205 10% 15%;
    --gradient-color-two: 0 0% 8%;

    /* Alert Boxes */
    --alert-dm-reminder-light: 205 10% 15%;

    /* Input Boxes */
    --input-dm-background: 0 0% 30%;
    --input-dm-border: 0 0% 25%;


    /* Section Backgrounds */
    --section-dm-gray: 205 10% 5%;

        /* Table Zebra */
        --zebra-dm-stripe: 0 0% 6%;
}

.text-line--bottom {
        text-align: center;
        position: relative;
        margin-bottom: .75em;
        padding-bottom: 1em;
        margin-top: 0;
    }

.text-line--bottom::after {
            content: '';
            border-bottom: 3px solid hsl(var(--carnelian-dm, var(--carnelian)));
            display: block;
            height: .25em;
            position: absolute;
            margin: .5em auto;
            width: 3em;
            left: 50%;
            transform: translateX(-50%);
        
        }

.text-line--bottom--left {
            text-align: left;
        }

.text-line--bottom--left::after {
                left: 0;
                transform: unset;
            }

@use 'base/breakpoints' as b;

:root {
    --layer-floor: 0;
    --layer-ceiling: 10;
    --layer-roof: 100;
    --layer-sky: 1000;
    --layer-space: 10000;

}

.container {
    /* margin: 0 auto; */
    margin: var(--space-0) auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    max-width: var(--max-content-width);
}

/* padding: var(--space-0) var(--space-32); */

@media (min-width: 1025px) {

.container {
        padding: var(--space-0)
}
    }

@media (min-width: 1025px) {

.is-full-width .container {
            max-inline-size: calc(100vw - var(--space-64))
    }
        }

@media (min-width: 600px) {

.is-narrow-width {
        /* --max-content-width: 400px; */
}
    }

@media (min-width: 1025px) {
        .is-narrow-width .container {
            margin: var(--space-0) auto;
            max-inline-size: calc(var(--max-content-width) * .75);    
            padding: var(--space-0);
        }
        
    }

@media (min-width: 1280px) {

.is-narrow-width {
        /* --max-content-width:  */
}
    }

@media (width >= 1921px) {
        
    }

:root {

    --max-content-width: calc(100vw - var(--space-16));
}

@media (min-width: 600px){

:root {
        --max-content-width: calc(100vw - var(--space-32))
}

    }

@media (min-width: 1025px) {
        
    }

@media (min-width: 1280px) {

    }

@media (min-width: 1440px) {

:root {
        --max-content-width: calc(100vw - var(--space-128))
}
    }

@media (width >= 1921px) {

:root {
        
        --max-content-width: calc(1920px - var(--space-128))
}
    }

.layout {

    width: 100%;
}

.layout.layout--twocol .layout__container {
            display: flex;
            flex-direction: column;
            gap: var(--space-32);
        }

@media (min-width: 1025px) {

.layout.layout--twocol .layout__container {
                flex-direction: row
        }
            }

/* padding: var(--space-0) var(--space-32); */

.layout.layout--twocol .layout__container .layout__region {

                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol .layout__container .layout__region {
                    flex: 1 0 50%
            }
                }

.layout.layout--twocol.layout--twocol-section--50-50 .layout__region--first {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--50-50 .layout__region--first {
                    flex: 1 0 calc(50% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--50-50 .layout__region--second {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--50-50 .layout__region--second {
                    flex: 1 0 calc(50% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--67-33 .layout__region--first {
                
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--67-33 .layout__region--first {
                    flex: 1 0 calc(67% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--67-33 .layout__region--second {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--67-33 .layout__region--second {
                    flex: 1 0 calc(33% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--33-67 .layout__region--first {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--33-67 .layout__region--first {
                    flex: 1 0 calc(33% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--33-67 .layout__region--second {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--33-67 .layout__region--second {
                    flex: 1 0 calc(67% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--75-25 .layout__region--first {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--75-25 .layout__region--first {
                    flex: 1 0 calc(75% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--75-25 .layout__region--second {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--75-25 .layout__region--second {
                    flex: 1 0 calc(25% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--25-75 {

            flex: 1 0 100%;
        }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--25-75 .layout__region--first {
                    flex: 1 0 calc(25% - var(--space-16))
            }
                }

.layout.layout--twocol.layout--twocol-section--25-75 .layout__region--second {
                flex: 1 0 100%;
            }

@media (min-width: 1025px) {

.layout.layout--twocol.layout--twocol-section--25-75 .layout__region--second {
                    flex: 1 0 calc(75% - var(--space-16))
            }
                }

.layout.layout--threecol .layout__container {
            display: flex;
            flex-direction: column;
            gap: var(--space-16);
        }

/* padding: var(--space-0) var(--space-32); */

@media (min-width: 1025px) {

.layout.layout--threecol .layout__container {
                flex-direction: row
        }
            }

@media (min-width: 1025px) {

.layout.layout--threecol .layout__container .layout__region {
                    flex: 1 0 calc( 33% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--33-33-33 .layout__region--first {
                    flex: 1 0 calc( 33% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--33-33-33 .layout__region--second {
                    flex: 1 0 calc( 33% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--33-33-33 .layout__region--third {
                    flex: 1 0 calc( 33% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-50-25 .layout__region--first {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-50-25 .layout__region--second {
                    flex: 1 0 calc(50% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-50-25 .layout__region--third {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-25-50 .layout__region--first {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-25-50 .layout__region--second {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--25-25-50 .layout__region--third {
                    flex: 1 0 calc(50% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--50-25-25 .layout__region--first {
                    flex: 1 0 calc(50% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--50-25-25 .layout__region--second {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

@media (min-width: 1025px) {

.layout.layout--threecol.layout--threecol-section--50-25-25 .layout__region--third {
                    flex: 1 0 calc(25% - calc(var(--space-16)/3))
            }
                }

/* .layout--threecol {

    .layout__container {

        display: flex;
        flex-direction: row;
        gap: var(--space-16);

        .layout__region--first {
            flex: 1 0 33%;
        }
        .layout__region--second {
            flex: 1 0 34%;
        }
        .layout__region--third {
            flex: 1 0 33%;
        }
    }
}

.layout--threecol-25-50-25 {

    .layout__container {

        display: flex;
        flex-direction: row;
        gap: var(--space-16);

        .layout__region--first {
            flex: 0 1 25%;
        }
        .layout__region--second {
            flex: 1 0 50%;
        }
        .layout__region--third {
            flex: 0 1 25%;
        }
    }
}

.layout--threecol-25-25-50 {
    
    .layout__container {
        display: flex;
        flex-direction: row;
        gap: var(--space-16);
        .layout__region--first {
            flex: 1 0 25%;
        }
        .layout__region--second {
            flex: 1 0 25%;
        }
        .layout__region--third {
            flex: 1 0 50%;
        }
    }
} */

.layout__grid {
    display: grid;
}

.layout__grid--twocol {
       
        gap: var(--space-32);
        grid-template-columns: 1fr;
    
    }

@media (min-width: 1025px) {

.layout__grid--twocol {
            grid-template-columns: repeat(2, calc(50% - calc(var(--space-32) / 2)))
    
    }

        }

.layout__grid--threecol {
        
        gap: var(--space-32);
        grid-template-columns: 1fr;
    }

@media (min-width: 1025px) {

.layout__grid--threecol {
            grid-template-columns: repeat(3, calc(33.3% - calc(var(--space-32) / 3)))
    }

        }

.layout__grid.center-offset {

        padding-top: var(--space-64);
            

    }

.layout__grid.center-offset .card:nth-child(3n+1),
        .layout__grid.center-offset .card:nth-child(3n+3) {
            /* transform: translateY(var(--space-96)); */
            margin-top: calc(-1 * var(--space-64));
        }

section {
    margin: var(--space-0) var(--space-0) var(--space-32) var(--space-0);
    

}

@media (min-width: 1025px) {

section { 
        margin: var(--space-0) var(--space-0) var(--space-64) var(--space-0)
    

}
    }

section .layout__container {
        max-width: var(--max-content-width);
        position: relative;
        width: 100%;
    }

section.is-full-width {
        --max-content-width: 100vw;
    }

section.bg-carnelian {
        background: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);

        /* padding: var(--space-64) var(--space-0); */
    }

section.bg-dark {
        background: hsla(var(--bg-dark) / 100%);

        /* padding: var(--space-64) var(--space-0); */

        
    }

--box-shadow {
    box-shadow: 0 3px 8px 2px rgb(239 239 239 / 71%); 
    box-shadow: 0 1px #fff inset, 0 1px 2px #c8cfe6;
}

--linearGradient {
    background: rgb(196 196 196);
    background: linear-gradient(var(--angle, 90deg), hsla(var(--gradient-color-one)) 0%, hsla(var(--gradient-color-two)) 100%);
}

--boxShadow {
    box-shadow:
                        0  5px 10px var(--cardShadowOne, rgb(154 160 185 / 5%)),
                        0 10px 15px var(--cardShadowTwo, rgb(166 173 201 / 20%));
}

--boxShadowLight {
    box-shadow:
                        0  0 10px var(--cardShadowOne, rgb(154 160 185 / 5%)),
                        0 0 15px var(--cardShadowTwo, rgb(166 173 201 / 10%));
}

--linkHover {
    position: relative;
    display: inline;
    color: hsl(var(--link-blue) 1);
    overflow: hidden;
    text-decoration: none;
    background-image: linear-gradient(to right, hsl(var(--carnelian-dm, var(--carnelian)) 1), hsl(var(--carnelian-dm, var(--carnelian)) 1) 50%, hsl(var(--link-blue) 1) 50%);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 200% 1px;
    line-height: 1.8;
    white-space: break-spaces;
    padding-bottom: var(--space-2);
}

--linkHover:hover, --linkHover:focus {
        animation: link-hover 375ms;        
        background-position: 0 100%;
        color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
    }

@keyframes link-hover {
    0% {
        color: hsl(var(--link-blue) 1);
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 100%;
        color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
    }
}

--linkHoverTransparent {
    position: relative;
    display: inline;
    color: hsl(var(--link-color) 1);
    overflow: hidden;
    background: linear-gradient(to right, hsl(var(--link-color) 1), hsl(var(--link-color) 1) 50%, hsl(var(--link-color) 1) 50%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: underline;
    white-space: break-spaces;
}

--linkHoverTransparent::before {
        content: '';
        display: block;
        width: 0%;
        position: absolute;
        height: 1px;
        background: linear-gradient(to right, hsl(var(--link-color) 1), hsl(var(--link-color) 1) 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: 100%;
        transition: all 275ms ease;
        left: 0;
        bottom: var(--space-2);
    }

--linkHoverTransparent:hover, --linkHoverTransparent:focus {
        background-position: 0 100%;
    }

--linkHoverTransparent:hover::before, --linkHoverTransparent:focus::before {
            width: 100%;
            background-position: 0 100%;
        }

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */

html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */

h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */

h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentcolor;
}

/* Make images easier to work with */

img,
picture {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */

input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */

textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */

:target {
  scroll-margin-block: 5ex;
}

:root {
    --space-0: 0px;
    --space-2: 2px;
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-160: 160px;
    --space-192: 192px;
    --space-256: 256px;
}

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

.mb-8 {
    margin-bottom: 4px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-32 {
    margin-bottom: 32px;
}

.ptb-48 {
    padding: var(--space-48) var(--space-0);
}

/** NEGATIVE MARGINS **/

.mtn-0 {
    margin-top: calc(-1 * var(--space-0));
}

.mtn-32 {
    margin-top: calc(-1 * var(--space-32));
}

.mtn-64 {
    margin-top: calc(-1 * var(--space-64));
}

.mtn-128 {
    margin-top: calc(-1 * var(--space-128));
}

.mtn-256 {
    margin-top: calc(-1 * var(--space-256));
}

@use 'base/breakpoints' as b;

:root {
    --clocktower-sans-serif:  freight-sans-pro, sans-serif; /* was unitext until UR changed it */
    --clocktower-serif: freight-text-pro, serif;   /* was playfair-display until UR changed it */
    --font-awesome: 'Font Awesome 6 Pro';
    --font-awesome-brands: 'Font Awesome 6 Brands';
    --font-awesome-duotone: 'Font Awesome 6 Duotone';

    /* Type Scale */
    --step--2: clamp(0.69rem, 0.69rem + 0.04vw, 0.72rem);
    --step--1: clamp(0.83rem, 0.81rem + 0.11vw, 0.90rem);
    --step-0: clamp(1.00rem, 0.96rem + 0.21vw, 1.13rem);
    --step-1: clamp(1.20rem, 1.13rem + 0.34vw, 1.41rem);
    --step-2: clamp(1.44rem, 1.33rem + 0.53vw, 1.76rem);
    --step-3: clamp(1.73rem, 1.57rem + 0.78vw, 2.20rem);
    --step-4: clamp(2.07rem, 1.85rem + 1.12vw, 2.75rem);
    --step-5: clamp(2.49rem, 2.17rem + 1.58vw, 3.43rem);
    --step-6: clamp(2.99rem, 2.55rem + 2.17vw, 4.29rem);
    --step-7: clamp(3.58rem, 2.99rem + 2.97vw, 5.36rem);
    --step-8: clamp(4.30rem, 3.50rem + 4.01vw, 6.71rem);
    --menuFont: var(--clocktower-sans-serif); /* Assigning aa variable for easy type changes */
    --hairline-weight: 100; /* Light Weight Font */
    --extra-light-weight: 200; /* Thin Weight Font */
    --light-weight: 300; /* Light Weight Font */
    --regular-weight: 400; /* Regular Weight Font */
    --medium-weight: 500; 
    --semi-bold-weight: 600; /* Semibold Weight */
    --bold-weight: 700; /* Bold */
    --black-weight: 900; /* Black weight */

    /* Font Awesome Weights */
    --fa-solid: 900;
    --fa-regular: 400;
    --fa-light: 300;
    --fa-duotone: 900;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: var(--regular-weight);
}

html[data-theme="dark"] {
        --light-weight: 400; 
    }

h1,h2,h3,h4,h5,h6 {
    font-family: var(--clocktower-serif);
    margin: var(--space-0);
}

h1 {
    font-size: var(--step-5);
    font-weight: var(--regular-weight);
}

h2 {
    font-family: var(--clocktower-sans-serif);
    font-size: var(--step-2);
    font-weight: var(--semi-bold-weight);
    margin-bottom: var(--space-16);

}

h2.section-header {
        font-size: var(--step-4);
        font-weight: var(--regular-weight);
        font-family: var(--clocktower-serif);
        color: hsla(var(--text-black-dm, var(--text-black)) 1);

    }

h3 {
    font-size: var(--step-2);
    color: hsla(var(--carnelian-dm, var(--carnelian)));
    font-family: var(--clocktower-sans-serif);
    font-weight: var(--regular-weight);
    margin-bottom: var(--space-16);

}

h3.reduced {
        font-size: var(--step-1);
    }

h4 {
    font-size: var(--step-1);
    font-weight: var(--regular-weight);
    font-family: var(--clocktower-sans-serif);
}

h5 {
    font-size: var(--step-0);
    font-weight: var(--regular-weight);
    font-family: var(--clocktower-sans-serif);
}

h6 {
    font-size: var(--step-0);
    font-weight: var(--light-weight);
    font-family: var(--clocktower-sans-serif);
}

p, blockquote, ul, ol, dl, button, a {
    font-family: var(--clocktower-sans-serif, san-serif);
    line-height: 1.5;
    font-weight: var(--regular-weight);
    color: hsla(var(--text-black-dm, var(--text-black)));
    margin-top: var(--space-zero);
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;

}

p {
    font-size: var(--step-1);
    margin-bottom: var(--space-24);
    
    
}

@media (min-width: 1025px) {

p {
        font-size: var(--step-1)
    
    
}
    }

a {
    color: hsla(var(--link-blue));
}

.before {
    display: block;
    font-family: var(--font-awesome);
    content: '';
}

.fa-solid {
    font-family: var(--font-awesome);
    font-style: normal;
}

strong {
    font-weight: var(--medium-weight);
    
}

i {
    font-family: var(--font-awesome);
}

.text-center {
    text-align: center;
}

p.type-step-up {
    font-size: var(--step-1);
}

article h2 {
        font-size: var(--step-3);
        font-weight: var(--semi-bold-weight);
    }

.section-header {
    text-align: center;
    position: relative;
    margin-bottom: var(--space-32);
    padding-bottom: var(--space-16);
    margin-top: 0;
    font-family: var(--clocktower-serif);

}

.section-header::after {
        content: '';
        border-bottom: 3px solid hsl(var(--carnelian-dm, var(--carnelian)));
        display: block;
        height: var(--space-4);
        position: absolute;
        margin: var(--space-8) auto;
        width: 3em;
        left: 50%;
        transform: translateX(-50%);
    }

.section-header.left-align {
        text-align: left;
    }

.section-header.left-align::after {
            left: 0;
            transform: unset;
        }

.section-header.right-align {
        text-align: right;
    }

.section-header.right-align::after {
            left: unset;
            right: 0;
            transform: unset;
        }

.section-header.header-light {
        color: hsl(0deg 100% 100% / 10000%);
    }

.section-header.header-light::after {
            border-color: hsl(0deg 100% 100% / 10000%);
        }

.section-header-wrap.center-align {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.section-header-wrap.center-align p {
            max-width: 80ch;
            
        }

.page-intro {
    padding-bottom: var(--space-32);
}

.page-intro .intro-header {
        margin: var(--space-32) auto 0;
        grid-column: 1/4;
        max-width: 95%;
    }

@media (min-width: 600px) {

.page-intro .intro-header {
            margin-top: var(--space-32)
    }
        }

@media (min-width: 1025px) {

.page-intro .intro-header {
            margin-top: 0
    }
        }

.page-intro .intro-header::before {
            content: '';
            display: block;
            position: relative;
            height: var(--space-32);
            width: 1px;
            background-color: #333;
            margin: var(--space-0) auto var(--space-16);
        }

@media (min-width: 1025px) {

.page-intro .intro-header::before {
                margin: 0 auto var(--space-48);
                height: var(--space-64)
        }
                
            }

.page-intro .intro-header h2 {
            text-align: center;
            margin: 0;
            font-family: var(--clocktower-serif);
            font-size: var(--step-4);
            font-weight: var(--regular-weight);
        }

@media (min-width: 1025px) {

.page-intro .intro-header h2 {
                max-width: 75%;
                padding: 0 var(--space-64);
                margin: 0 auto
        }
    
            }

.page-intro .intro-paragraph {
        margin: var(--space-32);
        grid-column: content;
        position: relative;
        margin-bottom: var(--space-0);
    }

@media (min-width: 1025px) {

.page-intro .intro-paragraph {
           margin: 0 0 var(--space-0)
    }
       }

@media (min-width: 1280px) {

.page-intro .intro-paragraph {
           margin: var(--space-32) 0 var(--space-0)
    }
       }

.page-intro .intro-paragraph p {
            text-align: center;   
            font-family: var(--clocktower-sans-serif);
            font-size: var(--step-2);
            margin: 0 auto;
            font-weight: var(--light-weight);
        }

@media (min-width: 1025px) {

.page-intro .intro-paragraph p {
                max-width: 60ch
        }
            }

.page-intro .intro-paragraph a {
            font-size: var(--step-2);
        }

.page-intro::after {
        display: block;
        position: absolute;
        content: '';
        width: 10%;
        height: .25px;   
        background: hsl(var(--text-black-dm, var(--text-black)) / 20%);
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%);
        
    }

.link-text {
        color: hsl(var(--text-black-dm, var(--text-black)) 1);
        position: relative;
        padding-right: var(--space-16);
        text-decoration: none;
    }

.link-text::after {
            content: '\f054';
            color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
            position: absolute;
            right: 0;
            font-family: var(--font-awesome);
        }

.link-text:hover, .link-text:focus {
            text-decoration: underline;
        }

.link-button {
        text-decoration: none;
        position: relative;
        padding: var(--space-8) var(--space-16);
        text-transform: uppercase;
        display: inline-block;
        margin: 0;
    }

/* &.title-case {
            text-transform: capitalize;
        } */

.link-button.solid {
            color: hsl(var(--text-white-dm, var(--text-white)));
            background-color: hsl(var(--carnelian-dm, var(--carnelian)));
            font-weight: var(--regular-weight);
        }

.link-button.solid:hover {
                
            }

.link-button.outline {
            border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
            color: hsla(var(--button-text));
            display: inline-block;
            text-align: center;
            font-weight: var(--regular-weight);
        }

.link-button.outline:hover, .link-button.outline:focus {
                background: hsl(var(--carnelian-dm, var(--carnelian)));
                color: hsl(var(--button-text-reverse));
                
            }

.link-button.pill {

            border-radius: 2rem;
            color: hsl(var(--carnelian-dm, var(--carnelian)));

        }

.link-button.with-icon i, .link-button.with-icon svg {
                display: inline-block;
                padding-right: var(--space-8);
            }

.link.with-arrow {
        border: 1px solid hsla(var(--card-border));
        background-color: hsl(var(--card-color-light) 1);
        text-decoration: none;
        color: hsla(var(--text-black-dm, var(--text-black)));
        font-size: var(--step-2);
        display: flex;
        align-items: center;
        padding: 0 var(--space-16);
    }

@media (min-width: 1025px) {

.link.with-arrow {
            justify-content: center;
            text-align: center;
            font-size: var(--step-1);
            padding: 0 var(--space-16)
    }

        }

.link.with-arrow.title-card-link {
            height: 100%;
            width: 100%;
            min-height: 100px;
            justify-content: center;      
            text-align: left;   
            border: 1px solid hsla(var(--text-black-dm, var(--text-black)));
        }

.link.with-arrow.title-card-link::after {
                display: inline-block;
                content: "\f138";
                font-family: var(--font-awesome);
                padding-left: var(--space-8);
                padding-right: var(--space-8);
            }

@media (min-width: 1025px) {

.link.with-arrow.title-card-link::after {
                    padding-left: var(--space-16);
                    padding-right: var(--space-16)
            }
                }

.link.with-arrow.title-card-link:hover, .link.with-arrow.title-card-link:focus {
                background-color: #b31b1b;
                color: #FFF;
                border: 1px solid #b31b1b;
                
            }

.link.with-arrow.title-card-square {
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
            text-decoration: none;
            border-bottom: 0;
            height: 104px;
            width: 104px;
        }

.link.with-arrow.title-card-square:hover, .link.with-arrow.title-card-square:focus {
                background-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                color: hsl(var(--text-white-dm, var(--text-white)) 1);
                border-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                animation: unset;
            }

/* .link {
    &--text {
        color: hsl(var(--text-black-dm, var(--text-black)) 1);
        position: relative;
        padding-right: var(--space-16);
        text-decoration: none;
    
        &::after {
            content: '\f054';
            color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
            position: absolute;
            right: 0;
            font-family: var(--font-awesome);
        }
    
        &:hover, &:focus {
            text-decoration: underline;
        }
    }

    &--button {
        text-decoration: none;
        position: relative;
        padding: var(--space-8) var(--space-16);
        text-transform: uppercase;
        display: inline-block;
        margin: 0;
    
        &.outline {
            border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)) 1);
            color: hsla(var(--button-text));
            display: inline-block;
            text-align: center;
    
            &:hover, &:focus {
                background: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                color: hsla(var(--button-text-reverse));
                
            }
        }
    
    }

} */

a:not([class]) {
    color: hsl(var(--link-blue));

}

a {
    text-decoration-thickness: 1px;
    text-underline-offset: var(--space-4);
    color: hsl(var(--link-blue));

}

a:hover, a:focus {
        text-decoration-thickness: 2px;
    }

.link-list {

    padding-left: var(--space-0);
    list-style: none;
}

.link-list--two-col {
        -moz-columns: 2;
             columns: 2;
        -moz-column-gap: var(--space-32);
             column-gap: var(--space-32);
    }

ul li {
        font-size: var(--step-1);
        line-height: 1.5;
    }

ul li p {
            margin-bottom: var(--space-16);
        }

ul li p:only-of-type, ul li p:last-of-type {
                margin-bottom: var(--space-0);
            }

ol li {
        font-size: var(--step-1);
        line-height: 1.5;
    }

ol li p {
            margin-bottom: var(--space-0);
        }

ol li p:only-of-type, ol li p:last-of-type {
                margin-bottom: var(--space-0);
            }

ul .no-marker, ol .no-marker {
        list-style: none;
    }

dl dt {
        color: hsl(var(--carnelian-dm, var(--carnelian)));
        line-height: 1.5;
        font-weight: var(--medium-weight);
    }

dl dt p {
            color: inherit;
            font-weight: var(--medium-weight);
        }

dl dt p:only-of-type, dl dt p:last-of-type {
                margin-bottom: var(--space-0);
            }

dl dd {
        line-height: 1.5;
    }

dl dd p:only-of-type, dl dd p:last-of-type {
                margin-bottom: var(--space-0);
            }

.pull-quote {
    font-size: var(--step-3);
    font-weight: var(--thin-weight);
    font-style: italic;
    position: relative;
    text-align: right;
    padding-top: var(--space-16);
}

@media (min-width: 1025px) {

.pull-quote {
        margin-right: 5em
}
    }

.pull-quote::before {
        width: 250px;
        background-color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
        height: 2px;
        position: absolute;
        top: 0;
        right: 0;
        content: '';
    }

.pull-quote--content {
        float: right;
        max-width: 90vw;
    }

@media (min-width: 1025px) {

.pull-quote--content {
            max-width: 50vw
    }
        }

.text-outline {
    border: 1px solid black;
    display: inline-block;
    padding: var(--space-8) var(--space-16);
    font-family: var(--clocktower-sans-serif);
    font-size: var(--step-0);
    margin: 0 auto;
    margin-bottom: var(--space-16);
}

.text-outline.pill {
        border-radius: 2em;
    }

.section-header {
    text-align: center;
    position: relative;
    margin-bottom: var(--space-32);
    padding-bottom: var(--space-48);
    margin-top: 0;
    font-family: var(--clocktower-serif);

}

.section-header::after {
        content: '';
        border-bottom: 3px solid hsl(var(--carnelian-dm, var(--carnelian)));
        display: block;
        bottom: 0;
        height: var(--space-4);
        position: absolute;
        margin: var(--space-8) auto;
        width: calc(var(--space-128) * 2);
        left: 50%;
        transform: translateX(-50%);
    }

.accordion-group {
    margin: var(--space-0) auto var(--space-32);
    position: relative;
    width: 100%;
}

@media (min-width: 1025px) {

.accordion-group {
        min-width: 50%;
        width: 100%
}
    }

.accordion-group .expand-all {
        background: transparent;
        color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
        padding: var(--space-4) var(--space-16);
        left: 100%;
        position: relative;
        transform: translateX(-100%);
        border: 1px solid hsla(var(--border-carnelian) / 100%);
        border-radius: .5em;
        margin-bottom: var(--space-16);
        min-width: 5em;
        cursor: pointer;
        font-size: var(--step--1);
    }

.accordion-group .expand-all:focus, .accordion-group .expand-all:hover {
            background: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
            color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
            
        }

.accordion-group .expand-all.collapse-all {
            background: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
            color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
        }

.accordion-item {
    position: relative;
    padding: var(--space-8) var(--space-0);
}

.accordion-item::after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: hsla(var(--text-black-dm, var(--text-black)) / 10%);
        
    }

.accordion-item:hover {
        background: hsla(var(--card-background-light) / 25%);
    }

.accordion-item:hover h3 button {
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
            }

.accordion-item:hover::after {
            height: 2px;
            background-color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
            
        }

.accordion-item h3 {
        width: 100%;
        display: flex;
        margin-bottom: var(--space-0);
        font-weight: var(--light-weight);
        margin-top: 0;
    }

.accordion-item h3 button {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background: transparent; 
            color: hsla(var(--text-black-dm, var(--text-black)) / 100%);
            font-weight: var(--light-weight);
            position: relative;
            width: 100%;
            padding: var(--space-8) var(--space-0) var(--space-8) var(--space-4);
            margin-bottom: var(--space-0);
            font-size: var(--step-1);
            text-align: left;
            cursor: pointer;
            border: none;
            

        }

.accordion-item h3 button::after {
                content: '\e59b';
                height: 25px;
                width: 25px;
                display: block;
                font-family: var(--font-awesome);
                transform: rotate(45deg);
                font-size: var(--step-0);
            }

.accordion-item h3 button span {
                font-weight: var(--light-weight);
                max-width: 85%;

            }

.accordion-item .accordion-panel {
        background: transparent;
        display: none;
        padding-left: var(--space-32);
        padding-bottom: var(--space-32);
        
    }

.accordion-item .accordion-panel h4 {
            margin-top: var(--space-0);
            margin-bottom: var(--space-16);
            font-family: var(--clocktower-sans-serif);
            font-weight: var(--semi-bold-weight);

        }

.accordion-item .accordion-panel h5 {
            color: hsl(var(--carnelian-dm, var(--carnelian)));
            margin-top: var(--space-zero);
            margin-bottom: var(--space-8);
            font-size: var(--step-1);

        }

.accordion-item .accordion-panel p, .accordion-item .accordion-panel ul, .accordion-item .accordion-panel dl {
            font-size: var(--step-1);
        }

.accordion-item.active {
        display: block;
        position: relative;
    }

.accordion-item.active::before {
            display: block;
            content: '';
            height: 100%;
            width: 2px;
            background-color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
        }

.accordion-item.active h3 button {
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                font-weight: var(--regular-weight);
            }

.accordion-item.active h3 button::before {
                    display: none;
                }

.accordion-item.active h3 button::after {
                    transform: rotate(0deg);
                }

.accordion-item.active .accordion-panel {
            display: block;
            position: relative;
        }

&.reduced .accordion-item:hover {
            background: transparent;
        }

&.reduced .accordion-item .action-items {
            display: flex;
            align-items: center;
            justify-content: center;
        }

&.reduced .accordion-item .action-items .accordion-trigger, &.reduced .accordion-item .action-items a {
                font-size: var(--step--1);
                display: inline;
                background: transparent;
                border: 1px solid hsla(var(--border-carnelian) / 100%);
                border-radius: .25em;
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                padding: var(--space-4) var(--space-8);
                margin: var(--space-8);
                text-decoration: none;
                line-height: 1;
            }

&.reduced .accordion-item .action-items .accordion-trigger i, &.reduced .accordion-item .action-items a i {
                    padding-right: var(--space-4);
                }

&.reduced .accordion-item .action-items .accordion-trigger:hover, &.reduced .accordion-item .action-items .accordion-trigger:focus, &.reduced .accordion-item .action-items a:hover, &.reduced .accordion-item .action-items a:focus {
                    background-color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
                    color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                }

&.reduced .accordion-item .action-items .accordion-trigger:first-child, &.reduced .accordion-item .action-items a:first-child {
                    margin-left: 0;
                }

&.reduced .accordion-item .accordion-panel {
            margin-top: var(--space-16);
            padding: var(--space-16);
            background: hsla(var(--text-black-dm, var(--text-black)) / 5%);
        }

&.reduced .accordion-item::after {
            display: none;
        }

&.reduced .expand-all {
        display: none;
    }

/* Dark Mode overrides */

html[data-theme="dark"] .accordion-item.active h3 button {
                    color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
                }

.alert {
    text-align: center;
    padding: var(--space-32) var(--space-64);
    border-radius: .25em;
    border: 1px solid hsl(var(--text-black-dm, var(--text-black)) / 50%);
    margin-bottom: var(--space-32);
    margin: 0 auto;

}

.alert h2 {
            display: flex;
            align-items: center;
            color: hsl(var(--carnelian-dm, var(--carnelian)));
            justify-content: center;
            margin-bottom: var(--space-16);
            font-size: var(--step-1);
            text-transform: none;
            font-family: var(--clocktower-sans-serif);
        }

.alert h2::before {
                margin-right: var(--space-12);
                content: '';
                font-family: var(--font-awesome);
                font-size: var(--step-1);
            }

.alert .alert__body {
            font-family: var(--clocktower-sans-serif);
        }

.alert .alert__body::before {
                position: relative;
                display: inline;
                font-family: var(--font-awesome);
                font-size: var(--step-1);
                margin-right: var(--space-8);
                top: var(--space-2);
            
            }

.alert .alert__body p {
                margin: 0;
                width: 100%;
                text-align: center;
                line-height: 1.8;
                font-weight: var(--regular-weight);
                font-size: var(--step-0);
            }

.alert .alert__body a {
                font-weight: var(--regular-weight);
            }

.alert--error {
        color: var(--alert-error);
        background-color:  hsl(var(--alert-error), 5%);
        border-color: hsl(var(--alert-error), 3%);
    }

.alert--error .alert-text {
            color: hsl(var(--alert-error));
        }

.alert--error .alert-text h2::before {
                    color: hsl(var(--alert-error));
                    content: '\f06a';
                }

.alert--error .alert-text p {
                color: hsl(var(--alert-error));

            }

.alert--hint {
        color: var(--alert-hint);
        background:  hsl(var(--alert-hint), 5%);
    }

.alert--hint .alert-text {
            color: hsl(var(--alert-hint));
        }

.alert--hint .alert-text h2 {
                color: hsl(var(--alert-hint));
            }

.alert--hint .alert-text h2::before {
                    content: '\e1ca';
                }

.alert--reminder {
        background:  hsla(var(--alert-reminder), 75%);
        border-color: hsl(var(--alert-reminder), 100%);

    }

.alert--reminder .alert-text {
            color: hsl(var(--text-black-dm, var(--text-black)));   
            
        }

.alert--reminder .alert-text h2 {
                color: hsl(var(--carnelian-dm, var(--carnelian)));
            }

.alert--reminder .alert-text h2::before {
                    content: '\f06a';
                }

.alert--callout {
        background:  hsla(var(--alert-reminder), 75%);
        border-color: hsl(var(--alert-reminder), 100%);

    }

.alert--callout .alert-text {
            color: hsl(var(--text-black-dm, var(--text-black)));   
            
        }

.alert--callout .alert-text h2 {
                color: hsl(var(--text-black-dm, var(--text-black)));
                font-weight: var(--semi-bold-weight);
                margin-bottom: var(--space-32);
                text-transform: none;
                font-size: var(--step-3);
            }

.banner__duotone-overlap {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 150px 1fr;

}

.banner__duotone-overlap .banner__background-image {
        grid-column: 1/3;
        grid-row: 2/3;
        position: absolute;
        z-index: var(--layer-floor);
        aspect-ratio: 16/9;
        height: 100%;
        width: auto;
        min-width: 100%;
    }

.banner__duotone-overlap .banner__background-image:after {
            content: '';
            height: 100%;
            width: 100%;
            background-color: hsla(0, 0%, 0%, 85%);
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

.banner__duotone-overlap .banner-content {
        text-align: left;
        grid-row: 2/3;
        padding: var(--space-128);
        z-index: var(--layer-ceiling);
    }

.banner__duotone-overlap .banner-content h2, .banner__duotone-overlap .banner-content p {
            color: hsl(var(--text-white-dm, var(--text-white)));
        }

.banner__duotone-overlap .banner-content h2 {
            font-family: var(--clocktower-serif);
        }

.banner__duotone-overlap .banner-content a.outline {
            border-color: hsl(var(--text-white-dm, var(--text-white)));
            color: hsl(var(--text-white-dm, var(--text-white)));
        }

.banner__duotone-overlap .banner-content a.outline:hover, .banner__duotone-overlap .banner-content a.outline:focus {
                border-color: hsl(var(--carnelian-dm, var(--carnelian)));
            }

.banner__duotone-overlap .banner-image {
        grid-column: 2/3;
        grid-row: 1/3;
        z-index: var(--layer-ceiling);
        height: 100%;

    }

.banner__duotone-overlap .banner-image picture {
            height: 100%;
        }

.banner__duotone-overlap .banner-image picture img {
                width: auto;
                min-height: 100%;
                margin: 0 auto;   
                min-width: 100%; 
                -o-object-fit: cover; 
                   object-fit: cover;
            }

.banner--gallery {
    
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 2.5%;
}

@media (min-width: 1025px) {

.banner--gallery {
        margin: 0;
        flex-direction: row
}

    }

.banner--gallery .panel-text {
        flex: 1 0 50%;
    }

.banner--gallery .panel-text .text-wrap {
            z-index: 0;

        }

@media (min-width: 1025px) {

.banner--gallery .panel-text .text-wrap {
                padding: 1em;
                text-align: left;
                grid-column: left;
                grid-row: content

        }
            }

.banner--gallery .panel-text .text-wrap h2 {
                font-weight: var(--extraLight);
                position: relative;
                z-index: 1;
                margin-top: var(--space-4);
                font-family: var(--clocktower-serif);
                /* margin-bottom: var(--space-32); */
                padding-bottom: var(--space-48);
                font-size: var(--step-4);
            }

@media (max-width: 599px) {

.banner--gallery .panel-text .text-wrap h2 {
                    text-align: center
            }
                }

.banner--gallery .panel-text .text-wrap h2::after {
                    content: '';
                    border-bottom: 3px solid hsl(var(--carnelian-dm, var(--carnelian)));
                    display: block;
                    height: var(--space-4);
                    position: absolute;
                    margin: var(--space-8) auto;
                    width: var(--space-96);
                    left: 0%;
                    bottom: 0;
                }

@media (min-width: 1025px) {

.banner--gallery .panel-text .text-wrap h2 {
                    margin-top: var(--space-8)
            }

                }

@media (max-width: 599px) {

.banner--gallery .panel-text .text-wrap p {
                    text-align: center;
                    font-size: var(--step-2)
            }
                }

.banner--gallery .panel-text .text-wrap p {

                font-size: var(--step-1);
                font-family: var(--clocktower-sans-serif);
                position: relative;
                z-index: 1;
                margin-top: var(--space-8);
}

@media (min-width: 1025px) {

.banner--gallery .panel-text .text-wrap p {
                    margin-right: 7em;
                    margin-top: 0;
                    margin-top: initial
            }
                }

.banner--gallery .panel-text .text-wrap a {
                font-size: var(--step-1);
                font-family: var(--clocktower-sans-serif);
                
            }

.banner--gallery .panel-text .text-wrap a.text-link {
                text-decoration: none;
                color: rgb(var(--text-black));
                background: transparent;
                display: inline-block;
            }

.banner--gallery .panel-text .text-wrap a.text-link:hover, .banner--gallery .panel-text .text-wrap a.text-link:focus {
                    color: hsl(var(--carnelian));
                    animation: unset;
                }

.banner--gallery .panel-text .text-wrap .link-group {
                display: flex;
                flex-direction: column;
                row-gap: 1em;
            }

@media (min-width: 600px) {

.banner--gallery .panel-text .text-wrap .link-group {
                    display: block
            }                    
                }

.banner--gallery .panel-text .text-wrap .link-group a.link-button {
                    margin-top: 1rem;
                    margin-right: 1rem;

                }

@media (max-width: 599px) {

.banner--gallery .panel-text .text-wrap .link-group a.link-button {
                        display: inline;
                        margin-top: 0;
                        margin-right: 0;
                        text-align: center

                }
                    }

.banner--gallery .panel-image {
        height: 100%; 
        max-width: unset;
        position: relative;
        display: flex;
        align-items: center;
        flex: 1 0 50%;
    }

@media (min-width: 600px) {

.banner--gallery .panel-image {
            grid-row: image;
            grid-column: content
    }
            
            .banner--gallery .panel-image:after {
                bottom: -1px;
            }
        }

@media (min-width: 1025px) {

.banner--gallery .panel-image {
            grid-column: overlap / right-bleed;
            grid-row: content
    }
        }

@media (max-width: 599px) {

.banner--gallery .panel-image .gallery-grid {
                padding-bottom: 2em
        }
            }

@media (min-width: 600px) {

.banner--gallery .panel-image .gallery-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(3, auto)
        }

            }

@media (min-width: 1025px) {

.banner--gallery .panel-image .gallery-grid {
                gap: .5rem
        }

            }

.banner--gallery .panel-image .gallery-grid > * {
                height: 100%;
            }

.banner--gallery .panel-image .gallery-grid picture {
                overflow: hidden;
                min-height: unset;
                width: 100%;
                height: 100%;
            }

.banner--gallery .panel-image .gallery-grid picture:nth-child(-n+2) {
                    grid-row: 1;
                    height: 225px;
                    aspect-ratio: 4 / 3;
                    align-self: self-end;
                    display: none;

                }

@media (min-width: 1025px) {

.banner--gallery .panel-image .gallery-grid picture:nth-child(-n+2) {
                        display: block

                }
                    }

.banner--gallery .panel-image .gallery-grid picture:nth-child(3) {
                    grid-row: 2/3;
                    grid-column: 1/3;
                    aspect-ratio: 16 / 9;
                }

.banner--gallery .panel-image .gallery-grid picture img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

.banner--gallery .panel-image--single {
            display: block;
        }

.banner--gallery .panel-image--single picture {
                aspect-ratio: 4/3;
                overflow: hidden;
            }

.banner--gallery .panel-image--single picture img {
                    -o-object-fit: cover;
                       object-fit: cover;
                }

#breadcrumb {
    padding-top: var(--space-8);
    margin-bottom: var(--space-32);
    position: relative;
    text-align: center;
}

#breadcrumb::before {
        width: 10em;
        height: 1px;
        background-color: #f1f1f1;
        content: '';
        position: absolute;
        left: 50%;
        top: var(--space-0);
        transform: translateX(-50%);

        /* margin-top: var(--space-16); */
    }

@media (max-width: 599px) {

#breadcrumb {
        display: none
}
    }

@media (min-width: 600px) {
        
    }

#breadcrumb ol {
        list-style: none;   
        padding-left: 0;
        padding-top: var(--space-16);
        display: block;
        margin-bottom: var(--space-0);
        margin-top: var(--space-zero);
    }

#breadcrumb ol li {
            display: inline-block;
            font-size: var(--step--1);
        }

@media (min-width: 600px) {

#breadcrumb ol li {
                font-size: var(--step-1)
        }
            }

@media (min-width: 1280px) {

#breadcrumb ol li {
                font-size: var(--step-0)
        }

            }

#breadcrumb ol li a {
                font-size: var(--step--1);
                text-decoration: underline;
            }

@media (min-width: 600px) {

#breadcrumb ol li a {
                    font-size: var(--step-1)
            }
                }

@media (min-width: 1280px) {

#breadcrumb ol li a {
                    font-size: var(--step-0)
            }

                }

#breadcrumb ol li::after {
                content: '/';
                color: #767676;

            }

#breadcrumb ol li:last-of-type::after {
                    content: unset;
                }

.card--flipcard {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    perspective: 1000px;
            
}

@media (min-width: 1025px) {

.card--flipcard {
        max-width: 375px;
        margin: 0 auto
            
}

    }

.card--flipcard .card-content .card__face {
            background-color: transparent;
            border: none;
        }

.card--flipcard .card-content .card__face--front h3 {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                    margin: 0;
                    left: 0;
                    bottom: 0;
                    position: absolute;
                    box-sizing: border-box;
                    padding-bottom: var(--space-32);

                   
                }

@media (min-width: 1025px) {

.card--flipcard .card-content .card__face--front h3 {
                        padding-bottom: var(--space-32)

                   
                }
                    }

.card--flipcard .card-content .card__face--front h3::before {
                        content: '';
                        background: hsla(var(--carnelian-dm, var(--carnelian)) / 75%);
                        clip-path: polygon(0 60%, 100% 70%, 100% 100%, 0% 100%);
                        display: block;
                        position: absolute;
                        inset: 0;
                        z-index: 1;
                    }

.card--flipcard .card-content .card__face--front h3::after {
                        content: '';
                        background: hsla(var(--carnelian-dm, var(--carnelian)) / 75%);
                        clip-path: polygon(0 71%, 100% 53%, 100% 100%, 0% 100%);
                        display: block;
                        position: absolute;
                        inset: 0;
                        z-index: 1;
                        mix-blend-mode: multiply;

                    }

.card--flipcard .card-content .card__face--front h3 span {
                        z-index: 2;
                        padding: 0 var(--space-16);

                        
                    }

.card--flipcard .card-content--mobile {
            display: flex;
            flex-direction: column;
            margin-bottom: var(--space-32);
            padding-bottom: var(--space-16);
            position: relative;
        }

@media (min-width: 600px) {

.card--flipcard .card-content--mobile {
                padding-bottom: var(--space-64)
        }
            }

@media (min-width: 1025px) {

.card--flipcard .card-content--mobile {
                display: none
        }
            }

.card--flipcard .card-content--mobile h3 {
                font-size: var(--step-4);
                text-align: center;
                position: relative;
                font-family: var(--clocktower-serif);
                margin-bottom: var(--space-32);
                
            }

@media (max-width: 599px) {

.card--flipcard .card-content--mobile h3 {
                    margin: var(--space-32) var(--space-8)
                
            }

                }

@media (min-width: 600px) {

.card--flipcard .card-content--mobile h3 {
                    color: hsl(var(--text-black-dm, var(--text-black)))
                
            }
                }

.card--flipcard .card-content--mobile h3::after {
                    content: '';
                    background: hsl(var(--carnelian-dm, var(--carnelian)));
                    height: var(--space-2);
                    position: absolute;
                    bottom: calc(var(--space-16) * -1);
                    left: 50%;
                    width: 50%;
                    transform: translate(-50%, -50%);
                }

.card--flipcard .card-content--mobile .card-text {
                text-align: center;
            }

@media (min-width: 1025px) {

.card--flipcard .card-content--mobile .card-text {
                    text-align: left
            }
                }

@media (max-width: 599px) {

.card--flipcard .card-content--mobile .card-text {
                    margin: 0 var(--space-16);
                    padding-bottom: var(--space-32)
            }
                }

.card--flipcard .card-content--mobile .card-text h4 {
                    text-align: center;
                    margin-top: var(--space-8);
                    font-size: var(--step-2);
                    font-weight: var(--light-weight);
                }

@media (max-width: 599px) {

.card--flipcard .card-content--mobile .card-text h4 {
                        color: hsl(var(--text-black-dm, var(--text-black)));
                        font-weight: var(--semi-bold-weight)
                }

                    }

@media (min-width: 600px) {

.card--flipcard .card-content--mobile .card-text h4 {
                        color: hsl(var(--carnelian-dm, var(--carnelian)));
                        font-size: var(--step-3)
                }
                    }

.card--flipcard .card-content--mobile .card-text p {
                    font-size: var(--step-2);
                    text-align: center;
                }

@media (max-width: 599px) {

.card--flipcard .card-content--mobile .card-text p {
                        color: hsl(var(--text-black-dm, var(--text-black)))
                }
                    }

@media (min-width: 600px) {

.card--flipcard .card-content--mobile .card-text p {
                        margin: 0 5%
                }
                    }

.card--flipcard .card-content--mobile .card-text a {
                    text-decoration: underline;
                    

                }

@media (max-width: 599px) {

.card--flipcard .card-content--mobile .card-text a {
                        color: hsl(var(--text-black-dm, var(--text-black)));
                        display: inline;
                    

                }
                    }

.card--flipcard .card-content--mobile .card-text a {

                    background: transparent;

                    --link-underline-color: 0, 100%, 100%;

                    font-size: var(--step-2);
                    text-align: center;
                    max-width: 50ch;
}

.card--flipcard .card-content--mobile picture {
                margin: 0 auto;
            }

.card--flipcard .card-content--desktop {
            display: none;
            position: relative;
            margin: var(--space-32) 0;
            width: 100%;
            padding: 0;
            min-width: 100%;
            min-height: 500px;
            transition: 1s ease-in-out;
            transform-style: preserve-3d;
            max-width: 100%;
            
            
        }

@media (min-width: 1025px) {

.card--flipcard .card-content--desktop {
                max-width: 375px;
                display: flex
            
            
        }
            }

.card--flipcard .card-content--desktop .card__face {
                backface-visibility: hidden;
                display: flex;
                box-sizing: border-box;
                min-width: 100%;
                min-height: 100%;
                position: relative;
                flex-direction: row;

            }

@media (min-width: 1025px) {

.card--flipcard .card-content--desktop .card__face {
                    align-items: center

            }
                }

.card--flipcard .card-content--desktop .card__face .fc-close {
                    position: absolute;
                    top: var(--space-16);
                    right: var(--space-16);
                    
                }

.card--flipcard .card-content--desktop .card__face .fc-close button {
                        background: transparent;
                        border: none;
                        display: none;
    
    
                        }

@media (min-width: 1280px) {

.card--flipcard .card-content--desktop .card__face .fc-close button {
                            display: inline
    
    
                        }
                        }

.card--flipcard .card-content--desktop .card__face .fc-close button.fc-close-button {
                                cursor: pointer;
                                width: 45px;
                                height: 45px;
                                z-index: 100;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }

.card--flipcard .card-content--desktop .card__face .fc-close button.fc-close-button::before {
                                    font-family: var(--font-awesome);
                                    font-size: var(--step-2);
                                    content: '\f057';
                                    display: block;
                                    color: #767676;
                                    font-weight: 100;
        
                                }

.card--flipcard .card-content--desktop .card__face .fc-close button:hover::before {
                                    content:'\f057';
                                    font-weight: 600;
                                }

.card--flipcard .card-content--desktop .card__face--front {
                    z-index: 10;
                    overflow: hidden;
                }

.card--flipcard .card-content--desktop .card__face--front picture {
                        overflow: hidden;
                        width: 375px;
                        height: 500px;
                        position: relative;
                    }

.card--flipcard .card-content--desktop .card__face--front img {
                        height: 500px;
                        width: 375px;
                        -o-object-fit: cover;
                           object-fit: cover;

                    }

.card--flipcard .card-content--desktop .card__face--front.fc-open {
                        width: 100%;
                        padding: 0 !important;
                        cursor: pointer;
                        line-height: unset;
                        box-sizing: content-box;
                    }

.card--flipcard .card-content--desktop .card__face--front.fc-open::before {
                            content: '\f0e2';
                            font-family: var(--font-awesome);
                            color: hsl(var(--card-action-text));
                            display: block;
                            bottom: 0;
                            right: 0;
                            position: absolute;
                            z-index: 5;
                            transform: translate(-50%, -50%);
                            font-size: var(--step-1);
                            height: auto;
                            width: auto;
                            top: unset;
                        
                        }

.card--flipcard .card-content--desktop .card__face--front.fc-open::after {
                            content: '';
                            display: block;
                            background: hsla(var(--card-action) / 95%);
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            padding: 2var(--space-8);
                            border-radius: 100px 0 0;
                            z-index: 1;

                        }

.card--flipcard .card-content--desktop .card__face--front.fc-open:focus {
                            outline: solid 3px -webkit-focus-ring-color;
                        }

.card--flipcard .card-content--desktop .card__face--front.fc-open h3 {
                            color: #FFF;
                            padding-bottom: var(--space-32);
                        }

.card--flipcard .card-content--desktop .card__face--back {
                    z-index: 11;
                    position: absolute;
                    background: hsl(var(--card-background-light));
                    transform:rotateY(180deg);
                    left: 0;
                    top: 0;
                }

.card--flipcard .card-content--desktop .card__face--back .card-text {
                        text-align: left;
                        align-self: flex-start;
                        margin: 0 var(--space-32);
                        padding-bottom: 0;
                    }

@media (max-width: 599px) {

.card--flipcard .card-content--desktop .card__face--back .card-text {
                            align-self: center
                    }
                        }

.card--flipcard .card-content--desktop .card__face--back .card-text h4 {
                            font-size: var(--step-1); 
                            font-family: var(--clocktower-sans-serif);
                            color: hsl(var(--text-black-dm, var(--text-black)));
                            font-weight: var(--thin-weight);
                            position: relative;
                            margin: 0;
                            margin-right: var(--space-16);

                            
                            
                        
                        }

@media (max-width: 599px) {

.card--flipcard .card-content--desktop .card__face--back .card-text h4 {
                                font-size: var(--step-2)

                            
                            
                        
                        }
                            }

.card--flipcard .card-content--desktop .card__face--back .card-text h4 {

                    
                                padding-bottom: var(--space-16);
                                padding-top: var(--space-32);
}

.card--flipcard .card-content--desktop .card__face--back .card-text h4::after {
                                    content: '';
                                    width: 0;
                                    height: 2px;
                                    background-color: hsl(var(--accent-back-line));
                                    display: block;
                                    position: absolute;
                                    bottom: var(--space-0);
                                }

@media (max-width: 599px) {

.card--flipcard .card-content--desktop .card__face--back .card-text p {
                                font-size: var(--step-1);

                                
                        

                        }
                            }

.card--flipcard .card-content--desktop .card__face--back .card-text p {

                                font-size: var(--step-0);
                                font-family: var(--clocktower-sans-serif);
                                color: hsl(var(--text-black-dm, var(--text-black)));
}

.card--flipcard .card-content--desktop .card__face--back .card-text a {
                            font-size: var(--step-0);
                            display: inline-block;
                        }

.card--flipcard .card-content--desktop.active {
                    transform: rotateY(0.5turn);
                
            }

.card--flipcard .card-content--desktop.active .card__face--back {
                            display: grid;
                        }

.card--flipcard .card-content--desktop.active .card__face--back h4::after {
                                    width: 100%;
                                }

:root {
    --card-action-text: 100,100%,100%;
}

.card--group {
    --columns: attr(data-columns);
}

.card--group .flex {
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--space-32);
    }

.card--group .flex-3 {
        --columns: 3;
    }

.card--group .flex-3 .card {
        }

.card--group .flex-2 {
        --columns: 2;
    }

.card--group .flex-2 .card {
        }

.card--group .flex-1 {
        --columns: 1;
    }

.card--group .flex-1 .card {
        }

.card__image {
    /* aspect-ratio: 4/3; */
    margin: var(--space-0);
}

@media (max-width: 599px) {

.card__image {
        width: 100%
}
    }

@media (min-width: 600px) {

.card__image {
        /* margin: var(--space-8); */
}
    }

@media (min-width: 1025px) {

.card__image {
        padding: var(--space-0);
        position: relative
}

    }

.card__image .card-content {
        overflow: hidden;
        position: relative;
        margin: var(--space-0);
        overflow: hidden;
        border-radius: .25em;
    }

.card__image .card-content .card-image {
            /* flex: 1 1 75%; */
            overflow: hidden;
            /* aspect-ratio: 4/3; */
            aspect-ratio: 4/3;
        }

.card__image .card-content .card-image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                /* max-width: unset;
                min-width: 100%;
                min-height: 100%;
                margin-bottom: 0;
                min-height: 100%;                position: relative;
                object-fit: cover;
                transition: all .5s ease-in-out;
                transform-origin: center center;
                object-position: center center;
                transform: scale(1); */
            }

.card__image .card-content .card-text {
            position: absolute;
            z-index: var(--layer-ceiling);
            margin: 0;
            width: 100%;
            inset: 0;

        }

.card__image .card-content .card-text--header {
                position: absolute;
            }

.card__image .card-content .card-text--header h3 {
                    font-size: var(--step-1);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--semi-bold-weight);
                    color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
                    padding: var(--space-16);
                    z-index: 10;
                    line-height: 1.25;
                    max-width: 100%;
                    position: absolute;
                    bottom: 0;
                    margin-bottom: 0;
                    box-sizing: border-box;
                    width: 100%;
                    text-align: center;
                }

.card__image-solid-red-bottom .card-content .card-text--header {
                    bottom: 0;
                    left: 0;
                    right: 0;
                    z-index: var(--layer-ceiling);
                }

.card__image-solid-red-bottom .card-content .card-text--header h3::after {
                            content: '';
                            position: absolute;
                            inset: 0;
                            text-align: center;
                            display: block;
                            align-items: flex-end;
                            z-index: -1;
                            background: hsla(var(--carnelian-dm, var(--carnelian)) / 95%);
                        }

.card__image-solid-red-bottom .card-content .card-text--body {
                    display: none;
    
                }

.card__image-regular .card-content:after {
                    position: absolute;
                    height: 0%;
                    width: 0%;
                    background-color: hsla(var(--carnelian-dm, var(--carnelian)) / 80%);
                    content: '';
                    left: 0;
                    bottom: 0;
                    border-radius: 99em;
                    transform: translate(-50%, 50%);
                    transition: all .25s ease-in-out;
                    -webkit-backdrop-filter: blur(.5px);
                            backdrop-filter: blur(.5px);
                    aspect-ratio: 1/1;

                }

.card__image-regular .card-content .card-text {
                    
                    bottom: 0;
                    top: 0;
                    left: 0;
                    right: 0;
                    z-index: 1000;

                }

.card__image-regular .card-content .card-text--header {
                        text-align: center;
                        justify-content: center;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: flex-end;
                        background: hsl(0, 0%, 5%);
                        mix-blend-mode: multiply;
                        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 75%);
                    }

@media (min-width: 600px) {

.card__image-regular .card-content .card-text--header {
                            background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 100%)
                    }
                            
                        }

@media (min-width: 1025px) {

.card__image-regular .card-content .card-text--header {
                            background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 100%);
                            height: 50%;
                            bottom: 0;
                            left: 0;
                            justify-content: flex-start;
                            text-align: left
                    }
                        }

.card__image-regular .card-content .card-text--header h3 {
                            font-size: var(--step-3);
                            font-family: var(--clocktower-sans-serif);
                            font-weight: var(--semi-bold-weight);
                            text-align: left;
                            padding: 1em;
                            z-index: 10;
                            line-height: 1.25;
                            text-align: center;
                            display: flex;
                            flex-direction: column;
                            box-sizing: border-box;
                            height: 100%;
                            align-items: center;
                            justify-content: center;
                            margin-top: 0;
                        }

@media (min-width: 600px) {

.card__image-regular .card-content .card-text--header h3 {
                                flex-direction: column-reverse
                        }
                                
                            }

@media (min-width: 1025px) {

.card__image-regular .card-content .card-text--header h3 {
                                padding-left: 1em;
                                padding-bottom: 1em;
                                font-size: var(--step-1);
                                max-width: 75%;
                                display: inline-block;
                                text-align: left;
                                height: auto
                        }

                            }

.card__image-regular .card-content .card-text--header h3 i {
                                font-size: var(--step-5);
                                margin-top: var(--space-4);
                                color: hsla(var(--carnelian-dm, var(--carnelian)),1);
                                font-weight: var(--fa-duotone);
                                padding-left: var(--space-8);
                                display: inline-block;
                            }

@media (min-width: 600px) {

.card__image-regular .card-content .card-text--header h3 i {
                                    padding-bottom: var(--space-4);
                                    margin-top: 0
                            }
                                }

@media (min-width: 1025px) {

.card__image-regular .card-content .card-text--header h3 i {
                                    font-size: var(--step-0);
                                    font-weight: var(--fa-light);
                                    color: hsl(var(--text-white-dm, var(--text-white)))
                            }
                                }

.card__image-regular .card-content .card-text--body {
                        display: none;
                    }

.card__image-regular:hover .card-content .card-image img {
                    
                        transition: all .5s ease-in-out;
                        transition-delay: .25s;
                        transform-origin: center center;
                    }

.card__image-regular:hover .card-content:after {

                    transition: all .5s ease-in-out;
                    width: 600px;
                    height: 600px;
                }

.card--overlap-image-left {
        padding: 0;
        width: 100%;
        overflow: hidden;
        height: 100%;   
    }

@media (min-width: 600px) {
            
        }

@media (min-width: 1025px) {

.card--overlap-image-left {
            align-self: stretch;
            box-sizing: border-box   
    }
        }

.card--overlap-image-left .card-content {
            position: relative;
            text-align: center;
            display: flex; 
            flex-direction: column;
        }

@media (min-width: 1025px) {

.card--overlap-image-left .card-content {
                grid-template-columns: 25% 25% 25% 25%;
                grid-template-rows: repeat(4, 1fr);
                min-height: 50vh;
                text-align: left;
                display: grid
        }
            }

.card--overlap-image-left .card-content .card-image {
                z-index: 0;
                overflow: hidden;
                width: 100%;
                
            }

@media (min-width: 1025px) {

.card--overlap-image-left .card-content .card-image {
                    /* padding-bottom: var(--space-48); */
                    aspect-ratio: 4/3
                
            }

                }

@media (min-width: 1025px) {

.card--overlap-image-left .card-content .card-image {
                    width: 100%;
                    position: absolute;
                    grid-column: 1/4;
                    grid-row: 1/6
                
            }

                }

.card--overlap-image-left .card-content .card-image .cover-image {
                    width: 100%;
                    height: 100%;
                }

.card--overlap-image-left .card-content .card-image .cover-image img {
                        width: auto;    
                        min-width: 100%;
                        min-height: 300px;
                        -o-object-fit: cover;
                           object-fit: cover;
                    }

@media (min-width: 600px) {

.card--overlap-image-left .card-content .card-image .cover-image img {
                            width: auto;
                            height: 100%
                    }

                        }

.card--overlap-image-left .card-content .card-text {
                position: relative;
                z-index: 1;
                background: hsl(var(--body-background));
                width: 100%;
            }

@media (min-width: 1025px) {

.card--overlap-image-left .card-content .card-text {
                    padding: var(--space-128) var(--space-96);
                    /* margin: var(--space-48) 0 0; */
                    grid-column: 3/5;
                    grid-row: 2/6
            }
                }

.card--overlap-image-left .card-content .card-text h2 {
                    font-size: var(--step-3);
                    font-weight: var(--semi-bold-weight);
                    margin-bottom: var(--space-32);
                }

.card--overlap-image-left .card-content .card-text h3 {
                    text-align: left;
                    margin-top: var(--space-16);
                    margin-bottom: var(--space-32);
                }

@media (min-width: 1025px){}

.card--overlap-image-left .card-content .card-text p {
                    font-size: var(--step-0);
                }

.card--overlap-image-left .card-content .card-text ul {
                    margin: 0 2.5%;
                    box-sizing: border-box;
                }

@media (min-width: 1025px) {

.card--overlap-image-left .card-content .card-text ul {
                        margin: 0
                }

                    }

.card--overlap-image-left .card-content .card-text ul li a {
                            text-align: left;

                        }

@media (min-width: 1025px) {

                            }

/* &.cards--overlap--center-right {
        .card {
            .card-text {
                grid-row: 1/4;
                grid-column: 4/6;
            }   
        }
    } */

.card--overlap-center-equal .card-content {

        position: relative;
        display: flex;
        flex-direction: column-reverse;
        --accent-primary: 33.7,94%, 54%;
        width: 100%;
    }

@media (max-width: 599px) {

.card--overlap-center-equal .card-content {
            margin: var(--space-80) 2.5%
    }
        }

@media (min-width: 600px) {

.card--overlap-center-equal .card-content {
            display: grid;
            grid-template-columns: [left-bleed] 10% [content] 1fr [right-bleed] 10%;
            grid-template-rows: [top-bleed] var(--space-48) [image] 1fr [text] auto [bottom-bleed] var(--space-48)
    }
        
            .card--overlap-center-equal .card-content:before {
                content: '';
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                justify-self: center;
                grid-column: 1 / 5;
                grid-row: 1;
            }
        }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content {
            grid-template-columns: [left-bleed] 5% [left] 45% [right] 45% [right-bleed] 5%;
            grid-template-rows: [top-bleed] 50px [content] 800px [bottom-bleed] 50px;
            grid-template-rows: [content] 1fr
    }
        }

.card--overlap-center-equal .card-content .card-text {
            
            display: flex;
            align-items: center;
        }

@media (min-width: 600px) {

.card--overlap-center-equal .card-content .card-text {
                grid-row: text;
                grid-column: content
        }
                
            }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text {
                grid-row: content;
                grid-column: left;
                position: relative
        }
            }

@media (min-width: 1280px) {

.card--overlap-center-equal .card-content .card-text {
                justify-content: flex-end
        }

            }

.card--overlap-center-equal .card-content .card-text .text-wrap {

                background: hsl(var(--card-background-dark));
                color: hsl(var(--text-white-dm, var(--text-white)));
                text-align: center;
                position: relative;
                padding: var(--space-80) var(--space-32) var(--space-48);
            }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text .text-wrap {
                    top: unset;
                    text-align: left;
                    position: relative;
                    padding: var(--space-64) var(--space-32) var(--space-48)
            }

                }

@media (min-width: 1280px) {

.card--overlap-center-equal .card-content .card-text .text-wrap {
                    padding: var(--space-80);
                    text-align: left;
                    grid-column: left;
                    grid-row: content
            }

                }

/* &.line-left {
                    &:before {
                        @media (--for-desktop-up) {
                            left: var(--space-80);
                            height: initial;

                        }
                    }
                } */

.card--overlap-center-equal .card-content .card-text .text-wrap .card-type {
                    text-transform: uppercase;
                    font-family: var(--clocktower-sans-serif);
                    font-size: var(--step--1);
                    color: hsl(var(--text-white-dm, var(--text-white)));
                }

@media (min-width: 1025px) {

                        .card--overlap-center-equal .card-content .card-text .text-wrap .card-type:before {
                            border-color: hsl(var(--carnelian));

                        }
                    }

.card--overlap-center-equal .card-content .card-text .text-wrap h2 {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    font-weight: var(--light-weight);
                    /* margin-top: var(--space-80); */
                    font-family: var(--clocktower-serif);
                    font-size: var(--step-4);
                }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text .text-wrap h2 {
                        /* margin-left: 1em; */
                        /* margin-top: var(--space-80); */
                        position: relative;
                        z-index: 50
                }
                    }

.card--overlap-center-equal .card-content .card-text .text-wrap p, .card--overlap-center-equal .card-content .card-text .text-wrap .content {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    font-weight: var(--regular-weight);
                    font-size: var(--step-0);
                    font-family: var(--clocktower-sans-serif);
                }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text .text-wrap p, .card--overlap-center-equal .card-content .card-text .text-wrap .content {
                        /* margin-left: var(--space-48); */
                        margin-top: 0em;
                        position: relative;
                        z-index: 50;
                        margin-right: var(--space-32)
                }
                    }

@media (min-width: 1280px) {

.card--overlap-center-equal .card-content .card-text .text-wrap p, .card--overlap-center-equal .card-content .card-text .text-wrap .content {
                        margin-right: 0
                }
                    }

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%,-75%);
                    z-index: 10;
                    margin-top: 0;
                    text-align: center;
                }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link {
                        left: unset;
                        right: 0em;
                        top: 50%;
                        height: 100%;
                        transform: translate(50%, -50%);
                        display: flex
                }
                    }

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link a {
                    
                        color: hsl(var(--text-white-dm, var(--text-white)));
                        text-decoration: none;
                        position: relative;
                        display: flex;
                        background-color: hsl(var(--carnelian));
                        width: var(--space-80);
                        height: var(--space-80);
                        border-radius: 99em;
                        padding: var(--space-80);
                        justify-content: center;         
                        margin: var(--space-48) auto 0em;
                        
                        
                    }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link a {
                            width: var(--space-64);
                            height: var(--space-64);
                            padding: 1em;
                            align-self: center
                        
                        
                    }

                        }

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link a:before {
                        
                            content: '\f054';
                            font-family: var(--font-awesome);
                            font-size: var(--step-2);
                            align-self: center;

                        }

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link a:hover, .card--overlap-center-equal .card-content .card-text .text-wrap .card-link a:focus {
                            transform: scale(1.1);
                        }

.card--overlap-center-equal .card-content .card-text .text-wrap .card-link a:hover:before, .card--overlap-center-equal .card-content .card-text .text-wrap .card-link a:focus:before {
                            }

.card--overlap-center-equal .card-content .card-image {
            
            height: 100%; 
            width: 100%;
            max-width: unset;
            position: relative;
        
        
        }

@media (min-width: 600px) {

.card--overlap-center-equal .card-content .card-image {
                grid-row: image;
                grid-column: content
        
        
        }
                
                .card--overlap-center-equal .card-content .card-image:after {
                    bottom: -1px;
                }
            }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-image {
                grid-column: right;
                grid-row: content;
                height: 100%;
                max-height: 720px
        
        
        }
            }

.card--overlap-center-equal .card-content .card-image img {
                /* width: 100%; */
                -o-object-position: bottom;
                   object-position: bottom;
                -o-object-fit: cover;
                   object-fit: cover;
                aspect-ratio: 3 / 4;
            }

@media (min-width: 600px) {

.card--overlap-center-equal .card-content .card-image img {
                    -o-object-position: center;
                       object-position: center
            }

                }

@media (min-width: 1025px) {

.card--overlap-center-equal .card-content .card-image img {
                    -o-object-position: left;
                       object-position: left;
                    -o-object-fit: cover;
                       object-fit: cover
            }
                }

.card--quickfact {
    padding: var(--space-0);
    min-height: 300px;
    background-color: hsla(var(--card-background-light) / 10000% );
    border: 1px solid hsla(var(--border-carnelian) / 2500%);
    position: relative;
    height: 100%;
    margin-bottom: var(--space-32);
}

.card--quickfact .card-content {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: var(--space-32);
        height: 100%;
    }

.card--quickfact .card-content .fontawesome-icon {
            height: var(--space-64);
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }

.card--quickfact .card-content .fontawesome-icon svg {
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
                width: 3.25em;
                height: 3.25em;
            }

.card--quickfact .card-content .fontawesome-icon i {
                font-size: var(--step-5);
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
                font-family: var(--font-awesome);
                font-weight: 200;
            }

.card--quickfact .card-content h3 {
            color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
            font-family: var(--clocktower-sans-serif);
            font-size: var(--step-1);
            font-weight: var(--semibold);
            text-align: center;
        }

.card--quickfact .card-content p {
            color: var(--cardText);
            font-size: var(--step-0);
            text-align: center;
    
        }

html[data-theme="dark"] .quick-fact {
        border: 0;
    }

html[data-theme="dark"] .quick-fact .card-content h3 {
                color: hsla(var(--text-light));
            }

html[data-theme="dark"] .quick-fact .card-content h3::after {
                    border-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                }

html[data-theme="dark"] .quick-fact .card-content .fontawesome-icon i {
                    color: hsla(var(--text-white-dm, var(--text-white)));
                }

.card__tile-section {

    background: #F9F9F9;
    flex: 0 0 250px;
    box-shadow: 0px 0px 15px 7px rgba(230,230,230,0.15);
    padding: var(--space-32);
    border: 1px solid rgba(250,250,250, 1);
    border-radius: .25rem;
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.card__tile-section .card-text h2 {
            font-family: var(--clocktower-serif);
            color: hsl(var(--text-black-dm, var(--text-black)));
            font-weight: var(--regular-weight);
        }

.card__tile-section .card-text p {
            line-height: 1.5;
            font-size: var(--step-1);
        }

/* .events__tiles {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--space-16);

    .events__tile {
        flex: 0 0 250px;
        -webkit-box-shadow: 0px 0px 15px 7px rgba(230,230,230,0.35);
        -moz-box-shadow: 0px 0px 15px 7px rgba(230,230,230,0.35);
        box-shadow: 0px 0px 15px 7px rgba(230,230,230,0.35);
        padding: var(--space-16);
        border: 1px solid rgba(245,245,245, 1);
        border-radius: .25rem;
        align-self: stretch;
        a {
            text-decoration: none;
            font-variant-numeric: lining-nums;
            
            .event__table-date {
                display: flex;
                flex-direction: column;
    
                .event__table-date-month {
                    font-size: var(--step-0);
                    font-weight: var(--semi-bold-weight);
                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                    text-transform: uppercase;
                    font-family: var(--clocktower-sans-serif);
                }
                .event__table-date-day {
                    font-size: var(--step-7);
                    font-weight: var(--regular-weight);
                    color: hsl(var(--text-black-dm, var(--text-black)));
                    line-height: 1;
                    font-family: var(--clocktower-serif);
                }
            }
    
            p {
                margin-bottom: var(--space-0);
                font-size: var(--step-1);
            }
        }
    
        &-view-all {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-decoration: none;
            align-self: stretch;
            margin-bottom: var(--space-0);
            .events__tile-icon {
                font-size: var(--step-5);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
            }

            span {
                font-family: var(--clocktower-sans-serif,san-serif);
                font-size: var(--step-1);
                line-height: 1.8;
                font-weight: var(--light-weight);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
                margin-bottom: var(--space-0);
                margin-top: var(--space-zero);
            }

        }
    }

   
    
} */

.card--stacked {
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
    box-sizing: border-box;
    margin: var(--space-16);
    padding: 0;
    text-decoration: none;
    height: 100%;
    max-width: 400px;   

}

@media (min-width: 600px) {

.card--stacked {
        flex-flow: row wrap   

}
    }

@media (min-width: 600px) {

.card--stacked {
        margin: var(--space-16);
        box-sizing: border-box   

}
    }

@media (min-width: 1025px) {

.card--stacked {
        align-self: stretch   

}
    }

.card--stacked .card-content {
        width: 100%;
        overflow: hidden;
        height: 100%;
        position: relative;
    }

@media screen and (min-width: 1025px) {

.card--stacked .card-content {
            display: grid;
            grid-column: 1fr;
            grid-template-rows: [image] 330px [content] 1fr [footer] auto
    }
        }

.card--stacked .card-content .card-image {
            overflow: hidden;
            -o-object-position: center center;
               object-position: center center;
            -o-object-fit: cover;
               object-fit: cover;
            aspect-ratio: 4/3;
            position: relative;        
        }

.card--stacked .card-content .card-image img {
                    width: 100%;
                    min-height: 100%;
                    max-height: 300px;
                    aspect-ratio: 4/3;
                    -o-object-fit: cover;
                       object-fit: cover;
                    -o-object-position: center;
                       object-position: center;
                }

@media(min-width: 600px) {

.card--stacked .card-content .card-image img {
                        max-height: unset;
                        height: auto
                }
                    }

.card--stacked .card-content .card-image .tag-list {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    z-index: 1;
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                    color: #FFF;
                    padding: var(--space-8)calc(var(--space-8) + var(--space-4));
                    margin: var(--space-16);
                    font-family: var(--clocktower-sans-serif);
                    text-transform: uppercase;
                    border-radius: .25em;
                    font-weight: var(--bold-weight);
                }

.card--stacked .card-content .card-text {
            position: relative;
            padding-bottom: var(--space-32);
            padding-top: var(--space-32);
            text-align: center;

        }

@media (min-width: 600px) {

.card--stacked .card-content .card-text {
                margin: var(--space-32) var(--space-16) var(--space-0) var(--space-0);
                padding-top: 0;
                padding-bottom: 0;
                text-align: left

        }
                
            }

@media (min-width: 1025px) {

.card--stacked .card-content .card-text {
                margin: var(--space-32) var(--space-16) var(--space-0) var(--space-0);
                text-align: left

        }
            }

/* div {
                margin-bottom: var(--space-64);
            } */

.card--stacked .card-content .card-text span.tag {
                font-size: var(--step-1);
                font-weight: var(--bold-weight);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
                font-family: var(--clocktower-sans-serif);
                text-transform: uppercase;

            }

@media (min-width: 600px) {

.card--stacked .card-content .card-text span.tag {
                    font-size: var(--step--1)

            }
                }

@media (min-width: 1025px) {

.card--stacked .card-content .card-text span.tag {
                    position: absolute;
                    top: -1.75em;
                    font-size: var(--step--1)

            }
                }

.card--stacked .card-content .card-text h3 {
                margin-top: var(--space-0);
                margin-bottom: var(--space-32);
                font-size: var(--step-5);
                color: var(--text-black-dm, var(--text-black));
                position: relative;
                font-family: var(--clocktower-serif);
                line-height: 1.8;
            }

@media(min-width: 600px) {

.card--stacked .card-content .card-text h3 {
                    font-size: var(--step-1)
            }
                }

@media(min-width: 1025px) {

.card--stacked .card-content .card-text h3 {
                    font-size: var(--step-3)
            }

                }

.card--stacked .card-content .card-text h3::after {
                    content: '';
                    width: 30%;
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                    height: .5px;
                    display: block;
                    position: absolute;
                    bottom: calc(var(--space-8) * -1);
                    left: 50%;
                    transform: translateX(-50%);
                }

@media(min-width: 600px) {

.card--stacked .card-content .card-text h3::after {
                        left: 0;
                        transform: unset
                }
                    }

.card--stacked .card-content .card-text p {
                font-size: var(--step-2);
                line-height: 1.5;
                margin-top: var(--space-16);
            }

@media (min-width: 600px) {

.card--stacked .card-content .card-text p {
                    font-size: var(--step-1)
            }
                }

@media (min-width: 1025px) {

.card--stacked .card-content .card-text p {
                    font-size: var(--step-1)
            }
                }

.card--stacked .card-content .card-footer {
            position: relative;
        }

@media (max-width: 599px) {

.card--stacked .card-content .card-footer {
                text-align: center
        }
            }

.card--stacked .card-content .card-footer a.link-button {
                    font-size: var(--step-2);
                }

@media(min-width: 1025px) {

.card--stacked .card-content .card-footer a.link-button {
                        font-size: var(--step-1);
                }
                    }

.card--stacked .card-content .card-footer a.link-button {
                    
                    margin: 0;
}

.card--inline .card-content {

        display: flex;
        flex-direction: column;
        position: relative;
        margin-bottom: 1.5em;
        align-items: center;
    }

@media (min-width: 600px) {

.card--inline .card-content {
            align-items: flex-start;
            margin: 1em 0;
            justify-content: center;
            flex-direction: row;
            padding: 1em 0
    }
    
            .card--inline .card-content:after {
                display: none;
            }
        }

.card--inline .card-content .card-image {
            
            flex: 0 0 250px;
            overflow: hidden;
            padding-bottom: 1em;
        }

.card--inline .card-content .card-image img {
    
                width: 100%;
                height: 250px;
                width: 250px;
            }

@media (min-width: 600px) {
    
                }

.card--inline .card-content .card-image img {
                -o-object-fit: cover;
                   object-fit: cover;
}

.card--inline .card-content .card-text {
            margin: 0;
            padding-left: 0;
            flex: 0 0 1fr;
            box-sizing: border-box;
            text-align: center;
        }

@media (min-width: 600px) {

.card--inline .card-content .card-text {
                padding-left: 2em;
                text-align: left
        }
            }

.card--inline .card-content .card-text h4 {
                margin-top: 0;
                color: hsla(var(--carnelian),1);
            }

.card--inline .card-content .card-text h3 {
                margin-top: 0;
                font-size: var(--step-2);
                color: hsla(var(--text-black));
            }

.card--inline .card-content .card-text p {
                font-size: var(--step-1);
                padding-bottom: 1em;
                max-width: 80ch;
            }

.card--inline .card-content .card-text .link-button:hover {
                    color: hsla(var(--text-white),1);
                }

.card__tagged-link-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__tagged-link-list .tag {
        color: hsl(var(--carnelian-dm, var(--carnelian)));
        border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
        border-radius: var(--space-32);
        padding: var(--space-8);
        font-size: var(--step--1);
    }

.card__tile-blank {

    background: #F9F9F9;
    box-shadow: 0px 0px 15px 7px rgba(230,230,230,0.15);
    padding: var(--space-32);
    border: 1px solid rgba(245,245,245, 1);
    border-radius: var(--space-16);
    align-self: stretch;

}

.tile-link a {
        border: 1px solid hsl(var(--text-black-dm, var(--text-black)));
        background-color: hsl(var(--card));
        text-decoration: none;
        color: hsla(var(--text-black-dm, var(--text-black)));
        font-size: var(--step-2);
        display: flex;
        align-items: center;
        padding: var(--space-16);       
        text-align: center;
        display: flex;
        align-items: center;
        
        /* &.title-card-square {
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            color: hsl(var(--text-black-dm, var(--text-black)));
            text-decoration: none;
            border-bottom: 0;
            height: 104px;
            width: 104px;

            &:hover, &:focus {
                background-color: hsl(var(--carnelian));
                color: hsl(var(--text-white));
                border-color: hsl(var(--carnelian));
                animation: unset;
            }
        } */
    }

@media (max-width: 599px) {

.tile-link a {
            margin: var(--space-8) 0
    }
            
        }

@media (min-width: 600px) {

.tile-link a {
            margin: var(--space-8)
    }
        }

@media (min-width: 1025px) {

.tile-link a {
            justify-content: center;
            text-align: center;
            font-size: var(--step-1)
    }

        }

.tile-link a:after {
            display: inline-block;
            content: "\f138";
            font-family: var(--font-awesome);
            padding-left: var(--space-8);
            padding-right: var(--space-8);
            font-weight: var(--light-weight);
        }

@media (min-width: 1025px) {

.tile-link a:after {
                padding-left: var(--space-16);
                padding-right: var(--space-16)
        }
            }

.tile-link a:hover, .tile-link a:focus {
            background-color: hsl(var(--carnelian));
            color: hsl(var(--text-white-dm, var(--text-white)));
            border: 1px solid hsl(var(--carnelian));
            
        }

.card__tile--list {

    background: hsl(var(--card-light-dm, var(--card-light)));
    box-shadow: var(--box-shadow);
    padding: var(--space-32);
    border: 1px solid hsl(var(--card-border-light-dm, var(--card-border-light)));
    border-radius: .25rem;
    align-self: stretch;


}

.card__tile--list .card-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }

.card__tile--list .card-content span.category {
            color: hsl(var(--carnelian-dm, var(--carnelian)));
            border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
            font-family: var(--clocktower-sans-serif);
            padding: var(--space-8) var(--space-32);
            border-radius: 2em;
            margin-bottom: var(--space-32);
        }

.card__tile--list .card-content h2, .card__tile--list .card-content h3 {
            font-family: var(--clocktower-serif);
            color: hsl(var(--text-black-dm, var(--text-black)));
        }

.card__tile--list .card-content p {
                line-height: 1.5;
                font-size: var(--step-0);
            }

.card__tile--list .card-content ul li a {
    
                        font-size: var(--step--1);
                    }

.card__tile--list .card-content ul.two-col {
                    -moz-columns: 2;
                         columns: 2;
                    gap: var(--space-32);
                }

.card__tile {

    background: hsl(var(--card-light-dm, var(--card-light)));
    box-shadow: 0px 0px 15px 7px hsl(var(--card-border-light-dm, var(--card-border-light)));
    padding: var(--space-32);
    border: 1px solid hsl(var(--card-border-light-dm, var(--card-border-light)));
    border-radius: .25rem;
    align-self: stretch;


}

.card__tile .card-text h3 {
            font-family: var(--clocktower-serif);
            color: hsl(var(--text-black-dm, var(--text-black)));
        }

.card__tile .card-text p {
            line-height: 1.5;
            font-size: var(--step-0);
        }

.events__table .event__table-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

.events__table table {
            display: table;
            width: 100%;
            border-spacing: 0;
            border-collapse: collapse;
        }

@media (max-width: 599px) {

.events__table table {
                width: 95%
        }
            }

.events__table table:after {
                display: none;
            }

.events__table table thead th {
                    max-width: 25%;
                    color: hsla(var(--text-black-dm, var(--text-black)) / 100%);
                    border-bottom: 1px solid #dedede;
                    font-size: var(--step-0);
                    padding-bottom: var(--space-16);
                    font-weight: var(--semi-bold-weight);
                    font-family: var(--clocktower-sans-serif);
                    text-align: left;
                }

.events__table table thead th:first-of-type {
                        width: 25%;
                    }

.events__table table thead th#view-title-table-column--6 {
                        width: 35%;
                    }

.events__table table thead th#view-field-event-host-table-column--6 {
                        width: 25%;
                    }

.events__table table thead th#view-field-link-table-column--6 {
                        width: 15%;
                    }

.events__table table tbody tr:last-child td {
                            border-bottom: none;
                        }

.events__table table tbody tr td {
                        max-width: 350px;
                        vertical-align: middle;
                        padding-left: 0;
                        font-size: var(--step-0);
                        font-weight: var(--light-weight);
                        line-height: 1.8;
                        padding: 0;
                        margin-bottom: 0;
                        font-family: var(--clocktower-sans-serif);
                    }

.events__table table tbody tr td:before {
                            display: none;
                        }

@media (min-width: 600px) {

.events__table table tbody tr td {
                            border-bottom: 1px solid hsla(var(--card-background-light),1);
                            margin-bottom: 1em
                    }
                        }

@media (max-width: 599px) {
                            .events__table table tbody tr td:last-child {
                                border-bottom: 1px solid hsla(var(--card-background-light),1);
                            }
                        }

.events__table table tbody tr td p {
                            font-size: var(--step-0);
                            margin-right: 1em;
                        }

@media (min-width: 600px) {
                            
                        }

@media (max-width: 599px) {

.events__table table tbody tr td.views-field-title-1 {
                                font-size: var(--step-3);
                                padding: 0 .25em;
                                font-weight: var(--semi-bold-weight);
                                line-height: 1.25;
                                color: hsla(var(--text-black-dm, var(--text-black)),1)
                        }
                            }

@media (min-width: 600px) {

.events__table table tbody tr td.views-field-title-1 {
                                font-size: var(--step-1);
                                line-height: 1.25;
                                padding: 0 1em
                        }
                            }

@media (min-width: 1025px) {

.events__table table tbody tr td.views-field-title-1 {
                                font-size: var(--step-0);
                                font-weight: var(--regular-weight);
                                padding: 0
                        }
                            }

@media (max-width: 599px) {

.events__table table tbody tr td.event__table-title {
                                font-size: var(--step-3);
                                padding: 0 .5em;
                                font-size: var(--semi-bold-weight)
                        }
                            }

.events__table table tbody tr td.event__table-title {
                            padding: .5em;
}

.events__table table tbody tr td.event__table-title a {
                                font-size: var(--step-0);
                                font-weight: var(--regular-weight);
                                text-decoration: none;
                                
                            }

.events__table table tbody tr td .event__table-date {

                            font-family: var(--clocktower-sans-serif);
                            padding: 0 .25em 0 .25em;
                            display: inline;
                            font-weight: var(--regular-weight);
                            font-size: var(--step-1);


                        }

@media (min-width: 600px) {

.events__table table tbody tr td .event__table-date {
                                font-size: var(--step-0);
                                padding: 0;
                                display: block


                        }
                            }

@media (min-width: 1025px) {

.events__table table tbody tr td .event__table-date {
                                padding: 0 .25em 0 .25em;
                                display: inline-block


                        }

                            }

.events__table table tbody tr td .event__table-date:after {
                                    display: inline;
                                    content: '/';
                                    padding-left: .25em;
                                    font-size: var(--step-0);
                                    transform: rotate(15deg);
                                    position: aboslute;
                                    top: 100%;
                                    right: 0;
                                    transform: translate(25%,50%);
                                    color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                                }

@media (min-width: 1025px) {
                
                            }

@media (min-width: 1280px) {
                            }

.events__table table tbody tr td .event__table-date-month {
                                display: inline;
                            }

.events__table table tbody tr td .event__table-date-day {
                                display: inline;
                                position: relative;
                                margin-top: -.25em;
                                line-height:.5;
                                font-feature-settings: "lnum";
                                font-variant-numeric: lining-nums;

                                
                            }

.events__table table tbody tr td .event__table-time {
                            display: inline;
                            margin-top: var(--space-8);
                            font-size: var(--step-1);
                            font-weight: var(--regular-weight);
                            font-family: var(--clocktower-sans-serif);
                            display: inline-block;
                        }

@media (min-width: 600px) {

.events__table table tbody tr td .event__table-time {
                                font-size: var(--step-0);
                                font-weight: var(--thin-weight)
                        }
                                
                            }

.events__table table tbody tr td .event__table-time span {

                            }

.events__table table tbody tr td .register {
                            background-color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                            color: #FFF;
                            font-weight: var(--semi-bold-weight);
                            border-radius: var(--space-4);
                            margin: var(--space-16) var(--space-8);
                        }

.events__table table tbody tr td.event__table-host, .events__table table tbody tr td.views-field-field-event-host {
                            display: inline-block;
                            font-size: var(--step-0);
                            padding: 0 .5em;
    
                        }

@media (min-width: 600px) {

.events__table table tbody tr td.event__table-host, .events__table table tbody tr td.views-field-field-event-host {

                                display: table-cell
    
                        }
                            }

@media (min-width: 1025px) {

.events__table table tbody tr td.event__table-host, .events__table table tbody tr td.views-field-field-event-host {
                                border-radius: var(--space-4);
                                padding: var(--space-16);
                                font-size: var(--step--1)
    
                        }

                            }

.events__table .event-item {
    
            display: flex;
            flex-direction: row;
            margin-bottom: 1.5em;
            align-items: center;
    
            border-bottom: 1px solid rgb(241, 241, 241);
            padding: 1.5em 0em;
            width: 90%;
            margin: 0 auto;
            
        }

@media (min-width: 600px) {

.events__table .event-item {
                width: 75%
            
        }
            }

@media (min-width: 1025px) {

.events__table .event-item {
                align-items: flex-start;
                border-bottom: none
            
        }
               
            }

@media (min-width: 1280px) {

.events__table .event-item {
                width: 100%
            
        }
            }

.events__table .event-item .event-details {
                flex: 1 0 70%;
            }

.events__table .event-item .event-details h4 {
                    margin-top: 0;
                    margin-bottom: .5em;
                }

.events__table .event-item .event-details h4 a {
    
                        font-size: var(--step-1);
                        color: var(--link);
                    }

.events__table .event-item .event-details p {
                    margin: 0;
                    padding-right: 4em;
                }

.events-full {

        @include m.boxShadowLight; 
        border: 1px solid #eee;
        margin: 2em 0;
        padding: 1em 2em;
    
}

.events-full h2 {
            font-size: var(--step-1);
            font-family: var(--clocktower-sans-serif);
        }

.events-full .event-details {
            margin-top: 1em;
            font-family: var(--clocktower-sans-serif);
            font-size: var(--step-0);
            color: hsla(var(--text-black-dm, var(--text-black)),1);
    
        }

.events-full .event-details .prefix {
    
                color: hsla(var(--text-black-dm, var(--text-black)),1);
                
            }

.events-full .event-details .prefix:after {
                    display: inline-block;
                    content: '/';
                    padding-left: .25em;
                    transform: rotate(15deg);
                    top: -.15em;
                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                }

.events-full .event-details .date, .events-full .event-details .time {
                margin-left: .25em;
            }

#views-exposed-form-events-events-table {
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
    background-color: transparent;
    align-items: center;
    display: flex;
    z-index: 1000;
    gap: var(--space-8);

}

@media (min-width: 1025px) {

#views-exposed-form-events-events-table {
        justify-content: flex-end

}

    }

#views-exposed-form-events-events-table .form-item {
        flex: 0 1 auto;
        text-align: right;
   }

#views-exposed-form-events-events-table .form-item label {

           border: 0 !important;
           clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
           clip-path: inset(50%) !important;  /* 2 */
           height: 1px !important;
           margin: -1px !important;
           overflow: hidden !important;
           padding: 0 !important;
           position: absolute !important;
           width: 1px !important;
           white-space: nowrap !important;            /* 3 */
       }

#views-exposed-form-events-events-table .form-item select {
           height: 45px;
           font-family: var(--clocktower-sans-serif);
       }

@media (min-width: 1025px) {

#views-exposed-form-events-events-table .form-item select {
            width: 275px
       }

        }

#views-exposed-form-events-events-table .form-submit {
        font-family: var(--clocktower-sans-serif);
        font-size: var(--step--1);
        color: hsla(var(--text-white-dm, var(--text-white)) / 100%);
        height: var(--space-48);
        padding: 0 var(--space-16);
        border: 1px solid transparent;
        text-transform: uppercase;
        box-shadow: unset;
        background: hsl(var(--carnelian-dm, var(--carnelian)));
        width: auto;
   }

#views-exposed-form-events-events-table .form-submit:hover, #views-exposed-form-events-events-table .form-submit:focus {
            background-color: hsla(var(--bodyBackground) / 100%);
            color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
            border: 1px solid hsla(var(--border-carnelian) / 100%);
        }

.events__tiles {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-16);
    flex-direction: column;
    
    }

@media (min-width: 1025px) {

.events__tiles {
        flex-direction: row
    
    }

    }

.events__tiles .events__tile {
        flex: 0 0 1fr;
        box-shadow: 0px 0px 15px 7px hsl(var(--card-border-light-dm, var(--card-border-light)));
        padding: var(--space-16);
        border: 1px solid hsl(var(--card-border-light-dm, var(--card-border-light)));
        border-radius: .25rem;
        align-self: stretch;
        background: hsl(var(--card-light-dm, var(--card-light)));
    }

@media (min-width: 1025px) {

.events__tiles .events__tile {
            flex: 0 0 250px
    }
            
        }

.events__tiles .events__tile a {
            text-decoration: none;
            font-feature-settings: "lnum";
            font-variant-numeric: lining-nums;
            
        }

.events__tiles .events__tile .event__table-date {
            display: flex;
            flex-direction: column;
            margin-bottom: var(--space-8);
        }

.events__tiles .events__tile .event__table-date .event__table-date-month {
                font-size: var(--step-0);
                font-weight: var(--semi-bold-weight);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
                text-transform: uppercase;
                font-family: var(--clocktower-sans-serif);
            }

.events__tiles .events__tile .event__table-date .event__table-date-day {
                font-size: var(--step-6);
                font-weight: var(--regular-weight);
                color: hsl(var(--text-black-dm, var(--text-black)));
                line-height: 1;
                font-family: var(--clocktower-serif);
            }

.events__tiles .events__tile p {
            margin-bottom: var(--space-0);
            font-size: var(--step-0);
        }

.events__tiles .events__tile-view-all {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-decoration: none;
            align-self: stretch;
            margin-bottom: var(--space-0);
    
        }

.events__tiles .events__tile-view-all .events__tile-icon {
                font-size: var(--step-5);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
            }

.events__tiles .events__tile-view-all span {
                font-family: var(--clocktower-sans-serif,san-serif);
                font-size: var(--step-1);
                line-height: 1.8;
                font-weight: var(--light-weight);
                color: hsl(var(--carnelian-dm, var(--carnelian)));
                margin-bottom: var(--space-0);
                margin-top: var(--space-zero);
            }

.paragraph-image {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: hsla(var(--text-black-dm, var(--text-black)) / 2.5%);
}

.link-group-item {
    height: 100%;
    width: 100%;
    min-height: 100px;
    justify-content: center;      
    text-align: left;   
    border: 1px solid hsl(var(--text-black-dm, var(--text-black)));
    text-decoration: none;
    padding: var(--space-8) var(--space-16);
    display: flex;
    align-items: center;
    font-size: var(--step-1);
    gap: var(--space-16);
    color: hsl(var(--text-black-dm, var(--text-black)));
}

.link-group-item:after {
        display: inline-block;
        content: "\f138";
        font-family: var(--font-awesome);
        border: 1px solid hsla(var(--card-border));
        background-color: hsla(var(--card-color-light),1);
        text-decoration: none;
        color: hsl(var(--text-black-dm, var(--text-black)));
        font-size: var(--step-2);
        font-weight: var(--fa-light);
    }

.link-group-item:hover, .link-group-item:focus {
        background-color: hsl(var(--carnelian));
        color: hsl(var(--text-white));
        border: 1px solid hsl(var(--carnelian));
    }

.link-group-item:hover:after, .link-group-item:focus:after {
            color: hsl(var(--text-white));
        }

.resource-menu {
    z-index: 10000;   
}

@media (max-width: 599px) {

.resource-menu {
        margin: 0 var(--space-16) var(--space-64)   
}
    }

.resource-menu {    

    margin-bottom: var(--space-64);
}

.resource-menu .layout__region {
        overflow: visible;
    }

.resource-menu h2 {
        text-align: center;
        font-weight: var(--light-weight);
        font-family: var(--clocktower-serif);
    }

.resource-menu p {
        text-align: center;
        margin: 0 auto;
        padding-top: var(--space-32);
    }

@media (max-width: 599px) {

.resource-menu ul:first-of-type {
            width: 100%;
            padding: 0;
            box-sizing: border-box
    }
        }

.resource-menu ul:first-of-type {

        list-style: none;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        height: auto;
        max-width: none;
        margin: 0 auto;
}

/* width: 50%; */

@media (min-width: 1025px) {

.resource-menu ul:first-of-type {
            flex-flow: row wrap;
            justify-content: center;
            width: 75%
    }
            
        }

@media (min-width: 1280px) {

.resource-menu ul:first-of-type {
            width: 60%;
            padding-top: var(--space-32)
    }

        }

.resource-menu ul:first-of-type .top-level {
            height: auto;
            display: block;
            flex: 1 1 auto;
            text-align: center;
            position: relative;
            padding: var(--space-8) var(--space-0);
            z-index: 1;
        }

@media (max-width: 599px) {

.resource-menu ul:first-of-type .top-level {
                text-align: left
        }
            }

.resource-menu ul:first-of-type .top-level::before {
                position: absolute;
                background: #ccc;
                left: 0;
                content: '';
                z-index: 0;
                width: 100%;
                height: 1px;
                bottom: 0;
                
            }

@media (min-width: 1025px) {

.resource-menu ul:first-of-type .top-level::before {
                    height: 30%;
                    width: 1px;
                    top: 50%;
                    transform: translate(0, -50%)
                
            }
    
                }

@media (min-width: 1025px) {
                    .resource-menu ul:first-of-type .top-level:first-of-type::before {
                        display: none;
                        
                    }   
                }

@media (min-width: 1025px) {
                .resource-menu ul:first-of-type .top-level::before {

                }

                .resource-menu ul:first-of-type .top-level:last-of-type {
    
                }
            }

.resource-menu ul:first-of-type .top-level .toggle-menu {
                background: transparent;
                border: none;
                cursor: pointer;
                position: relative;
                margin: var(--space-8) 0 0;
                display: flex;
                padding: 0;
                font-size: var(--step-1);
                width: 100%;
                align-items: center;
                justify-content: center;
            }

@media (max-width: 599px) {

.resource-menu ul:first-of-type .top-level .toggle-menu {
                    justify-content: space-between
            }
                }

.resource-menu ul:first-of-type .top-level .toggle-menu {
                
                color: hsl(var(--text-black-dm, var(--text-black)) 1);
}

.resource-menu ul:first-of-type .top-level .toggle-menu::after {
                    content: '\f078';
                    color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    font-family: var(--font-awesome);
                    font-size: var(--step--1);
                    margin-left: var(--space-16);
                    display: inline-block;
                }

.resource-menu ul:first-of-type .top-level.active .toggle-menu::after {
                        transform: rotate(180deg);
                    }

.resource-menu ul:first-of-type .top-level.active ul.sub-menu {
                    display: block;
                    position: relative;
                                
                }

@media (min-width: 1025px) {

.resource-menu ul:first-of-type .top-level.active ul.sub-menu {
                        position: absolute;
                        box-shadow:
                        0  5px 10px hsl(var(--card-shadow-one) .05),
                        0 10px 15px hsl(var(--card-shadow-two) .2)
                                
                }
                    }

.resource-menu ul:first-of-type .top-level ul.sub-menu {
                list-style: none;
                padding-left: 0;
                background: hsl(var(--menuBackground) 1);
                display: none;
                position: absolute;
                z-index: 100;
                max-width: unset;
                width: 100%; 
                left: 0;
                padding: var(--space-16) 0 0;

                
            }

.resource-menu ul:first-of-type .top-level ul.sub-menu li {
                    border-bottom: 0;
                    line-height: 3em;
                }

.resource-menu ul:first-of-type .top-level ul.sub-menu li a {
                        display: block;
                        color: hsl(var(--text-black-dm, var(--text-black)) 1);
                        text-decoration: none;
                        font-size: var(--step-1);
                        padding: var(--space-8) var(--space-16);
                        position: relative;
                        animation: unset;
                        background: transparent;

                       
                    }

.resource-menu ul:first-of-type .top-level ul.sub-menu li a::before {
                            content: unset;
                        }

.resource-menu ul:first-of-type .top-level ul.sub-menu li a::after {
                            bottom: 0;
                            content: '';
                            width: 100%;
                            height: 1px;
                            background-color: rgb(240 240 240);
                            display: block;
                            position: absolute;

                        
                        }

@media (min-width: 1025px) {

.resource-menu ul:first-of-type .top-level ul.sub-menu li a::after {
                                width: 50%;
                                left: 50%;
                                transform: translate(-50%, 0)

                        
                        }

                            }

.resource-menu ul:first-of-type .top-level ul.sub-menu li a:hover, .resource-menu ul:first-of-type .top-level ul.sub-menu li a:focus  {
                            background: #b31b1b;
                            color: hsla(var(--text-white-dm, var(--text-white)));
                        }

.resource-menu ul:first-of-type .top-level ul.sub-menu li a:hover::after, .resource-menu ul:first-of-type .top-level ul.sub-menu li a:focus::after {
                                background-color: transparent;
                                
                            }

.resource-menu ul:first-of-type .top-level ul.sub-menu li:last-of-type a::after {
                                content: unset;
                            }

.resource-menu ul:first-of-type .top-level ul.sub-menu li > ul:first-of-type {
                        position: absolute;
                        top: 0;
                        left: 100%;
                        width: 100%;
                        display: none;
                        list-style: none;
                        padding-left: 0;

                    }

.resource-menu ul:first-of-type .top-level ul.sub-menu li.active {
                        display: block;
                    }

.resource-menu ul:first-of-type .top-level ul.sub-menu li.active > ul {
                            display: block;
                        }

.search-toggle {
    background-color: transparent;
    cursor: pointer;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    font-size: var(--step-0);
    border: 0;
    margin-bottom: var(--space-0);
    color: hsl(var(--menu-link-white));
}

.search-toggle::before {
        font-family: var(--font-awesome);
        display: block;
        cursor: pointer;

    }

.search-toggle:focus::before {
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }

.search-toggle#open-search::before {
            content: '\f002';
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }

#site-search.search-inline .search-wrapper {
        position: relative;
        height: 50px;
        width: 45px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-end;



        
    }

#site-search.search-inline .search-wrapper #cancel-search {
            position: relative;
            right: -var(--space-8);
            left: unset;
            top: unset;
            color: var(--black, #333);
            transform: unset;
        }

#site-search.search-inline .search-wrapper #cancel-search::before {
                content: '\f00d';
            }

#site-search.search-inline .search-wrapper form {
            position: relative;
            flex-direction: row;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 0;
            display: none;   
        }

#site-search.search-inline .search-wrapper form .form-actions {
                position: relative;
                height: 50px;
                width: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: hsl(var(--menu-link-white));
            }

#site-search.search-inline .search-wrapper form .form-actions input[type="submit"] {
                    font-family: var(--font-awesome);
                    color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    font-size: var(--step-0);
                    margin: 0;
                    padding: 0;
                    border: 0;
                    display: block;
                    width: 100%;
                    height: 40px;
                    background-color: transparent;
                }

#site-search.search-inline .search-wrapper form .form-actions input[type="submit"]:focus {
                        outline: 3px solid -webkit-focus-ring-color;
                        box-shadow: 0 0 0 6px #FFF;
                        outline-offset: 2px;
                        /* z-index: 1000; */
                    }

#site-search.search-inline .search-wrapper form .form-actions:hover {
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                }

#site-search.search-inline .search-wrapper form .form-actions:hover input[type="submit"] {
                        color: hsl(var(--menu-link-white));
                    }

#site-search.search-inline .search-wrapper form .form-item {
                height: 50px;
                width: 90%;
                box-sizing: border-box;
                position: relative;
            }

#site-search.search-inline .search-wrapper form .form-item:focus-within::before {
                        content: '';
                        position: absolute;
                        border: 2px solid #5699d4;
                        inset: 2px;
                    }

#site-search.search-inline .search-wrapper form .form-item input[type='search'] {
                    height: 50px;
                    font-size: var(--step-1);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--extra-light-weight);
                    border: 0;
                    width: 100%;
                    padding-left: var(--space-8);
                    outline: 0;
                       
                        
                
                   
                }

#site-search.search-inline .search-wrapper form .form-item input[type='search']::-moz-placeholder {
                        font-style: italic;
                    }

#site-search.search-inline .search-wrapper form .form-item input[type='search']::placeholder {
                        font-style: italic;
                    }

#site-search.search-inline .search-wrapper form .form-item span {
                    width: 100%;
                }

#site-search.search-inline .search-wrapper form .form-item span input[type="search"] {
                        width: 100%;
                        height: var(--space-32);
                        padding-left: var(--space-16);
                    }

#site-search.search-inline .search-wrapper form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }

#site-search.search-inline.active .search-wrapper {
            width: 45em;
        }

#site-search.search-inline.active .search-wrapper #search-toggle {
                left: unset;
                right: 0;
            }

#site-search.search-inline.active .search-wrapper form {
                max-width: 100%;
                animation: cubic-bezier(1, 0, 0, 1);
                display: flex;
    
            }

.search-modal {
    background-color: transparent;   
    border: 0;
    align-items: center;

}

.search-modal::backdrop {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, .75);

    }

.search-modal .search-wrap {
        display: flex;
        /* align-items: center; */
        min-width: 50vw;
        min-height: 75vh;
        flex-direction: column;
        justify-content: center;
    }

.search-modal .search-wrap h2 {
            font-size: var(--step-5);
            color: hsl(var(--menu-link-white));
            font-family: var(--clocktower-serif);
            margin-bottom: var(--space-32);
        }

.search-modal .search-wrap #cancel-search {
            position: absolute;
            color: hsl(var(--menu-link-white));
            font-size: var(--step-4);
            top: 0;
            right: 0;
        }

.search-modal .search-wrap #cancel-search::before {
                content: '\f00d';
            }

.search-modal .search-wrap form {
    
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
        }

.search-modal .search-wrap form .form-item {
                flex: auto;
                min-height: 50px;
                width: 100%;
    
            }

.search-modal .search-wrap form .form-item input[type="search"] {
                    display: block;
                    width: 100%;
                    height: 50px;
                    padding-left: var(--space-8);
                    font-family: var(--clocktower-sans-serif);
                    border: 0;
                }

.search-modal .search-wrap form .form-actions {
                flex: 0 0 50px;
            }

.search-modal .search-wrap form .form-actions button {
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                    color: hsl(var(--menu-link-white));
                    border: transparent;
                    height: 50px;
                    width: 50px;
                    margin-bottom: 0;
                }

#open-search-mobile {
    padding-right: var(--space-8);
}

#open-search-mobile::before {
        color: hsl(var(--text-black-dm, var(--text-black)) 1);
    }

@media (min-width: 1025px) {

#open-search-mobile {
        display: none
}
    }

#mobile-search {
    z-index: 10000;
    display: none;
    position: absolute;
    inset: 0;
    height: 100%;
    background: hsl(0deg 100% 0% / 95%);
    overflow: hidden;
}

#mobile-search.active {
        display: block;
    }

#mobile-search #close-mobile-search {
        background-color: transparent;
        border-radius: 99em;
        font-size: var(--step-4);
        z-index: 100;
        top: var(--space-16);
        right: var(--space-16);
        color: hsl(var(--text-white-dm, var(--text-white)) 1);
    }

#mobile-search #close-mobile-search .buttonWrap {
            color: hsl(var(--text-white-dm, var(--text-white)) 1); 
            
        }

#mobile-search #close-mobile-search .buttonWrap span {
                background: hsl(var(--text-white-dm, var(--text-white)) 1);
            }

#mobile-search .views-exposed-form {
        position: absolute;
        display: flex;
        align-items: center;
    }

#mobile-search .views-exposed-form form {
            background-color: transparent;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0;
        }

#mobile-search .views-exposed-form form h2 {
                color: hsl(var(--text-white-dm, var(--text-white)) 1);
                font-size: var(--step-5);
                white-space:break-spaces;
                display: inline;
                padding: 0 5%;

            }

#mobile-search .views-exposed-form form .form-item {
                width: 100%;
            
                
            }

#mobile-search .views-exposed-form form .form-item label {
                    font-size: var(--step-3);
                    font-weight: var(--regular-weight);
                    font-family: var(--clocktower-sans-serif);
                    margin-bottom: var(--space-16);
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
    
                }

#mobile-search .views-exposed-form form .form-item {

            
                    display: flex;
}

#mobile-search .views-exposed-form form .form-item input[type='search'] {
                        height: 3var(--space-8);
                        background: transparent;
                        border: 0;
                        border-bottom: 2px solid #FFF;
                        font-size: var(--step-2);
                        color: hsl(var(--text-white-dm, var(--text-white)) 1);
                        display: inline;
                        flex-shrink: 1;
                        max-width: 350px;
                        margin: 0 auto;
                        border-radius: 0;
                    }

#mobile-search .views-exposed-form form .form-wrap {
                padding: 0 5%;
            }

#mobile-search .views-exposed-form form .form-wrap .form-actions {
                    margin-top: var(--space-16);
                    display: flex;
                    width: 100%;
                    position: relative;
                }

#mobile-search .views-exposed-form form .form-wrap .form-actions input[type='submit'] {
                        text-align: center;
                        background: transparent;
                        border: 1px solid hsl(var(--border-carnelian) 1);
                        color: hsl(var(--text-white-dm, var(--text-white)) 1);
                        border-radius: var(--space-4);
                        width: 100px;
                        font-family: var(--font-awesome);
                        margin: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: var(--step-3);
                    }

@media (min-width: 1025px) {

#mobile-search {
        display: none
}
    }

.search-page .views-exposed-form form {
            padding: 0;
            position: relative;
            margin-top: var(--space-32);
        }

.search-page .views-exposed-form form .form-item {
                width: 100%;
                height: 100%;
                
               
            }

.search-page .views-exposed-form form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }

.search-page .views-exposed-form form .form-item input[type='text'] {
                    width: 100%;
                    height: var(--space-64);
                    font-size: var(--step-0);
                    padding: var(--space-4) var(--space-16);
                    box-sizing: border-box;
                
                }

.search-page .views-exposed-form form .form-item input[type='text'] span {
                    }

.search-page .views-exposed-form form .form-actions {
                position: absolute;
                top: 0;
                right: 0;
                height: 100%;
            }

.search-page .views-exposed-form form .form-actions input[type="submit"] {
                    font-family: var(--font-awesome);
                    background: transparent;
                    border: transparent;
                    color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    font-size: var(--step-1);
                    margin: 0;
                    padding: 0;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    min-width: var(--space-64);
                }

.search-page .search-result {
        /* @include m.boxShadowLight;  */

        border: 1px solid #eee;
        margin: var(--space-32) 0;
        padding: var(--space-16) var(--space-32);
    }

.search-page .search-result h2 {
            margin-top: 0;
            margin-bottom: var(--space-4);
        }

.search-page .search-result h2 a {
                color: hsl(var(--link-blue) 1);
                font-size: var(--step-1);
                
            }

.search-page .search-result p {
            margin-top: 0;
            max-width: unset;
        }

.search-page .search-result p strong {
                font-weight: var(--regular-weight);
                background-color: hsl(var(--highlighted) 1);
            }

.events-listing-page .views-exposed-form {
        margin: 0;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        padding: 0;
        justify-content: space-between;
        }

@media (min-width: 1025px) {

.events-listing-page .views-exposed-form {
            justify-content: flex-end
        }
        }

.events-listing-page .views-exposed-form .form-item {
                width: 100%;
                height: 100%;
                flex: 1 0 75%;
                
               
            }

@media (min-width: 1025px) {

.events-listing-page .views-exposed-form .form-item {
                    flex: 0 1 300px !important
                
               
            }
                }

.events-listing-page .views-exposed-form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }

.events-listing-page .views-exposed-form .form-item input[type='text'] {
                    width: 100%;
                    height: var(--space-64);
                    font-size: var(--step-0);
                    padding: var(--space-4) var(--space-16);
                    box-sizing: border-box;
                
                }

.events-listing-page .views-exposed-form .form-item input[type='text'] span {
                    }

.events-listing-page .views-exposed-form .form-item select {
                    height: var(--space-64);
                    font-size: var;
                }

.events-listing-page .views-exposed-form .form-actions {
                width: unset;
                margin-left: var(--space-16);
            }

.events-listing-page .views-exposed-form .form-actions input[type="submit"] {
                    font-family: var(--clocktower-sans-serif) !important;
                    color: #FFF;
                    border: transparent;
                    background: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    margin: 0;
                    padding: 0;
                    display: flex;
                    height: var(--space-32);
                    width: 5em;
                    justify-content: center;
                    min-width: var(--space-64);
                    font-size: var(--step-0);
                }

.search-result {
        /* @include m.boxShadowLight;  */

        border: 1px solid #eee;
        margin: var(--space-32) 0;
        padding: var(--space-16) var(--space-32);   
}

.search-result h2 {
            margin-top: 0;
            margin-bottom: var(--space-4);
        }

.search-result h2 a {
                color: hsl(var(--link-blue) 1);
                font-size: var(--step-1);
                
            }

.search-result p {
            margin-top: 0;
            max-width: unset;
        }

.search-result p strong {
                font-weight: var(--regular-weight);
                background-color: hsl(var(--highlighted) 1);
            }

/* Majors search */

form.views-exposed-form {
    position: relative;
    margin-top: var(--space-32);
    grid-column:1/4;
    margin: 0 var(--space-16);
    padding: var(--space-16) 2var(--space-8);
    background-color: transparent;
    display: flex;
    align-items: end;
    flex-direction: column;
}

@media (min-width: 1025px) {

form.views-exposed-form {
        align-items: end;
        flex-direction: row
}
    }

form.views-exposed-form .form-item {
        box-sizing: border-box;
        display: inline-block;

       
    }

@media (min-width: 1025px) {

form.views-exposed-form .form-item {
            margin: 0 var(--space-8)

       
    }
            
        }

form.views-exposed-form .form-item label {
            font-size: var(--step--1);
            margin-bottom: var(--space-16);
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }

form.views-exposed-form .form-item input[type='search'], form.views-exposed-form .form-item input[type='text'] {
            width: 100%;
            height: var(--space-32);
            font-size: var(--step-0);
            padding: var(--space-4) var(--space-16);
            box-sizing: border-box;
            background: hsl(var(--input-background) 1);
        
        }

form.views-exposed-form .form-item input[type='search']::-ms-clear, form.views-exposed-form .form-item input[type='search']::-ms-reveal, form.views-exposed-form .form-item input[type='search']::-webkit-search-decoration, form.views-exposed-form .form-item input[type='search']::-webkit-search-cancel-button, form.views-exposed-form .form-item input[type='search']::-webkit-search-results-button, form.views-exposed-form .form-item input[type='search']::-webkit-search-results-decoration, form.views-exposed-form .form-item input[type='text']::-ms-clear, form.views-exposed-form .form-item input[type='text']::-ms-reveal, form.views-exposed-form .form-item input[type='text']::-webkit-search-decoration, form.views-exposed-form .form-item input[type='text']::-webkit-search-cancel-button, form.views-exposed-form .form-item input[type='text']::-webkit-search-results-button, form.views-exposed-form .form-item input[type='text']::-webkit-search-results-decoration {
                display: none;
            }

form.views-exposed-form .form-item input[type='search'] span, form.views-exposed-form .form-item input[type='text'] span {
            }

form.views-exposed-form .form-item.js-form-type-textfield {
            width: 100%;
        }

@media (min-width: 1025px) {

form.views-exposed-form .form-item.js-form-type-textfield {
                flex: 1 1 40%
        }

            }

form.views-exposed-form .form-item.js-form-type-select {
            width: 100%;
        }

@media (min-width: 1025px) {

form.views-exposed-form .form-item.js-form-type-select {
                flex: 1 1 20%
        }

            }

form.views-exposed-form .form-item.js-form-type-select select {
                background: hsl(var(--input-background) 1);
                border: hsl(var(--input-border) 1);
            }

form.views-exposed-form .form-actions {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        width: 100%;
    }

@media (min-width: 1025px) {

form.views-exposed-form .form-actions {
            width: auto
    }

        }

form.views-exposed-form .form-actions input[type="submit"] {
            background: hsl(var(--carnelian-dm, var(--carnelian)) 1);
            color: hsl(var(--text-white-dm, var(--text-white)) 1);
            border-radius: var(--space-4);
            font-family: var(--font-awesome);
            font-size: var(--step-1);
            padding: 0;
            justify-content: center;
            width: 100px;
            height: 45px;
            margin: var(--space-16) 0;
            display: flex;
        }

@media (min-width: 1025px) {

form.views-exposed-form .form-actions input[type="submit"] {
                background: transparent;
                border: transparent;
                color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                margin: 0;
                width: var(--space-64)
        }

                form.views-exposed-form .form-actions input[type="submit"]:hover, form.views-exposed-form .form-actions input[type="submit"]:focus {
                    box-shadow: unset;
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
                }
            }

html[data-theme="dark"] #search-utility .search-wrapper form .form-item input[type="search"] {
                        background: hsl(var(--card-background-light) 1);
                        color: hsl(var(--text-black-dm, var(--text-black)) 1);
                        font-weight: var(--regular-weight);
                    }

html[data-theme="dark"] #search-utility .search-wrapper form .form-actions input[type="submit"] {
                        color: hsl(var(--text-black-dm, var(--text-black)) 1);
                    }

/* IF SITE IS ON REVERSE HEADER */

header#site-header.reverse #site-search #open-search, .header--overlay #site-search #open-search {
            color: hsl(var(--text-white)) !important;
        }

.select-panel-content .select-panel-item {
        display: none;
    }

.select-panel-content .select-panel-item.active {
            display: block;
        }

.notification {
    padding: 3rem 4rem;
    max-width: 40rem;
    min-width: 25rem;
    box-sizing: border-box;
    z-index: var(--layer-sky);
}

.notification.fixed {
        left: 2rem;
        bottom: 2rem;
        position: fixed;
        z-index: 100000;
        background: hsl(var(--text-black-dm, var(--text-black)));
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;   
    }

.notification.hidden {
        display: none;
    }

.notification .notification--items .notification--content {
            display: block;
    
        }

.notification .notification--items .notification--content h2 {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    font-family: var(--clocktower-sans-serif);
                    font-size: var(--step-1);
                }

.notification .notification--items .notification--content p {
                    font-family: var(--clocktower-sans-serif);
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    font-size: var(--step-0);
                }

.notification .notification--items .notification--content p.status {
                        font-size: var(--step--2);
                    }

.notification .notification--items .notification--content a {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                }

.notification .notification--actions {
        display: block;
    }

.notification .notification--actions button {
            cursor: pointer;
            border: none;
        }

table {
    /* border-collapse: collapse; */
    border-spacing: 0;
    border-radius: .25em;
    margin: 0 var(--space-8);
    position: relative;
    padding: var(--space-8);
}

@media (min-width: 1025px) {

table {
        margin: unset;
        padding-bottom: 2em
}
    }

table caption {
        
        text-align: center;
        display: inline-block;
    }

@media (min-width: 1025px) {

table caption {

            text-align: left
    }
        }

table thead:after {
        content: '';
        height: var(--space-16);
        display: block;

       }

table thead tr {
            padding-bottom: 1em;
            margin-bottom: 1em;
        }

table thead tr th {
                font-family: var(--clocktower-sans-serif);
                font-weight: var(--regular-weight);
                font-size: var(--step-1);
                text-align: left;
                padding: var(--space-8);
                vertical-align: bottom;
                border-bottom: 2px solid hsla(var(--carnelian));
                /* background: hsla(var(--text-black-dm, var(--text-black))); */
                color: hsla(var(--text-black-dm, var(--text-black)));
                
                /* &:first-of-type {
                    border-top-left-radius: var(--space-8);
                }
                
                &:last-of-type {
                    border-top-right-radius: var(--space-8);
                } */
               
            }

@media (min-width: 1025px) {
                table tbody tr:nth-child(even) {
                    background-color: hsla(var(--zebraStripe),1);
                }
            }

@media (min-width: 1025px) {

            }

@media (max-width: 599px) {
                    table tbody tr > *:first-child {
                        padding: .5em 0;
                        margin-bottom: var(--space-8);
                    }
            }

table tbody tr th {
                display: block;
                padding: var(--space-8);
                font-family: var(--clocktower-sans-serif);
                font-weight: var(--semi-bold-weight);
            }

table tbody tr th:first-of-type {
                    padding-left: var(--space-16);
                }

table tbody tr th.table-section {
                    background-color: hsl(var(--text-black-dm, var(--text-black)));
                    color: hsl(var(--text-white-dm, var(--text-white)));
                }

table tbody tr th a {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    padding: var(--space-8) 0;
                    font-size: var(--step-1);
                }

@media (min-width: 1025px) {

table tbody tr th a {
                        font-size: var(--step--1);
                        color: var(--link-color);
                        padding: 0;
                        margin-top: var(--space-8)
                }
                    }

@media (min-width: 600px) {

table tbody tr th {
                    display: table-cell;
                    background-color: transparent;
                    text-align: left;
                    vertical-align: top;
                    padding-top: var(--space-8)
            }

                }

table tbody tr td {

                padding: var(--space-8);
                font-family: var(--clocktower-sans-serif);
                font-weight: var(--regular-weight);
            }

table tbody tr td:before {
                    content: attr(data-title);
                    display: inline-block;
                    font-size: var(--step-1);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--light-weight);
                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                    padding-bottom: var(--space-8);
                    position: relative;
                }

@media (min-width: 600px) {

table tbody tr td:before {
                        display: none
                }
                    }

table tbody tr td {

                display: block;
}

@media (min-width: 600px) {

table tbody tr td {
                    display: table-cell;
                    padding-top: var(--space-8);
                    margin-top: var(--space-8);
                    vertical-align: top
            }

                }

table tbody tr td h3 {
                    font-size: var(--step-0);
                    font-weight: var(--regular-weight);
                    padding-left: .5em;
                    color: hsl(var(--text-black-dm, var(--text-black)));   
                    
                }

@media (min-width: 1025px) {

table tbody tr td h3 {
                        font-size: var(--step--1);
                        color: hsl(var(--carnelian-dm, var(--carnelian)));
                        font-weight: var(--semiBold)   
                    
                }
                    }

table tbody tr td p {

                    font-size: var(--step-0);
                }

@media (min-width: 1025px) {

table tbody tr td p {
                        margin-top: 0;
                        font-size: var(--step--1)
                }
                    }

table tbody tr td ul {

                    font-size: var(--step-0);
                }

@media (min-width: 1025px) {

table tbody tr td ul {

                        font-size: var(--step--1)
                }
                    }

table tbody tr td a {
                    font-size: var(--step-0);
                }

@media (min-width: 1025px) {

table tbody tr td a {
                        font-size: var(--step--1)
                }
                    }

table tbody tr td:last-child {
                    margin-bottom: var(--space-8);
                }

table tbody tr:nth-child(even) {
                background: hsl(var(--text-black-dm, var(--text-black))/ 10%);
            }

table tbody tr:nth-child(even) {
                
            }

table tfoot th {
            border-top: 1px solid hsla(var(--carnelian-dm, var(--carnelian)), 1);
            display: block;
            background-color: rgb(225, 225, 225);
            padding: var(--space-8);
            font-family: var(--clocktower-sans-serif);
            font-weight: var(--semi-bold-weight);
        }

table tfoot th.table-section {
                background-color: hsla(var(--text-black-dm, var(--text-black)),1);
                color: hsla(var(--text-white-dm, var(--text-white)), 1);
            }

table tfoot th a {
                color: #FFF;
                padding: var(--space-8) 0;
                font-size: var(--step-1);
            }

@media (min-width: 1025px) {

table tfoot th a {
                    font-size: var(--step--1);
                    color: var(--link-color);
                    padding: 0;
                    margin-top: var(--space-8)
            }
                }

@media (min-width: 1025px) {

table tfoot th {
                display: table-cell;
                background-color: transparent;
                text-align: left;
                vertical-align: top;
                padding-top: var(--space-8)
        }

            }

table tfoot td {

            padding: var(--space-8);
            font-family: var(--clocktower-sans-serif);
            font-weight: var(--semi-bold-weight);
            border-top: 1px solid hsla(var(--carnelian-dm, var(--carnelian)), 1);
        }

table tfoot td:before {
                content: attr(data-title);
                display: inline-block;
                font-size: var(--step-1);
                font-family: var(--clocktower-sans-serif);
                font-weight: var(--light-weight);
                color: hsla(var(--carnelian-dm, var(--carnelian)), 1);
                padding-bottom: .5em;
                position: relative;
            }

@media (min-width: 1025px) {

table tfoot td:before {
                    display: none
            }
                }

table tfoot td {

            display: block;
}

@media (min-width: 1025px) {

table tfoot td {
                display: table-cell;
                padding-top: var(--space-8);
                margin-top: var(--space-8);
                vertical-align: top
        }

            }

table tfoot td h3 {
                font-size: var(--step-0);
                font-weight: var(--regular-weight);
                padding-left: .5em;
                color: hsla(var(--text-black-dm, var(--text-black)),1);   
                
            }

@media (min-width: 1025px) {

table tfoot td h3 {
                    font-size: var(--step--1);
                    color: hsla(var(--carnelian-dm, var(--carnelian)), 1);
                    font-weight: var(--semiBold)   
                
            }
                }

table tfoot td p {

                font-size: var(--step-0);
            }

@media (min-width: 1025px) {

table tfoot td p {
                    margin-top: 0;
                    font-size: var(--step--1)
            }
                }

table tfoot td ul {

                font-size: var(--step-0);
            }

@media (min-width: 1025px) {

table tfoot td ul {

                    font-size: var(--step--1)
            }
                }

table tfoot td a {
                font-size: var(--step-0);
            }

@media (min-width: 1025px) {

table tfoot td a {
                    font-size: var(--step--1)
            }
                }

table tfoot td:last-child {
                margin-bottom: var(--space-8);
            }

.timeline {
    /* width: 100%; */
    background: hsl(var(--body-background));
    margin: 0 auto;
}

.timeline::after {
        display: none;
    }

.timeline h3 {
        color: hsl(var(--text-black-dm, var(--text-black)));
        font-weight: var(--light-weight);
        margin-bottom: var(--space-16);
    }

.timeline thead {
        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
            clip-path: inset(50%) !important;  /* 2 */
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        white-space: nowrap !important;
    }

/* 3 */

@media (min-width: 600px) {

.timeline thead {
            border: unset !important;
            clip: unset !important;
                clip-path: unset !important;  /* 2 */
            height: unset !important;
            margin: unset !important;
            overflow: unset !important;
            padding: unset !important;
            position: unset !important;
            width:unset !important;
            white-space: unset !important
    }     
        }

.timeline thead th {
            font-size: var(--step-1);
            font-family: var(--clocktower-sans-serif);
            font-weight: var(--light-weight);
            color: hsl(var(--carnelian-dm, var(--carnelian)));
            vertical-align: middle;
            padding-bottom: var(--space-16);
            border-bottom: 0;
        }

.timeline thead th span {
                display: inline;
                position: relative;
                padding-bottom: .5em;
            }

.timeline thead th:first-of-type {
                text-align: right;
                padding-right: 2em;
                width: 100%;
                display: block;
            
            }

@media (min-width: 600px) {

.timeline thead th:first-of-type {
                    display: table-cell;
                    width: 50%
            
            }

                }

.timeline thead th:last-of-type {
                display: block;
            }

@media (min-width: 600px) {

.timeline thead th:last-of-type { 
                    display: table-cell;
                    text-align: left;
                    padding-left: 2em;
                    width: 50%
            }
                }

@media (max-width: 599px) {

.timeline tbody {
            display: block
    }
        }

@media (max-width: 599px) {

.timeline tbody tr {
                width: 100%;
                display: block
        }
            }

.timeline tbody tr:nth-child(even) {
                background: transparent;
            }

.timeline tbody tr th {
                padding: 0;
                vertical-align: middle;
                width: 100%;
            }

@media (max-width: 599px) {

.timeline tbody tr th {
                    background: transparent;
                    border-bottom: 2px solid hsl(var(--carnelian-dm, var(--carnelian)))
            }
                }

@media (min-width: 600px) {

.timeline tbody tr th {
                    width: unset;
                    background: transparent;
                    display: table-cell
            }
                }

.timeline tbody tr th .header-content {
                    text-align: left;
                    padding: .5em 0 .5em .5em;
                    display: block;
                    font-size: var(--step-0);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--extra-light-weight);
                }

@media (min-width: 600px) {

.timeline tbody tr th .header-content {
                        text-align: right;
                        padding: .25em 0 .25em .5em;
                        padding-right: 2em
                }


                    }

.timeline tbody tr td {
                padding: 0;
                vertical-align: middle;
                width: 100%;
            }

.timeline tbody tr td::before {
                    display: none;
                }

@media (min-width: 600px) {

.timeline tbody tr td {
                    width: unset;
                    display: table-cell
            }
                }

@media (max-width: 599px) {

.timeline tbody tr td .content {
                        padding-left: .5em
                }
                    }

.timeline tbody tr td .content {

                    position: relative;
                    font-size: var(--step-0);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--light-weight);
}

@media (min-width: 600px) {

.timeline tbody tr td .content {
                        padding: 2em 0 2em 3em
                }

                    }

.timeline tbody tr td .content ul {
                        margin: 0;
                        font-size: var(--step-0);
                        font-family: var(--clocktower-sans-serif);
                        font-weight: var(--light-weight);
                        

                    }

.timeline tbody tr td .content p, .timeline tbody tr td .content span, .timeline tbody tr td .content a {
                        font-size: var(--step-0);
                        font-family: var(--clocktower-sans-serif);
                        font-weight: var(--light-weight);
                        margin: 0;

                    }

@media (min-width: 600px) {
                        .timeline tbody tr td .content::before {
                            height: 100%;
                            width: 2px;
                            background-color: hsla(var(--text-black-dm, var(--text-black)) / 10% );
                            content: '';
                            display: block;
                            position: absolute;
                            left: 0;
                            top: 0;
                            transform: translateX(-50%);
                        }
    
                        .timeline tbody tr td .content::after {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translate(-50%, -50%);
                            height: 30px;
                            width: 30px;
                            border-radius: 99em;
                            background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                            border: 5px solid hsl(var(--body-background));
                            box-sizing: border-box;
                        }
                    }

.timeline tbody tr:hover th, .timeline tbody tr:hover td  {
                    background: hsl(var(--body-background));
                }

.timeline tbody tr:hover .content::after {
                        background: hsl(var(--body-background));
                        border-color: hsl(var(--body-background));
                        box-shadow: 0 0 0 3px hsl(var(--carnelian-dm, var(--carnelian))) inset;
                    }

.tabpanel {
    margin-bottom: var(--space-16);

    
}

.tabpanel--regular {
        position: relative;
    }

.tabpanel--regular [role='tablist'] {
            padding: 0;
            position: relative;
            z-index: 2;
            padding-top: var(--space-32);
            margin-bottom: var(--space-48);
    
        }

/* display: none; */

.tabpanel--regular [role='tablist'] .tab-indicator {
                display: block;
                position: absolute;
                content: '';
                height: 5px;
                background: #b31b1b;
                bottom: -2px;
                left: 0;
                outline: none;
                transition: left 500ms ease-in-out;
            }

@media (min-width: 600px) {

.tabpanel--regular [role='tablist'] {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                position: relative
    
        }
            }

.tabpanel--regular [role='tablist'] [role='tab'] {
                flex: 1 1 0;
                font-size: var(--step-2);
                color: hsl(var(--text-gray));
                cursor: pointer;
                padding: var(--space-16) var(--space-32);
                background-color: transparent;
                border: none;
                border-bottom: 1px solid hsla(var(--text-black-dm, var(--text-black)) / 50%);
                position: relative;
                margin-bottom: var(--space-0);
                line-height: 1.5;
            }

.tabpanel--regular [role='tablist'] [role='tab'].active {
                    position: relative;
                    color: hsla(var(--carnelian-dm, var(--carnelian)) / 100%);
                    font-weight: var(--regular-weight);
                }

.tabpanel--regular [role='tablist'] [role='tab']:hover:not(.active) {
                    color: hsla( var(--text-black-dm, var(--text-black)) / 75%);
                    
                }

.tabpanel--regular [role='tablist'] [role='tab']:hover:not(.active)::after {
                        display: block;
                        position: absolute;
                        content: '';
                        width: 100%;
                        height: 2px;
                        background: hsla(var(--text-black-dm, var(--text-black)) / 75%);
                        bottom: -2px;
                        left: 50%;
                        transform: translateX(-50%);
                    }

/* margin: var(--space-32) var(--space-16); */

.tabpanel--regular .tabgroup [role='tabpanel'] {
                display: none;
                padding-bottom: 2var(--space-8);
                margin-bottom: 2var(--space-8);
            }

@media (max-width: 599px) {

.tabpanel--regular .tabgroup [role='tabpanel'] {
                    border-bottom: 1px solid hsl(255deg 255 255 / 10%)
            }
                }

.tabpanel--regular .tabgroup [role='tabpanel']:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

.tabpanel--regular .tabgroup [role='tabpanel'] .mobile-title {
                    display: none;
                }

@media (max-width: 599px) {

.tabpanel--regular .tabgroup [role='tabpanel'] .mobile-title {
                        display: block;
                        font-size: var(--step-2);
                        color: #FFF;
                        text-align: center;
                        font-weight: var(--semi-bold-weight);
                        position: relative;
                        padding-bottom: var(--space-16)
                }

                        .tabpanel--regular .tabgroup [role='tabpanel'] .mobile-title::after {
                            height: 2px;
                            width: 50px;
                            background: #b31b1b;
                            content: '';
                            display: block;
                            position: absolute;
                            left: 50%;
                            transform: translateX(-50%);
                            bottom: 0;
                        }
                    }

@media (min-width: 600px) {

.tabpanel--regular .tabgroup [role='tabpanel'] .mobile-title {
                        display: none
                }
                    }

@media (min-width: 600px) {

.tabpanel--regular .tabgroup [role='tabpanel'] {
                    display: none;
                    margin-bottom: 0
            }
                }

.tabpanel--regular .tabgroup [role='tabpanel'].active {
                    display: block;
                }

.tabpanel--regular .tabgroup [role='tabpanel'] iframe {
                    width: 100%;
                    aspect-ratio: 16/9;
                    height: auto;
                }

.tabpanel--regular .tabgroup [role='tabpanel'] table {
                    background:transparent;
                }

section.bg-dark .tabpanel [role='tab'] {
            color: hsl(var(--text-white-dm, var(--text-white)));
            border-color: hsl(var(--text-white-dm, var(--text-white)));
        }

/* Dark Mode overrides */

html[data-theme="dark"] .tabpanel--regular {
        }

.paragraph-text {
    margin-bottom: var(--space-32);
}

:root {
    --clocktowerStrokeOne: #FFF;
    --clocktowerStrokeTwo: #b31b1b;
    --clocktowerBGOne: #FFF;
    --clocktowerBGTwo: #FFF;
}

.mode-switch {

    height: 50px;
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 99em;
    background-position: left center;
    background-size:contain;
    background: transparent;
    z-index: 10;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;

}

.mode-switch.initial .sky {
            animation: unset !important;
        }

.mode-switch.initial .clocktower svg g > * {
                        animation: unset !important;
                    }

.mode-switch .clocktower {
        background-size: 50px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        
    }

.mode-switch .clocktower .svg g > * {

                }

.mode-switch .sky {
        height: 50px;
        width: 50px;
        position: absolute;
        left: 0;
        top: 0;
        animation-fill-mode: forwards;
        z-index: 0;
        background: transparent;
    }

.mode-switch .sky:before, .mode-switch .sky:after {
            display: block;
            position: absolute;
            font-size: var(--step-0);
            font-family: var(--font-awesome);
            transition: all 500ms ease-in;

        }

.mode-switch .sky:before {
            content: '\e28f';
            color: hsl(var(--carnelian-dm, var(--carnelian))); 
            top: 0em;
            left: 60%;


        }

.mode-switch .sky:after {
            content: '\f755';
            color: lightyellow;
            bottom: 0;
            left: 0;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

.mode-switch.light-mode {
        border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
        transition: border 1s ease-in;
        background: transparent;
    }

.mode-switch.light-mode .sky {
            will-change: transform, opacity, fill; /* Prevents flicker in Safari */
            animation: rotateInLight 1000ms ease-in;
            -webkit-animation: rotateInLight 1000ms ease-in;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);


        }

.mode-switch.light-mode .sky:before {
                opacity: 1;
            }

.mode-switch.light-mode .sky:after {
                opacity: 0;
            }

.mode-switch.light-mode .clocktower svg g > * {
                    
                    stroke: hsl(var(--carnelian-dm, var(--carnelian)));
                    transition: stroke 1s ease-in;

                }

.mode-switch.light-mode .clocktower svg g .st0 {

                        will-change: transform, opacity, fill; /* Prevents flicker in Safari */
                        animation: transitionLight 1000ms ease-in;
                        -webkit-animation: transitionLight 1000ms ease-in;
                        transition: all 1000ms ease-in-out;
                        fill: hsl(var(--menu-background));
                    }

.mode-switch.dark-mode {
        border: 1px solid hsl(var(--text-white-dm, var(--text-white)));
        transition: border 1s ease-in;
        background: transparent;

    }

.mode-switch.dark-mode.transition .sky {
                transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
            }

.mode-switch.dark-mode .sky {
            animation: rotateInDark 1000ms ease-in;
            -webkit-animation: rotateInDark 1000ms ease-in;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);

        }

.mode-switch.dark-mode .sky:before {
                opacity: 0;
            }

.mode-switch.dark-mode .sky:after {
                opacity: 1;
            }

.mode-switch.dark-mode .clocktower svg g > * {
                    stroke: black;
                    transition: stroke 1100ms ease-in;

                }

.mode-switch.dark-mode .clocktower svg g .st0 {
                        animation: transitionDark 1000ms ease-in;
                        transition: all 1100ms ease-in-out;
                        fill: rgb(75, 75, 75);
                    }

.mode-switch.dark-mode .clocktower svg g .st1 {
                        fill: lightyellow;
                    }

.mode-switch.dark-mode .sky--light {
                opacity: 0;
            }

.mode-switch.dark-mode .sky--hc {
                opacity: 0;
            }

.mode-switch.dark-mode .sky--dark {
                display: block;
            }

/* @keyframes transitionDark {
    0% {
        fill: hsl(var(--menu-background));
    }

    100% {
        fill: hsl(var(--menu-background));
    }
}
@keyframes transitionLight {
    0% {
        fill: hsl(var(--menu-background));
    }

    100% {
        fill: hsl(var(--menu-background));
    }
} */

@keyframes rotateInDark {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes rotateInLight {

    0% {
        transform: rotate(180deg);
    }

    99% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

body {
    margin: 0;
    padding: 0;
}

body.no-scroll {
        overflow: hidden;
    }

footer {
    
    background-color: hsl(var(--footer-background));
    padding: var(--space-48) var(--space-32);
}

footer .layout__container {
        
        justify-content: space-between;
        display: flex;
        flex-direction: row;
    }

footer .layout__region--first h2 {
            color: hsl(var(--text-white));
            font-size: var(--step-1);
        }

footer .layout__region--first p {
            color: hsl(var(--text-white));
            font-size: var(--step-0);
        }

footer .layout__region--first ul {
            list-style: none;
            padding-left: 0;
        }

footer .layout__region--first ul li {
                color: hsl(var(--text-white));
                font-size: var(--step-0);
            }

footer .layout__region--first ul li a {
                    color: hsl(var(--text-white)) !important;
                }

footer nav ul {
            list-style: none;
            padding-left: 0;
        }

footer nav ul li {
                color: hsl(var(--text-white));
                font-size: var(--step-0);
            }

footer nav ul li a {
                    color: hsl(var(--text-white)) !important;
                }

header#site-header {
        display: flex;
        flex-direction: column;
        margin: var(--space-0);
    }

/* background-color: black; */

/* max-width: var(--max-content-width); */

/* min-height: 200px; */

@media (max-width: 599px) {

header#site-header {
            border-top: 5px solid hsl(var(--carnelian-dm, var(--carnelian)))

            /* padding-top: var(--space-16); */
            /* margin: 0 var(--space-16); */
            
            /* &::before {
                width: 100%;
                content: '';
                height: var(--space-8);
                background: rgb(179 27 27);
                background: linear-gradient(90deg, rgb(150 23 23 / 100%) 0%, rgb(179 27 27 / 100%) 100%);   
                display: block;
                position: absolute;
                top: 0;
            } */

            /* background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(0,0,0,0.9023984593837535) 17%, rgba(0,0,0,0.6446953781512605) 56%, rgba(0,0,0,0) 100%); */
    }
        }

@media (min-width: 1025px) {

header#site-header {
            background-color: hsl(var(--headerBackground) 1);
            align-items: flex-start;
            z-index: 100;
            margin: var(--space-32) var(--space-32) var(--space-96);
            position: relative
    }
        }

@media (width >= 1921px) {

header#site-header {
            height: auto
            /* margin: var(--space-32) auto var(--space-0); */
    }
        }

header#site-header .mobile-menu {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-self: flex-end;
        }

header#site-header .mobile-menu .utility-links {
                display: none;
            }

header#site-header .hdr-wrap {
            
            
            background-blend-mode: multiply;
            display: flex;
            justify-content: space-between;
            align-items: center;
            
        }

/* padding-top: var(--space-16); */

/* padding-top: var(--space-32); */

/* height: 100px; */

header#site-header .hdr-wrap a.site-name-link {

                flex: 0 0 33%;
                /* margin-left: 5px; */
                text-decoration: none;
                /* grid-column: 1; */
                margin: 0; 
                position: relative;
                /* --link-underline-color: hsl(var(--carnelian-dm, var(--carnelian)) 0); */
                display: flex;
                align-items: center;

            }

header#site-header .hdr-wrap a.site-name-link h1 {
                    font-size: var(--step-2);
                    font-family: var(--clocktower-serif);
                    font-weight: var(--regular-weight);
                    line-height: 1em;
                    color: hsl(var(--site-branding));
                    display: block;
                    width: 100%;
                    position: absolute;
                    z-index: 1;
                    margin: var(--space-0) auto;
                }

header#site-header .hdr-wrap a.site-name-link h1 span {
                        font-size: var(--step-1);
                        font-weight: var(--thin-weight);
                        font-family: var(--clocktower-sans-serif);
                        font-style: italic;
                        display: block;
                    }

header#site-header .hdr-wrap a.site-name-link h1::before {
                        content: unset;
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap {
                width: 100%;
                max-width: var(--max-content-width);
                gap: 10%;
                display: none;
                /* margin-top: var(--space-16); */
                display: flex
            
        }
            }

header#site-header .hdr-wrap div.hdr-left {
                    position: relative;
                    z-index: 1;
                    display: block;
                    flex: 0 0 33%;
                }

@media (min-width: 600px) {

header#site-header .hdr-wrap div.hdr-left {
                        top: var(--space-16)
                }
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-left {
                        flex: 1 0 43%;
                        align-items: center;
                        z-index: 10;
                        top: var(--space-0)
                }
                    }

header#site-header .hdr-wrap div.hdr-left .mobile-seal {
                        display: block;
                        padding-left: var(--space-16);
                        width: 73px;
                        height: 73px;
                        grid-column: 2;
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-left .mobile-seal {
                            display: none
                    }
                        }

header#site-header .hdr-wrap div.hdr-left a.site-name-link {
                        display: none;
                        margin-left: 5px;
                        text-decoration: none;
                        grid-column: 1;
                        /* padding-top: 0; */
                        margin: 0; 
                        position: relative;
                        --link-underline-color: hsl(var(--carnelian-dm, var(--carnelian)) 0);
                        display: flex;
                        align-items: center;
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-left a.site-name-link {
                            display: block
                    }
                        }

header#site-header .hdr-wrap div.hdr-left a.site-name-link h1 {
                            font-size: var(--step-2);
                            font-family: var(--clocktower-serif);
                            font-weight: var(--regular-weight);
                            line-height: 1em;
                            color: hsl(var(--text-black-dm, var(--text-black)));
                            display: block;
                            width: 100%;
                            position: absolute;
                            /* left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%); */
                            z-index: 1;
                            margin: var(--space-0) auto;
        
                        }

header#site-header .hdr-wrap div.hdr-left a.site-name-link h1 span {
                                font-size: var(--step-1);
                                font-weight: var(--thin-weight);
                                font-family: var(--clocktower-sans-serif);
                                font-style: italic;
                                display: block;
                            }

header#site-header .hdr-wrap div.hdr-left a.site-name-link h1::before {
                                content: unset;
                            }

@media (min-width: 600px) {

header#site-header .hdr-wrap div.hdr-left a.site-name-link h1 {
                                position: relative;
                                font-size: var(--step-2)
        
                        }
                            }

@media (min-width: 1440px) {

header#site-header .hdr-wrap div.hdr-left a.site-name-link h1 {
                                font-size: var(--step-3)
        
                        }
        
                            }

@media (min-width: 1440px) {

header#site-header .hdr-wrap div.hdr-left {
                        flex: 1 0 45%
                }
        
                    }

header#site-header .hdr-wrap div.hdr-right {
                    z-index: 51;
                    margin-top: -var(--space-16);
                    align-items: center;
                    display: flex;
                    flex: 0 0 33%;
                    justify-content: flex-end;
                    align-items: flex-end;
                    flex-direction: row;

                    /* #main-menu-btn, #priority-navigation {
                        color: hsl(var(--text-black-dm, var(--text-black)));
                    } */
                }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-right {
                        height: 100px;
                        white-space: nowrap;
                        justify-content: center;
                        height: unset;
                        flex: 1 0 45%;
                        align-items: flex-end;
                        flex-direction: column
                }

                    }

@media (min-width: 1440px) {

header#site-header .hdr-wrap div.hdr-right {
                        white-space: normal;
                        white-space: initial;
                        margin-top: 0
                }
                    }

header#site-header .hdr-wrap div .mobile-search {
                    background: transparent;
                    border: none;
                    color: hsl(0, 100%, 100%);
                    font-family: var(--font-awesome);
                    font-size: var(--step-3);
                    margin-bottom: 0;
                }

header#site-header .hdr-wrap div.hdr-brand {
                    flex: 0 0 33%;
                    display: flex;
                    justify-content: center;
                }

header#site-header .hdr-wrap div.hdr-brand .branding__cu-seal {
                        max-width: 73px;
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-brand .branding__cu-seal {
                            max-width: unset
                    }
                        }

@media (min-width: 600px) {
                    }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-brand {
                        flex: 1 0 33%;
                        left: var(--space-0);
                        top: var(--space-0);
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        z-index: 2;
                        position: absolute;
                        min-height: 150px;        
                        top: calc(-1 * var(--space-16));
                        right: var(--space-0);
                        max-width: var(--max-content-width);
                        align-self: center;
                        margin: 0 auto
                }
        
                        header#site-header .hdr-wrap div.hdr-brand::before {
                            content: '';
                            width: calc(50% - 120px);
                            height: 1px;
                            background: rgb(179 27 27);
                            background: linear-gradient(90deg, rgb(150 23 23 / 100%) 0%, rgb(179 27 27 / 100%) 100%);   
                            position: absolute;
                            bottom: 10%;
                            left: 0;
        
                            /* margin-left: 2.5%; */
                            margin-right: 15px;
                        }
            
                        header#site-header .hdr-wrap div.hdr-brand::after {
                            content: '';
                            width: calc(50% - 120px);
                            height: 1px;
                            background: rgb(179 27 27);
                            background: linear-gradient(90deg, rgb(150 23 23 / 100%) 0%, rgb(179 27 27 / 100%) 100%);                
                            position: absolute;
                            bottom: 10%;
                            right: 0;
                            margin-left: 15px;
                            z-index: 1000;
                        }
            
            
                    }

header#site-header .hdr-wrap div.hdr-brand .cu-seal {
                        z-index: 2;
                        position: relative;
                        margin-bottom: var(--space-0);
                    }

@media (min-width: 600px) {

header#site-header .hdr-wrap div.hdr-brand .cu-seal {
                            top: var(--space-16)
                    }
                        }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-brand .cu-seal {
                           top: var(--space-64);
                           position: relative;
                           margin: 0 auto
                    }
            
                        }

@media (min-width: 1280px) {
                       
                        }

header#site-header .hdr-wrap div.hdr-brand .cu-seal img {
                            height: 100px;
                            width: 100px;
                            z-index: 1;
                            border-radius: 99em;
                        }

header#site-header .hdr-wrap div.hdr-brand .cu-seal img.desktop-seal {
                                display: none;
                            }

@media (min-width: 600px) {

header#site-header .hdr-wrap div.hdr-brand .cu-seal img {
                                height: 80px;
                                width: 80px
                        }
                            }

@media (min-width: 1025px) {

header#site-header .hdr-wrap div.hdr-brand .cu-seal img {
                                height: 120px;
                                width: 120px
                        }
            
                                header#site-header .hdr-wrap div.hdr-brand .cu-seal img.desktop-seal {
                                    display: block;
                                }
                            }

header#site-header.header--overlay {
            --site-branding: 0 100% 100%;
            
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 60;
            
        }

@media (max-width: 599px) {

header#site-header.header--overlay {
                background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(0,0,0,0.9023984593837535) 17%, rgba(0,0,0,0.6446953781512605) 56%, rgba(0,0,0,0) 100%)
            
        }
            }

@media (min-width: 1025px) {

header#site-header.header--overlay {
                padding-bottom: var(--space-160)
            
        }

            }

header#site-header.header--overlay .menu__utility-wrap .search-toggle {
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
                }

header#site-header.header--overlay .menu__utility-wrap #search-utility-form {
                    background: transparent;
    
                }

header#site-header.header--overlay .menu__utility-wrap #search-utility-form .search-toggle {
                        color: hsl(var(--text-white-dm, var(--text-white)) 1);
                    }

header#site-header.header--overlay .menu__utility-wrap #search-utility-form .search-toggle#cancel-search {
                            color: hsl(var(--text-white-dm, var(--text-white)) 1);;
                        }

header#site-header.header--overlay .menu__utility-wrap .utility-nav li a:not(.link-button) {
                            color: hsl(var(--text-white));
                        }

header#site-header.header--overlay div.hdr-left a h1.site-name {
                            color: hsl(var(--text-white-dm, var(--text-white)));
                        }

@media (min-width: 1025px) {
                                
        
                            }

header#site-header.header--overlay div.hdr-right {
                    /* #main-menu-btn {
                        color: hsl(var(--text-white-dm, var(--text-white)));
                    } 
    
                    #priority-navigation {
                        a {
                            color: hsl(var(--text-white-dm, var(--text-white)));
                        }
                    }  */
                }

/* Overrides for Dark Mode */

html[data-theme="dark"] header#site-header .hdr-brand::before, html[data-theme="dark"] header#site-header .hdr-brand::after {
                background-color: hsla(var(--text-white-dm, var(--text-white)) / 5000%);
            }

[data-menu='mega'] #main-menu-btn {

       
    }

[data-menu='mega-priority'] header {
        /* #main-menu-btn {
            &::before {
                @media (--for-desktop-up) {
                    content: '';
                    display: inline;
                    position: absolute;
                    width: 1px;
                    height: 100%;
                    left: -var(--space-8);
                }
            }
        } */
    }

#site-header.header--banner-image {

        margin-bottom: var(--space-16);
        position: relative;
    }

#site-header.header--banner-image .hdr-wrap .hdr-brand {
                min-height: unset !important;
            }

#site-header.header--banner-image .hdr-wrap .hdr-brand .cu-seal {
                    top: -10px;
                    position: relative;
                    background: #FFF;
                    border-radius: 99em;
                    padding: .75em;
                }

#site-header.header--banner-image .hdr-wrap .hdr-brand .cu-seal img {
                        z-index: 1;
                        position: relative;
                    }

#site-header.header--banner-image .hdr-wrap .hdr-brand:before, #site-header.header--banner-image .hdr-wrap .hdr-brand:after {
                    content: unset !important;
                }

.hero--banner {

}

.hero h1 {
        font-size: var(--step-4);
        margin: var(--space-0) auto var(--space-16);
        position: relative;
        align-self: center;
        padding-bottom: 0;
        padding-top: 0;
        /* max-width: 50%; */
        text-align: center;
    }

@media (min-width: 600px) {

.hero h1 {
            font-size: var(--step-6)
    }

        }

.hero--banner_image {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-bottom: var(--space-64);
        
}

.hero--banner_image .hero-image-wrap {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: var(--space-32);
    }

.hero--banner_image .hero-image-wrap .hero-image {
            width: 60%;
        }

.hero--banner_image .hero-image-wrap .hero-image .cover-image {
                aspect-ratio: 16/9;
                overflow: hidden;
                margin: 0 auto;
            }

.hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                    -o-object-fit: cover;
                       object-fit: cover;
                    width: 100%;
                    height: 100%;
        
                }

@media (min-width: 600px) {

.hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                        height: auto
        
                }
                    }

@media (min-width: 1025px) {

.hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                        min-width: 100%;
                        height: 100%
        
                }
        
                    }

@media (min-width: 1280px) {

.hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                        width: 100%;
                        height: auto
        
                }
                    }

.hero--breadcrumbs_only {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero--banner_image-section-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-bottom: var(--space-64);
}

.hero--banner_image-section-nav .hero-image-wrap {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: var(--space-32);
    }

.hero--banner_image-section-nav .hero-image-wrap .hero-image {
            width: 60%;
        }

.hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image {
                aspect-ratio: 16/9;
                overflow: hidden;
                margin: 0 auto;
            }

.hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                    -o-object-fit: cover;
                       object-fit: cover;
                    width: 100%;
                    height: 100%;
        
                }

@media (min-width: 600px) {

.hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                        height: auto
        
                }
                    }

@media (min-width: 1025px) {

.hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                        min-width: 100%;
                        height: 100%
        
                }
        
                    }

@media (min-width: 1280px) {

.hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                        width: 100%;
                        height: auto
        
                }
                    }

.hero--full_width_media {
    max-width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    height: 300px;
    display: block;
}

.hero--full_width_media.hero--half_screen {
        height: 400px;
    }

/* padding-top: var(--space-128); */

.hero--full_width_media.hero--half_screen .hero-image-wrap {

        }

@media (min-width: 1025px) {

.hero--full_width_media.hero--one_third_screen {
            height: 33vh
    }
        }

.hero--full_width_media.hero--one_third_screen .hero-image-wrap {

        }

@media (min-width: 1025px) {

.hero--full_width_media.hero--two_thirds_screen {
            height: 700px

        
    }
        }

@media (min-width: 1025px) {

.hero--full_width_media.hero--full_screen {
            min-height: 1080px;
            height: 100vh

        
    }
        }

.hero--full_width_media .hero-image-wrap {

        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        aspect-ratio: 3/4;
    }

@media (min-width: 1025px) {

.hero--full_width_media .hero-image-wrap {
            width: 100%;
            height: 100%;
            position: relative;
            margin-top: var(--space-0);

            top: -1px;
            left: 0;
            right: 0;
            z-index: 1;
            aspect-ratio: 16/9
            /* clip-path: polygon(100% 0, 100% 100%, 49.75% 92%, 0 100%, 0 0); */
    }
            
            .hero--full_width_media .hero-image-wrap::before {
                content: '';
                width: 100%;
                height: 50%;
                background: rgb(0 0 0 / 100%);
                background: linear-gradient(180deg, rgba(0 0 0 / 100%) 0%, rgba(0 0 0 / 0%) 100%);
                mix-blend-mode: darken;
                position: absolute;
                top: 0;
                left: 0;
                opacity: .85;
                z-index: var(--layer-roof);

            }
    
            .hero--full_width_media .hero-image-wrap::after {
                background: rgb(0 0 0);
                background: radial-gradient(circle, rgb(0 0 0) 15%, rgb(0 0 0) 100%);
                mix-blend-mode: multiply;
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
            }
        }

@media (min-width: 1280px) {

.hero--full_width_media .hero-image-wrap {
            z-index: 0
    }
        }

.hero--full_width_media .hero-image-wrap .hero-image {
            height: 100%;
        }

.hero--full_width_media .hero-image-wrap .hero-image .cover-image {
                height: 100%;
            }

@media (min-width: 1025px) {
                
            }

.hero--full_width_media .hero-image-wrap .hero-image picture, .hero--full_width_media .hero-image-wrap .hero-image img, .hero--full_width_media .hero-image-wrap .hero-image iframe {
                aspect-ratio: 3/4;   

            }

@media (min-width: 1025px) {

.hero--full_width_media .hero-image-wrap .hero-image picture, .hero--full_width_media .hero-image-wrap .hero-image img, .hero--full_width_media .hero-image-wrap .hero-image iframe {
                    aspect-ratio: 16/9;   

            }
                }

.hero--full_width_media .hero-image-wrap .hero-image picture, .hero--full_width_media .hero-image-wrap .hero-image img, .hero--full_width_media .hero-image-wrap .hero-image iframe {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                filter: brightness(1) !important;
}

@media (max-width: 599px) {

.hero--full_width_media .hero-image-wrap .hero-contrast {
                display: none;
        
        }
            }

.hero--full_width_media .hero-image-wrap .hero-contrast {

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            content: '';
            background: rgb(0 75 126);
            background: radial-gradient(circle, rgb(0 29 48) 0%, rgb(0 20 33 / 0%) 62%);
            border-radius: 99em;
            mix-blend-mode: multiply;
            opacity: 25%;
}

.hero--full_width_media.hero--mask-angled {
        clip-path: polygon(100% 0,100% 100%,49.75% 92%,0 100%,0 0);
    }

.hero--full_width_media .hero__video-wrap {
        width: 100%;
    }

.hero--full_width_media .hero__video-wrap .hero__video {
            width: 100%;
       }

@media (max-width: 599px) {
            }

@media (max-width: 599px) {

.hero--full_width_media .hero__video-wrap .hero__video video {
                    display: none
            }
                }

@media (min-width: 600px) {

.hero--full_width_media .hero__video-wrap .hero__video video {
                    
                    width: 100% !important;
                    aspect-ratio: 16/9
            }
                }

.hero--full_width_media .hero__video-wrap .hero__video-mobile {
            display: block;
        }

@media (min-width: 600px) {

.hero--full_width_media .hero__video-wrap .hero__video-mobile {
                display: none
        }
            }

.hero--full_width_media .hero__video-wrap #pauseVideo {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 10000;
            background: transparent;
            color: hsla(0,100%,100%, .9);
            border: 0;
            margin-bottom: var(--space-0);
            line-height: 1;
            padding: var(--space-32);
            cursor: pointer;
        }

@media (max-width: 599px) {

.hero--full_width_media .hero__video-wrap #pauseVideo {
                right: 0;
                bottom: 0;
                transform: translate(0%,-50%)
        }
            }

.hero--full_width_media .hero__video-wrap #pauseVideo:before {
                display: inline;
                content: '\f28b';
                font-family: var(--font-awesome);
                font-size: var(--step-5);
                position: relative;
            }

.hero--full_width_media .hero__video-wrap #pauseVideo.paused:before {
                    display: inline;
                    content: '\f144';
                    font-family: var(--font-awesome);
                }

.hero--full_width_media .hero-content {
        /* text-align: center; */
        z-index: 50;
        flex: 1 0 100%;

        /* @media (--for-desktop-up) {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
        } */

        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: var(--space-160);
    }

/* margin-top: 250px; */

.hero--full_width_media .hero-content h2, .hero--full_width_media .hero-content p {
            /* text-shadow: 1px 1px 2px #373737, 1px 1px 12px #000; */
            text-shadow: 0px 0px 6px rgba(0,0,0,0.51);
        }

.hero--full_width_media .hero-content.hero-align-center {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

.hero--full_width_media .hero-content.hero-align-center > * {
                text-align: center;    
            }

.hero--full_width_media .hero-content.hero-align-center .cta-actions {
                justify-content: center;
            }

.hero--full_width_media .hero-content.hero-align-left {
            
            text-align: left;
        }

.hero--full_width_media .hero-content.hero-align-left h2 {
                text-align: left;
            }

.hero--full_width_media .hero-content.hero-align-left h2::after {
                    left: 0;
                    transform: unset;
                }

.hero--full_width_media .hero-content.hero-align-left h2.line-bottom {
                
                    padding-bottom: var(--space-16);
                    margin-bottom: var(--space-48);
                }

.hero--full_width_media .hero-content.hero-align-left h2.line-bottom::after {
                        left: 0;
                        transform: unset;
                        margin: var(--space-0);
                        bottom: 0;
                    }

.hero--full_width_media .hero-content .hero--text h2 {
                font-size: var(--step-3);
                margin-top: 0;
                margin-left: var(--space-16);
                margin-right: var(--space-16);
                font-family: var(--clocktower-serif);
                color: hsl(var(--text-white-dm, var(--text-white)));
            }

@media (min-width: 1025px) {

.hero--full_width_media .hero-content .hero--text h2 {
                    font-size: var(--step-6);
                    /* margin-right: 0;
                    margin-left: 0;
                    text-shadow: 1px 1px 2px #373737, 1px 1px 12px #000; */
                    margin-bottom: var(--space-32)
            }
                }

.hero--full_width_media .hero-content .hero--text p {
                color: hsl(var(--text-white-dm, var(--text-white)));
                font-weight: var(--light-weight);
                max-width: 80ch;
                margin: 0 auto var(--space-32);
                
            }

.hero--full_width_media .hero-content .hero--text .cta-actions {
                display: flex;
                flex-direction: row;
                list-style: none;
                gap: var(--space-16);
                padding: var(--space-0);
                margin-bottom: var(--space-32);
            }

.hero--full_width_media .hero-content .hero--text .link-button.solid {
                background-color: hsl(var(--carnelian));
            }

.playlist .hero--full_width_media {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 100vw;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
    }

/* &--large {
    
            min-height: 60em;
            @media (--for-desktop-up) {
                height: 50vh;
            }
        
            @media (--for-large-desktop-up) {
                height: 50em;
            }
        }     */

.playlist .hero--full_width_media.hero--full_screen .hero-image-wrap {
                height: 100vh;
                
            }

@media (min-width: 1025px) {

.playlist .hero--full_width_media.hero--full_screen .hero-image-wrap {
                    clip-path: polygon(100% 0, 100% 100%, 49.75% 92%, 0 100%, 0 0)
                
            }
                }

.playlist .hero--full_width_media.hero--half_screen {
            height: calc(50vh + var(--space-128));
            padding-top: var(--space-128);
        }

.playlist .hero--full_width_media.hero--half_screen .hero-image-wrap .hero-content {
                    padding: var(--space-32) var(--space-0);
    
                }

.playlist .hero--full_width_media.hero--third_screen {
            height: 33vh;
        }

.playlist .hero--full_width_media.hero--third_screen .hero-image-wrap {
    
            }

.playlist .hero--full_width_media .hero-image-wrap {
            width: 100%;
            aspect-ratio: 4/3;
            position: relative;
            margin-top: var(--space-0);
        }

@media (max-width: 599px) {

.playlist .hero--full_width_media .hero-image-wrap {
                position: relative;
                box-sizing: border-box
        }
            }

@media (min-width: 1025px) {

.playlist .hero--full_width_media .hero-image-wrap {
                top: -1px;
                left: 0;
                right: 0;
                z-index: 1;
                aspect-ratio: 16/9
                /* clip-path: polygon(100% 0, 100% 100%, 49.75% 92%, 0 100%, 0 0); */
        }
    
    
            }

@media (min-width: 1025px) { 
                .playlist .hero--full_width_media .hero-image-wrap::before {
                    content: '';
                    width: 100%;
                    height: 25%;
                    background: rgb(0 0 0 / 100%);
                    background: linear-gradient(180deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 0%) 100%);
                    mix-blend-mode: multiply;
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: .85;
                }
    
                .playlist .hero--full_width_media .hero-image-wrap::after {
                    background: rgb(0 0 0);
                    background: radial-gradient(circle, rgb(0 0 0 / 25%) 15%, rgb(0 0 0 / 0%) 100%);
                    mix-blend-mode: multiply;
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: 100;
                }
            }

@media (min-width: 1280px) {

.playlist .hero--full_width_media .hero-image-wrap {
                z-index: 0
        }
            }

.playlist .hero--full_width_media .hero-image-wrap .hero-image picture, .playlist .hero--full_width_media .hero-image-wrap .hero-image img, .playlist .hero--full_width_media .hero-image-wrap .hero-image iframe {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    filter: brightness(1) !important;   
                }

@media (max-width: 599px) {

.playlist .hero--full_width_media .hero-image-wrap .hero-contrast {
                    display: none;
            
            }
                }

.playlist .hero--full_width_media .hero-image-wrap .hero-contrast {
    
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                content: '';
                background: rgb(0 75 126);
                background: radial-gradient(circle, rgb(0 29 48) 0%, rgb(0 20 33 / 0%) 62%);
                border-radius: 99em;
                mix-blend-mode: multiply;
                opacity: .25;
}

.playlist .hero--full_width_media .hero__video-wrap {
            width: 100%;
        }

.playlist .hero--full_width_media .hero__video-wrap .hero__video {
                width: 100%;
           }

@media (max-width: 599px) {
                }

@media (max-width: 599px) {

.playlist .hero--full_width_media .hero__video-wrap .hero__video video {
                        display: none
                }
                    }

@media (min-width: 600px) {

.playlist .hero--full_width_media .hero__video-wrap .hero__video video {
                        
                        width: 100% !important;
                        aspect-ratio: 16/9
                }
                    }

.playlist .hero--full_width_media .hero__video-wrap .hero__video-mobile {
                display: block;
            }

@media (min-width: 600px) {

.playlist .hero--full_width_media .hero__video-wrap .hero__video-mobile {
                    display: none
            }
                }

.playlist .hero--full_width_media .hero__video-wrap #pauseVideo {
                position: absolute;
                bottom: 0;
                right: 0;
                z-index: 10000;
                background: transparent;
                color: hsla(0,100%,100%, .9);
                border: 0;
                margin-bottom: var(--space-0);
                line-height: 1;
                padding: var(--space-32);
                cursor: pointer;
            }

@media (max-width: 599px) {

.playlist .hero--full_width_media .hero__video-wrap #pauseVideo {
                    right: 0;
                    bottom: 0;
                    transform: translate(0%,-50%)
            }
                }

@media (min-width: 600px) {

.playlist .hero--full_width_media .hero__video-wrap #pauseVideo {
                    /* right: 1em;
                    bottom: 3em; */
            }
                }

@media (min-width: 1025px) {
        
                }

.playlist .hero--full_width_media .hero__video-wrap #pauseVideo:before {
                    display: inline;
                    content: '\f28b';
                    font-family: var(--font-awesome);
                    font-size: var(--step-5);
                    position: relative;
                }

.playlist .hero--full_width_media .hero__video-wrap #pauseVideo.paused:before {
                        display: inline;
                        content: '\f144';
                        font-family: var(--font-awesome);
                    }

.playlist .hero--full_width_media .hero-content {
            /* text-align: center; */
            z-index: 50;
            flex: 1 0 100%;
        }

@media (min-width: 1025px) {

.playlist .hero--full_width_media .hero-content {
                position: absolute;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center
        }
            }

.playlist .hero--full_width_media .hero-content h2 {
                font-size: var(--step-6);
                margin-top: 0;
                margin-left: var(--space-16);
                margin-right: var(--space-16);
                font-family: var(--clocktower-serif);
            }

@media (min-width: 1025px) {

.playlist .hero--full_width_media .hero-content h2 {
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    margin-right: 0;
                    margin-left: 0;
                    text-shadow: 1px 1px 2px #373737, 1px 1px 12px #000
            }
                }

.playlist .hero--full_width_media .hero-content.hero-align-center h2 {
                    text-align: center;
    
                    
                    
                }

.playlist .hero--full_width_media .hero-content.hero-align-left h2 {
                    text-align: left;
                }

.playlist .hero--full_width_media .hero-content.hero-align-left h2::after {
                        left: 0;
                        transform: unset;
                    }

.playlist .hero--full_width_media .hero-content.hero-align-left h2.line-bottom {
                    
                        padding-bottom: var(--space-16);
                        margin-bottom: var(--space-48);
                    }

.playlist .hero--full_width_media .hero-content.hero-align-left h2.line-bottom::after {
                            left: 0;
                            transform: unset;
                            margin: var(--space-0);
                            bottom: 0;
                        }

.playlist .hero--banner_image {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: var(--space-64);
            
    }

.playlist .hero--banner_image .hero-image-wrap {
            display: flex;
            width: 100%;
            justify-content: center;
            margin-top: var(--space-32);
        }

.playlist .hero--banner_image .hero-image-wrap .hero-image {
                width: 60%;
            }

.playlist .hero--banner_image .hero-image-wrap .hero-image .cover-image {
                    aspect-ratio: 16/9;
                    overflow: hidden;
                    margin: 0 auto;
                }

.playlist .hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                        -o-object-fit: cover;
                           object-fit: cover;
                        width: 100%;
                        height: 100%;
            
                    }

@media (min-width: 600px) {

.playlist .hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                            height: auto
            
                    }
                        }

@media (min-width: 1025px) {

.playlist .hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                            min-width: 100%;
                            height: 100%
            
                    }
            
                        }

@media (min-width: 1280px) {

.playlist .hero--banner_image .hero-image-wrap .hero-image .cover-image img {
                            width: 100%;
                            height: auto
            
                    }
                        }

.playlist .hero--breadcrumbs-only {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.playlist .hero--banner_image-section-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: var(--space-64);
    }

.playlist .hero--banner_image-section-nav .hero-image-wrap {
            display: flex;
            width: 100%;
            justify-content: center;
            margin-top: var(--space-32);
        }

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image {
                width: 60%;
            }

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image {
                    aspect-ratio: 16/9;
                    overflow: hidden;
                    margin: 0 auto;
                }

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                        -o-object-fit: cover;
                           object-fit: cover;
                        width: 100%;
                        height: 100%;
            
                    }

@media (min-width: 600px) {

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                            height: auto
            
                    }
                        }

@media (min-width: 1025px) {

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                            min-width: 100%;
                            height: 100%
            
                    }
            
                        }

@media (min-width: 1280px) {

.playlist .hero--banner_image-section-nav .hero-image-wrap .hero-image .cover-image img {
                            width: 100%;
                            height: auto
            
                    }
                        }

.user-login-page {
    height: 100vh;
    /* width: 100vw; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-login-page .user-form-page {    
        
        width: 75vw;
    
    }

.user-login-page .user-form-page .user-form-page__user-form {
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0px 0px 28px 0px rgba(107,107,107,0.25);
            max-height: 100vh;
            box-sizing: border-box;
        }

@media (min-width: 1025px) {

.user-login-page .user-form-page .user-form-page__user-form {
                max-height: 90vh
        }
            }

.user-login-page .user-form-page .user-form-page__user-form .branding {
                margin-bottom: var(--space-32);
            }

.user-login-page .user-form-page .user-form-page__user-form .branding img {
                    width: 80px;
                    height: 80px;
                    margin-bottom: var(--space-32);
                }

@media (min-width: 1025px) {

.user-login-page .user-form-page .user-form-page__user-form .branding img {
                        width: 120px;
                        height: 120px;
                        margin-bottom: var(--space-32)
                }

                    }

.user-login-page .user-form-page .user-form-page__user-form .layout__container {

                flex-direction: column-reverse;
            }

@media (min-width: 1025px) {

.user-login-page .user-form-page .user-form-page__user-form .layout__container {
                    flex-direction: row
            }
                }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region {
                    position: relative;
                }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first {
                    border-top-left-radius: 1rem;
                    border-bottom-left-radius: 1rem;
                    padding: var(--space-32);
                }

@media (min-width: 1025px) {

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first {
                        padding: var(--space-64) var(--space-80)
                }
                    }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first h1 {
                        font-size: var(--step-6);
                        margin-bottom: var(--space-32);
                    }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first h1 span {
                            font-family: var(--clocktower-sans-serif);
                            font-size: var(--step-2);
                            color: hsl(var(--carnelian-dm, var(--carnelian)));
                            text-transform: uppercase;
                            display: block;
                            margin-bottom: var(--space-8);
                            font-weight: var(--semi-bold-weight);
                        }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form hr {
    
                            display: block;
                            height: 1px;
                            border: 0;
                            border-top: 1px solid #ebebeb;
                            margin: var(--space-32) var(--space-0) var(--space-16);
                            padding: 0;
                        }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form hr:first-of-type {
    
                                display: none;
                            }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form h2 {
                            font-size: var(--step-1);
                            font-family: var(--clocktower-sans-serif);
                            margin-bottom: var(--space-16);
                            font-weight: var(--semi-bold-weight);
                            margin-top: var(--space-16);
                            border: 0 !important;
                            clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                                clip-path: inset(50%) !important;  /* 2 */
                            height: 1px !important;
                            margin: -1px !important;
                            overflow: hidden !important;
                            padding: 0 !important;
                            position: absolute !important;
                            width: 1px !important;
                            white-space: nowrap !important;            /* 3 */
                        }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form [data-drupal-selector="edit-saml-sp-drupal-login-links"] {
                            list-style: none;
                            padding-left: 0;
                        }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form [data-drupal-selector="edit-saml-sp-drupal-login-links"] .login-link-button a {
                                    text-decoration: none;
                                    position: relative;
                                    padding: var(--space-8) var(--space-16);
                                    text-transform: uppercase;
                                    display: inline-block;
                                    margin: var(--space-24) var(--space-0) var(--space-8);
                                    color: hsl(var(--text-white-dm, var(--text-white)));
                                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                                    font-weight: var(--regular-weight);
                                    border-radius: .25rem;
                                    font-size: var(--step-0);
    
                                }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item {
                            margin-bottom: var(--space-16);
    
                        }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item label {
                                font-family: var(--clocktower-sans-serif);
                                margin-bottom: var(--space-16);
                                display: block;
                            }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item input {
                                display: block;
                                width: 100%;
                                border-radius: var(--space-4);
                                border: 1px solid #767676;
                                height: 2rem;
                            }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-actions input[type="submit"] {
                                text-decoration: none;
                                position: relative;
                                padding: var(--space-8) var(--space-16);
                                text-transform: uppercase;
                                display: inline-block;
                                margin: var(--space-24) var(--space-0) var(--space-8);
                                color: hsl(var(--carnelian-dm, var(--carnelian)));
                                background-color: transparent;
                                font-family: var(--clocktower-sans-serif);
                                border-radius: .25rem;
                                font-size: var(--step-0);
                                border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
                            }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper {
                    border-top-right-radius: 1rem;
                    border-bottom-right-radius: 1rem;
                    overflow: hidden;
                    position: relative;
                }

@media (min-width: 1025px) {

.user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper {
                        height: 100%
                }
                    }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper picture {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }

.user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper picture img {
                            /* max-width: unset; */
                            /* min-height: 100%; */
                            -o-object-fit: cover;
                               object-fit: cover;
                            min-width: 100%;
                            height: 100%;
                        }

/* .hero--banner_image {
    display: flex;
    flex-direction: column;
    position: relative;

    --angle: 180deg;
 
    &::after {
        content: '';
        inset: 0;
        position: absolute;
        z-index: -1;
        background-color: #b31b1b;
        
    }

    @media (--for-desktop-up) {
        width: 100%;
        padding-top: 2;
        padding-bottom: 3.5em;
        justify-content: center;

        &::after {
            display: none;
        }
    }
   
    

    h1 {
        color: hsla(var(--text-black-dm, var(--text-black)));
        position: relative;
        min-width: 5em;
        padding: var(--space-4);
        grid-row: header;
        align-self: center;
        font-weight: var(--regular-weight);
        font-size: var(--step-4);

        @media (--for-phone-only) {
            align-self: center;
            text-align: center;
            margin: var(--space-0) var(--space-8) var(--space-16) var(--space-8);
            
        }

        @media (--for-tablet-portrait-up) {
            text-align: center;
            margin: 0;
            justify-self: center;
            padding-bottom: var(--space-32);
        }

        @media (--for-desktop-up) {
            font-size: var(--step-6);
            margin: var(--space-0) auto var(--space-16);
            position: relative;
            align-self: center;
            padding-bottom: 0;
            padding-top: 0;
            max-width: 50%;            
        }

        span {
            position: relative;
            z-index: 1;
            display: inline-block;
            line-height: 1;
            margin: 0 auto;
        }
    }

    .cover-image {
        grid-column: 1/7;
        grid-row: top / bottom;
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
        margin: 0 auto;
        overflow: hidden;
        position: relative;

        @media (--for-tablet-portrait-up) {
            aspect-ratio: 16/9;
        }

        @media (--for-desktop-up) {
            position: relative;
            width: 80%;
            margin: 0 auto;
        }

        @media (--for-large-desktop-up) {
            width: 70%;
        }

        @media (--for-xl-desktop-up) {
            width: 60%;
        }

        img {
            object-fit: cover;
            width: 100%;
            height: 100%;

            @media (--for-tablet-portrait-up) {
                height: auto;
            }

            @media (--for-desktop-up) {
                min-width: 100%;
                height: 100%;

            }

            @media (--for-large-desktop-up) {
                width: 100%;
                height: auto;
            }

        }
    }

    &.wide {
        .cover-image {
            grid-column: 2/6;
        }
    }
    
} */

/* Main Menu  */

nav#main-navigation {
    z-index: var(--layer-sky);
}

nav#main-navigation > ul.menu {
        /* background: var(--menuBG, #fff); */
       list-style: none;
       display: flex;
       flex-direction: column;
       padding-left: 0;
       height: auto;
       max-width: none;
       width: auto;
       margin: 0;
    }

@media (min-width: 1025px)  {

nav#main-navigation > ul.menu {
           display: inline-block
    }
       }

nav#main-navigation > ul.menu > li {
           flex: 1 0 auto;
           height: auto;
           text-align: left;
           display: block;
           border: 1px solid transparent;
           border-radius: var(--space-4);
           position: relative;    
        }

@media (min-width: 1025px) {

nav#main-navigation > ul.menu > li {
                /* display: inline-block; */

                /* margin: 0 2%; */
               display: inline-block;
               padding: 0 var(--space-16)    
        }
               
               nav#main-navigation > ul.menu > li a {
                   margin: 0;
                   line-height: 2.8;
                   
               }
                   
                   @media (min-width: 1025px) {
               
               nav#main-navigation > ul.menu > li a {
                       /* @include m.linkHoverTransparent; */
                   
               }
                   }

                   nav#main-navigation > ul.menu > li a::before {
                       content: unset;
                   }
                    /* border: 1px solid #b31b1b !important; */

                   nav#main-navigation > ul.menu > li.active > a, nav#main-navigation > ul.menu > li:focus > a, nav#main-navigation > ul.menu > li:hover > a {
                       position: relative;

                       
                   }

                       nav#main-navigation > ul.menu > li.active > a::after, nav#main-navigation > ul.menu > li:focus > a::after, nav#main-navigation > ul.menu > li:hover > a::after {
                           width: 100%;
                           transition-duration: 0.25s;
                           transition-property: width ease-in;
                       }
                       nav#main-navigation > ul.menu > li.active button::before, nav#main-navigation > ul.menu > li:focus button::before, nav#main-navigation > ul.menu > li:hover button::before {
                           display: inline-block;
                           transform: rotate(180deg);
                           color: #b31b1b;
                           transition-duration: 0.5s;
                           transition-property: transform;
                           transform-origin: center;
                       }
               

               
           }

nav#main-navigation > ul.menu > li .mega-menu {
               width: 100%;
               position: absolute;
               left: 0;
               top: var(--space-32);
               z-index: 100;
               min-height: var(--space-0);

                /* margin-top: 2var(--space-4); */
               padding-top: 7em;
               padding-bottom: var(--space-32);
               display: none;

              
           }

nav#main-navigation > ul.menu > li .mega-menu::before {
                   content: '';
                   display: block;
                   position: absolute;
                   inset: 2var(--space-4) 0 0;
                   background: #333;
                   background: linear-gradient(0deg, rgb(255 255 255 / 100%) 50%, rgb(245 245 245 / 100%) 100%);
                   -webkit-mask-image: url("./../images/menu-circle.png");
                           mask-image: url("./../images/menu-circle.png");
                   z-index: 0;
               }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type {
                   display: grid;
                   position: relative;
                   width: 75%;
                   margin: 0 auto;
                   background: transparent;
                   grid-template-columns: repeat(3,1fr);
               }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item {
                       padding: var(--space-16) var(--space-0);
                   }

/* flex: 1 1 var(--space-0); */

/* background-color: ; */

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item a {
                           font-size: var(--step-0);
                           font-weight: var(--regular-weight);
                           margin-bottom: var(--space-16);
                           border-bottom: 1px solid #ccc;
                           white-space: normal;

                       }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item button {
                           display: none;
                       }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item > ul.menu {
                           display: flex;
                           position: relative;
                           flex-direction: column !important;
                           left: 0;

                       }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item > ul.menu .menu-item {
                               margin: var(--space-4) 0;
                           }

nav#main-navigation > ul.menu > li .mega-menu .sub-menu:first-of-type > .menu-item > ul.menu .menu-item a {
                                   font-size: var(--step-0);
                                   font-weight: var(--regular-weight);
                                   margin-bottom: var(--space-0);
                                   border-bottom: none;

                                   
                               }

@media (min-width: 1025px) {

nav#main-navigation > ul.menu > li {
               flex: unset    
        }

           }

nav#main-navigation > ul.menu > li:not(:last-of-type){
               border-bottom: 1px solid rgb(206 206 206);
           }

@media (min-width: 1025px) {

nav#main-navigation > ul.menu > li:not(:last-of-type){
                    /* text-align:  center; */
                   border-bottom: 0;
                   border: 1px solid transparent
           }

               }

@media (min-width: 1025px) {

nav#main-navigation > ul.menu > li {
               border: 1px solid transparent    
        }

           }

nav#main-navigation > ul.menu > li a {
                /* color: hsla(var(--text-black-dm, var(--text-black))); */

               font-size: var(--step-0);
               font-weight: var(--regular-weight);

               --link-underline-color: 200, 100%, 30%, 1;
               --background-height: var(--space-16);
               --link-color: 0, 0%, 0%;

               /* @include m.linkHoverTransparent; */

               width: 100%;

                /* background: linear-gradient(321deg, rgba(84,84,84,1) 0%,  rgb(15, 15, 15) 100%); */
               text-decoration: none;
               display: inline-block;
               position: relative;

           }

/* transition: all .5s ease-in; */

nav#main-navigation > ul.menu > li a:focus, nav#main-navigation > ul.menu > li a:hover {
                    /* outline: 0; */
               }

@media (min-width: 1025px) {

nav#main-navigation > ul.menu > li a {
                   width: auto;
                   height: 100%;
                   z-index: 1000;
                   display: flex;
                   align-items: center

           }
               }

@media (min-width: 1440px) {

nav#main-navigation > ul.menu > li a {
                    /* padding: var(--space-8) var(--space-0); */

           }

               }

/* @media (--for-uw-desktop-up { */

/* font-size: var(--step-0); */

/* width: auto; */

/* } */

@media (max-width: 599px) {

nav#main-navigation > ul.menu > li a::before {
                       @extend .before;

                       width: var(--space-8);
                       height: 100%;
                       position: absolute;
                       left: 0;
                       top: 0;
                       background: linear-gradient(to right, var(--menu-focus, #FFF) 50%, transparent 50%);
                       background-size: 200% 100%;
                       background-position: right bottom;
                       transition: all .5s ease-out
                   
                   
                   
               }
                   }

/* background: linear-gradient(321deg, rgba(23,23,24,1) 0%, rgba(23,23,24,1) 100%); */

nav#main-navigation > ul.menu > li a:hover::before, nav#main-navigation > ul.menu > li a:focus::before {
                       background-position: left bottom;
                   
                   }

nav#main-navigation > ul.menu > li.active ul.sub-menu {
                   display: block;
               }

nav#main-navigation > ul.menu > li .toggle-menu {
               background: transparent;
               border: none;
               cursor: pointer;

                /* height: 15px; */

                /* width: 15px; */
               position: relative;

                /* margin-left: 10px; */

                /* padding: var(--space-8) 0px; */
               display: inline-block;
               margin: 0 0 0 var(--space-16);
               min-height: unset;
               min-width: unset;
               padding: 0;
               height: auto;
               width: auto;

                /* @media (--for-tablet-landscape-up { */
               color: hsl(var(--text-white-dm, var(--text-white)));
           }

/* } */

nav#main-navigation > ul.menu > li .toggle-menu::before {
                   content: '\f078';
                   color: hsl(var(--text-black-dm, var(--text-black)));
                   font-family: var(--font-awesome);

                    /* height: 15px; */

                    /* width: 15px; */
                   font-size: var(--step--1);
                   transition: transform 2s ease-in-out;
                   transform: rotate(0deg);
               }

/* transition-property: transform; */

/* transform-origin: center; */

@media (min-width: 1440px) {

nav#main-navigation > ul.menu > li .toggle-menu::before {
                        /* height: 25px; */

                        /* width: 25px; */
                       font-size: var(--step-0)
               }

                   }

nav#main-navigation > ul.menu > li .toggle-menu:hover::before, nav#main-navigation > ul.menu > li .toggle-menu:focus::before {
                       color: hsl(var(--carnelian-dm, var(--carnelian)));
                   };

/* Dropdown Menu, first child */

nav#main-navigation > ul.menu > li ul.sub-menu {
               list-style: none;
               padding-left: 0;
               background: var(--menuColor, #FFF);
               position: absolute;
               z-index: 100;
               max-width: unset;
               display: flex;   
            }

nav#main-navigation > ul.menu > li ul.sub-menu li {
                   border-bottom: 0;
                   margin: 0 var(--space-4);
                }

/* any other children menus */

nav#main-navigation > ul.menu > li ul.sub-menu li > ul:first-of-type {
                       position: absolute;
                       top: 0;
                       left: 100%;
                       width: 100%;
                       display: none;
                       list-style: none;
                       padding-left: 0;

                   }

nav#main-navigation > ul.menu > li ul.sub-menu li.active {
                       display: block;
                   }

nav#main-navigation > ul.menu > li ul.sub-menu li.active > ul {
                           display: block;
                       }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu {
                       position: relative;
                       padding-top: 0;
                       top: 0;  
                    }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu::before {
                           display: none;
                       }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu {
                           display: flex;
                           flex-direction: column;
                           margin: 0;
                           padding: 0;
                           width: 100%;
                       }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu .menu-item {
                               margin: 0;
                               padding: 0;
                               
                           }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu .menu-item a {
                                   width: 100%;
                                   font-size: var(--step--1);

                                    /* border-bottom: 0; */
                                   margin-bottom: 0;

                                    /* margin-bottom: var(--space-8); */
                                   border-bottom: 1px solid #ebebeb;
                                   padding-bottom: var(--space-4);
                                   height: auto;
                               }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu .menu-item a:hover, nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu .menu-item a:focus {
                                       color: rgb(var(--cornell-red));
                                   }

nav#main-navigation > ul.menu > li ul.sub-menu li .mega-menu .sub-menu .menu-item.parent a {
                                       font-weight: var(--semiBold) !important;
                                   }

nav#main-navigation > ul.menu > .active .mega-menu {
                display: flex;
            }

nav#main-navigation.menu__mega > ul.menu, nav#main-navigation.menu__mega-priority > ul.menu {
            position: absolute;
            opacity: 0;
            display: none;
        }

nav#main-navigation.menu__mega #main-menu-btn, nav#main-navigation.menu__mega-priority #main-menu-btn {
            font-size: var(--step-0);
            cursor: pointer;
            background-color: transparent;
            height: 50px;
            width: 50px;
            font-weight: var(--regular-weight);
            position: relative;
            margin: 0;
            padding: 0;
            color: hsl(var(--menu-button-color));
            border: 1px solid transparent;
            border-radius: var(--space-4);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: var(--layer-ceiling);
            justify-content: flex-start;
        }

nav#main-navigation.menu__mega #main-menu-btn:before, nav#main-navigation.menu__mega-priority #main-menu-btn:before {
                content: '\f0c9';
                font-family: var(--font-awesome);
                padding-right: var(--space-8);
                font-size: var(--step-4);
            }

@media (min-width: 600px) {

nav#main-navigation.menu__mega #main-menu-btn:before, nav#main-navigation.menu__mega-priority #main-menu-btn:before {
                    font-size: var(--step-1)
            }
                }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega #main-menu-btn, nav#main-navigation.menu__mega-priority #main-menu-btn {
                min-width: 100px;
                margin-top: 0;
                padding-left: var(--space-16);
                padding-top: var(--space-4);
                padding-bottom: var(--space-4);
                top: 0
        }
            }

nav#main-navigation.menu__mega #main-menu-btn:hover, nav#main-navigation.menu__mega #main-menu-btn:focus, nav#main-navigation.menu__mega-priority #main-menu-btn:hover, nav#main-navigation.menu__mega-priority #main-menu-btn:focus {
                background: hsl(var(--carnelian-dm, var(--carnelian)));
                color: hsl(var(--text-white)) !important;
            }

nav#main-navigation.menu__mega #main-menu-btn span.text, nav#main-navigation.menu__mega-priority #main-menu-btn span.text {
                display: none;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega #main-menu-btn span.text, nav#main-navigation.menu__mega-priority #main-menu-btn span.text {
                    display: flex;
                    width: 100%
            }
                }

nav#main-navigation.menu__mega #main-menu-btn i, nav#main-navigation.menu__mega-priority #main-menu-btn i {
                font-size: var(--step-4);
                padding-right: 0;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega #main-menu-btn i, nav#main-navigation.menu__mega-priority #main-menu-btn i {
                    font-size: var(--step-2);
                    padding-right: var(--space-8)
            }

                }

nav#main-navigation.menu__mega #main-menu-close, nav#main-navigation.menu__mega-priority #main-menu-close {
            color: hsl(var(--menu-button-black));
            border: 1px solid hsl(var(--menu-button-black));
            border-radius: 99em;
            display: flex;
            align-items: center;
            justify-content: center;
        }

nav#main-navigation.menu__mega #main-menu-close:before, nav#main-navigation.menu__mega-priority #main-menu-close:before {
                font-size: var(--step-3);
                font-weight: var(--fa-light);
                content: '\58';
            }

nav#main-navigation.menu__mega .nav-wrap, nav#main-navigation.menu__mega-priority .nav-wrap {
            width: 100%;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1000;
            display: none;
            overflow-x: hidden;
            max-height: 100vh;
            box-sizing: border-box;
            transition: all 1000ms ease-in;
            overflow-y: scroll;
            position: fixed;
            background: hsl(var(--menu-background-dm, var(--menu-background)));
            
            /* a.nav-panel-header {
                text-decoration: none;
        
                h2 {
                    color: hsl(var(--menu-header-color));
                    white-space: break-spaces;
                    transition: all 500ms ease-in;

                    
        
                }
        
            } 
        
            h2 {
                font-family: var(--clocktower-sans-serif);
                font-weight: var(--regular-weight);
                color: hsl(var(--text-white-dm, var(--text-white)));
                margin: 0;
                
                a {
                    font-family: var(--clocktower-sans-serif);
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    font-size: var(--step-1);
                    font-weight: var(--semi-bold-weight);
                    position: relative;
                    
                    
                    &:hover ,&:focus {
                    }
                        
                    @media (--for-desktop-up) {
                        --link-color: var(--menu-header-color);
                        font-size: var(--step-1);
                        font-weight: var(--semi-bold-weight);
                    }
                }
            }*/
            
        }

@media (max-width: 599px) {

nav#main-navigation.menu__mega .nav-wrap, nav#main-navigation.menu__mega-priority .nav-wrap {
                /* width: 100%; */
                /* height: 100vh; */
                /* left: 0; */
                /* background: hsl(var(--menu-background)); */
                /* position: fixed; */
                /* padding-bottom: 5em; */
                /* padding: var(--space-32) 5%; */
            
        }

            }

@media (min-width: 600px) {

nav#main-navigation.menu__mega .nav-wrap, nav#main-navigation.menu__mega-priority .nav-wrap {
                background: hsl(var(--menu-background-dm, var(--menu-background)));
                flex-direction: column;
                padding: var(--space-128) var(--space-128);
                justify-content: flex-start
            
        }
            }

nav#main-navigation.menu__mega .nav-wrap.active, nav#main-navigation.menu__mega-priority .nav-wrap.active {
                display: flex;
                flex-direction: column;
            }

nav#main-navigation.menu__mega .nav-wrap.active .menu--body .menu-panels-container, nav#main-navigation.menu__mega-priority .nav-wrap.active .menu--body .menu-panels-container {

                        display: flex;
                        flex-direction: column;
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap.active .menu--body .menu-panels-container, nav#main-navigation.menu__mega-priority .nav-wrap.active .menu--body .menu-panels-container {
                            flex-direction: row
                    }
                        }

nav#main-navigation.menu__mega .nav-wrap .menu--header, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                flex-direction: row-reverse;
            }

nav#main-navigation.menu__mega .nav-wrap .menu--header .menu-close, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header .menu-close {
                    position: relative;
                    border: 0;
                    width: 50px;
                    height: 50px;
                    z-index: 100;
                    background-color: transparent;
                    top: var(--space-0);
                    right: var(--space-0);
                    border-bottom: 1px solid transparent;
                    color: hsl(var(--menu-link-black));
                    transition: all 500ms ease-in;
                }

nav#main-navigation.menu__mega .nav-wrap .menu--header .menu-close:hover, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header .menu-close:hover {
                        color: hsl(var(--carnelian-dm, var(--carnelian)));
                        cursor: pointer;
                    }

nav#main-navigation.menu__mega .nav-wrap .menu--header .menu-close:hover i, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header .menu-close:hover i {
                                /* text-decoration: underline; */
                            border-color: hsl(var(--carnelian-dm, var(--carnelian)));
                        }

nav#main-navigation.menu__mega .nav-wrap .menu--header .menu-close i, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header .menu-close i {
                        font-size: var(--step-5);
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .menu--header .menu-close i, nav#main-navigation.menu__mega-priority .nav-wrap .menu--header .menu-close i {
                            width: 40px;
                            height: 40px;
                            padding: var(--space-16);
                            border-radius: 99em;
                            border: 1px solid hsla(var(--text-white-dm, var(--text-white)) 50%);
                            font-size: var(--step-2);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: hsl(var(--menu-link-black));
                            transition: all 500ms ease-in
                    }
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel {
                position: absolute; 
                height: 100%;
                box-sizing: border-box;
                z-index: 10;
                width: 100%;
                outline: 0;
                transform: translateX(100%);
                transition: transform 500ms;
                gap: var(--space-16);
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel {
                    transform: translateX(0);
                    transform: unset;
                    padding-right: var(--space-32)
            }
                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.is-active, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.is-active {
                    display: flex;
                    align-items: flex-start;
                    transform: translateX(0);
                    transition: transform 500ms;
                    position: relative;
                }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.is-active, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.is-active {
                        transform: unset;
                        transition: unset;
                        position: relative

                            /* padding-left: unset; */
                }
                        
                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.slide-out, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.slide-out {
                    transform: translateX(-100%);
                    transition: transform 500ms;
                    position: absolute;
                }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.slide-out, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.slide-out {
                        transform: unset;
                        transition: unset;
                        position: relative
                }
                        
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel {
                        /* grid-row: 2; */
                    position: relative;
                    width: auto

                        /* padding-left: 7var(--space-8); */
            }
                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap {
                    display: flex;
                    height: 100%;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 0;
                    flex-direction: column;
                    justify-content: flex-start;
                    padding-top: 5em;
                    grid-template-rows: [breadcrumb] 5% [header] 20% [subpanel] 1fr;

                }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap {
                        padding: var(--space-16) 0;
                        display: grid;
                        grid-template-rows: [header] 150px [subpanel] 1fr

                }
                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb {
                        display: block;
                        border: 0;
                        background: none;
                        
                        font-size: var(--step-1);
                        text-transform: uppercase;
                        margin: var(--space-0);
                        padding: var(--space-0);
                        position: relative;
                        left: 0;
                        text-align: left;

                            /* padding: var(--space-0) 5%; */
                        cursor: pointer;
                        color: hsl(var(--carnelian-dm, var(--carnelian)));
                        transition: all 500ms ease-in;   
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb {
                            display: none   
                    }
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb::before, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb::before {
                            content: '\f104';
                            font-family: var(--font-awesome);
                            width: var(--space-16);
                            height: var(--space-16);
                            padding-right: var(--space-4);
                            font-weight: var(--extraLight);
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb:hover, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb:focus, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb:hover, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap .menu-breadcrumb:focus {
                            color: hsl(var(--carnelian-dm, var(--carnelian)));
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu {
                        padding: 0;
                        display: flex;
                        flex-direction: column;
                        grid-row: subpanel;
                        
                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li {
                            display: inline;
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.mobile-utility, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.mobile-utility {
                                display: inline;
                            }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.mobile-utility, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.mobile-utility {
                                    display: none
                            }
                                }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.menu__hidden-desktop, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.menu__hidden-desktop {
                                    display: none
                            }
                                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li button.toggle-menu, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li button.toggle-menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li a {
                                color: hsl(var(--text-black-dm, var(--text-black)));
                                font-size: var(--step-2);
                                font-family: var(--clocktower-sans-serif);
                                font-weight: var(--regular-weight);
                                padding: 0;
                                line-height: 1.5;

                            }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu {
                                width: auto;
                                position: relative;
                                display: inline;
                                flex-direction: row-reverse;
                                align-items: center;
                                text-align: left;
                                height: auto;
                                border: 0;
                                background-color: transparent;
                                margin-bottom: var(--space-0);

                               
                            }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu::after, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu::after {
                                    width: 4em;
                                    height: 100%;
                                    font-size: var(--step-2);
                                    content: '\f105';
                                    font-family: var(--font-awesome);
                                    padding-left: var(--space-8);
                                    left: 0;
                                    transition: all 500ms ease-in-out;
                                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu:hover::after, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu:focus::after, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu:hover::after, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li .toggle-menu:focus::after {
                                        color: hsl(var(--carnelian-dm, var(--carnelian)));
                                        padding-left: var(--space-16);
                                        left: var(--space-16);
                                        transition: all 500ms ease-in-out;
                                        
                                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li a {
                                color: hsl(var(--menu-link-black));
                                padding: 0;
                                text-decoration: none;
                                white-space: break-spaces;
                            }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li a:hover, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li a:focus, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li a:hover, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li a:focus {
                                    border-bottom: 2px solid hsl(var(--carnelian-dm, var(--carnelian)));
                                    color: hsl(var(--menu-link-black)) !important;
                                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level button, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level a, nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level span, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level button, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap ul.menu li.menu-item--top-level span {
                                    font-size: var(--step-4);
                                    font-family: var(--clocktower-serif);
                                    background: transparent;
                                    border: none;
                                    padding: var(--space-0);
                                    color: hsl(var(--menu-text-black-dm, var(--menu-text-black)));
                                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active {
                        display: flex;
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active {
                            display: grid
                    }
                            
                            nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu {
                                padding-right: var(--space-8);

                            }
                                
                                @media (min-width: 1025px) {
                            
                            nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu {
                                    overflow-y: auto

                            }

                                }

                                /* width */
                                nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar {
                                    width: 10px;
                                }
    
                                /* Track */
                                nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-track, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-track {
                                    box-shadow: inset 0 0 5px transparent; 
                                    border-radius: 10px;
                                    margin-left: var(--space-16);
                                }
                                
                                /* Handle */
                                nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-thumb, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-thumb {
                                    background: #bebebe; 
                                    border-radius: 10px;
                                }
                                
                                /* Handle on hover */
                                nav#main-navigation.menu__mega .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-thumb:hover, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel .panel-wrap.active ul.list-menu::-webkit-scrollbar-thumb:hover {
                                    background: #FFF; 
                                }
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel {
                    align-self: stretch;
                }

@media (min-width: 600px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel .panel-wrap, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel .panel-wrap {
                            margin-top: 0;
                            justify-content: flex-start
                    }
                        }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel .panel-wrap, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel .panel-wrap {
                            justify-content: unset
                    }
                            
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel .panel-wrap h2, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel .panel-wrap h2 {
                            display: block;
                        }

@media (max-width: 599px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel .panel-wrap ul, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel .panel-wrap ul {
                                margin-top: var(--space-64)
                        }
                            }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel .menu-breadcrumb, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel .menu-breadcrumb {
                        display: none;
                        grid-row: breadcrumb;
                        justify-self: flex-start;
                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel h2, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel h2 {
                        display: block;
                        grid-row: header;
                        margin-bottom: var(--space-0);
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel h2, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel h2 {
                            /* align-self: center; */
                    }
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel h2 a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel h2 a {
                            font-family: var(--clocktower-serif);
                            font-size: var(--step-6);
                            font-weight: var(--regular-weight);
                            color: hsl(var(--carnelian-dm, var(--carnelian)));
                            transition: all 500ms ease-in;
                            line-height: 1;
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu {
                        grid-row: subpanel;
                        padding-left: var(--space-8);
                    }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu li, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu li {
                            padding-bottom: var(--space-4);
                        }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu li a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu li a {
                                font-family: var(--clocktower-serif);
                                font-weight: var(--regular-weight);
                                font-size: var(--step-3);

                                    /* --link-underline-color: 0,100%,100%,0; */

                                    /* --background-height: .05em; */
                                padding: var(--space-4) 0;
                                
                            }

@media (min-width: 1025px) {

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu li a, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu li a {
                                    --link-color: 0, 0%, 20%

                                    /* @include m.linkHoverTransparent; */
                                
                            }

                                }

nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu li a:hover, nav#main-navigation.menu__mega .nav-wrap .nav-panel.primary-panel ul.menu li a:focus, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu li a:hover, nav#main-navigation.menu__mega-priority .nav-wrap .nav-panel.primary-panel ul.menu li a:focus {
                                    color: hsl(var(--text-white-dm, var(--text-white)));
                                }

nav#main-navigation.menu__dropdown {
        z-index: 10000;
    }

nav#main-navigation.menu__dropdown #main-menu-btn {
            font-size: var(--step-0);
            cursor: pointer;
            background-color: transparent;
            height: 50px;
            width: 50px;
            font-weight: var(--regular-weight);
            position: relative;
            margin: 0;
            padding: 0;
            color: hsl(var(--menu-link-black));
            border: 1px solid transparent;
            border-radius: var(--space-4);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: var(--layer-space);
        }

nav#main-navigation.menu__dropdown #main-menu-btn:before {
                content: '\f0c9';
                font-family: var(--font-awesome);
                font-size: var(--step-4);
                font-weight: var(--fa-light);
            }

@media (min-width: 600px) {

nav#main-navigation.menu__dropdown #main-menu-btn:before {
                    font-size: var(--step-1)
            }
                }

nav#main-navigation.menu__dropdown #main-menu-btn[aria-expanded='true']:before {
                    content: '\58';
                }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown #main-menu-btn {
                min-width: 100px;
                margin-top: 0;
                margin-left: var(--space-16);
                padding-top: var(--space-4);
                padding-bottom: var(--space-4);
                top: 0;
                display: none
        }
            }

nav#main-navigation.menu__dropdown #main-menu-btn:hover, nav#main-navigation.menu__dropdown #main-menu-btn:focus {
                background: hsl(var(--carnelian-dm, var(--carnelian)));
                color: hsl(var(--text-white-dm, var(--text-white)));
            }

nav#main-navigation.menu__dropdown #main-menu-btn span.text {
                display: none;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown #main-menu-btn span.text {
                    display: flex
            }
                }

nav#main-navigation.menu__dropdown #main-menu-btn i {
                font-size: var(--step-4);
                padding-right: 0;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown #main-menu-btn i {
                    font-size: var(--step-2);
                    padding-right: var(--space-8)
            }

                }

nav#main-navigation.menu__dropdown .toggle-main {
            background-color: transparent;
            border: 0;
            font-size: var(--step-5);
            display: flex;
            align-items: center;
            content: '\f0c9';
            font-family: var(--font-awesome);
            z-index: var(--layer-space);
        }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .toggle-main {
                display: none
        }
            }

nav#main-navigation.menu__dropdown .nav-wrap {
            display: none;
            background: hsl(var(--text-white-dm, var(--text-white)));
            position: absolute;
            inset: 0;
            z-index: 1000;
            padding: var(--space-64);
            overflow-y: scroll;
        }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap {
                height: 100vh;
                position: fixed
        }
            }

@media (min-width: 600px) {
                
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap {
                overflow: visible;
                overflow: initial;
                display: block;   
                position: relative; 
                background-color: transparent;
                padding: unset
        }
            }

nav#main-navigation.menu__dropdown .nav-wrap.active {
                display: block;
            }

nav#main-navigation.menu__dropdown .nav-wrap .menu-close {
                position: absolute;
                width: 50px;
                height: 50px;
                z-index: 100;
                background-color: transparent;
                top: var(--space-16);
                right: var(--space-16);
                border-bottom: 1px solid transparent;
                color: hsl(var(--menu-link-black) 1);
                transition: all 500ms ease-in;
                border: 0;
                display: none;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap .menu-close {
                    display: none
            }
                }

nav#main-navigation.menu__dropdown .nav-wrap .menu-close::before {
                    content: '\58';
                    display: block;
                    font-size: var(--step-4);
                }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu {
                list-style: none;
                padding-left: 0;
                display: flex;

                /* gap: var(--space-32); */
                flex-direction: column;
                gap: unset;
            }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu {
                    gap: var(--space-32);
                    flex-direction: row;
                    justify-content: flex-end
            }

                }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level {
                    flex: 0 1 1fr;
                    position: relative;
                    text-align: left;
                    display: flex;
                    flex-direction: column;
                    margin: var(--space-0);
                    align-items: flex-start;
                }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level {
                        margin: var(--space-0);
                        border-bottom: unset;
                        position: relative
                }
                        
                        
                        nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level.mobile-utility {
                            display: none;
                        }

                    }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span {
                        font-family: var(--clocktower-serif);
                        color: hsl(var(--menu-link-black));
                        font-size: var(--step-3);
                        text-decoration: none;
                        padding: var(--space-0);
                        margin-bottom: var(--space-0);
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span {
                            font-size: var(--step-1);
                            padding: var(--space-8);
                            border-bottom: 2px solid transparent
                    }

                        }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span {
                            padding: var(--space-0)
                    }
                            
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level:focus, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level:hover, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span:focus, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span:hover {
                            background-color: hsl(var(--text-black-dm, var(--text-black)) 10%);
                            color: hsl(var(--text-black-dm, var(--text-black)));
                        }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level:focus, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level:hover, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span:focus, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span:hover {
                                border-bottom: 2px solid hsl(var(--carnelian-dm, var(--carnelian)))
                        }

                            }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap {
                        /* display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between; */
                        width: 100%;
                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap {
                            width: auto
                    }
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap a.top-level {
                            font-family: var(--clocktower-serif);
                            color: hsl(var(--text-black-dm, var(--text-black)));
                            font-size: var(--step-1);
                            text-decoration: none;
                            padding: 0;


                        }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap a.top-level {
                                /* color: hsl(var(--text-white-dm, var(--text-white))); */
                                font-size: var(--step-3)


                        }

                            }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap .toggle-menu {
                            border: none;
                            background-color: transparent;
                            margin: 0;
                            padding: var(--space-0);
                            padding-left: var(--space-8);
                            cursor: pointer;
                            
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap .toggle-menu::before {
                                content: '\f078';
                                font-family: var(--font-awesome);
                            }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap .toggle-menu::before {
                                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                                    font-weight: var(--fa-solid)
                            }
                                }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu {
                        list-style: none;
                        flex-direction: column;
                        margin-left: 0;
                        padding-left: var(--space-8);
                        width: 100%;
                        display: none;
                        position: relative;
                        top: 100%;
                    }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu {
                            transform: unset;
                            width: 100%;
                            visibility: visible;
                            border-top: 0;
                            box-shadow: none;
                            box-shadow: initial;
                            border: 0

                            /* display: none; */
                    }
                            
                        }

/* opacity: 0; */

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu {
                            box-shadow: 0 0 10px var(--cardShadowOne,rgb(154 160 185 / 5%)),0 0 15px var(--cardShadowTwo,rgb(166 173 201 / 10%));
                            bottom: 0;
                            /* transform: translateY(100%); */
                            visibility: hidden;
                            position: absolute;
                            border: 1px solid hsl(var(--text-black-dm, var(--text-black)) 10%);
                            border-top: 5px solid hsl(var(--carnelian-dm, var(--carnelian)));
                            display: block;
                            padding-left: var(--space-0);
                            width: auto
                    }
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu.menu--active {
                            display: block;
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu.menu-left {
                            right: 0;
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li {
                            display: block;
                            flex-direction: column;
                            text-align: left;
                            justify-content: flex-start;
                            position: relative;
                            overflow: visible;
                            background: hsl(var(--menu-background-dm, var(--menu-background)));
                        }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li {
                                margin: 0;
                                border: 0
                        }
                            }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li a {
                                display: block;
                                white-space: nowrap;
                                font-size: var(--step-0);
                                font-family: var(--clocktower-sans-serif);
                                padding: var(--space-16);
                                margin-bottom: var(--space-zero);
                                text-decoration: none;
                            }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li a:hover, nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li a:focus {
                                    background-color: hsl(var(--text-black-dm, var(--text-black)) 5%);

                                    /* color: hsl(var(--text-white-dm, var(--text-white))); */
                                }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li a {
                                    padding: var(--space-16) var(--space-32)
                            }

                                }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li .toggle-menu {
                                padding: var(--space-0) var(--space-8);
                            }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li.menu-item--expanded {
                                    display: flex;
                                    flex-direction: column

                            }
                                }

@media (max-width: 599px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li.menu-item--expanded > ul.menu__submenu {
                                    margin-left: var(--space-16)

                                    

                                }

                                        nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li.menu-item--expanded > ul.menu__submenu.menu--active {
                                            display: block;
                                        }
                                    }

@media (min-width: 1025px) {

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li.menu-item--expanded > ul.menu__submenu {
                                        position: absolute;
                                        top: 0;
                                        left: 100%;
                                        border-top: 0;
                                        transform: translateY(0)

                                    

                                }
                                        
                                        nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu > li.menu-item--expanded > ul.menu__submenu.menu-left {
                                            left: unset;
                                            right: 100%;
                                        }
                                    }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > ul.menu__submenu.menu--active {
                            visibility: visible;    
                        }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level.parent--active {
                        position: relative;
                    }

nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level.parent--active a {
                            color: hsl(var(--text-black-dm, var(--text-black)));
                        }

nav#main-navigation.menu__dropdown .nav-wrap.active .menu-close {
                    display: block;
                }

.menu-priority-wrap {
    display: flex;
    flex-direction: row;
    
}

.mobile-actions {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

@media (min-width: 1025px) {

.mobile-actions {
       display: none
}
   }

#priority-navigation {
    display: none;
    position: relative;
    padding-right: var(--space-16);
}

#priority-navigation:after {
        content: '';
        width: 1px;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background: hsl(var(--text-black-dm, var(--text-black)));
    }

@media (min-width: 1025px) {

#priority-navigation {
        display: flex
}
    }

#priority-navigation .list-menu {
        display: flex;
        flex-direction: row;
        list-style: none;
        margin-bottom: var(--space-0);
        padding-left: var(--space-0);
        gap: var(--space-16);
   }

#priority-navigation .list-menu .menu-item {
            display: flex;
            align-items: center;
       }

#priority-navigation .list-menu .menu-item a {
                    line-height: 1.5;
                    color: hsl(var(--text-black-dm, var(--text-black)));
                    --link-color: var(--text-black-dm, var(--text-black));
                    text-decoration: none;

                    /* color: #FFF; */
            }

/* If front page header reverse  */

@media (min-width: 1025px) {

header#site-header.reverse .hdr-right #priority-navigation ul li a, .header--overlay .hdr-right #priority-navigation ul li a {
                                /* color: #FFF; */
                            --link-color: 0, 100%, 100%
                    }
                        }

header#site-header.reverse .hdr-right nav#main-navigation #main-menu-btn, .header--overlay .hdr-right nav#main-navigation #main-menu-btn {
                --menu-button-color: 0 100% 100%;
            }

header#site-header.reverse .hdr-right nav#main-navigation.mobile--active #main-menu-btn, .header--overlay .hdr-right nav#main-navigation.mobile--active #main-menu-btn {
                    color: hsl(var(--menu-button-black));
                }

header#site-header.reverse .hdr-right nav#main-navigation.mobile--active #main-menu-btn:hover, header#site-header.reverse .hdr-right nav#main-navigation.mobile--active #main-menu-btn:focus, .header--overlay .hdr-right nav#main-navigation.mobile--active #main-menu-btn:hover, .header--overlay .hdr-right nav#main-navigation.mobile--active #main-menu-btn:focus {
                        color: hsl(var(--menu-button-white));
                    }

header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item.mobile-utility, .header--overlay .hdr-right nav#main-navigation .menu .menu-item.mobile-utility {
                        display: inline;
                    }

@media (min-width: 1025px) {

header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item.mobile-utility, .header--overlay .hdr-right nav#main-navigation .menu .menu-item.mobile-utility {
                            display: none
                    }
                        }

header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu, .header--overlay .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu {
                        cursor: pointer;
                        position: relative;
     
                        
                    }

@media (min-width: 1025px) {
                            header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu::before, .header--overlay .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu::before {
                                color: hsl(var(--text-white-dm, var(--text-white)));
         
                            }
                                header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu:hover::before, header#site-header.reverse .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu:focus::before, .header--overlay .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu:hover::before, .header--overlay .hdr-right nav#main-navigation .menu .menu-item button.toggle-menu:focus::before {
                                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                                    
                                };
                        }

@media (min-width: 1025px) {
                                header#site-header.reverse .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level, header#site-header.reverse .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span, .header--overlay .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > a.top-level, .header--overlay .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level span {
                                   color: hsl(var(--menu-link-white));
                                }
             
                                header#site-header.reverse .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap, .header--overlay .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap {
    
                                    /* ul {
                                        li {
                                            a {
                                                color: hsl(var(--text-black-dm, var(--text-black)));
                                            }
                                        }
                                    } */
                                }
                                    header#site-header.reverse .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap a.top-level, .header--overlay .hdr-right nav#main-navigation.menu__dropdown .nav-wrap > ul.menu li.top-level > .menu-item-wrap a.top-level {
                                        color: hsl(var(--menu-link-white));
                
                                    }
                }

header#site-header.reverse .hdr-right nav#main-navigation.menu__dropdown, .header--overlay .hdr-right nav#main-navigation.menu__dropdown {
                background-color: transparent;
}

.full-menu-enabled .nav-wrap.active .nav-panel .panel-wrap .menu-breadcrumb.unit-breadcrumb {
                       display: block !important;
                   }

.menu--panel-footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding-left: 10var(--space-8);
   padding-bottom: var(--space-64);
}

@media (min-width: 1025px) {

[data-menu="mega-priority"] #main-menu::before {
               content: '';
               display: inline;
               position: absolute;
               width: 1px;
               height: 100%;
               background-color: #d7d7d7;
               left: -var(--space-8)
       }
           }

/* Main Menu  */

nav#priority-navigation {

 }

.header--overlay nav#priority-navigation .menu .menu-item--priority a {
                    color: hsl(var(--text-white));
                }

#section-navigation-primary {
    background: hsl(var(--body-background));
    display: none;
    flex-direction: column;
    padding: var(--space-64) var(--space-48) var(--space-32);
    position: absolute;
    right: 5%;
    bottom: 0;

    /* ul {
        padding: 0;
        margin: 0;
        list-style: none;
    
        li.menu__item {
            position: relative;

            &::before {
                width: 100%;
                height: 1px;
                background-color: #d0d0d0;
                position: absolute;
                left: 0;
                bottom: 0;
                content: '';
            }

            a.menu__link {
                padding: var(--space-4) 0;
                display: block;
                position: relative;
                font-family: var(--clocktower-sans-serif);
                font-size: var(--step-0);
                text-decoration: none;
                background-image: unset;
                overflow: visible;
                color: hsl(var(--text-black-dm, var(--text-black)));

                &::after {
                    content: "\f054";
                    font-family: var(--font-awesome);
                    position: relative;
                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                    left: 2%;
                    transition: left 500ms ease-in-out;
                }
            }
                
            ul {
                li {
                    &::before {
                        content: unset;
                    }

                    &:last-child {
                        padding-bottom: .5em;
                    }
                }
            }
        }
        
        .menu-item--expanded {
            .section-nav {
                display: none;
            }
        
            &.menu-item--active-trail {
                .section-nav {
                    display: inline;
                }
            }
        }

        .menu-item--active-trail {
            .section-nav {
                padding-top: var(--space-16);
    
                li.menu-item {
                    display: block;
    
                    &:first-child {
                        padding-top: .5em;
                    }
    
                    a {
                        font-size: var(--step--1);
                        margin-left: var(--space-16);
                        
                        &::before {
                            left: -var(--space-16);
                            content: unset;
                        }
                    }
                }
            }
            
            a {
                background-size: unset;
                padding: 0 !important;
            
                &.is-active {
                    color: hsl(var(--carnelian-dm, var(--carnelian))) !important;
                    font-weight: var(--semi-bold-weight);
                    padding-top: var(--space-4) !important;
    
                   
                }
            }
        }
    } */
}

@media (min-width: 1025px) {

#section-navigation-primary {
        display: flex;  
        bottom: unset;          
        bottom: -50%
}
    }

@media (min-width: 1440px) {

#section-navigation-primary {
        right: 15%;
        bottom: 0
}
    }

#section-navigation-primary h2 {
        margin-bottom: var(--space-4);
        font-family: var(--clocktower-serif);
    }

#section-navigation-primary h2::after {
            display: block;
            height: 2px;
            border-bottom: 1px solid #333;
            width: 100%;
            content: "";
            margin-top: 0.5em;
        }

#section-navigation-primary ul {
        list-style: none;
        padding-left: 0;
    }

#section-navigation-primary ul li a {
                text-decoration: none;
                padding: 1em 0 !important;
                display: block !important;
                position: relative !important;
                font-family: var(--clocktower-sans-serif);
                font-size: var(--step-0);
                text-decoration: none;
                background-image: unset !important;
                color: hsla(var(--text-black-dm, var(--text-black)), 1) !important;
                overflow: visible !important;
                
            }

#section-navigation-primary ul li a:after {
                    content: '\f054';
                    font-family: var(--font-awesome);
                    position: relative;
                    color: hsl(var(--carnelian-dm, var(--carnelian)));
                    left: 2%;
                    transition: left 500ms ease-in-out;

                 }

#section-navigation-primary ul li a:hover {
                    color: hsl(var(--carnelian-dm, var(--carnelian))) !important;
                }

#section-navigation-primary ul li a:hover:after {
                        left: 5%;
                        transition: left 500ms ease-in-out;
                    }

#section-navigation-primary ul li:not(:last-child) a:before {
                        content: '';
                        width: 100%;
                        height: 1px;
                        background-color: #d0d0d0;
                        position: absolute;
                        left: 0;
                        bottom: -.25em;
                    }

#section-navigation-primary ul li.menu-item a {
                    padding: .25em 0 !important;
                }

.menu__utility-wrap {

    display: none; 
    flex-direction: row;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    gap: var(--space-16);
}

@media (min-width: 1025px) {

.menu__utility-wrap {
        display: flex
}
    }

.menu__utility-wrap ul.utility-nav {
        list-style: none;
        display: flex;
        flex-direction: row;
        position: relative;
        z-index: 10;
        gap: var(--space-16);
        margin-bottom: var(--space-0);
        align-items: center;
    }

.menu__utility-wrap ul.utility-nav li {
            padding: 0 var(--space-8);
        }

.menu__utility-wrap ul.utility-nav li:first-child {
                padding: 0 var(--space-8) 0 0;
            }

.menu__utility-wrap ul.utility-nav li:last-child {
                padding: 0 0 0 var(--space-8);
            }

.menu__utility-wrap ul.utility-nav li a {
                font-size: var(--step--1);
                text-decoration: none;
                position: relative;
                /* margin-bottom: var(--space-8); */
                /* padding-bottom: var(--space-4); */
                font-weight: var(--regular-weight);

                
            }

.menu__utility-wrap ul.utility-nav li a.link-button {
                    display: inline-block;
                    padding: var(--space-4) var(--space-8);
                }

.menu__utility-wrap ul.utility-nav li a:hover, .menu__utility-wrap ul.utility-nav li a:focus {
                    text-decoration: underline;
                }

.menu__utility-wrap ul.utility-nav li a:not(.link-button) {
                    color: hsla(var(--text-black-dm, var(--text-black)),1);
                    --link-color: var(--text-black-dm, var(--text-black));

                                            
                    /* &.active, &:focus, &:hover {
    
                        --link-underline-color: 200, 100%, 30%, 1;
                        --background-height: .07em;
                        text-decoration: none;
                        
    
                            &:after {
                                width: 100%;
                                transition-duration: 0.25s;
                                transition-property: width ease-in;
                            }
    
                            
                    
    
                        button {
    
                            &:before {
                                display: inline-block;
                                transform: rotate(180deg);
                                color: #b31b1b;
                                transition-duration: 0.5s;
                                transition-property: transform;
                                transform-origin: center;
                            }
                        }
    
                        
                    } */
                }

.header--overlay .menu__utility-wrap #utility-nav .utility-nav li a:not('.link-button') {
                        color: hsl(var(--menu-link-white));
                    }

