header {
    /* box-shadow: 0 2px 18px #0000003d; */
    position: fixed !important;
}

.mr-navbar-brand {
    width: calc(100%);
    background: #0f2240;
    top: 0;
    box-shadow: 0 2px 18px #0000003d;
    z-index: 9;
}

ul.level-0.mr-navbar-nav li a {
    font-size: 1.1rem;
    height: 58px;
}

span.subnav_toggle {
    background: #000000b0;
}

ul.level-1.mr-navbar-dropdown {
    background: #eaeaea;
    padding: 0;
}

.span.subnav_toggle {
    background: #b0b0b02b;
}

ul.level-0.mr-navbar-nav li.has_subnav>a {
    padding-right: 4.25rem;
    /* display: block; */
}
.showupper ul.mr-navbar-admin-nav {
    position: fixed;
    top: 60px;
    right: 0;
    height: 100%;
    flex-direction: column;
    width: 200px;
    background: #1d1d3b;
}

.showupper ul.mr-navbar-admin-nav li {flex-grow: 0;}
ul.level-0.mr-navbar-nav {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    /* height: 100%; */
    /* box-shadow: 0 0 10px black; */
}
ul.mr-member-menu {
    flex-direction: column;
    margin-top: 1rem;
    margin-right: 0;
    padding:1rem
}ul.mr-member-menu li {
   width:100%;
}
.mr-navbar-upper_left {
    padding: 1rem;
    display: none;
}

.contact_phone {
    display: block;
    padding: 0.4rem;
    background: #01977c;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1rem;
}

.header_inner {
    background: white;
    height: 58px;
    position: absolute;
    z-index: 999999999999999999;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contact_phone a {
    display: block;
    text-align: center;
    color: white;
    font-size: 1.1rem;
}

.contact_phone::before {
    position: relative;
    display: inline;
    margin: 1.1px;
}

header ul.navigation_extra a {
    padding: 0.9rem 2rem;
    display: block;
    color: black;
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 900;
}

header ul.navigation_extra a.features_nav_item {
    padding: 1rem;
}

header ul.navigation_extra a i {
    margin-right: 0.7rem;
}

header ul.navigation_extra a::before {
    color: #604b37;
}

.social_links {
    width: 100%;
    justify-content: center;
    padding: 1rem;
}

header .social_links li a:before {
    font-size: 3rem;
}

ul.level-0.mr-navbar-nav li {
    position: relative;
    width: 100%;
}

span.alert_readmore span {
    display: none
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    background-color: white;
}

.swiper-slide>img {
    position: relative !important;
    height: auto;
    max-height: 300px;
    flex-grow: 1;
}

.slideshow_caption {
    min-width: auto !important;
    width: 100% !important;
    height: auto !important;
    background: white !important;
}

.slideshow_caption p {
    font-size: 1rem !important;
}

.swiper {
    width: 100%;
    padding-bottom: 2.2rem !important;
}
/* 1) Stop mobile.css from forcing flex + white bg on slides */
body#homepage .swiper-slide {
  /* fallback then modern revert */
  display: block !important;
  display: revert !important;          /* use component's default if defined */
  background: transparent !important;  /* undo background-color:white */
}

/* 2) If any sliders have direct <img> children, restore normal sizing */
body#homepage .swiper-slide > img {
  position: static !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;              /* typical slide image behavior */
  flex-grow: 0 !important;
}

/* 3) Restore caption styling (let section CSS control it) */
body#homepage .slideshow_caption {
  min-width: unset !important;
  width: unset !important;
  height: unset !important;
  background: transparent !important;  /* remove forced white panel */
}

/* If mobile.css forces a small paragraph size, revert it */
body#homepage .slideshow_caption p {
  font-size: revert !important;        /* use the size defined elsewhere */
}

/* 4) Remove global padding-bottom from .swiper on homepage
      (section-level CSS can still add its own bullet space) */
body#homepage .swiper {
      /* cancels 2.2rem from mobile.css */
}
ul.level-0.mr-navbar-nav li li a {
    color: var(--mr-color-accent-contrast);
}

.services_title_wrapper>div h2 {
    font-size: 7.7vw;
}

.services_tabs_wrapper .services_tab {
    font-size: 0.85rem;
}

.mr-navbar-dropdown.show .mr-navbar-dropdown.show {
    background: #dddddd;
}

.mr-navbar-dropdown {
    height: 0;
    overflow: hidden;
}

span.subnav_toggle:before {
    content: '\f0d7';
    font-family: var(--mr-fontawesome);
    font-weight: 900;
    transition: .2s all ease;
}

.mr-navbar-dropdown.show {
    display: block !important;
    height: auto !important;
    padding-left: 0 !important;
    box-shadow: inset 0 0px 20px 0 #0000002b;
    padding: 0rem 0;
}

span.subnav_toggle.active:before {
    transform: rotate(-180deg);
}

ul.level-0.mr-navbar-nav li li a {
    font-size: clamp(16px, 1vw, 16px);
    font-family: var(--mr-font-main);
    font-weight: 400;
    color: var(--mr-color-dark);
}

li.navitemid-26.has_subnav {
    position: relative !important;
}

header .cls-1 {
    fill: #fff;
}

@media (max-width: 602px) {


    section#events {
        order: 3;
    }

    section#homemain {
        order: 4;
    }

    section#banner {
        /* order: 1; */
    }

    section#sections {
        order: 2;
    }

    section#gallery {
        order: 5;
    }
}

ul.level-0.mr-navbar-nav li li a {
    color: var(--mr-color-accent-contrast);
}

.ad-text {
    font-size: 1.3rem;
    text-align: center;
}

.hero-content h1 {
    font-size: 2rem;
}

.how-it-works h2,
.merch h2,
.giveaways h2,
.sponsors h2 {
    font-size: 2rem;
}

.hero {
    min-height: fit-content;
    padding-top: 30vw;
}.container.copyright > div {
     flex-grow: 1; 
}

.mr-profile-toggle {
    position: fixed;
    right: 60px;
    color: white;
    z-index: 99999;
    padding: 0.8rem 1rem;
    cursor: pointer;
}

.mr-profile-toggle span::before {
    content: '\f2bd';
    font-family: 'FontAwesome';
}

ul.mr-navbar-admin-nav a:hover {
    border-bottom: none !important;
}ul.mr-navbar-admin-nav a {
    padding: 0.8rem 1rem;
    border-bottom: 3px solid #74747426;
}