﻿.clear{clear:both}
#menu-button{display:none}
nav.mobile{display:none}
nav.primary{padding:0;display:inline-block;margin:0;width:100%;position:relative}
nav.primary ul{margin:0;padding:0}
nav.primary ul li{display:inline-block;margin:0;list-style-type:none;width:auto}
nav.primary ul li a{display:block;text-decoration:none;color:#000;font-weight:600;cursor:pointer;font-size:16px;line-height:3;padding:10px 20px;margin:0;text-align:center;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}
nav.primary ul li a:hover{color:var(--primary)}
nav.primary ul li li a{font-size:16px;line-height:2;padding:10px 15px;color:#000;background:#fafafa;text-align:left;border-right:none;border-left:none}
nav.primary ul li li a:hover{background:var(--offwhite)}
nav.primary ul ul{display:none;position:absolute;box-shadow:0 8px 32px rgba(0,0,0,.12);background:#fafafa;border:1px solid var(--offwhite)}
nav.primary ul ul ul{position:absolute;left:100%;top:0}
nav.primary ul li:hover>ul{display:block;line-height:18px;z-index:100}
nav.primary ul ul li{float:none;width:200px;position:relative;margin:0;display:block}
@media screen and (min-width:1160px){
.menu-toggle.exit-click{display:none!important}
}
@media screen and (max-width:1160px){
.mobile:not(.open)+.menu-toggle.exit-click{display:none}
.mobile.open+.menu-toggle.exit-click{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:499;pointer-events:none;background:rgba(255,255,255,.5);opacity:0;transition:ease opacity .3s;-moz-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.mobile.open+.menu-toggle.exit-click{pointer-events:auto;opacity:1}
nav.primary{display:none}
.nav-logo img{max-width:100%;width:100%}
#menu-button{display:inline-block;position:relative;z-index:400}
#menu-button a{text-decoration:none;font-weight:400;cursor:pointer}
nav.mobile{display:block;position:fixed;top:0;left:-300px;width:300px;height:100%;background:#121212;z-index:500;overflow:auto}
nav.mobile .social-media{position:relative;text-decoration:none;display:inline-block;font-size:16px;word-spacing:13px;padding:0 0 0 15px;color:#ccc!important}
nav.mobile .social-media a:link,nav.mobile .social-media a:visited{color:#ccc;text-decoration:none}
nav.mobile .social-media a:active,nav.mobile .social-media a:hover{color:#fff;text-decoration:underline}
nav.mobile .mobile_top{position:relative;display:block;padding:0;margin:50px 0 10px 0;color:#999;font-size:18px;font-weight:400}
nav.mobile .menu-toggle:not(.exit-click){position:absolute;padding:3px 8px 3px;font-size:24px;font-weight:700;line-height:1;color:var(--primary);text-decoration:none;top:-38px;right:13px}
nav.mobile .menu-toggle:not(.exit-click):hover{color:#fff}
nav.mobile ul{list-style:none;font-weight:300;margin:0;padding:0;left:0!important;position:relative!important}
nav.mobile ul li{border-top:1px solid #222;border-bottom:1px solid #151515;position:relative}
nav.mobile ul li a{position:relative;display:block;font-size:18px;padding:15px;letter-spacing:1px;line-height:2;text-transform:uppercase;font-family:var(--header);color:#fff;text-decoration:none;text-align:left}
nav.mobile ul li a:hover{background:#000;color:var(--white)}
nav.mobile ul li li:last-child{border:none}
nav.mobile ul li li a{background:#222;position:relative;display:block;padding:15px 15px 15px 25px;color:#D8D8D8;text-decoration:none}
nav.mobile ul li li a:hover{background:#232323;}
nav.mobile ul li li li:last-child{border:none}
nav.mobile ul li li li a{background:#555;position:relative;display:block;padding:10px 10px 10px 25px;color:#ccc;text-decoration:none;border-left:4px #555 solid}
nav.mobile ul li li li a:hover{background:rgba(85,85,85,.5)}
nav.mobile ul li i{position: absolute;display: block;cursor: pointer;z-index: 12399994;top: 0;right: 0;width: auto;height: auto;padding: 15px 30px;color: #fff;line-height: 2;}
.nav-footer {width: 90%;margin: 0 auto;text-align: center;color: #c4c4c4;font-size: 15px;opacity: 0.5;padding: 20px 0;}
}