@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700');

body {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	background-color: #ffffee;
}
body.logged-in #menu_wrap { top: 30px; }
#wrap, #main-menu {
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}
#wrap { padding-top: 38px; padding-bottom: 40px; }
#main_wrap {
	width: 100%; margin: 0 auto 20px; display: block;
}
#page_tabs, #messages { width: 100%; margin: 0 auto 20px; display: block; }
h1, h2 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1;
}
h3, h4 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 1;
}
h1 a, h2 a, h3 a, h4 a, h5 a { font: inherit; text-decoration: none; color: #4494d1; }
h1 { font-size: 38px; }
h2 { font-size: 26px; }
h2#page-title {
	margin-bottom: 40px;
}
h3 { font-size: 20px; }
h4 { font-size: 16px; }
ul.menu, ul.menu li { margin: 0 10px; }
ul li.leaf { list-style: none; }
a:hover, .view-feature a:hover b { color: #bbb; }
a[href$=".pdf"]::after { content: url('../images/pdf_icon.png'); margin-left: 5px; }
p { margin-bottom: 20px; }
img { max-width: 100%; height: auto; }
.view .views-row { overflow: hidden; margin-bottom: 20px; }
.contextual-links { font-family: "Open Sans", sans-serif; }
.contextual-links a { font-size: 13px; padding: 0; text-transform: none; }
.center { display: block; margin: 0 auto; }
.left { float: left; margin-right: 10px; }
.right { float: right; margin-left: 10px;}
.read_more a, .read_more a:visited { color: #000; font-style: italic; font-weight: bold; }

/* Header */
#header_wrap {
	padding: 10px 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
#logo { float: left; text-align: center; }
#logo img { width: 120px; }
#site-title, #site-subtitle { margin: 0; line-height: 1; }
#site-title {
	padding: 0 20px;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 40px;
	font-weight: bold;
}
#site-subtitle {
	padding: 4px 20px; font-size: 26px; font-style: italic; font-weight: normal; text-transform: none;
}
/* ----- */

/* Main Menu */
#menu_wrap {
	position: fixed;
	top: 0;
	width: 100%;
	display: block;
	margin: 0 auto;
	background-color: #4494d1;
	box-shadow: 0 5px 5px -2px #333;
	z-index: 999;
}
#main-menu {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
}
#block-system-main-menu { margin-bottom: 0; }
#block-system-main-menu h2 { display: none; }
#main-menu .menu { padding: 0; margin: 0 auto; overflow: hidden; display: table-cell; }
#main-menu .menu li { float: left; }
#main-menu .menu li.expanded, #main-menu .menu li.collapsed,
#main-menu .menu li.leaf { margin: 0; padding: 0; list-style: none; }
#main-menu .menu li a, #main-menu .menu li .nolink {
	padding: 5px 25px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;
	color: #fff;
}
#main-menu .menu li li:hover > a:hover { color: #ffff66; }
#main-menu .menu li a.active, #main-menu .menu li a.active-trail, #main-menu .menu li li a.active {
	color: #ffff66;
}
#main-menu .menu li:first-child { padding-left: 0; }
#main-menu .menu li:hover > ul, #main-menu .menu li li:hover > ul,
#main-menu .menu li li li:hover > ul { display: block; }
#main-menu .menu li ul {
	display: none; 
	position: absolute;
	background: #4494d1;
	z-index: 99;
	overflow: visible !important;
	box-shadow: 3px 3px 3px #666, -3px 3px 3px #666;
}
#main-menu .menu li li {
	float: none;
	min-width: 200px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}
#main-menu .menu li li a {
	min-width: 150px;
	font-size: 14px;
	text-align: left;
	text-transform: none;
	overflow: hidden;
	padding: 10px 25px;
	background: #4494d1;
}
#main-menu .menu li li a.active { padding: 5px 25px; }
/* ----- */

/* Slideshow */
#slide_wrap { width: 100%; margin: 0 auto; display: block; box-shadow: 0 4px 4px -2px #777; }
#slideshow { margin: 0; padding: 0; }
.flexslider { border: none; border-radius: 0; margin: 0; }
.flex-control-nav { bottom: 0; z-index: 9; }
.flex-control-nav li a { background: rgba(255,255,255,0.8); }
/* ----- */

