#global-search label {
    display: none;
}

#navigation-block #search-bar input {
    padding: 13px 120px 8px 75px;
}


/* General Navigation */

.mp-pusher {
    width: 100vw;
    z-index: 2; /* Added */
}

a.dropdown-menu-h2 {
    color: #333333;
    text-transform: uppercase;
    /* font-weight: 600; */
    font-size: 18px;
    line-height: 1.25; /* 30px; */
    display: block;
    /* margin-bottom: 10px; */
    padding: .75rem 0;
}

.navbar-dark .navbar-brand {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 400;
    /* 600; */
}

.navbar {
    padding: 0;
    max-height: 58px;
}

.navbar-header {
    background-color: #000000;
    padding: 14px 24px;
}

/* @media (max-width: 767.98px) {
    .navbar-header {
        width: 100%;
    }
} */

.navbar-nav {
    height: 100%;
}

#navbarDesktop {
    background-color: #000000;
}

#navbarDesktop li a.nav-link {
    color: rgba(255, 255, 255, 1);
    height: 100%;
    background: #000000;
    border-radius: 0;
    padding: 17px 24px;
    text-transform: uppercase;
    white-space: nowrap;
    /* added */
}

#navbarDesktop li a.nav-link:hover,
#navbarDesktop li a.nav-link.show,
#navbarDesktop li a.nav-link.active  {
    background: #62838d;
}

.navbar-toggler {
    padding: 0 .5rem; /* 0; */
    font-size: 1.75rem; /* 2rem; */
    border: 0px solid transparent;
    border-radius: 0;
    min-width: fit-content; /* 50px; */
    /* height: 30px; */
}

.userGuide .dropdown-menu {
    right: 0;
    left: auto;
    padding: 0.5rem 1rem;
    min-width: 12rem;
    border-radius: 0;
    margin: -1px;
}

.userGuide span {
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
}

.userGuide span.coming-soon {
    padding: 0;
    margin-top: -17px;
    margin-left: 55px;
}

.userGuide .nav-link.show,
.userGuide .nav-link:hover,
.userGuide .nav-link.active {
    background: #62838d !important;
    color: #ffffff !important;
}

.userGuide img {
    width: 40px; /* 41px; */
    height: 40px; /* 41px; */
    margin-right: .25rem; /* 10px; */
}

.userGuide ul.dropdown-menu li {
    padding: .5rem 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25; /* Added */
}

.navbar-toggler i {
    color: #ffffff
}


/*Mobile Navigation*/

.navbar-brand {
    margin: 0; /* 24px; */
}

@media (max-width: 991.98px) {
    /* added */
    .navbar-brand {
        margin-right: 0;
    }
}

.mobile-header {
    background-color: #49798D;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
}

.mobile-body {
    background-color: #62838d26;
}

.mobile-body a {
    font-family: 'Oswald', sans-serif;
}

.mobile-body a.active::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    content: "\f105";
    /* FontAwesome Unicode */
    padding-left: 15px;
    text-decoration: none;
}

.mobile-footer {
    background-color: #ffffff;
    color: #49798D;
}

.mobile-footer ul {
    background-color: #ffffff !important;
    padding: 0 !important; /* Added */
}

.mobile-footer li.userGuide a span {
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    font-size: 18px;
    line-height: 1.25; /* Added */
}

.mobile-footer .userGuide .mp-level span {
    color: #333;
    font-size: 14px;
    padding: .75rem 1.5rem; /* 10px 20px; */
    text-transform: initial;
    /* margin: 5px 0; */
    display: block;
    line-height: 1.25; /* Added */
}

.mobile-footer .userGuide .mp-level li {
    color: #333;
    font-size: 18px;
    padding: .5rem 1.5rem; /* 5px 20px; */
    text-transform: capitalize;
    line-height: 1.25; /* Added */
}

.mobile-footer .userGuide .mp-level .coming-soon {
    font-size: 14px; /* 12px; */
    color: #707070;
    margin: -15px 0 0 35px;
    text-transform: lowercase;
}

@media (min-width: 768px) {
    #navbarMobile {
        display: none !important;
    }
}

.mp-level {
    background-color: #ffffff !important;
    height: calc(100vh - 128px);
    /* calc(100vh - 121px); */
}

.mp-menu {
    font-family: 'Oswald', sans-serif;
}

