/* --- NAV MAIN --- */
#navMain { position: fixed; top: 0; z-index: 9; width: 100%; background: #FFF; left: 0; right: 0; transition: all .4s; z-index: 999 }
#navMain.sticky { position: fixed }
#navMain .row { background: #FFF; position: relative }
#navMain .columns { margin-bottom: 0; padding: 0 }
#navMain .logoBox a { display: inline-block; max-width: 190px; margin: 15px 20px; transition: all .2s }
body.logo-mini #navMain .logoBox a { max-width: 130px }
#navMain #primary { display: none }
#navMain #primary ul { list-style: none; position: relative; float: right; margin: 0 20px; padding: 0 }
#navMain #primary ul a { display: block; color: var(--bodyTextColor); text-decoration: none; font-size: 1em; line-height: 32px; padding: 0 15px; text-transform: uppercase; position: relative }
#navMain #primary ul li { position: relative; float: left; margin: 0; padding: 0 }
#navMain #primary ul li:last-of-type { margin-right: 0 }
#navMain #primary ul li:first-of-type { margin-left: 0 }
#navMain #primary ul li.current-menu-item { background: #ddd }
#navMain #primary ul ul { display: none; position: absolute; top: 100%; left: -20px; padding: 4px 0 }
#navMain #primary ul ul li { float: none; width: 200px }
#navMain #primary ul ul li, #navMain #primary ul ul li:hover { border: 0; margin: 0 }
#navMain #primary ul ul a { line-height: 120%; padding: 8px 15px; font-size: .9em; text-transform: none }
#navMain #primary ul ul ul { top: 0; left: 100% }
#navMain #primary ul li:hover > ul { display: block; z-index: 999 }

/* Dropdown Menu Styles */
#navMain #primary ul.dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 25px }
#navMain #primary ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: '\f107'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; border: none; right: 19px; top: 50%; margin-top: -14px; font-size: 0.8em }
#navMain #primary ul.dropdown.menu .is-dropdown-submenu { border: none; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); min-width: 200px; padding: 0.5rem 0 }
#navMain #primary ul.dropdown.menu .is-dropdown-submenu a { padding: 0.5rem 1rem; line-height: 1.2; font-size: 0.9em }
#navMain #primary ul.dropdown.menu .is-dropdown-submenu a:hover { background: #f5f5f5 }

/* Mobile Dropdown Styles */
@media screen and (max-width: 40em) {
    #navMain #primary ul.dropdown.menu .is-dropdown-submenu { position: static; width: 100%; box-shadow: none; background: rgba(0,0,0,0.05) }
    #navMain #primary ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: transparent transparent var(--bodyTextColor); right: 1rem }
    #navMain #primary ul.dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
        border-color: var(--bodyTextColor) transparent transparent }
}

/* --- MENU BTN --- */
a#menuBtn { position: absolute; z-index: 999; display: block; right: 20px }
.doubledouble .line { transition: all .3s }
.doubledouble { background: transparent; width: 30px; text-indent: -9999px }
.doubledouble .line { height: 2px; background-color: #092238; display: block; margin-bottom: 7px; position: relative }
.doubledouble .line.three { margin-bottom: 0 }
body.drawer a#menuBtn .doubledouble .line.one { -ms-transform: translate(0,7px) rotate(-45deg); -webkit-transform: translate(0,7px) rotate(-45deg); transform: translate(0,7px) rotate(-45deg) }
body.drawer a#menuBtn .doubledouble .line.three { -ms-transform: translate(0,-11px) rotate(45deg); -webkit-transform: translate(0,-11px) rotate(45deg); transform: translate(0,-11px) rotate(45deg) }
body.drawer a#menuBtn .doubledouble .line.two { width: 0; opacity: 0 }

/* --- DRAWER --- */
body.drawer { overflow: hidden }
body.drawer #drawerNav { opacity: 1; visibility: visible }
#drawerNav { position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 998; opacity: 0; visibility: hidden; background: #092238 }
#drawerNav ul { text-align: left; padding-bottom: 10px; list-style: none; margin-left: 0; margin-top: 98px }
#drawerNav ul li { position: relative; opacity: 0; top: -10px; transition: all .4s; border-bottom: 1px solid rgba(255,255,255,.10) }
#drawerNav ul li a { color: white; line-height: 1.7em; display: block; text-transform: uppercase; padding: 10px 25px; text-decoration: none }
#drawerNav ul li ul { border-bottom: 0; padding: 0 0 10px 0; background: rgba(25,25,25,.04); margin-top: 0; margin-bottom: 12px }
#drawerNav ul li ul li { border-bottom: 0 }
#drawerNav ul li ul li a { line-height: 1em; border-bottom: 0; text-transform: none; padding-left: 40px }
#drawerNav ul li ul li a:hover { background: transparent; opacity: 1 }
ul.subMenu { display: none }
.showSub { float: right; border-bottom: 0 !important }
#drawerNav button.submenu-toggle { margin-top: 6px; margin-right: 10px; border-radius: 50%; width: 35px; height: 35px; background: rgba(255,255,255,.08); border: 0px solid rgba(255,255,255,.15) }
.submenu-toggle::after { display: block; width: 0; height: 0; border: inset 7px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: rgba(255,255,255,.70) transparent transparent; top: 0; bottom: 0; margin: auto }

body.drawer #drawerNav ul li { opacity: 1; top: 0 }
#drawerNav ul li:first-of-type { transition-delay: .2s }
#drawerNav ul li:nth-of-type(2) { transition-delay: .3s }
#drawerNav ul li:nth-of-type(3) { transition-delay: .4s }
#drawerNav ul li:nth-of-type(4) { transition-delay: .5s }
#drawerNav ul li:nth-of-type(5) { transition-delay: .6s }
#drawerNav ul li:nth-of-type(6) { transition-delay: .7s }
#drawerNav ul li:nth-of-type(7) { transition-delay: .8s }
#drawerNav ul li:nth-of-type(8) { transition-delay: .9s }
#drawerNav ul li:nth-of-type(9) { transition-delay: 1s }
#drawerNav ul li:nth-of-type(10) { transition-delay: 1.1s }

.submenu-toggle { width: 60px; height: 65px }

@media only screen and (min-width: 40.063em) {
	#navMain #primary { display: block }
	a#menuBtn { display: none }
}

#search-bar { position: fixed; top: -100px; left: 0; right: 0; background: #fff; padding: 1rem 0; z-index: 998; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: top 0.3s ease-in-out }
#search-bar.active { top: 90px }
body.logo-mini #search-bar.active { top: 75px }
#search-bar form { max-width: 1200px; margin: 0 auto; padding: 0 20px }
#search-bar .custom-input { position: relative; width: 80%; display: inline-block }
#search-bar input[type="search"] { width: 100%; padding: 0.8rem 1rem; font-size: 1.1rem; border: 1px solid #ddd; border-radius: 4px; height: 3.5rem; margin-bottom: 0 }
#search-bar input[type="search"]:focus { outline: none; border-color: #2ba6cb }
input[type="search"] { height: 50px }
button#advSearchSubmit { background: var(--highlightColor); width: 50px; height: 50px; position: relative; top: 2px; border-radius: 50% }