/* Homepage: difference row make sure boxes are visible when visitor prefers redused motion */

@media (prefers-reduced-motion) {
    .homepage .DifferenceRow-box {
      opacity: 1 !important;
      transform: none !important;
    }
}

/* Homepage: make sure landscape phones with low height can see the whole hero row */
@media (max-height: 500px) {
    .homepage .HeroRow {
        position: relative;
    }
    body.homepage {
        padding-top: 0;
    }
    .homepage .o-menu__primary-bar {
        position: absolute !important;
    }
    .HeroRow.scrolling .HeroRow__title, .HeroRow.scrolling .HeroRow__caption, .HeroRow.scrolling .HeroRow__buttons, .HeroRow.scrolling .HeroRow-slide__headline, .HeroRow.scrolling .HeroRow-slide__link, .HeroRow.scrolling .HeroRow-slide__caption, .HeroRow.scrolling .HeroRow__swiper-controls{
        opacity: 1 !important;
        filter: none !important;
    }
    #main-header {
        margin-top: 0 !important;
    }
}



/* Color variables not defined in main.css */
.o-menu__primary-bar,
.o-menu__mobile {
    --Slate-100: #EFF0F1;
    --Slate-300: #BDC2C6;
    --SpiritGold-600: #F0B323;
}


/*
This file contains styles for the site menu and footer and some other site-specific stuff

Taken from SOE (4-30-25)
*/

/* ============================================= QUICK FIX TO HIDE UNSUPPORTED CLICK TO EXPAND FUNCTIONS IN BORROWED WP POSTS ================================================== */
 .wp-post-content .lightbox-image-container, .wp-post-content .wp-lightbox-overlay, .wp-post-content .lightbox-trigger {
	 display: none;
}
/* ============================================== CODE SECTION: TABLE HEIGHT - status: testing ============================================================== */
 .user_content table {
	 height: auto;
}
/* =========================================================== CODE SECTION: SCROLLING - STATUS: Leave in custom.css. Each school will have a dfferent scroll-margin-top depending on their topbar treatment ============================================================= */
 html {
	 scroll-behavior: smooth;
}
/* offest for sticky header: mobile height */
 [id] {
	 scroll-margin-top: 100px;
}
 @media (prefers-reduced-motion) {
	 html {
		 scroll-behavior: auto;
	}
}
/* ==================== SPECIAL TO CDSP ============================ */


.youvisit-container {
	 height: 400px;
}

/* needed by new menu/sticky topbar combo */
 body {
	 width: 100%;
	 overflow-y: scroll;
}

/* Hacks for the homepage and broadcast bar (remove some fancy stuff if there is a broadcast message) */
body.homepage.js-broadcast-visible {
  padding-top: 0;
}
body.homepage.js-broadcast-visible .HeroRow {
  position: relative;
}
body.homepage.js-broadcast-visible .o-menu__primary-bar {
  position: relative;
  opacity: 1 !important;
}
body.homepage.js-broadcast-visible .HeroRow__text-wrapper {
  opacity: 1 !important;
  filter: none !important;
}
body.homepage.js-broadcast-visible .HeroRow {
  margin-top: -76px;
}


/* =================== ACCESSIBILITY ================= */
/* skip to main content link- hidden until focused */
 .skip-to-main-content-link {
	 position: absolute;
	 left: 22px;
	 top: -300px;
	 z-index: 2000;
	 padding: 10px 2em;
	 color: #fff;
	 background: #000;
	 font-weight: 700;
	 height: 2.813rem;
	 opacity: 0;
	 transition: none;
}
 .skip-to-main-content-link:focus {
	 top: 0;
	 opacity: 1;
}

/* ============== TOPBAR: General mobile to desktop presentation ======================== */
 @media (min-width: 1080px) {
	 body .o-menu__primary-bar-links {
        display: flex;
        gap: 22px;
        flex-grow: 1;
        justify-content: flex-end;
	}
	 body #menu-button {
		 display: none;
	}
	body .o-menu__search {
	    display: flex;
	}
}

