﻿/* title */
.menuLevel0.menuItem{
    font-family:'VerdanaProW01-CnSemiBol_908390';
    font-size: 26px;
    line-height: 32px;
    color: #111;
    text-transform: uppercase;
    margin: 11px 0 6px;
    display: none;
}

a.menuLevel0.menuItem:link, a.menuLevel0.menuItem:visited{color: #111; text-decoration: none;}
a.menuLevel0.menuItem:hover, a.menuLevel0.menuItem:active{color: #111; text-decoration: underline;}


/* main level item */
.menuInner1{margin: 0;}

.menuLevel1.menuItem {
    display: inline-block;
    font-size: 96%;
    line-height: 115%;
    font-weight: 600;
    color: #003768;
    margin: 0 0 18px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}
.menuLevel1.menuItem:after {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #A1A1A5;
    padding-left: 7px;
    font-size: 81%;
    transition: all 0.3s ease;
}

/*a.menuLevel1.menuItem:link, a.menuLevel1.menuItem:visited{color: #111; text-decoration: none;}*/
a.menuLevel1.menuItem:hover, a.menuLevel1.menuItem:active,
.menuLevel1.menuItem.Active, a.menuLevel1.menuItem.Active:link, a.menuLevel1.menuItem.Active:visited, a.menuLevel1.menuItem.Active:hover, a.menuLevel1.menuItem.Active:active,
.menuLevel1.menuItem.ActiveParent, a.menuLevel1.menuItem.ActiveParent:link, a.menuLevel1.menuItem.ActiveParent:visited, a.menuLevel1.menuItem.ActiveParent:hover, a.menuLevel1.menuItem.ActiveParent:active {
    letter-spacing: 0.35px !important;
}


/* hide all but active sub level */
.menuOuter1 .menuInner2{display: none;}
.menuOuter1.Active .menuInner2, .menuOuter1.ActiveParent .menuInner2{display: block;}


/* sub level item */
.menuInner2{margin: -5px 0 10px;}

.menuLevel2.menuItem{
    font-family:'VerdanaProW01-CnRegular';
    font-size: 16px;
    line-height: 22px;
    color: #111;
    margin: 3px 0;
    display: block;
}

a.menuLevel2.menuItem:link, a.menuLevel2.menuItem:visited{color: #111; text-decoration: none;}
a.menuLevel2.menuItem:hover, a.menuLevel2.menuItem:active{color: #003DA5; text-decoration: underline;}

.menuLevel2.menuItem.Active, .menuLevel2.menuItem.ActiveParent, a.menuLevel2.menuItem.Active:link, a.menuLevel2.menuItem.Active:visited, a.menuLevel2.menuItem.ActiveParent:link, a.menuLevel2.menuItem.ActiveParent:visited{color: #003DA5; text-decoration: none;}

a.menuLevel2.menuItem.Active:hover, a.menuLevel2.menuItem.Active:active,
a.menuLevel2.menuItem.ActiveParent:hover, a.menuLevel2.menuItem.ActiveParent:active {color: #003DA5; text-decoration: underline;}


/* get rid of bottom margin on last item */
.menuOuter1.lastItem .menuInner2{margin-bottom: 3px !important;}