.mp-menu.mp-cover h2 {
    background-color: #49798D;
    color: #ffffff;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 18px;
    /* 1.125em; */
    /* padding-left: 2.1em; */
    padding: 1rem 1.5rem; /* 20px; */
    line-height: 1.25; /* Added; */
}

.mp-menu ul {
    background-color: #62838D26;
    padding: .75rem 0; /* 10px 0; */
    /* added */
    /* box-shadow: 0 3px 6px #00000029; */
}

.mp-menu ul li>a {
    box-shadow: none;
    text-transform: uppercase;
    color: #333;
    /* added */
    font-size: 18px;
    /* added */
    padding: .75rem 1.5rem; /* 10px 20px; */
    line-height: 1.25; /* Added; */
}

.mp-level>ul>li:first-child>a {
    box-shadow: none;
    /* text-transform: uppercase; */
}

.mp-menu ul li a:hover,
.mp-level>ul>li:first-child>a:hover {
    background: none;
    /* text-decoration: underline; */
    color: #49798D;
    /* #5E7B88; */
}

.mp-menu ul li .active,
.mp-level>ul>li:first-child>.active {
    background: none;
    text-decoration: underline;
    color: #49798D;
    /* #5E7B88; */
}

.era-coming-soon {
    display: block;
    padding: .75rem 1.5rem; /* 10px 20px; */
    /* 0.7em 1em 0.7em 1.8em; */
    outline: none;
    font-size: 18px;
    /* 1.4em; */
    /* text-shadow: 0 0 1px rgb(255 255 255 / 10%); */
    /* transition: background 0.3s, box-shadow 0.3s; */
    text-transform: uppercase;
    line-height: 1.25; /* Added; */
}

.coming-soon {
    display: block;
    font-size: 14px; /* 12px; */
    color: #707070;
    /* margin-top: -.75rem; */
    text-transform: lowercase;
}

.mp-back {
    /* padding-left: 3em; */
    padding: .5rem .625rem; /* 10px 20px; */
    color: #5E7B88 !important;
    font-weight: 400;
    background-color: #ffffff;
}

.mp-back::after {
    display: none;
}

.mp-back i {
    padding-right: .5em;
}

#mp-menu .era-coming-soon .coming-soon {
    /* margin-top: -7px; */
}

.mobilelevel3 ul li::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    /* content: "\f105"; */
    /* FontAwesome Unicode */
    color: #5E7B88;
    line-height: 2;
    padding-left: 1.2em;
    font-size: 1.5em;
}

.mobilelevel3 a:not(.mp-back) {
    text-transform: initial !important;
    font-size: 1rem;
    /* 1em !important; */
    color: #3C4648;
    font-family: 'RobotoCondensed';
    /* padding-left: 3.75em; */
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.mobile-footer {
    display: block;
    /* padding: 10px 0; */
    /* 0.7em 1em 0.7em 2.25em; */
    outline: none;
    font-size: 18px;
    /* 1.4em; */
    /* text-shadow: 0 0 1px rgb(255 255 255 / 10%); */
    /* transition: background 0.3s, box-shadow 0.3s; */
    text-transform: uppercase;
    /* box-shadow: 0 3px 6px #00000029; */
    line-height: 1.25; /* Added; */
}

.mobile-footer a {
    color: #5E7B88;
    display: block;
    padding: .75rem 1.5rem; /* 10px 20px; */
    /* .5em 0; */
}

.mobile-footer a:hover {
    text-decoration: underline;
    color: #5E7B88;
}


/* Header Breadcrumbs */


/* TODO: Need to progamatically remove breadcrumbs from page via navigation.php file */

#navigation-block .breadcrumbs-container .bc-section,
#navigation-block .breadcrumbs-container .divider {
    display: none;
}


/* Dynamic Breadcrumbs */

h3.hero-breadcrumbs a {
    font-size: 30px;
    font-family: 'RobotoCondensed';
    font-weight: 400;
    margin-bottom: 16px;
}

h3.hero-breadcrumbs li:first-child,
h3.hero-breadcrumbs li:last-child {
    display: none;
}

/* Breadcrumbs */

.breadcrumbs {
    background-color: #000000;
}

.breadcrumbs .nav a {
    color: #ffffff;
    text-transform: uppercase;
}

.userGuide .nav-link {
    color: #d9bd74 !important;
    text-transform: uppercase;
}

.eraMenu {
    width: 55vw;
    padding: 0;
    margin-left: 11px;
    margin-top: -1px;
    border-radius: 0;
    /* added */
}

