#nwmenu {
display: block;
font-family: inherit;
text-align: center;
letter-spacing: -0.12px;
position: relative;
z-index: 10000;
}
#nwmenu ul {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
font-size: 0;
background: #346699;
display: inline-block;
list-style: none;
position: relative;
z-index: 10000;
border: none;
border-radius: 2px;
}
#nwmenu li {
margin: 0;
padding: 0;
font-size: 17px;
display: inline-block;
zoom: 1;
position: relative;
color: #EEE;
line-height: 50px;
vertical-align: middle;
transition: background-color 0.2s;
outline: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#nwmenu .full-width {
position: static;
}
#nwmenu .over {
color: #FFF;
background-color: rgba(255, 255, 255, 0.15);
background-color: #999;
}
#nwmenu .top-heading {
font-weight: bold;
margin: 0 16px;
color: inherit;
text-decoration: none;
display: inline-block;
outline: 0;
cursor: pointer;
}
#nwmenu a,
#nwmenu a:link,
#nwmenu a:hover,
#nwmenu a:visited {
color: inherit;
font-size: inherit;
line-height: inherit;
}
#nwmenu a:hover {
text-decoration: none;
}
#nwmenu a:focus {
outline: 1px dotted #09F;
}
#nwmenu .caret {
color: inherit;
left: -18px;
width: 0;
height: 0;
overflow: hidden;
vertical-align: middle;
margin-bottom: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
position: relative;
}
#nwmenu .dropdown {
width: auto;
left: 0px;
color: yellow;
padding: 0;
margin: 0;
display: none;
position: absolute;
overflow: hidden;
top: 100%;
border: 1px solid #CCC;
border-top: none;
border-radius: 0 0 4px 4px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14);
}
#nwmenu .full-width .dropdown {
width: 100%;
padding: 0;
margin: 0;
}
#nwmenu .offset300 {
left: -300px;
right: auto;
}
#nwmenu .right-aligned {
left: auto;
right: 0px;
}
#nwmenu .over .dropdown {
display: block;
}
#nwmenu .dd-inner {
text-align: center;
padding: 12px;
margin: 0px;
background-color: #346699;
white-space: nowrap;
font-size: 15px;
}
#nwmenu ul ul {
margin: 0;
padding: 0;
text-align: left;
width: auto;
background: none;
border: none;
display: block;
position: static;
z-index: 0;
border-radius: 0;
}
#nwmenu ul ul li {
font-size: 15px;
padding: 6px 0;
color: inherit;
line-height: 1;
margin: 0;
display: block;
position: static;
background: none;
border: none;
transition: none;
border-radius: 0;
}
#nwmenu .dropdown a {
color: white;
line-height: 1;
text-decoration: none;
transition: color 0.4s;
}
#nwmenu .dropdown a:hover,
#nwmenu .dropdown a:focus {
text-decoration: none;
color: yellow;
}
#nwmenu .column {
text-align: left;
vertical-align: top;
display: inline-block;
zoom: 1;
white-space: normal;
width: auto;
min-width: 220px;
padding: 0 15px;
border-right: 1px solid #999;
}
#nwmenu .dd-inner ul:last-child {
border-right: none;
}
#nwmenu .column h3 {
font-weight: 500;
line-height: 1.1;
margin-top: 12px;
margin-bottom: 8px;
font-size: 24px;
color: yellow;
}
#nwmenu li {
border-left: 1px solid #2e6fb2;
border-right: 1px solid #14314f;
}
#nwmenu li:first-child {
border-left: none;
}
#nwmenu li:last-child {
border-right: none;
}
.nwmenu-sticky-logo {
display: none;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 10002;
}
.nwmenu-sticky-logo img {
height: 30px;
width: auto;
max-width: 220px;
display: block;
}
.nw-stuck .nwmenu-sticky-logo {
display: block;
}
@media (min-width: 1101px) {
.nw-stuck {
display: flex;
align-items: center;
}
.nw-stuck .nwmenu-sticky-logo {
position: static;
transform: none;
margin-left: 10px;
flex-shrink: 0;
}
.nw-stuck #nwmenu {
flex: 1;
min-width: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 1100px) {
.nw-stuck .nwmenu-sticky-logo {
display: none;
}
}
@media only screen and (max-width: 480px) {
.nwmenu-sticky-logo {
left: 12px;
right: auto;
top: 18px;
transform: translateY(-50%);
}
.nwmenu-sticky-logo img {
height: 28px;
}
}
#nwmenuLink {
display: none;
}
.nw-theme-toggle {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 50%;
color: #EEE;
cursor: pointer;
z-index: 10001;
padding: 0;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.nw-theme-toggle i {
font-size: 15px;
line-height: 1;
}
.nw-theme-toggle:hover {
background: rgba(255, 255, 255, 0.2);
color: #FFD700;
border-color: rgba(255, 215, 0, 0.5);
}
.nw-theme-toggle:focus {
outline: 1px dotted #09F;
}
@media only screen and (max-width: 480px) {
.nw-theme-toggle {
top: 3px;
right: 110px;
transform: none;
width: 30px;
height: 30px;
}
.nw-theme-toggle i {
font-size: 14px;
}
}
@media only screen and (max-width: 379px) {
#nwmenu .menu-icon::after {
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.nw-theme-toggle {
right: 58px;
}
}
@media only screen and (max-width: 339px) {
.nwmenu-sticky-logo img {
height: 24px !important;
}
}
#nwmenu .menu-icon {
display: none;
}
@media only screen and (min-width: 481px) and (max-width: 900px) {
#nwmenu .column.mayHide {
display: none;
}
#nwmenu ul {
width: 100%;
}
#nwmenu li {
width: 33.33%;
box-sizing: border-box;
text-align: left;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-left: 0;
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
}
#nwmenu .column li {
width: 200px;
}
#nwmenu .full-width {
position: relative;
}
#nwmenu .full-width .dropdown {
width: auto;
}
#nwmenu .column {
border: none;
padding: 0;
}
}
@media only screen and (max-width: 480px) {
#nwmenu .column.mayHide {
display: none;
}
#nwmenu ul {
width: 100%;
display: none;
border-radius: 0;
}
#nwmenu li {
position: relative;
display: block;
font-size: 20px;
text-align: left;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
border-radius: 0;
}
#nwmenu .full-width {
position: relative;
}
#nwmenu .dropdown {
position: relative;
top: auto;
border: none;
border-radius: 0;
background-color: #346699;
}
#nwmenu .offset300 {
left: 0;
}
#nwmenu .full-width .dropdown {
width: auto;
}
#nwmenu .dd-inner {
margin: 0;
background: none;
text-align: left;
}
#nwmenu .column {
width: auto;
padding: 0;
border: none;
display: block;
}
#nwmenu .caret {
position: absolute;
left: auto;
right: 14px;
top: 22px;
border-width: 5px;
}
#nwmenu .menu-icon {
font-size: 32px;
display: block;
position: relative;
width: 40px;
height: 36px;
text-align: center;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background-color: #205081;
border-radius: 3px;
margin-bottom: 6px;
margin-top: 3px;
margin-left: auto;
margin-right: 12px;
}
#nwmenu .menu-icon::after {
content: "Menu";
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
position: absolute;
right: 48px;
left: auto;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
}
#nwmenu .menu-icon::before {
content: "";
position: absolute;
top: 0.25em;
left: 4px;
width: 1em;
height: 0.125em;
border-top: 0.375em double #FFFFFF;
border-bottom: 0.125em solid #FFFFFF;
box-sizing: content-box;
}
#nwmenu .menu-icon-active {
background-color: #FFFFFF;
}
#nwmenu .menu-icon-active::before {
border-color: #205081;
}
}
#nwmenu .menu-more {
font-size: 32px;
display: block;
position: absolute;
width: 40px;
height: 36px;
text-align: center;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
border-radius: 3px;
margin-bottom: 6px;
margin-top: 1px;
margin-left: 60px;
margin-right: auto;
}
#nwmenu .menu-promo-icon {
font-size: 64px !important;
color: #FFD700;
display: block;
margin: 10px auto;
transition: transform 0.3s ease, color 0.3s ease;
cursor: pointer;
}
#nwmenu .menu-promo-icon:hover {
transform: scale(1.1);
color: #FFF;
}
.nw-t2-nav {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding: 8px 12px;
background: linear-gradient(135deg, #1a2a3a 0%, #1e3c72 100%);
border-radius: 8px;
margin: 0 0 15px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
align-items: center;
justify-content: center;
}
.nw-t2-nav a {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 12px;
border-radius: 20px;
font-size: 0.82em;
font-weight: 500;
color: rgba(255,255,255,0.75) !important;
text-decoration: none !important;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
white-space: nowrap;
border: 1px solid transparent;
background: transparent;
}
.nw-t2-nav a:link,
.nw-t2-nav a:visited {
color: rgba(255,255,255,0.75) !important;
}
.nw-t2-nav a:hover {
background: rgba(255,255,255,0.15);
color: #fff !important;
text-decoration: none !important;
}
.nw-t2-nav a.active {
background: rgba(52,152,219,0.35);
color: #fff !important;
border-color: rgba(52,152,219,0.5);
font-weight: 600;
}
.nw-t2-nav a i {
font-size: 0.9em;
opacity: 0.8;
transition: color 0.2s ease;
}
.nw-t2-nav a.active i {
opacity: 1;
}
.nw-t2-nav a:hover i,
.nw-t2-nav a.active i {
color: #FFD700;
}
.nw-t2-nav-brand {
color: rgba(255,255,255,0.5);
font-size: 0.75em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 8px;
padding: 4px 0;
white-space: nowrap;
}
.nw-t2-nav.is-sticky {
border-radius: 0 0 8px 8px;
}
@media (max-width: 2560px) {
.nw-t2-nav {
gap: 2px;
padding: 6px 8px;
}
.nw-t2-nav a {
padding: 4px 8px;
font-size: 0.76em;
}
.nw-t2-nav-brand {
font-size: 0.65em;
margin-right: 4px;
}
}
@media (max-width: 768px) {
.nw-t2-nav {
gap: 3px;
padding: 6px 8px;
}
.nw-t2-nav a {
padding: 4px 8px;
font-size: 0.75em;
}
.nw-t2-nav-brand {
display: none;
}
}
html[data-theme="dark"] #nwmenu ul {
background: #0f1720;
}
html[data-theme="dark"] #nwmenu li {
border-left-color: #2c3a4a;
border-right-color: #0d1520;
}
html[data-theme="dark"] #nwmenu .over {
background-color: rgba(255, 255, 255, 0.08);
background-color: #2c3a4a;
}
html[data-theme="dark"] #nwmenu .dropdown {
border-color: #2c3a4a;
}
html[data-theme="dark"] #nwmenu .dd-inner {
background-color: #1a2a3a;
}
html[data-theme="dark"] #nwmenu .column {
border-right-color: #2c3a4a;
}
html[data-theme="dark"] #nwmenu li,
html[data-theme="dark"] #nwmenu .dropdown a,
html[data-theme="dark"] #nwmenu .over,
html[data-theme="dark"] #nwmenu .menu-icon::after {
color: #d8dde3;
}
html[data-theme="dark"] #nwmenu .dropdown a:hover,
html[data-theme="dark"] #nwmenu .dropdown a:focus {
color: var(--nuke-gold, #FFD700);
}
html[data-theme="dark"] .nw-t2-nav a:hover,
html[data-theme="dark"] .nw-t2-nav a.active {
color: #d8dde3 !important;
}
html[data-theme="dark"] .nwmenu-wrap,
html[data-theme="dark"] .nw-stuck {
background: #0f1720 !important;
}
html[data-theme="dark"] #nwmenu li {
border-bottom-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] #nwmenu .dropdown {
background-color: #1a2a3a;
}
@media only screen and (max-width: 480px) {
html[data-theme="dark"] #nwmenu .menu-icon {
background-color: #16324f;
}
html[data-theme="dark"] #nwmenu .menu-icon-active {
background-color: #223040;
}
html[data-theme="dark"] #nwmenu .menu-icon-active::before {
border-color: #d8dde3;
}
}
@media only screen and (min-width: 481px) and (max-width: 900px) {
html[data-theme="dark"] #nwmenu li {
border-top-color: rgba(255, 255, 255, 0.15);
border-right-color: rgba(255, 255, 255, 0.15);
}
}