#header nav ul {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
#header nav ul li {
}
#header nav ul li a {
display: block;
font-weight: bold;
font-size: 0.8em;
color: #00616F;
}
#header nav ul li a:hover,
#header nav ul li a:active,
#header nav ul li a:focus,
#header nav ul li.current-menu-item a {
color: #fff;
background: #EF7D00;
}
#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;
min-width: 180px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 
0 1px 3px rgba(0, 0, 0, 0.1) ;
}
#header .menu > ul > li > a {
padding: 0.5em 0.8em;
}
#header .menu > ul > li > ul.sub-menu > li > a {
padding: 0.5em 0.8em;
} @media only screen and (min-width:924px) {
#mobileMenu,
#mobile-header	{ display: none; }
} @media only screen and (max-width: 480px) {
#mobile-header #toggle-button label { display: none; }
} @media only screen and (max-width:923px) {
#header-row { display: none; }
#mobile-site-title img {
max-width: 100px;
padding: 3px 5px;
}
header#header { padding-top: 19px;}
#mobile-header { 
position: fixed;
top: 0;
width: 100%;
height: 65px;
background: #fff url(//www.reinstatement.co.uk/wp-content/themes/custom-v2/img/raindrops.jpg) center center / cover; 
box-shadow: 0 5px 0 0 hsla(188,50%,22%,0.1);
}
#mobile-header-overlay { 
background: rgba(255,255,255,0.7);
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}
#mobile-header #mobile-site-title { 
width: 50%;
}
#mobile-header #logo { display: inline; }
#mobile-header #logo img { 
padding: 10px;
width: auto !important;
height: 100% !important;
max-width: unset !important;
}
#toggle-button {
color: #00616F;
font-size: 1.6em;
cursor: pointer;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
width: 100%;
font-weight: 600;
padding: 0 20px;
}
#menu-row span { transition: 0.2s; }
#menu-row span:hover,
#menu-row span:active,
#menu-row span:focus {
}
.menu-overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: rgba(0,97,112,0.99);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
top: 0;
width: 100%;
text-align: center;
height: 100%;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.overlay-content ul {
height: 90%;
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;
}
.menu-overlay a {
padding: 8px;
text-decoration: none;
font-size: 2em;
letter-spacing: -0.03em;
color: #fff;
display: block;
transition: 0.3s;
font-weight: 600;
}
.menu-overlay a:hover, .menu-overlay a:focus {
color: #EF7D00;
}
.menu-overlay .closebtn {
position: absolute;
top: 6px;
right: 5px;
font-size: 2em;
letter-spacing: -0.03em;
z-index: 99999;
}
ul.sub-menu {
margin-top: 10px;
}
.menu-overlay ul.sub-menu li {
margin: 7px 0;
font-size: 0.6em;
}
}
@media screen and (max-height: 500px) {
.menu-overlay { overflow-y: auto;}
.menu-overlay a {
font-size: 1.5em;
}
ul.sub-menu {
margin-top: 4px;
}
.menu-overlay ul.sub-menu li {
margin: 5px 0;
font-size: 0.6em;
}
}