/* ===================== TOPBAR (Primary Bar) ===================================== */
 .o-menu__primary-bar {
    width: 100%;
    background: #000;
    height: 76px;
    padding-top: 11px;
    position: sticky;
    -webkit-position: sticky;
    transform: translate3d(0,0,0);
    opacity: 1;
    top: 0;
    z-index: 1000;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03);
    transition: all .5s ease 0s, background .3s ease-out .3s, top 0s ease 0s;
}
body.mobile-menu-open .o-menu__primary-bar,
.o-menu__primary-bar:hover,
.o-menu__primary-bar:focus-within {
    box-shadow: 0px 0px 1px transparent; /* because Chrome Mac doesn't seem to like "none" here */
}

 .homepage .o-menu__primary-bar {
    background: transparent;
    position: fixed;
    box-shadow: 0px 0px 1px transparent; /* because Chrome Mac doesn't seem to like "none" here */
    z-index: 1;
}
.homepage.small-screen .o-menu__primary-bar,
.homepage.short-screen .o-menu__primary-bar {
    position: absolute;
}
.homepage.small-screen.mobile-menu-open #main-header {
    margin-top: 0 !important;
}
.homepage .o-menu__primary-bar:hover, 
.homepage .o-menu__primary-bar:focus-within,
body.homepage.mobile-menu-open .o-menu__primary-bar {
	 background: #000;
	 transition-delay: 0s;
}
 .homepage .o-menu__primary-bar.-secondary, body.scrolling.homepage .o-menu__primary-bar {
	 background: rgba(17,87,64,1);
}
 body.mobile-menu-open .o-menu__primary-bar {
	 transition: none;
}
 .mobile-menu-open .o-menu__primary-bar::after {
	 right: -30px;
}
 .o-menu__primary-bar-content {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: center;
	 width: 100%;
	 height: 100%;
	 /*max-width: 1376px;*/
	 margin: auto;
	 padding: 0 22px;
	 position: relative;
}
@media (min-width: 835px) {
     .o-menu__primary-bar-content {
         padding: 0 44px;
     }
}
 .o-menu__logo a,
 .o-menu__logo img {
	 display: block;
}
 .o-menu__logo {
	 width: 322px;
	 max-width: calc(100% - 50px);
}

/* Don't use sticky bar if height is limited, like on a landscape phone */
 @media (max-height: 400px){
	 body:not(.homepage) .o-menu__primary-bar {
		 position: relative !important;
		 padding-right:0 !important;
		 top: 0 !important;
	}
	 #menu-button {
		 right: 0 !important;
	}
}

/* ======================== TOPBAR Primary Links ============================ */
 .o-menu__primary-bar-links {
	 height: 100%;
	 display: none;
	 padding: 0;
	 margin: 0 0 0 22px;
}
 .o-menu__primary-bar-li {
	 height: 100%;
	 display: flex;
	 position: relative;
	 align-items: center;
	 padding: 0;
}

.o-menu__primary-bar-li::before {
    transition: all .3s ease;
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - (1.5rem));
    z-index: -1;
    left: 0;
    border-radius: 11px;
    background: transparent;
    /*backdrop-filter: blur(0);*/
}
.o-menu__primary-bar-li:hover::before, .o-menu__primary-bar-li:focus-within::before {
    background: #F0B323;
    /*backdrop-filter: blur(25px);*/
}
 .o-menu__primary-bar-link {
    color: var(--Slate-100);
    padding: 0 0 0 11px;
    height: 100%;
    width: 100%;
    line-height: 1.4;
    font-size: 1rem;
    font-family: "Roboto Mono";
    font-weight: 400;
    letter-spacing: 0;
    transition: text-decoration-color .3s, color .3s;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 4.5%;
    text-underline-position: from-font;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1001;
    outline-offset: -2px;
    padding-right: 30px;
}
.o-menu__primary-bar-link:hover, .o-menu__primary-bar-link:focus {
	text-decoration-color: #0e1111;
	text-decoration-style: dotted;
	text-decoration-thickness: 2px;
}
 .o-menu__primary-bar-links .js-submenu-toggle {
    color: var(--Slate-100);
    margin: 3px 0 0 0;
    padding: 0;
    min-height: 1px;
    background: transparent;
    font-size: 12px;
    outline: revert !important;
    outline-offset: -2px;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    transition: all .1s ease;
    z-index: 2000;
}
.o-menu__primary-bar-links .o-menu__primary-bar-li:hover .o-menu__primary-bar-link, 
.o-menu__primary-bar-links .o-menu__primary-bar-li:focus-within .o-menu__primary-bar-link,
.o-menu__primary-bar-links .o-menu__primary-bar-li:hover .js-submenu-toggle, 
.o-menu__primary-bar-links .o-menu__primary-bar-li:focus-within .js-submenu-toggle {
    color: #0e1111;
}
.o-menu__primary-bar-links .js-submenu-toggle * {
	font-weight: 400;
}
.o-menu__primary-bar-links .js-submenu-toggle:hover,
.o-menu__primary-bar-links .js-submenu-toggle:focus {
    color: var(--color-webgold-55);
}
 .js-submenu-toggle .rotatebox {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-content: center;
	 transform: scaleX(1) scaleY(1) translateY(-2px);
	 height: 100%;
}

