#wjnav>ul{
display: flex;
}
#wjnav>ul>li {
position: relative;
/*font-weight: 600;*/
font-weight: 700;
font-size: 16px;
line-height: 1.5;
margin-left: 24px;
margin: 0;
}
#wjnav>ul>li>a {
display: block;
padding: 0.33em 2em 0.25em;
color: #545751;
}
body.hero #wjnav>ul>li>a{
color: #DCD5BE;
}
body.navshown #wjnav>ul>li>a,
body.scrolled #wjnav>ul>li>a { color: #545751; }
#wjnav ul li ul {
position: absolute;
left:2em; top:100%; width:auto;
background: white;
border: 1px solid #B09F6B;
border-radius: 12px; overflow: hidden;
}
#wjnav ul li ul li:not(:last-child) {
border-bottom: 1px solid #B09F6B;
}
#wjnav ul li ul li a {
display: block;
padding: 0.5em 1.5em;
white-space: nowrap;
color:#212121;
transition: all 0.2s ease;
}
#wjnav ul li ul li a:hover {
background: #A89769; color: white;
}
#wjnav>ul>li>a::before {
display: inline-block; content:"";
margin-right: 0.5em;
position: relative; top: 0.125em;
background-repeat: no-repeat;
background-position: center bottom;
/*
background-image: url('data:image/svg+xml;utf8,');
*/
height:1.25em; width: 1em;
}
#wjnav ul li#prof>a::before,
#wjnav ul li#js>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
#wjnav ul li#dash>a::before,
#wjnav ul li#em>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
#wjnav ul li#logout>a::before {
top: 0.15em;
background-image: url('data:image/svg+xml;utf8,');
}
body.hero #wjnav ul li#prof>a::before,
body.hero #wjnav ul li#js>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.hero #wjnav ul li#logout>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li#logout>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.hero #wjnav ul li#dash>a::before,
body.hero #wjnav ul li#em>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li#dash>a::before,
body.navshown #wjnav ul li#em>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li#logout>a::before,
body.scrolled #wjnav ul li#logout>a::before {
top: 0.15em;
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li#prof>a::before,
body.navshown #wjnav ul li#js>a::before,
body.scrolled #wjnav ul li#prof>a::before,
body.scrolled #wjnav ul li#js>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.scrolled #wjnav ul li#dash>a::before,
body.scrolled #wjnav ul li#em>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
#wjnav ul li#jbs>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.hero #wjnav ul li#jbs>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li#jbs>a::before,
body.scrolled #wjnav ul li#jbs>a::before {
background-image: url('data:image/svg+xml;utf8,');
}
#wjnav ul li.hassub>a::after {
display: inline-block;
margin-left: 0.5em;
content:"";
width:1em;
height:0.666em;
background-size:contain;
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 2px;
background-image: url('data:image/svg+xml;utf8,');
}
body.hero #wjnav ul li.hassub>a::after {
background-image: url('data:image/svg+xml;utf8,');
}
body.navshown #wjnav ul li.hassub>a::after,
body.scrolled #wjnav ul li.hassub>a::after {
background-image: url('data:image/svg+xml;utf8,');
}
#wjnav li.hassub>a.current {
background: #EFECE1;;
color: #A39161;
}
#wjnav li.hassub>a.current::after {
}
#wjnav ul li.hassub>ul{ opacity: 0; pointer-events: none; transition: all 0.2s ease;}
#wjnav ul li.hassub:hover ul { opacity: 1; pointer-events: auto; }
#wjnav ul li.hassub:hover>a:after { background-image: url('data:image/svg+xml;utf8,'); }
#wjnav ul li.hassub:hover>a:after { background-image: url('data:image/svg+xml;utf8,'); }
body.hero #wjnav ul li.hassub:hover>a:after { background-image: url('data:image/svg+xml;utf8,'); }
body.scrolled #wjnav ul li.hassub:hover>a:after { background-image: url('data:image/svg+xml;utf8,'); }
@media all and (max-width: 1199px) {
#masthead #wjnav li {
font-size: 14px;
}
}
@media all and (max-width: 899px) {
#masthead #wjnav li {
font-size: 12px;
}
#masthead #wjnav { display: none;}
}