/* Font Import */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500|Open+Sans:400,600,700');

/* Core Styles */
body { margin: 0; font-family: 'Open Sans', sans-serif; color: #333; font-size: 15px; line-height: 1.5em; }
a { color: #00599D; }
a img { border: none; }

/* Alerts */
#alert { width: calc(100% - 30px); margin: 0 auto; text-align: center; background: #227472; font-size: 15px; color: #FFF; line-height: 20px; letter-spacing: 1px; padding: 15px; }
#alert.alertRed { background: #C00000; }
#alert a { color: #FFF; text-decoration: none; }
#alert a i { margin: -1px 10px -1px 0; font-size: 17px; }

/* Header */
#header { width: calc(100% - 40px); max-width: 1280px; margin: 0 auto; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding: 0 20px; z-index: 10; background: #FFF; }
.headerLogo { float: left; height: 50px; padding: 20px 60px 25px 20px; }
.headerLogo img { width: auto; height: 50px; }
.secondaryNav { margin: 17px 0 0 16px; float: left; width: calc(100% - 400px); }
.secondaryNav a { color: #227472; font-weight: 600; text-decoration: none; font-size: 14px; margin-right: 30px; }
.primaryNav { float: left; }
.primaryNav a { color: #00599D; font-weight: 600; text-decoration: none; font-size: 15px; }
.wxData { float: left; }
.wxSearch { float: right; width: 80px; color: #227472; font-weight: 700; line-height: 30px; font-size: 16px; margin-top: 0; }
.wxTemp { float: right; width: 40px; }
.wxIcon { float: left; width: 30px; height: 30px; overflow: hidden; margin-right: 10px; text-align: right; font-size: 24px; line-height: 30px; }
.search { background: #00599D; color: #FFF; float: right; width: 30px; font-size: 20px; text-align: center; }
/* #introBlock.noPhoto, #featuredPhoto, .royalSlider { margin-top: 96px; } */

/* Navigation */
.primaryNav ul { list-style: none; position: relative; margin: 0; padding: 0; }
.primaryNav ul li { position: relative; float: left; line-height: 35px; text-align: center;  color: #00599D; }
.primaryNav ul li:hover { background: #FFF; }
.primaryNav ul li:hover a { color: #2D3039; }
.primaryNav ul a, .primaryNav ul span { display: block; text-decoration: none; font-size: 16px; padding: 10px 15px 11px; }
.primaryNav ul ul { display:none; position:absolute; top:100%; left:0; background: #FFF; padding:0; z-index: 1000; }
.primaryNav ul ul li { width: 100%; background: none; }
.primaryNav ul ul li:hover { background: none; }
.primaryNav ul ul a { width: 160px; text-transform: none; height: auto;  line-height: 18px;  text-align: left; padding: 8px 10px; font-size: 13px; font-weight: 400; }
.primaryNav ul ul a:hover { background: #00599D; color: #FFF; transition: color 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear; }
.primaryNav ul li:hover > ul { display:block; }
.slicknav_menu, .navQuickLinks { display: none; }

/* Featured Photo */
#featuredPhoto, .royalSlider { width: 100% !important; height: 550px !important; background: #CCC; background-position: center center; background-size: cover; overflow: hidden; }

/* Intro Block */
#introBlock { width: 100%; }
#introBlock.noPhoto { background: #F2F7FA; }
#intro { width: calc(100% - 120px); max-width: 980px; padding: 50px 0 60px; text-align: center; margin: 0 auto; }
h1 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #00599D; margin: 0 auto; line-height: 2em; font-weight: 500; font-size: 30px; }
.breadcrumbs { width: 100%; background: #00599D; }
#departmentBlock { text-align: left; color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; padding: 10px 0 8px; letter-spacing: 1px; width: calc(100% - 20px); max-width: 980px; margin: 0 auto; }
#departmentBlock a { color: #FFF; text-decoration: none; }
#departmentBlock i { margin: 0 6px; }

/* Quick Links */
#quickLinks { width: 100%; background: #00599D; color: #FFF; padding: 20px 0 100px; }
.qLinks { margin: 0 auto; width: calc(100% - 80px); max-width: 1180px; }
.qLinks h1 { text-transform: uppercase; text-align: center; margin: 2em 0 1.5em; color: #FFF; }
.qLink { float: left; width: 33%; padding: 15px 0; border-bottom: 1px solid #FFF; font-size: 18px; line-height: normal; }
.qLink a { text-decoration: none; color: #FFF; }
.qLink a i { margin-left: 8px; }

/* Content */
#coreContent { width: calc(100% - 80px); max-width: 980px; margin: 40px auto 80px; }
#coreContent p { line-height: 24px; }
#coreContent img { max-width: 100% !important; height: auto !important; }
.centerContent { text-align: center; }
.topSpace60 { margin-top: 60px !important; }
h2 { font-weight: 400; color: #227472; line-height: normal; margin: 2em 0 1em; }
h3 { color: #00599D; margin: 24px 0 16px; font-size: 16px; }
.clear { clear: both; }

/* Page Feature */
#pageFeature { width: 100%; min-height: 500px; }
.leftFeature { float: left; width: calc(50% - 200px); padding: 50px 100px; }
.leftFeature img { max-width: 100%; height: auto !important; }
.leftFeature h2 { color: #227472; margin: 2em 0 1em; text-transform: none !important; font-family: 'Open Sans', sans-serif !important; }
.rightFeature { width: 50%; float: right; min-height: 500px; background-size: cover; background-position: bottom; }
.featureLink a { margin: 20px 0 0; background: #00599D; color: #FFF; text-transform: uppercase; font-size: 18px; display: inline-block; width: auto; text-decoration: none; padding: 8px; }
.featureLink a i { margin-left: 5px; }
ol li { margin-bottom: 10px; }

/* Share Tools */
#shareTools { width: 100%; margin: 80px auto 0; text-align: center; }
.shareHeader, .allNews a { width: 100%; margin: 0 auto 20px; text-align: center; text-transform: uppercase; color: #999; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 18px; text-decoration: none; }
#shareTools a, .introIcons a { width: 50px; height: 50px; display: inline-block; margin: 8px 5px 0; border-radius: 50%; font-size: 24px; color: #FFF; opacity: 0.75; transition: opacity 0.15s linear; }
#shareTools a:hover, .introIcons a:hover { opacity: 1; }
#shareTools i, .introIcons i { position: relative; top: 50%; transform: translateY(-50%); }
.introIcons { margin: 20px auto 0; }
.introIcons a { color: #00599D; }
.facebook { background: #3B5998; }
.twitter { background: #55ACEE; }
.googlePlus { background: #DD4B39; }

/* News */
#coreNews { width: 980px; max-width: calc(100% - 200px); margin: 80px auto; padding: 0 100px 80px; border-bottom: 1px solid #F2F7FA;  }
.newsDepartment { display: inline-block; padding: 0 5px; background: #00599D; text-transform: uppercase; margin: 0 -5px 20px; }
.newsDepartment a { color: #FFF; text-decoration: none; font-family: 'Montserrat', sans-serif; }
.news { width: 100%; max-width: 980px; margin: 40px auto; padding: 0 0 40px; border-bottom: 1px solid #D2E1EA; }
.news h3 { font-family: 'Open Sans', sans-serif; text-transform: none; margin: 0 auto 20px; font-weight: 400; line-height: 1.5em; }
.news h3 a { color: #227472; text-decoration: none; }
.newsDate { font-size: 14px; font-weight: 700; color: #666; }
.news a i, .news i { margin: 0 8px; text-decoration: none; }
.newsFinal { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.newsPhoto { width: 300px; float: right; margin: 0 0 10px 10px; text-align: center; font-size: 12px; }
.newsPhoto img { width: 300px; height: auto; }

/* Maps and Contact */
#map { width: 100%; text-align: center; padding: 20px 0; }
#map.mapPage { padding: 0; }
#map h2 { margin: 2em 0; }
#fullMap, #fullMap iframe { width: 100%; height: 400px; border: 0; }
#fullMap.mapPage, #fullMap.mapPage iframe { height: 600px; }
#departmentNews { width: calc(100% - 80px); padding: 40px 40px 80px; background: #F2F7FA; }
#departmentNews h2, #departmentNews h1 { text-align: center; display: block; font-size: 20px; line-height: 1.5em; margin: 20px 0 0; }
#departmentNews.home { background: #FFF !important; }
#contactBlock { width: 100%; border-top: 1px solid #F2F7FA; border-bottom: 1px solid #F2F7FA; }
#contact { width: calc(100% - 80px); max-width: 980px; padding: 40px 0; margin: 0 auto; }
#contact h2 { margin: 0 0 1em; }
.footerBlurb { width: 100%; margin: 30px 0 auto; text-align: center; }
.generalInfo { float: left; }
.staffBox { float: right; width: 200px; margin-left: 10px; text-align: center; background: #F2F7FA; padding: 0 0 10px; }
.staffBox b { display: block; background: #00599D; color: #FFF; padding: 5px; }
.staffBox img { width: 200px; height: auto; }

/* Footer */
#footer { width: 100%; padding: 40px 0 35px; background: #F2F7FA; }
.footerContent { width: 100%; margin: 0 auto; text-align: center; }
.footerContent img { height: 35px; width: auto; margin: 0 0 4px; }
#subFooter { width: 100%; text-align: center; background: #00599D; padding: 10px 0; color: #FFF; font-size: 12px; }
.credit { max-width: 980px; text-align: left; padding: 10px; font-size: 12px; line-height: 30px; margin: 0 auto; }
.poweredBy { float: right; width: 150px; height: 30px; line-height: 30px; text-align: right; }
.poweredBy a { text-decoration: none !important; color: #FFF !important; }
.poweredBy img { height: 30px; width: auto; float: right; margin-left: 6px; }

/* */
@media screen and (max-width: 1500px) {
	#featuredPhoto, .royalSlider { height: 475px !important; }
}
@media screen and (max-width: 1200px) {
	.headerLogo { padding-right: 30px; padding-left: 10px; }
	#featuredPhoto, .royalSlider { height: 425px !important; }
	.qLinks { max-width: 980px; }
}
@media screen and (max-width: 1100px) {
	.headerLogo { padding-right: 20px; padding-left: 0; }
	.secondaryNav { margin-left: 13px; }
	.secondaryNav a { margin-right: 27px; }
	.primaryNav ul a, .primaryNav ul span { padding-left: 12px; padding-right: 12px; }
	.wxSearch { width: 30px; }
	.wxData { display: none; }
}
@media screen and (max-width: 1000px) {
	#header { text-transform: none; height: 70px; width: 100%; padding: 0; }
	.headerLogo { position: absolute; z-index: 100; margin: -2px 0 0 calc((100% - 215px) / 2); width: 175px; }
	.headerLogo img { width: 175px; height: auto; }
	.slicknav_menu { display: block; }
	.slicknav_btn { margin: 17px 0 17px 17px !important; padding: 10px 0; text-decoration: none; font-size: 27px; }
	#featuredPhoto, .royalSlider { height: 350px !important; }
	.secondaryNav, .primaryNav, .wxSearch { display: none; }
	.qLink { width: 50%; }
	.leftFeature { width: calc(50% - 100px); padding: 50px; }
	.rightFeature { max-height: 450px; }
	.wxSearch { width: 110px; display: block !important; position: absolute; right: 15px; z-index: 100; margin-top: 20px; }
	.wxData { display: block !important; }
/*	#introBlock.noPhoto, #featuredPhoto, .royalSlider { margin-top: 70px; } */
}
@media screen and (max-width: 700px) {
	#intro h1 { margin: 0 auto 30px; line-height: 1.25em; }
	.leftFeature { width: calc(100% - 40px); padding: 35px 20px; float: none; }
	.leftFeature h2 { margin-top: 0; }
	.rightFeature { width: calc(100% - 40px); float: none; margin: 0 20px; height: 200px; min-height: 200px; }
	.featureLink a { font-size: 14px; }
	#quickLinks { padding-bottom: 50px; }
	.qLinks { width: calc(100% - 40px); }
	.qLinks h1 { margin: .5em 0 1em; font-size: 20px; }
	.qLink { width: 100%; font-size: 14px; padding: 10px 0; }
}
@media screen and (max-width: 600px) {
	body { font-size: 14px; }
	#pageFeature { min-height: 0; }
	#featuredPhoto, .royalSlider { height: 250px !important; }
	#intro { width: calc(100% - 40px); padding: 30px 0; }
	#coreContent, #contact { width: calc(100% - 40px); }
	#coreNews { width: calc(100% - 40px); max-width: calc(100% - 40px); margin: 20px auto; padding: 0; }
	#contact { padding: 20px 0; }
	#departmentNews { width: calc(100% - 40px); padding: 20px 20px 60px; }
	.generalInfo { float: none; }
	.staffBox { float: none; margin: 40px auto 0; width: 300px; }
	.staffBox img { width: 300px; }
	.wxData { display: none !important; }
	.newsPhoto { width: 100%; float: none; margin: 0 0 20px 0; }
	.newsPhoto img { max-width: 100%; }
}
@media screen and (max-width: 400px) {
	#featuredPhoto, .royalSlider { height: 200px !important; }
}