/* ====================== TOPBAR Submenu ========================= */
 .desktop-menu-panel {
	 position: absolute;
	 visibility: hidden;
	 opacity: 0;
	 box-shadow: none;
	 top: 100%;
	 background: transparent;
	 text-align: left;
	 width: auto;
	 min-width: 100%;
	 max-width: 590px;
	 z-index: +1;
	 left: 0;
	 right: auto;
	 padding: 11px 0 0 0;
}
 .desktop-menu-panel ul {
    padding: 12.5px 18px;
    margin: 0;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.55);
    /*box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    */
    color: #fff;
    display: flex;
    flex-direction: column;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    opacity: 0; 
    backdrop-filter: blur(25px);
}
 .desktop-menu-panel.closing {
	 visibility: visible;
	 opacity: 1;
}
 .desktop-menu-panel[aria-hidden="false"], .hovering .desktop-menu-panel {
	 opacity: 1;
	 visibility: visible;
}
 .desktop-menu-panel[aria-hidden="false"] ul, .hovering .desktop-menu-panel ul {
	 opacity: 1;
}
 .desktop-menu-panel a {
    color: var(--Slate-100);
    font-family: "Roboto";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.02rem;
    transition: all .3s ease;
    width: max-content;
    min-width: 100%;
    display: block;
    padding: .344rem 0;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 4.5%;
    text-underline-position: from-font;
}
 .desktop-menu-panel a:hover, .desktop-menu-panel a:focus {
     color: #F0B323;
	 text-decoration: underline;
	 text-decoration-color: #F0B323;
	 text-decoration-style: dotted;
	 text-decoration-thickness: 2px;
}
 .o-menu__primary-bar .desktop-menu-panel li {
	 margin: 0;
	 display: block;
}

/* ====================== TOPBAR Search =============================== */
.o-menu__search {
    width: auto;
    margin-left: 22px;
    height: 100%;
    display: none;
    justify-content: flex-end;
    position: relative;
}
@media (min-width: 1280px) {
    .o-menu__search {
        margin-left: 77px;
    }
}
@media (min-width: 1440px) {
    .o-menu__search {
        margin-left: 88px;
    }
}
 #o-menu__search-form-container {
     visibility: hidden;
     align-items: center;
     height: 100%;
     width: 0px;
     max-width: 0px;
     margin-bottom: 0;
     margin-right: 30px;
     position: absolute;
     top: 0;
     right: 0;
     overflow: hidden;
     transition: all .1s ease;
     z-index: 2000;
     opacity: 0;
     background: #000;
}
 @media (prefers-reduced-motion) {
	 #o-menu__search-form-container {
		 transition: all .001s ease;
	}
}
 #o-menu__search-form-container.form-visible {
     visibility: visible;
     width: calc(100vw - 88px);
     max-width: calc(100vw - 88px);
     opacity: 1;
}
 #o-menu__search-form-container.closing {
     visibility: visible;
}
 .o-menu__search-toggle {
     background: transparent;
     position: relative;
     margin: 0;
     padding: 0;
     border: 0;
     width: auto;
     min-width: 30px;
     height: 100%;
	 display: inline-block;
	 color: rgba(239, 240, 241, 0.75);
	 text-align: right;
	 font-family: "Roboto Mono";
	 font-size: 0.875rem;
	 font-style: normal;
	 font-weight: 500;
	 line-height: normal;
	 letter-spacing: 0.044rem;
	 text-transform: uppercase;
     outline: revert !important;
     outline-offset: -2px;
     transition: color .3s ease;
}
.o-menu__search-toggle i {
	font-size: 1.125rem;
	font-weight: 400;
	width: 1.125rem;
}
 @media (min-width: 599px) {
     .o-menu__search-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 11px;
    }
}
 .o-menu__search-toggle:hover, .o-menu__search-submit:hover, .o-menu__search-toggle:focus, .o-menu__search-submit:focus {
     background: transparent;
     color: #fff;
     border: 0;
}
.o-menu__search-toggle .search-text {
     opacity: 1;
     transition: all .3s ease;
}
 .o-menu__search-toggle[aria-expanded="false"] .show-topbar-search {
     display: inline-block;
}
 .o-menu__search-toggle[aria-expanded="false"] .hide-topbar-search {
     display: none;
}
 .o-menu__search-toggle[aria-expanded="true"] .show-topbar-search {
     display: none;
}
 .o-menu__search-toggle[aria-expanded="true"] .hide-topbar-search {
     display: inline-block;
     margin-bottom: 2.5px;
}
.o-menu__search-toggle[aria-expanded="true"]:not(.closing) .search-text {
     opacity: 0;
}
 .o-menu__search-form {
     display: flex;
     height: 100%;
     margin: 0;
}
#o-menu__search-input {
     padding: 0 0 0 20px;
     width: 100%;
     outline: none;
     background: transparent;
     color: #fff;
     border: 0;
     /*border-bottom: 1px solid rgba(255, 255, 255, 0.50);*/
     line-height: 1.4;
}
#o-menu__search-input::placeholder {
     color: rgba(255, 255, 255, 0.50);
     text-transform: uppercase;
     font-weight: 500;
     font-size: .875rem;
     letter-spacing: .044rem;
     font-family: "Roboto Mono";
}