/* Breadcrumbs */
#bread_wrap { background: #ccc; padding: 5px 20px; box-shadow: 0 4px 4px -2px #777; }
.breadcrumb { margin: 0; padding: 5px 15px 5px 0; color: #777; text-transform: uppercase; border: none; }
.breadcrumb ul { margin: 0; }
.breadcrumb ul li { 
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	color: #4494d1;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.breadcrumb a { color: #333; text-decoration: none; }
.breadcrumb li a::after, .breadcrumb li span::after { margin-left: 20px; content: "/"; }
/* ----- */

/* Page Tabs */
#page_tabs .tabs { background: #d3072b; margin: 0; padding: 5px 0; border: none; }
#page_tabs .tabs li a { margin: 0; padding: 5px 40px; color: #fff; background: none; border: none; }
#page_tabs .tabs li a:hover { border-radius: 0; background: none; color: #333; }
#page_tabs .tabs li a.active { border-radius: 0; background: #333; color: #fff; }
/* ----- */

/* Main Content */
#main_wrap {
	background-color: #fff;
	box-shadow: 3px 0 3px #999, -3px 0 3px #999;
}
	/* Featured Content */
	#feature { margin: 20px; }
	#feature .block, #feature .views-row { margin-bottom: 0; }
	.view-feat-links .views-row {
		display: inline-block; vertical-align: top; width: 24%; padding: 10px 5px;
	}
	.view-feat-links img { width: 100%; height: auto; border: 1px solid #333; }
	.view-feat-links a { text-decoration: none; color: #333; }
	/* ----- */
	#main { padding: 10px 20px 20px; overflow: hidden; }
	#main .region-content > div { margin-bottom: 10px; }
	#main_sidebar { float: left; width: calc(100% - 400px); display: inline-block; }
	#sidebar { width: 380px; margin-left: 20px; display: inline-block; }
	.region-sidebar > div { margin-bottom: 40px; }
	.not-front .region-sidebar h2 { font-size: 22px; }
	.region-sidebar ul.menu li a {
		text-decoration: none;
		color: #000;
	}
	.region-sidebar .block-menu-block ul li.active a, .block-menu-block ul li a:hover { color: #4494d1; }
	.node-teaser h2 { font-size: 22px; }
	.node-teaser ul.links, .node-teaser ul.links li { margin: 0; padding: 0; }
	.node-teaser ul.links li a, .node-readmore a {
		display: inline-block;
		margin-bottom: 20px;
		padding: 5px 10px;
		background: #333;
		color: #ddd;
		text-decoration: none;
		font-weight: bold;
	}
	.node-article .submitted span, .views-field-created span { font-style: italic; }
	.node-article .submitted, .views-field-created {margin-bottom: 10px; }
	.node-article img, .node-attraction img, .node-event img, .node-album img { float: left; margin: 0 20px 10px 0; }
	.node-album .field-name-field-images { overflow: hidden; }
	.node-attraction .field-name-field-images { width: 500px; }
	.view table tr.views-row-first td { padding-top: 0; }
	.view-city-officials table tr td, .view-photo-gallery table tr td { padding: 10px 2px; text-align: center; width: 33%; }
	.view-photo-gallery ul { list-style: none; }
	.view-photo-gallery ul li { margin-left: 0; }
	.view-meeting-files table { margin-bottom: 10px; }
	.view-meeting-files tr, .view-meeting-files td { background: transparent; border: none; }
	.view-meeting-files tr.even { background-color: #eee; }
	.view-meeting-files td { min-width: 100px; padding: 5px 10px; }
	.view-meeting-files td p { margin-bottom: 0; }
	.view-meeting-files td.views-field-title { min-width: 150px; }
	.view-city-documents .views-row { margin-bottom: 10px; }
	.view-city-documents .views-row-last { margin-bottom: 20px; }
	
	.googlemap { position: relative; padding-bottom: 55% !important; height: 0; overflow: hidden; }
	.googlemap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
/* ----- */

/* Bottom Section */
#bot_wrap { background: #ccc; padding: 20px 10px 10px; box-shadow: 0 -4px 4px -2px #777; }
.region-bottom > div { display: table-cell; width: 33%; padding: 0 10px; }
.region-bottom h2 { font-size: 22px; }
.region-bottom ul { list-style:none; margin: 0; }
.region-bottom ul li { margin-bottom: 5px; }
.region-bottom a, .region-bottom a:visited { color: #000; }
/* ----- */

/* Footer */
#footer { 
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	display: block;
	margin: 0 auto;
	background-color: #4494d1;
	box-shadow: 0 -5px 5px -2px #333;
	z-index: 999;
}
#copyright { margin: 10px 0; padding: 0 20px; }
#copyright p { font-weight: bold; color: #fff; text-align: center; font-size: 13px; margin-bottom: 0; }
/* ----- */