.dropdown-menu-h2 {
    cursor: pointer;
}
.dropdown-menu-h2:hover,
.dropdown-menu-character-section ul li.active {
    color: #62838d;
}
.dropdown-menu-h2.active,
.dropdown-menu-character-section ul li.active {
    color: #62838d;
    text-decoration: underline !important;
}

ul.era-section-list li a.active {
    color: #62838d !important;
    text-decoration: underline;
}

.lvl2-with-dropdown a,
.lvl2-with-dropdown i {
    display: inline-block;
}

.lvl2-with-dropdown a.active {
    color: #333333;
    text-decoration: underline;
}

.lvl2-with-dropdown i {
    padding: 5px;
    cursor: pointer;
}

.desktop-nav-lvl2 a:hover,
.desktop-nav-lvl2 a.active {
    color: #62838d;
    text-decoration: underline;
}

a.dropdown-menu-h2:hover,
a.dropdown-menu-h2.active {
    color: #62838d;
    /* text-decoration: underline; */
}

.dropdown-menu-h2 i {
    color: #5E7B88;
    font-size: 12px;
    display: inline-block;
}

.dropdown-menu-current-era {
    color: #333333;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 24px;
    line-height: 1.25; /* 30px; */
    border-bottom: solid 3px #e6d5ab;
    display: inline-block;
    margin-bottom: .5rem;
}

.dropdown-menu-current-era a {
    color: #333333;
}

.dropdown-menu-current-era a:hover { /* Added */
    color: #62838d;
}

.dropdown-menu-character-section { /* Added */
    display: none;
}

.dropdown-menu-character-section.active { /* Added */
    display: block;
}

.dropdown-menu-character-section ul,
.dropdown-menu-era-section ul {
    list-style: none;
    padding: 0;
}

.dropdown-menu-character-section ul li {
    color: #333333;
    font-family: 'RobotoCondensed';
    font-size: 1rem; /* 14px; */
    line-height: 1.25; /* 20px; */
    padding: .5rem 0;
}

.dropdown-menu-character-section ul li:first-child { /* Added */
    padding-top: .5rem;
}

.dropdown-menu-character-section ul li:last-child { /* Added */
    padding-bottom: .75rem;
}

.dropdown-menu-character-section ul li a {
    color: #333333;
    text-transform: initial;
    font-family: 'RobotoCondensed';
    /* margin-top: -25px; */
}

.dropdown-menu-era-section {
    background-color: #e7ecee;
    padding: 2rem;
}

.dropdown-menu-era-section ul li {
    font-family: 'Oswald';
    font-size: 18px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 400;
    line-height: 1.25; /* 30px; */
    padding: 0.75rem 0;
}

.dropdown-menu-era-section ul li:first-child { /* Added */
    padding-top: 0;
}

#mp-pusher .lvl2active {
    background: none;
    text-decoration: underline;
    color: #49798D;
}


/* 
 * Ultra Small Adjustments (<349px) --breaks again at 291px
 */

/* @media (max-width: 349px) {
    #navigation-block #search-bar input {
        padding: 13px 120px 8px 25px;
    }
    .menu-bar-items {
        justify-content: space-between !important;
        display: flex;
        padding-left: 25px;
    }
    .menu-bar-items a {
        margin: 0 !important;
    }
    #navigation-block header #cd-menu-trigger {
        margin-left: 0;
    }
    .navbar-header {
        padding: 12px 0;
    }
    .navbar-dark .navbar-brand {
        font-weight: 400;
        font-size: 16px;
        padding: 3px 0;
        float: left;
    }
    .navbar-toggler i {
        margin: 0px 15px;
        float: right;
    }
} */

@media (max-width: 767.98px) {
    .navbar-header {
        width: 100%;
        padding-right: 1rem;
    }
    .navbar { /* Added */
        max-height: unset;
    }
}
@media (max-width: 575.98px) {
    #navigation-block #search-bar input {
        padding-left: 1.5rem;
    }
    .navbar-dark .navbar-brand {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 85%;
        display: block;
        float: left;
        font-size: 1.125rem;
        padding: 2px 0;
    }
}


/* 
 * Tablet Adjustment 
 */

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        width: 100vw;
        left: -300px; /* -32vw; */
    }
    .dropdown-menu-era-section {
        max-width: 300px;
    }
}

/* @media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        width: 75vw;
        left: -18vw;
    }
} */