.toggle { z-index: 2; }
#toggle, .toggle { display: none !important; }
.menu li { z-index:100; }
#main-nav a {font-family: VanCondensedPro-Bold, Calibri, Arial, sans-serif;letter-spacing:0.0625em;text-transform:uppercase;font-weight:400;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#main-nav ul ul a {font-family: VanCondensedPro, Calibri, Arial, sans-serif;}

.sf-sub-indicator {width: 8px;height: 8px;border-bottom: 3px solid #FFFFFF;border-right: 3px solid #FFFFFF; position: absolute; top: 0.85em;right: 0.25em;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}

.languages {list-style: none;letter-spacing: 1px;  padding:0; margin:10px 0; line-height:1; font-size:1em;}
.languages li {border-left: 1px solid #333;float:left; padding: 0px; margin: 0px; }
.languages li:first-child { border-left: none; }
.languages a {  padding: 0px 5px; color:#000000; }
.languages a:hover, .languages a.active { color:#FFFFFF; }

.languages.lang-mobile { float:right;margin-right:15px;}
.languages.lang-desktop {display:none;}


@media only screen and (max-width: 849px) { 
.toggle:after {font-family:"FontAwesome"; content: "\f0c9"; padding: 15px 20px; color:#FFF; display:inline-block;font:normal normal normal 2em/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); display: block; margin: 0;  text-align: center; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#toggle:checked + .toggle:after { font-family:"FontAwesome"; content: "\f057"; }
input[type=checkbox]+label.toggle { margin:0;}
.toggle { display: block !important; position: absolute; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; right:0; top:-55px; margin:0; }
#toggle:checked ~ .menu {display: block;opacity: 1;visibility: visible;display: block !important/9; /* IE8 Hack */}
.sf-sub-indicator { float:right; width: 12px; height: 12px; position:relative; top: 0.25em;right: 0.5em; }
#main-nav ul.menu { z-index:100;  visibility: hidden; opacity: 0; width: 100%; position: absolute; left: 0; top:5px; background: #C6D5CD; margin:0; 
-moz-box-shadow: 0px 2px 7px -4px #000; -webkit-box-shadow: 0px 2px 7px -4px #000; box-shadow: 0px 2px 7px -4px #000; }
#main-nav ul { margin:0;}
#main-nav ul, #main-nav ul li, #main-nav ul li a { height: auto; }
#main-nav ul li { display: block; width: 100%; margin: 0; padding: 0; border-top:1px solid rgba(255,255,255,0.5); }
#main-nav a { font-size:19px;color: #000000; padding: 10px 20px; display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main-nav li.current-menu-item > a { color: #FFF; }
#main-nav li.current-menu-ancestor > a { color: #FFF; }
#main-nav li.current-menu-item a:hover { color: #FFF; }
#main-nav li.current-menu-ancestor > a:hover { color: #000; }
#main-nav a:hover, .menu a:focus { background-color: #8BAB9C !important; color:#000; }
}

@media only screen and (min-width: 850px) {
#main-nav { float: right;margin-top:3.9em;}
#main-nav ul.menu { font-size:1em;}
#main-nav li { list-style: none; float: left; margin: 0; position: relative; }
#main-nav a { color: #000000;  display: block; position: relative; text-align: center; z-index: 98; padding: 0.5em 20px; background:#8BAB9C;}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav li.current-menu-ancestor > a, #main-nav li.current-post-ancestor > a { color:#fff; text-decoration:none; }

/* Dropdown */
#main-nav ul ul { padding: 0 0 1em 0;  margin:0; position: absolute; visibility:hidden; background:#8BAB9C;}
#main-nav ul ul a {padding: 0.25em 20px;}
#main-nav li:hover > ul { visibility:visible; }
#main-nav ul ul a { text-align:left !important;  }
#main-nav ul ul {width:15em;}
#main-nav ul ul ul { left: 15em; padding: 1em 0; position: absolute; top: -1em; visibility:hidden; }
#main-nav ul ul li { float: none; }
#main-nav ul ul li .sf-sub-indicator { top: 0.75em;right: 0.75em;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.languages.lang-mobile {display:none;}
.languages.lang-desktop {display:block; position:absolute; right:15px; top:20px;}
}

@media only screen and (min-width: 991px) {
	#main-nav  {margin-top:4.5em;}
	#main-nav ul a { font-size: 18px; }
	#main-nav ul ul a {font-size:16px; }
}
@media only screen and (min-width: 1201px) {
	#main-nav { margin-top: 6em;}
	#main-nav ul a { font-size: 22px; }
	#main-nav ul ul a {font-size:19px; }
	.sf-sub-indicator {top: 1em;width: 8px;height: 8px;border-bottom: 3px solid #FFFFFF;border-right: 3px solid #FFFFFF;}
	#main-nav ul ul li .sf-sub-indicator {top: 1em;}
}

footer ul.menu{list-style:none;margin:0;padding:0;text-align:center;}
footer ul.menu li {display:inline;}
footer ul.menu li a{display:inline-block; padding:0 10px 1rem 10px;}