/* =================== MOBILE MENU Base Layout ========================= */
 .o-menu__mobile {
	 visibility: hidden;
	 background: rgba(0,0,0,.8);
	 backdrop-filter: blur(25px);
	 transition: transform .3s ease, visibility .01s ease .3s;
	 transform: translate3d(0,0,0);
	 position: fixed;
	 top: 76px;
	 bottom: 0;
	 left: 100%;
	 width: 470px;
	 max-width: 100%;
	 z-index: 1000;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
 @media (prefers-reduced-motion) {
	 .o-menu__mobile {
		 transition: transform .001s ease;
	}
}

.o-menu__mobile:hover, .o-menu__mobile:focus-within {
  scrollbar-color: #444 transparent;
}

/*.closing.o-menu__mobile {*/
/*    visibility: visible !important;*/
/*	 transform: translateX(0) !important;*/
/*}*/
 .ps__rail-y {
	 margin-top: 0 !important;
}
/* Topbar is not sticky on a landscape phone */
 @media (max-height: 400px){
	 .o-menu__mobile, .mobile-menu-open .o-menu__backdrop {
		 top: 0 !important;
	}
	 .o-menu__backdrop {
		 z-index: 1001 !important;
	}
	 .o-menu__mobile {
		 z-index: 1002 !important;
		 max-width: 80% !important;
	}
	 #main-header {
		 margin-top: 0 !important;
	}
}

/* =========== MOBILE MENU The dark background over rest of body when opening mobile menu =========== */
 .o-menu__backdrop {
	 position: fixed;
	 height: 1px;
	 top: 76px;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: rgba(0,0,0,.6);
	 backdrop-filter: blur(10px);
	 z-index: 100;
	 opacity: 0;
	 transition: opacity .3s ease;
}
 .mobile-menu-open .o-menu__backdrop {
	 opacity: 1;
	 height: 100%;
}
 .o-menu__backdrop.closing {
	 opacity: 0;
}

/* ============== MOBILE MENU Open/Close Button =================== */
 #menu-button {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 position: absolute;
	 right: 0;
	 top: 11px;
	 bottom: 0;
	 padding: 0 22px;
	 transition: background-color .3s;
	 overflow: hidden;
	 background: transparent;
	 color: var(--Slate-100);
	 font-size: 1.125rem;
	 font-weight: 400;
}
@media (min-width: 835px) {
     #menu-button {
         padding: 0 44px;
     }
}
 #menu-button:hover, #menu-button:focus {
	 text-decoration: none;
	 color: #fff;
}

