/* Main navigation — brand gradient bar */
#tn24SiteHeader .menu_section {
    background: var(--tn24-header-nav-fill, var(--tn24-header-surface, var(--tn24-header-nav-bg, var(--tn24-header-maroon, var(--tn24-menu-active, #9A1515))))) !important;
}

@media only screen and (min-width: 992px) {
.main-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}
.main-nav-menu > li.tn24-nav-item--category {
    flex: 1 1 0;
    min-width: 0;
}
.main-nav-menu > li.tn24-nav-dropdown,
.main-nav-menu > li.tn24-nav-item--archive {
    flex: 0 0 auto;
    min-width: max-content;
}
.main-nav-menu > li.tn24-nav-item--category > a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-nav-menu > li {
    float: none;
    display: flex;
    align-items: stretch;
}

#tn24SiteHeader .main-nav-menu > li:first-child {
    flex: 0 0 54px;
    max-width: 58px;
    min-width: 54px;
}
#tn24SiteHeader .main-nav-menu > li > a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: var(--tn24-nav-font-size, var(--tn24-nav-text, 1.38rem));
    font-weight: 600;
    line-height: 1.25;
    padding: 0 var(--tn24-nav-pad-x, 0.95rem) !important;
    min-height: var(--tn24-nav-bar-min-h, 56px);
    border-right: none;
    text-transform: none;
}
}

@media only screen and (min-width: 992px) {
    #tn24SiteHeader .main-nav-menu {
        justify-content: space-between;
        width: 100%;
    }

    #tn24SiteHeader .main-nav-menu > li > a {
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 991px) {
    #tn24SiteHeader .main-nav-menu > li > a {
        display: block;
        white-space: normal;
    }
}
.main-nav-menu > li:last-child > a {
    border-right: none;
}
.main-nav-menu .dropdown-menu {
    min-width: 200px;
    z-index: 9999;
}
.main-nav-menu .dropdown-menu > li > a {
    padding: 10px 14px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    white-space: normal;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    padding-left: 0px;
}
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	
}
/*=-====Main Menu=====*/


.menu_area .mainmenu .active a,
.menu_area .mainmenu .active a:focus,
.menu_area .mainmenu .active a:hover,
.menu_area .mainmenu li a:hover,
.menu_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #fff;
    background: var(--tn24-header-menu-hover, var(--tn24-header-maroon-deep, var(--tn24-menu-dark, #600001)));
    outline: 0;
}

/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu hover color==========*/
.mainmenu .collapse ul > li:hover > a{background: var(--tn24-header-menu-hover, rgba(0, 0, 0, 0.22));}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #DCDCDC; color: #000!important;}
.mainmenu .collapse ul ul ul > li:hover > a{color: #000!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff!important;
}


.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background: var(--tn24-header-maroon, var(--tn24-menu-active, #9A1515));}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background: var(--tn24-header-maroon, var(--tn24-menu-active, #9A1515));}









/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 992px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:160px;max-width:min(320px, 92vw);display:none;overflow-x:hidden;}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:160px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:160px;max-width:min(280px, 88vw);display:none;z-index:1;overflow-x:hidden;}

}

/* Mobile / tablet: drawer nav — no absolute flyout menus */
@media (max-width: 991px) {
    #tn24SiteHeader .mainmenu .collapse ul li {
        position: static !important;
    }

    #tn24SiteHeader .mainmenu .collapse ul ul,
    #tn24SiteHeader .mainmenu .collapse ul ul.dropdown-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        float: none !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: visible;
        display: none;
        box-sizing: border-box;
    }

    #tn24SiteHeader .mainmenu .collapse ul li:hover > ul {
        display: none !important;
    }

    #tn24SiteHeader .mainmenu .collapse ul li.dropdown.open > ul.dropdown-menu {
        display: block !important;
    }

    #tn24SiteHeader .mainmenu .collapse ul ul.dropdown-menu > li > a {
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
        max-width: 100%;
        box-sizing: border-box;
    }
}
