header#header nav ul {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
margin: 0;
justify-content: space-between;
-webkit-justify-content: space-between;
}
header#header nav > ul > li {
}
header#header nav > ul > li > a {
text-align: center;
}
header#header nav ul li a {
display: block;
position: relative;
}
nav.menu ul li a::before { content: "[ "; position: absolute; left: -0.1em; }
nav.menu ul li a::after { content: " ]";  position: absolute; right: -0.1em;}
nav.menu ul li a::before,
nav.menu ul li a::after { opacity: 0; transition: all 0.2s; }
nav.menu ul li.current-menu-item a,
nav.menu ul li a:hover,
nav.menu ul li a:active,
nav.menu ul li a:focus { color: #272E35; }
nav.menu ul li.current-menu-item a:before,
nav.menu ul li a:hover::before,
nav.menu ul li a:active::before,
nav.menu ul li a:focus::before { opacity: 0.3; left: -0.4em; }
nav.menu ul li.current-menu-item a:after,
nav.menu ul li a:hover::after,
nav.menu ul li a:active::after,
nav.menu ul li a:focus::after { opacity: 0.3; right: -0.4em; }
#header nav ul li.menu-item-has-children > a:after { 
content: '\f107';
font-family: FontAwesome;
padding-left: 10px;
}
#header nav ul li.menu-item-has-children { 
position: relative;
}
#header nav ul li.menu-item-has-children ul.sub-menu { height: 0; overflow: hidden; }
#header nav ul li.menu-item-has-children:hover ul.sub-menu,
#header nav ul li.menu-item-has-children ul.sub-menu:hover { 
visibility: visible; 
transition: ease-in-out 0.2s;
opacity: 1;
height: auto;
}
#header nav ul li.menu-item-has-children ul.sub-menu { 
position: absolute; 
transition: ease-in-out 0.2s;
opacity: 0;
z-index: 999;
display: flex;
flex-direction: column;
box-shadow: 0.3em 0.3em 0 rgba(0,30,60,0.1);
white-space: nowrap;
}
#header nav > ul > li > ul.sub-menu > li > a {
padding: 1em 1.4em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.04em;
} @media only screen and (min-width:861px) {
#mobileMenu,
#mobile-header	{ display: none; }
} @media only screen and (max-width: 360px) {
#mobile-header #toggle-button label { display: none; }
} @media only screen and (max-width:860px) {
#header-row { display: none; }
#mobile-header { 
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 5px 20px 0 rgba(0,0,0,0.02);
}
#mobile-header #mobile-site-title { 
width: 50%;
}
#mobile-header #logo { display: inline; }
header#header #mobile-header #logo img { 
padding: 10px;
max-width: 150px !important;
}
#toggle-button, 
#toggle-button label {	
cursor: pointer;
}
#toggle-button {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
font-weight: 600;
font-size: 1.6em;
padding: 0 20px;
color: #0087C1;
}
#menu-row span { transition: 0.2s; }
#menu-row span:hover,
#menu-row span:active,
#menu-row span:focus {
}
#mobileMenu {
height: 100%;
width: 15em;
position: fixed;
z-index: 1000;
top: 0;
right: -15em;
background: linear-gradient(140deg, #006099 0%, rgba(69,131,211,0.9) 100%);
overflow-y: hidden;
transition-timing-function: cubic-bezier(0.7, 0.1, 0.5, 1);
transition-duration: 0.4s;
}
.overlay-content {
position: relative;
top: 50px;
width: 100%;
height: 100%;
text-align: right;
}
.overlay-content ul {
height: 90%;
max-height: 20em;
width: 100%;
padding: 30px;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-direction: column;
-webkit-flex-direction: column;
margin: 0;
line-height: 0;
}
#mobileMenu a {
text-decoration: none;
font-size: 2em;
letter-spacing: -0.03em;
color: #4EE8FF;
display: block;
transition: 0.3s;
}
#mobileMenu a:hover, 
#mobileMenu a:active, 
#mobileMenu a:focus {
color: #fff;
}
#mobileMenu .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 2em;
letter-spacing: -0.03em;
z-index: 99999;
padding: 10px 18px 18px 60px;
}
ul.sub-menu {
margin-top: 10px;
}
#mobileMenu ul.sub-menu li {
margin: 7px 0;
font-size: 0.6em;
}
}
@media screen and (max-height: 500px) {
#mobileMenu { overflow-y: auto;}
#mobileMenu a {
font-size: 1.5em;
}
ul.sub-menu {
margin-top: 4px;
}
#mobileMenu ul.sub-menu li {
margin: 5px 0;
font-size: 0.6em;
}
}