#top { 
height: 60px;
top: 0px;
left: 0px;
width: 100%;
}
body.home #logo { display: none; }
#logo { 
top: 13px; 
margin-left: 105px;
text-transform: uppercase;
mix-blend-mode: difference;
}
.single #logo { top: 20px; 
line-height: .85em;
mix-blend-mode: normal; 
padding-right: 5%;
}
.single #logo h1 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.open.single #logo { margin-left: 290px;}
#logo.end {display: none;} nav {top: 115px; left: -320px; }
.about nav,
.futureclinic nav,
.media nav {top: 135px;}
.open nav,
.home.open nav,
.overview.open nav { left: 35px;}
nav ul {
list-style: none;
margin: 0;
padding: 0;
max-width: 230px; }
nav ul li {padding: 0px;}
nav a { text-transform: uppercase;} nav ul li a {
display: block;
padding: 0px;
text-decoration: none;
line-height: .9em;
} nav ul ul {margin-left: 15px;}
nav ul ul li {padding: 2px;}
nav ul ul a {font-size: 1.3em; line-height: .85em;} nav ul ul ul {
padding: 3px 0px 5px;
margin-left: 0px;
}
nav ul ul ul li {padding: 2px;}
nav ul ul ul li a {text-transform: none;}
nav ul li a .fa {
width: 16px;
text-align: center;
margin-right: 5px;
float:right;
} #footer {  
left: 0px; 
bottom: 0px; }
nav#footernav{
position: fixed;
top: auto !important;
bottom: 200px !important;
left: auto !important;
right: -70px !important;
max-width: 100% !important;
z-index: 10;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#footernav ul li {
display: inline-block;
padding: 0 10px;
position: relative;
}
#footernav ul li:before {
content: "";
position: absolute;
top: 5px;
left: 1px;
display: block;
width: 5px;
height: 5px;
opacity: .2;
background: #fff;
transition: all 0.2s;
}
#footernav ul li:hover:before,
#footernav ul li.current-menu-item:before { opacity: 1; }
#footernav a {
font-size: 14px;
color: #f0f0f2;
line-height: .8em;
font-weight: 500;
} .contact nav#footernav{
bottom: 180px !important;
}
.contact #footernav ul li:before {
opacity: .2;
background: #000;
}
.contact #footernav ul li:hover:before,
.contact #footernav ul li.current-menu-item:before { opacity: 1; }
.contact #footernav a,
.contact #footernav a:hover {
color: #000 !important;
} #burger-outer {
top: 15px; 
left: 35px; 
width: 70px;
}
.single #burger-outer{top: 23px;}
.cmn-toggle-switch {
display: block;
position: relative;
overflow: hidden;
width: 35px;
height: 30px;
font-size: 0;
text-indent: -9999px;
border: none;
cursor: pointer;
}
.cmn-toggle-switch span:before, 
.cmn-toggle-switch span:after,
.cmn-toggle-switch span {
position: absolute;
display: block;
height: 3px; background: #000;
}
.home .cmn-toggle-switch span:before, 
.home .cmn-toggle-switch span:after,
.home .cmn-toggle-switch span,
.about .cmn-toggle-switch span:before, 
.about .cmn-toggle-switch span:after,
.about .cmn-toggle-switch span,
.futureclinic.open .cmn-toggle-switch span:before, 
.futureclinic.open .cmn-toggle-switch span:after,
.futureclinic.open .cmn-toggle-switch span,
.media .cmn-toggle-switch span:before, 
.media .cmn-toggle-switch span:after,
.media .cmn-toggle-switch span,
.error404 .cmn-toggle-switch span:before, 
.error404 .cmn-toggle-switch span:after,
.error404 .cmn-toggle-switch span{
background: #fff;
}
.futureclinic .cmn-toggle-switch span:before, 
.futureclinic .cmn-toggle-switch span:after,
.futureclinic .cmn-toggle-switch span {
background: #000;
}
.cmn-toggle-switch__htx.active span{
background: transparent !important;
}
.cmn-toggle-switch span {
top: 15px;
left: 0px;
right: 0px;
}
.cmn-toggle-switch span:before, 
.cmn-toggle-switch span:after {
left: 0;
width: 100%;
content: "";
}
.cmn-toggle-switch span:before { top: -10px;}
.cmn-toggle-switch span:after { bottom: -10px;}
.cmn-toggle-switch__htx span:before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.cmn-toggle-switch__htx span:after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
.cmn-toggle-switch__htx span:before, 
.cmn-toggle-switch__htx span:after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0;
transition-delay: 0.3s, 0;
} .cmn-toggle-switch__htx.active span:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span:before, 
.cmn-toggle-switch__htx.active span:after {
-webkit-transition-delay: 0, 0.3s;
transition-delay: 0, 0.3s;
} ul.detailnav { list-style: none; }
ul.detailnav li { display: inline-block; }
.detailnav {
color: #000;
text-transform: uppercase;
padding: .5rem 0;
}
.detailnav li {padding: 0px;}
.detailnav a {
padding: 0;
cursor: pointer;
color: #000;
}
.detailnav li.older a {
padding-right: 20px;
}