﻿.navmenu { display:none; float:left; width:100%; background:rgba(113, 111, 179, 0.8); border-bottom:1px solid #ffffff; position:absolute; z-index:999; top: -2em; }
.navmenu.active { display:inline; }
.navmenu a { text-decoration: none; color:#fff; }
.navmenu a:hover { color:#60c5ba; }
.navmenu .col1 { float:left; width:30%; border-right:1px solid #ffffff; border-left:1px solid #ffffff; }
.navmenu .col2-container { float:initial; margin:0 auto; width:70%; position:relative; font-family:'museo-sans',sans-serif; font-size:18px; font-weight:700; text-align:center;}
.navmenu .col2 { height:80px; float:left; width:20%; border-right:1px solid #ffffff; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.col2.colH:first-of-type {border-left: 1px solid #ffffff;}
.navmenu .col2 a { padding: 0 10%; font-family: 'museo-sans',sans-serif; font-weight:700; font-size:18px;}
.navmenu .col2:nth-child(n+6) { border-bottom:none; }
.navmenu .col1 a { text-transform: uppercase; font-size:1.3em;   line-height: 2;}
.navmenu .col1 a span { width:38px; height:38px; float:left; background-color:#fff; -webkit-mask-repeat: no-repeat; margin-top: 8px; margin-right:0.75em;}
.navmenu .col1 a:hover span { background-color: #009a90; }
.navmenu.search-slide { padding: 2em 0; opacity: 0.92; }
.navmenu .gsc-input-box { margin-top: 0.5em; border-right: 3px solid #fff !important; }
.navmenu .gsc-input-box input { border-radius: 0px; }
.navmenu .col7, .topfly .col7 { float:left; width:70%; }
.navmenu .col3, .topfly .col3 { float:left; width:30%; margin-top: 0.55em; position:relative; }
.navmenu .nav-search, .navmenu .nav-search:focus,
.mobile-search-container .nav-search, .mobile-search-container .nav-search:focus { box-shadow:0 0 0 0; font-size:1em; width:96%; color:#ebebeb; background: #716FB3; border:none; outline:none; margin: 0.5em 2% 0.5em 0; padding: 0 1em 0 0.5em; }
.navmenu p { margin: 0.4em 0 0 1em; float: left; font-size: 1.125em; line-height: 1em; color: #999; padding: 0; }
.navmenu .dropdown {  margin: 0.3em 0 0; float:left; margin-left:0.5em; font-size: 1.125em; line-height: 1.25em; color: #fff; text-decoration: none; font-weight: 700; cursor: pointer; }
.navmenu .dropdown:after, .mobile-search-container .dropdown:after { content: url('/Content/img/droparrow-down.png'); width: 15px; height: 10px; margin-left: 10px; border: none; position: relative; right: 0; display: inline; }
.f-dropdown li { width:100%; margin-right:0; padding:0; text-align:left; font-size:0.875rem; }
.f-dropdown li a { color:#fff; font-size:0.925em; text-transform: none; }
.navmenu .button.green.small, .topfly .button.green.small { margin-left:2em; float:left; width:auto; padding: 0.75em 2.2em; font-size:1em; line-height: 0.8em; }
.navmenu .button.green.small:hover, .topfly .button.green.small:hover { color:#fff; }
.mobile-search-container, .mobile-header, .navblock-container .navlink { display:none; }
.navmenu.search-slide .col7 img { float: left; margin: 0.8em 0 0; }

ul.toplinks { float:right; }
ul.toplinks li { float:right; margin-left:2em; }
ul.toplinks li:last-of-type { margin-left:0; }

header.mobile-header ul.toplinks { margin: 4.5em 1em 0 0; }
header.mobile-header .mob-login { float:left; margin: 3.5em 0 0 1em; width:25%; }

.navblock { position: relative; float:left; width:100%; padding-bottom:10px; }
.navblock-container { position: relative; float:left; width:100%; }
.navblock li { float:left; padding:1em 0; text-align:center; }
.navblock li:last-of-type { margin-right:0; width:5%; }
.navblock ul { margin:0; }

.navblock ul a.active { color:#2d2d2d; }
.navblock ul a.drop-toggle:after { padding-left:0.5em; content: url('/Content/img/nav-down-noa.png'); }
.navblock ul a.drop-toggle.active:after { content: url('/Content/img/nav-down.png'); }
.navblock ul a.drop-toggle.search-icon::after { content: url('/Content/img/modular/search_icon_rev.png'); width:22px; height:22px; float:left; }
.navblock ul a.drop-toggle.search-icon.active::after { content: url('/Content/img/fancyx-green.png'); width:22px; height:22px; }
.navblock a.drop-toggle.close img { float:right; margin:0.35em 3em 0 0; }
.navblock ul a.curpage { border-bottom: 3px solid #111; }



.navmenu .dropdown:after, .mobile-search-container .dropdown.no-arrow-dropdown:after { content:"";}

@media only screen and (min-width:1024px) {
	.navblock-container { display:inline !important; }
}
@media only screen and (min-width:769px) {
	.navmenu.search-slide .f-dropdown.f-open-dropdown { top: 40px !important; left: 100px !important; }
}
@media only screen and (max-width:1600px) {
	.navblock ul a { font-size: 1em; }
	.navblock a.drop-toggle.close img { margin:0.35em 2em 0 0; }
}
@media only screen and (max-width:1380px) {
	.navmenu .col7 { width:60%; }
	.navmenu .col3 { width:40%; }
	.navblock ul { margin-left:1em; }
	.navblock a.drop-toggle.close img { margin:0.35em 1em 0 0; }
}
@media only screen and (max-width:1320px) {
	.navmenu .col7 { width:50%; }
	.navmenu .col3 { width:50%; }
}
@media only screen and (max-width:1279px) {
	.navblock ul { margin-left:0.5em; }
	.navmenu .nav-search, .navmenu .nav-search:focus, .mobile-search-container .nav-search, .mobile-search-container .nav-search:focus { width:94%; }
}
@media only screen and (max-width:1023px) {
	.navmenu .col7 { width:40%; }
	.navmenu .col3 { width:60%; }
	.navmenu .col1 a { font-size:1.2em; }
	.navmenu .col2 a { font-size:0.813em; }
    .calendar-title{padding-top:31px}

	/* MOBILE NAV */
	.main.shrink { height:0; overflow:hidden; }
	.desktop-header, .navblock { display:none; }
	.mobile-header { display:block; height:110px; }
	.mobile-header .tab-bar { float:left; background:rgba(0, 0, 0, 0); position:absolute; top: 0px;}
	.mobile-header .tab-bar .menu-icon span::after { box-shadow: 0 0 0 1px #222,0 7px 0 1px #222,0 14px 0 1px #222; }
	header.mobile-header ul.toplinks { margin: 2.5em 1em 0 0; }
	header.mobile-header .mob-login { margin: 1.5em 0 0 1em; width: 15%; }
	.navmenu { background:#e8e7e7; }
	.navblock-container { /* position:absolute; height:100%; */ display:none; background:#e8e7e7; padding:0.5em 0 1em; border-top:1px solid #ccc; z-index:9999; }
	.navblock-container .navlink { display:inline; float: left; text-decoration: none; color: #5d5c5c; padding: 0.5em 1.2em; }	
	.navblock-container .navlink.active { color:#2d2d2d; }
	.navblock-container .drop-toggle:after { padding-left:0.5em; content: url('/Content/img/header/navarrow-down.png'); display:inline-block; }
	.navblock-container .drop-toggle.active:after { content: url('/Content/img/header/navarrow-down.png'); }
	.navblock-container .navmenu { position:relative; border-bottom: none; padding-bottom:1em; }
	.navblock-container .navmenu .col1 { width:100%; border:none; }
	.navblock-container .navmenu .col1 .split { padding: .5em 0; height:auto !important; align-items: flex-start; justify-content:flex-start; border-bottom:1px solid #bbb; }
	.navblock-container .navmenu .col1 a { font-size: 1.3em; margin-left:1.5em; color: #5d5c5c; }
	.navblock-container .navmenu .col2-container { width:100%; }
	.navblock-container .navmenu .col2 { border-right: none; width:100% !important; align-items: flex-start; justify-content:flex-start;height:auto !important; border-bottom:none;}
	.navblock-container .navmenu .col2 a { color: #5d5c5c; padding: 0.75em 1em 0.75em 1.5em; font-size:1em; }
	.navblock-container .navmenu .col1 a:hover, .navblock-container .navmenu .col2 a:hover { color:#009a90; }
	.navmenu .col1 a span.calendar, .navmenu .col1 a span.note  { background-color: #5d5d5d; }
	.navblock-container .navmenu.mobile-search-container { position:relative; float:left; width:100%; padding: 0 1.5em 0 1em; padding-bottom: 0; }
	.mobile-search-container .interior { float:left; width:100%; margin:0.5em 0; }
	.mobile-search-container .nav-search, .mobile-search-container .nav-search:focus { border:1px solid #ccc; float:left; width:73%; margin:0.5em 2% 0.5em 0; background:#fff; color:#222; }
	.mobile-search-container .button.green.small { float:left; width:25%; margin: 0.5em 0 0 0; font-size: 1em; padding: 0.79em 0; }
	.mobile-search-container p { margin: 0.4em 0 0; float: left; font-size: 1.125em; line-height: 1em; color: #5d5c5c; padding: 0; }
	.mobile-search-container .dropdown {  margin: 0.3em 0 0; float:left; margin-left:0.5em; font-size: 1.125em; line-height: 1.25em; color: #222; text-decoration: none; font-weight: 700; cursor: pointer; }
	.drop-toggle.search-icon.navlink:before { content: ''; margin: 0.1em 0.5em 0 0; height: 18px; width: 18px; background: url('/Content/img/nav-search-ico.png'); background-size: cover; float: left; }
	.navmenu.search-slide { display:none !important; }
}

@media only screen and (max-width:767px) {	
	header.mobile-header ul.toplinks { margin: 2em 1em 0 0; }
	.mobile-header { height:100px; }
	header.mobile-header .mob-login { width:128px; }
    .navmenu {top: unset;}
}

@media only screen and (max-width:480px) {
	header.mobile-header .mob-login { margin: 2em 0 0 1em; }
	header.mobile-header .mob-login { width:96px; }
}

@media only screen and (max-width:380px) {
	header.mobile-header .mob-login { margin: 2em 0 0 1em; }
	ul.toplinks li { float:right; margin-left:1em; }
	ul.toplinks li:last-of-type { margin-left:0; }
	header.mobile-header .mob-login { width:70px; }
}

@media only screen and (max-width:320px) {
	header.mobile-header .mob-login { margin: 2.2em 0 0 1em; }
	header.mobile-header .mob-login { width:60px; }
}