#menu-button  i.fa-times {
    display: none;
    font-size: 1.5rem;
    font-weight: 400;
}
#menu-button[aria-expanded="true"] i.fa-bars {
    display: none;
}
#menu-button[aria-expanded="true"] i.fa-times {
       display: block;
}

/* ========== MOBILE MENU Search ==================== */
 .o-menu__mobile-search-form {
	 display: flex;
	 /*border-bottom: 1px solid rgba(255,255,255,.1);*/
	 margin: 0;
	 opacity: 1;
	 transition: opacity 0s ease 0s;
	 height: 74px;
}
.sub-is-open .o-menu__mobile-search-form {
    opacity: 0;
    transition-delay: .05s;
}
 .o-menu__mobile-search-form:focus-within {
	 border-bottom: 1px solid #115740;
}
 .o-menu__mobile-search-input {
	 font-size: 22px;
	 width: calc(100% - 72px);
	 border: 0;
	 padding: 22px;
	 -webkit-appearance: none;
	 background: var(--color-griffingreen-100);
	 color: #fff;
}
.o-menu__mobile-search-input:focus {
    background: #07231a;
}
.o-menu__mobile-search-input::placeholder {
     color: #a0bcb3; /* rgba(160, 188, 179, 1) */
     text-transform: uppercase;
     font-weight: 500;
     font-size: .875rem;
     letter-spacing: .044rem;
     font-family: "Roboto Mono";
}
.o-menu__mobile-search-input:focus::placeholder {
     color: rgba(160, 188, 179, .2);
}
 .o-menu__mobile-search-button {
	 width: 72px;
	 background: var(--color-griffingreen-100);
	 color: #a0bcb3;
	 font-size: 1.125rem;
	 border: 0;
	 margin: 0;
	 outline: revert !important;
	 padding: 0;
	 border-radius: 0;
}
 .o-menu__mobile-search-button:hover, .o-menu__mobile-search-button:focus {
	 color: #fff;
	 background: var(--color-griffingreen-100);
}

/* ==================== MOBILE MENU Primary Links ==================== */
 .o-menu__mobile-primary-links {
	 padding:0 0 22px 0;
	 margin:0;
	 position: static;
}
 body.mobile-menu-open .o-menu__mobile {
    visibility: visible;
    transform: translate3d(-100%,0,0);
    transition-delay: 0s;
    overflow: hidden;
}
body.mobile-menu-open .o-menu__mobile.closing {
    transform: translate3d(0,0,0) !important;
    visibility: visible !important;
}
.o-menu__mobile-contents {
    overflow: auto; 
}
.sub-is-open .o-menu__mobile-contents {
    overflow: hidden; 
}
body.mobile-menu-open .o-menu__mobile.sub-is-open {
    overflow: hidden; 
}
 .o-menu__mobile a {
	 outline-offset: -2px;
}
 .o-menu__mobile-primary-links > li {
    position: static;
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1);
    line-height: 1.2;
    /*transition: all .3s ease;*/
}
 .o-menu__mobile-primary-links > li > button, 
 .o-menu__mobile-primary-links > li > button span:first-of-type {
	 margin: 0;
	 padding: 22px;
	 background: transparent;
	 right: 0;
	 top: 0;
	 width: 100%;
	 height: 74px;
	 font-size: 1.75rem;
	 line-height: 1.07143;
	 outline: revert !important;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 text-transform: none;
	 letter-spacing: 0;
}
.o-menu__mobile-primary-links > li > button {
    color: var(--Slate-300);
    padding: 0 22px;
}
.o-menu__mobile-primary-links > li > button span:not(.rotatebox)  {
	 padding: 0;
	 height: auto;
}
 .o-menu__mobile-primary-links > li > button {
	 margin: 0;
	 padding: 22px;
	 background: transparent;
	 right: 0;
	 top: 0;
	 width: 100%;
	 height: 74px;
	 color: var(--Slate-300);
	 font-size: 1.375rem;
	 line-height: 1.07143;
	 outline: revert !important;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 text-transform: none;
	 letter-spacing: 0;
	 position: relative;
	 box-sizing: border-box;
	 transition: color .3s ease, opacity .01s ease;
}
.o-menu__mobile-primary-links > li > button span {
	 padding: 0;
}
 .o-menu__mobile-primary-links > li > button:hover, .o-menu__mobile-primary-links > li > button:focus {
	 background: rgba(255,255,255,.05);
	 color: #fff;
}
.o-menu__mobile-primary-links > li > button::after {
  content: "";
  height: 1px;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all .3s ease;
}
.o-menu__mobile-primary-links > li > button:hover::after,
.o-menu__mobile-primary-links > li > button:focus::after {
  background: var(--SpiritGold-600);
}
.o-menu__mobile-primary-links > li.is-expanded > button:hover::after,
.o-menu__mobile-primary-links > li.is-expanded > button:focus::after {
  background: transparent;
  transition: none;
}

 .o-menu__mobile-primary-links > li > button .rotatebox {
	 display: inline-block;
	 transform: translateX(-6px);
	 transition: all .3s ease;
}
 .o-menu__mobile-primary-links > li > button:hover .rotatebox, .o-menu__mobile-primary-links > li > button:focus .rotatebox {
	 color: var(--SpiritGold-600);
	 transform: translateX(0px);
}
@media(prefers-reduced-motion) {
    .o-menu__mobile-primary-links > li > button:hover .rotatebox, .o-menu__mobile-primary-links > li > button:focus .rotatebox {
      transform: translateX(-6px); /* original position */
    }
}

/* =============== MOBILE MENU Accordion content (submenus) =========================== */
.sub-is-open .o-menu__mobile-primary-links > li > button {
  opacity: 0;
}
.sub-is-open .o-menu__mobile-primary-links > li {
  border-color: transparent;
}
.mm-sub-close {
     color: #a0bcb3;
     text-transform: uppercase;
     font-weight: 500;
     font-size: .875rem;
     letter-spacing: .044rem;
     font-family: "Roboto Mono";
    height: 74px;
    width: 100%;
    background: var(--color-griffingreen-100);
    text-decoration: 1px dotted transparent;
    transition: color.3s ease;
    padding: 0;
    margin: 0;
    position: relative;
}
.mm-sub-close:hover, .mm-sub-close:focus {
    background: var(--color-griffingreen-100);
    text-decoration: 1px dotted #fff;
}
.mm-sub-close::after {
    content: "\f053";
    font-family: "font Awesome 6 Pro";
    position: absolute;
    left: 22px;
    font-size: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    transition: color .3s ease;
}
.mm-sub-close:hover::after, .mm-sub-close:focus::after {
    color: var(--SpiritGold-600);
}
 .o-menu__mobile-primary-links .accordion__content {
    overflow-y: auto;
    height: 0;
    transition: opacity .01s ease;
    position: absolute;
    z-index: 2000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto !important;
    transform: translate3d(100%,0,0);
    opacity: 0;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
.o-menu__mobile-primary-links .accordion__content:hover,
.o-menu__mobile-primary-links .accordion__content:focus-within {
    scrollbar-color: #444 transparent;
}
 .o-menu__mobile-primary-links .accordion__content a {
    color: var(--Slate-300);
    font-family: "Roboto Mono";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.67;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding: 22px;
    transition: all .3s ease;
    position: relative;
}
 .o-menu__mobile-primary-links .accordion__content a:hover, .o-menu__mobile-primary-links .accordion__content a:focus {
  color: #fff;
  background: rgba(255,255,255,.05);
  text-decoration: none;
}
.o-menu__mobile-primary-links .accordion__content a::after {
  content: "";
  height: 1px;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all .3s ease;
}
.o-menu__mobile-primary-links .accordion__content a:hover::after,
.o-menu__mobile-primary-links .accordion__content a:focus::after {
  background: var(--SpiritGold-600);
}
 #mobile-menu .accordion__title[aria-expanded="true"] + .accordion__content {
	 visibility: visible;
	 transform: translate3d(0,0,0);
	 opacity: 1;
}

 #mobile-menu .accordion__title[aria-expanded="false"] + .accordion__content {
	 visibility: hidden;
}
 #mobile-menu .accordion__title + .accordion__content.closing-sub {
	 visibility: visible !important;
	 transform: translate3d(0,0,0);
}
 .accordion__content-inner {
	 margin: 0;
	 padding: 0 0 22px 0;
	 list-style: none;
	 /*opacity:0;*/
	 /*transition: opacity .65s ease-in-out;*/
}
.accordion__content-inner li {
   border-bottom: 1px solid rgba(255,255,255,.1); 
}