/*
Theme Name: Horizon in HD
Theme URI: http://www.heighteneddesigns.com/wp-themes/horizon
Author: Raymond Oliver
Author URI: http://www.heighteneddesigns.com
Description: This is a custom WordPress theme designed for the flexible integration into the robust WordPress CMS with minimal modification and setup procedures.  Fully responsive, customizable and intuitive. A product of Heightened Designs.

Version: 2

Horizon in HD. A WordPress Theme ©2018 Heightened Designs.
*/

/*--------------------------------------------------
Masthead
--------------------------------------------------*/
#masthead {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 9999;
}
#masthead + * {
	margin-top: 164px;
}
#announcement {
    background: #f00 !important;
    padding: 10px;
    color: #fff;
    font-weight: 700;
}
#announcement a {
	color: #fff;
	text-decoration: underline;
}
#announcement a:hover {
	color: #002c5e;
}
@media screen and (max-width:1024px) {
#masthead + * {
	margin-top: 154px;
}
}

@media screen and (max-width:767px) {
#masthead + * {
	margin-top: 140px;
}
}
#masthead.shadow {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#masthead .socialMedia a {
	color: #fff;
}
/*--------------------------------------------------
Site Logo
--------------------------------------------------*/
a.logo {
	display: block;
	height: 87px;
	background-image: url('https://www.hartfordtransit.org/wp-content/uploads/2024/03/old-logo.png') !important;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	z-index: 9999;
	left: 0;
}

@media screen and (max-width:1240px) {
a.logo {
	left: 0px;
}
}
/*--------------------------------------------------
 Google Translator 
---------------------------------------------------*/
.googleTranslate {
    float: right;
	padding: 11px 14px;
	background: #fff;
	margin-top: 16px;
}
#google_translate_element * {
    display: inline-block;
    margin: 0;
}
/*
.goog-te-menu-frame {
	left:auto;
	right:0;	
}
*/
/*--------------------------------------------------
Site Telephone Number
--------------------------------------------------*/
#phoneNumber {
	margin: 0 20px;
	font-size: 1em;
	line-height: 1.5em;
	min-height: 25px;
}

@media screen and (max-width:1240px) {
#phoneNumber {
	margin-right: 30px;
}
}
/*--------------------------------------------------
Top Navigation
--------------------------------------------------*/
nav.top {
	background: #000;
	padding: 10px;
	color: #fff;
	display: none !important;
}
.menu-top-nav-container {
	float: right;
}
#menu-top-nav, #menu-top-nav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: right;
}
#menu-top-nav li {
	display: inline-block;
}
#menu-top-nav li a {
	font-size: 13px;
	line-height: 13px;
	display: block;
	padding: 0 10px;
	margin: 0;
}
#menu-top-nav li:last-child a {
	border: none !important;
}
/*--------------------------------------------------
Site Social Media Links
--------------------------------------------------*/
.socialMedia {
	text-align: right;
	margin: 0;
}
.socialMedia a {
	font-family: 'Font Awesome 5 Brands';
	font-size: 20px;
	line-height: 20px;
	color: #555;
	display: inline-block;
	margin-left: 10px;
}
.socialMedia a:hover {
	color: #ccc;
}
.socialMedia a.facebook:before {
	content: '\f082';
}
.socialMedia a.instagram:before {
	content: '\f16d';
}
.socialMedia a.googlePlus:before {
	content: '\f0d4';
}
.socialMedia a.linkedIn:before {
	content: '\f08c ';
}
.socialMedia a.twitter:before {
	content: '\f081';
}
.socialMedia a.youtube:before {
	content: '\f167';
}
.socialMedia a.pinterest:before {
	content: '\f0d3 ';
}
.socialMedia a.houzz:before {
	content: '\f27c';
}
.socialMedia a.rss:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f09e';
}
/*--------------------------------------------------
Site Search
--------------------------------------------------*/
#siteSearch {
	padding: 0;
	margin: 5px 0;
	float: right;
	width: auto;
	display: block;
	position: static;
	overflow: visible !important;
	z-index: 9999;
}
#siteSearch .expandSearch {
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	line-height: 20px;
	padding: 43px 15px;
	color: #03bd7c;
	text-decoration: none;
	display: inline-block;
}
#siteSearch .expandSearch:before {
	content: '\f002';
}
#siteSearch .expandSearch.open:before {
	content: '\f00d';
}
.siteSearch {
	width: 100vw;
	margin: 0px;
	left: 50%;
	top: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 1000;
	display: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: none; /* Safari and Chrome */
	transition: none;
}
.error404 #mainContainer .siteSearch, #searchform input[type="text"] {
    width: 100%;
    margin: 0px;
    left: auto;
    top: auto;
    position: relative;
    overflow: hidden;
    z-index: 1000;
    display: block;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: none;
    transition: none;
}
/*.siteSearch #searchform {
	overflow: auto;
}*/
.search #searchform {
	position: relative;
}
.siteSearch input[type=text], #searchform input[type="text"] {
	color: #fff !important;
	padding: 20px 20px 19px;
	border: none !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	width: calc(100% - 55px);
	float: left;
}
button#searchsubmit, #searchform button#searchsubmit {
	padding: 27.5px 0;
	text-transform: capitalize;
	position: relative;
	display: block;
	width: 55px;
	border: none;
}
.search button[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	padding: 30px 0;
	width: 60px;
}
.siteSearch button[type=submit]:before, .search button[type=submit]:before, #searchform button#searchsubmit:before {
	content: '\f002';
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*--------------------------------------------------
Main Navigation
--------------------------------------------------*/
nav.main {
	background: #04485b;
	clear: both;
	text-align: right;
	text-transform: capitalize;
	position: relative;
	z-index: 999999;
	font-family: 'Archivo Narrow', sans-serif;
}
nav.main .globalWidth {
	min-height: 100px;
}
#menu-quick-nav li.red {
	background: #f00;
}
@media screen and (min-width:1025px) and (max-width:1280px) {
nav.main .globalWidth {
	padding: 0 20px;
}
}
.menu-main-nav-container {
	float:left;
}
#menu-main-nav {
	margin: 0;
	padding: 0;
}
#menu-main-nav li {
	margin: 0 0 0 -3px;
	padding: 0;
	display: inline-block;
	position: relative;
}
#menu-main-nav li:first-child {
	margin: 0;
}
#menu-main-nav li a {
	font-size: 15px;
	line-height: 15px;
	display: block;
	padding: 30.5px 12px;
	margin: 0;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.05em;
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
#menu-main-nav li:hover a {
	color: #fff !important;
	background: rgba(0,0,0,0.03);
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
/*--------------------------------------------------
Main Navigation Drop Down: First Tier
--------------------------------------------------*/
#menu-main-nav li ul {
	visibility: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 200px;
	top: calc(100% - 5px);
	left: 0;
	text-align: left;
	opacity: 0;
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
	background:#00bcf2
}
#menu-main-nav li ul:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 10px;
	width: 0;
	height: 0;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #00bcf2;
}
ul#menu-main-nav li:hover > ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
ul#menu-main-nav li ul li {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	background: transparent;
	z-index: 1;
}
ul#menu-main-nav li ul li:hover {
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
ul#menu-main-nav li ul li a {
	font-size: 13px;
	line-height: 13px;
	padding: 15px 20px;
	color: #fff !important;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
ul#menu-main-nav li ul li:last-child a {
	border: none;
}
/*--------------------------------------------------
Main Navigation Drop Down: Second Tier
--------------------------------------------------*/
ul#menu-main-nav li ul li ul {
	visibility: hidden;
	position: absolute;
	width: 200px;
	top: 0 !important;
	left: calc(100% - 5px);
	opacity: 0;
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
ul#menu-main-nav li ul li ul:before {
	display: none;
}
ul#menu-main-nav li ul li:hover > ul {
	left: 100%;
	opacity: 1;
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
/*--------------------------------------------------
Mobile Navigation Elements
--------------------------------------------------*/
nav a.navControl {
	display: none;
	height: 30px;
	width: 30px;
	margin: 0;
	padding: 0;
	right: 30px;
	z-index: 9999;
}
nav a.navControl:before {
    font-family: "Font Awesome 5 Free";
    content: '\f0c9';
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
nav a.navControl.close:before {
	content: '\f00d';
}
nav.a.disabled {
	pointer-events: none;
	cursor: default;
}
.mobileNav {
	display: none;
}

@media screen and (max-width:1024px) {
/*--------------------------------------------------
Responsive Mobile Navigation Elements
--------------------------------------------------*/
.menu-main-nav-container {
	float:right;
}
nav.main {
	z-index: 99999 !important;
}
nav.main > .globalWidth.gutter {
	padding-right: 20px !important;
}
nav a.navControl {
	display: block;
}
nav.main .menu-main-nav-container, nav.main #menu-main-nav {
	display: none;
}
/*--------------- Mobile Nav Off Canvas Navigation ---------------*/
body.openNav {  /*--- jquery class controller ---*/
	height: 100%;
}
#top {
	min-height: 100vh;
	background: #fff;
	position: relative;
	left: 0;
	transition: all 0.3s;
	z-index: 1;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
}
.home #top, .flex #top {
	background: none;
}
#top.openNav {	/*--- jquery class controller ---*/
	height: 100%;
	overflow: hidden;
	left: -50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}
#top.openNav #masthead {
	left: -50% !important;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	transition: all 0.3s; /* Safari and Chrome */
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}
.mobileNav {
	width: 50%;
	left: 100%;
	display: block;
	position: fixed;
	top: 0;
	height: 100%;
	overflow-y: scroll;
	z-index: -101;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	transition: all 0.3s; /* Safari and Chrome */
	background:#00bcf2
}
.mobileNav .menu-main-nav-container {
	clear: both;
	float: none;
	padding: 0;
	background: none;
}
.mobileNav.open {	/*--- jquery class controller ---*/
	z-index: 0;
	left: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
}
.mobileNav [id*="menu-main-nav-"] {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mobileNav [id*="menu-main-nav-"] li a {
	display: block;
	padding: 15px 84px 15px 20px;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	border-bottom: solid 1px rgba(225, 255, 255, 0.3);
}
.mobileNav [id*="menu-main-nav-"] ul {
	display: none;
}
.mobileNav [id*="menu-main-nav-"] li {
	position: relative;
	margin: 0;
}
.mobileNav [id*="menu-main-nav-"] li.menu-item-556, .mobileNav [id*="menu-main-nav-"] li.menu-item-555, .mobileNav [id*="menu-main-nav-"] li.menu-item-681, .mobileNav [id*="menu-main-nav-"] li.menu-item-553 {
	background: #00bcf2;	
}
.mobileNav [id*="menu-main-nav-"] ul ul {
	display: none;
}
.mobileNav [id*="menu-main-nav-"] ul, .mobileNav [id*="menu-main-nav-"] ul ul {
	visibility: visible !important;
	width: 100% !important;
	position: relative !important;
	margin: 0;
	padding: 0;
	left: 0 !important;
	list-style-type: none;
}
.mobileNav [id*="menu-main-nav-"] li .expand {
	display: block;
	padding: 30px 30px 24px;
	background: rgba(0, 0, 0, 0.15);
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	z-index: 999;
	border: none;
	text-decoration: none;
}
.mobileNav [id*="menu-main-nav-"] li .expand:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
.mobileNav [id*="menu-main-nav-"] li .expand.submenu:before {
	content: '\f107';
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	transition: all 0.2s;
}
}

@media screen and (max-width:767px) {
/*--------------- Responsive Mobile Navigation Width ---------------*/
nav a.navControl {
	right: 20px;
}
#top.openNav {
	left: calc(-100% + 70px);
}
#top.openNav #masthead {
	left: 0 !important;
}
.mobileNav {
	left: 100%;
	width: calc(100% - 70px);
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	transition: all 0.3s; /* Safari and Chrome */
}
.mobileNav.open {
	left: 70px;
	width: calc(100% - 70px);
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	transition: all 0.3s; /* Safari and Chrome */
}
.mobileNav [id*="#menu-main-nav-"] li a {
	padding: 15px 64px 15px 20px;
	font-size: 14px;
}
.mobileNav [id*="#menu-main-nav-"] li .expand {
	padding: 28px;
}
}
/*--------------------------------------------------
Quick Nav
---------------------------------------------------*/

.menu-quick-nav-container {
    position: relative;
	float:right;
	font-family:'Archivo Narrow', sans-serif;
	padding: 40px 0;
	clear: both;
	width: 100%;
	
}
#menu-quick-nav {
	padding:0;
	margin: 0;
	text-align:right;
}
#menu-quick-nav li {
	margin: 0 1% 0 0;
    padding: 0;
    display:inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
	background: #00bcf2;
	border-radius: 30px;
}
#menu-quick-nav li:last-child {
	margin-right: 0 !important;
}
#menu-quick-nav li a {
    font-size: 1.15em;
    line-height: 1em;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    margin: 0;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#menu-quick-nav li:hover {
	background: #001d75;
}
/*--------------------------------------------------
Homepage Flexslider
--------------------------------------------------*/
header#rotator {
	background: #000;
	color: #fff;
	height: calc(100vw * 0.425);
	max-height: 640px;
	width: 100vw;
}
/*--------------------------------------------------
Homepage Flexslider
--------------------------------------------------*/
header#rotator {
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
}
header#rotator.fullMonitor {
	max-width: 100%;
}
header#rotator.hdMonitor {
	max-width: 1920px;
}
header#rotator.wideMonitor {
	max-width: 1600px;
}
header#rotator.largeMonitor {
	max-width: 1366px;
}
header#rotator.standardMonitor {
	max-width: 1280px;
}
header#rotator.fullScreenSlider {
	max-height: none;
}
header#rotator .flexsliderHero .slides > li {
	position: relative;
	background: #000;
	display: none;
	overflow: hidden;
	max-height: 640px;
}
header#rotator .flexsliderHero .slides > li.video {
	max-height: 768px;
}
header#rotator.standardSlider .flexsliderHero .slides > li {
 height: calc(100vw * 0.5625);
}
header#rotator.fullScreenSlider .flexsliderHero, header#rotator.fullScreenSlider .flexsliderHero .flex-viewport, header#rotator.fullScreenSlider .flexsliderHero .flex-viewport .slides, header#rotator.fullScreenSlider .flexsliderHero .flex-viewport .slides > li {
	height: 100% !important;
}
header#rotator.fullScreenSlider .flexsliderHero .flex-viewport .slides > li {
	max-height: none;
}
header#rotator .flexsliderHero .image, header#rotator .flexsliderHero .wrap {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
header#rotator .flexsliderHero .responsiveVideo {
 height: calc(100vw * 0.5625);
	padding: 0;
	width: 100%;
	position: relative;
}
header#rotator .flexsliderHero li.video .youtubeReplacement {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
header#rotator .flexsliderHero .image-caption {
	position: absolute;
	z-index: 5;
	color: #fff;
}
header#rotator .flexsliderHero .image-caption.leftTop {
	left: 0;
	top: 0;
	padding: 30px 0px 0px 40px;
}
header#rotator .flexsliderHero .image-caption.leftCenter {
	padding: 0px 0px 0px 40px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header#rotator .flexsliderHero .image-caption.leftBottom {
	padding: 0px 0px 40px 40px;
	left: 0;
	bottom: 0;
}
header#rotator .flexsliderHero .image-caption.centerTop {
	padding: 40px 0px 0px 0px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}
header#rotator .flexsliderHero .image-caption.centerCenter {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
header#rotator .flexsliderHero .image-caption.centerBottom {
	padding: 0px 0px 40px 0px;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}
header#rotator .flexsliderHero .image-caption.rightTop {
	padding: 40px 40px 0px 0px;
	right: 0;
	top: 0;
}
header#rotator .flexsliderHero .image-caption.rightCenter {
	padding: 0px 40px 0px 0px;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header#rotator .flexsliderHero .image-caption.rightBottom {
	padding: 0px 40px 40px 0px;
	right: 0;
	bottom: 0;
}
header#rotator .flexsliderHero .image-caption .caption-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	padding: 40px;
}
header#rotator .flexsliderHero .image-caption h2 {
	font-size: 4em;
	line-height: 1em;
	margin-bottom: 10px;
	color: #fff !important;
}
header#rotator .flexsliderHero .image-caption p {
	font-size: 1em;
	color: #fff !important;
}
header#rotator .flexsliderHero .image-caption a.globalLink {
	font-size: 1em;
}
/*--------------------------------------------------
Flexslider Dot Pagination
--------------------------------------------------*/
header#rotator .flexsliderHero .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
	padding: 0;
}
header#rotator .flexsliderHero .flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: rgba(255, 255, 255, 0.5);
}
header#rotator .flexsliderHero .flex-control-paging li a.flex-active {
	background: #fff;
}
/*--------------------------------------------------
Flexslider Slide Direction Arrows
--------------------------------------------------*/
header#rotator .flexsliderHero .flex-direction-nav {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 999;
}
header#rotator .flexsliderHero .flex-direction-nav a {
	background: #fff;
}
header#rotator .flexsliderHero:hover .flex-direction-nav .flex-prev:hover, header#rotator .flexsliderHero:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
header#rotator .flexsliderHero:hover .flex-direction-nav .flex-next, header#rotator .flexsliderHero:hover .flex-direction-nav .flex-prev {
	opacity: 0.8;
}
header#rotator .flexsliderHero .flex-direction-nav .flex-next {
	right: -100px;
}
header#rotator .flexsliderHero:hover .flex-direction-nav .flex-next {
	right: 10px;
}
header#rotator .flexsliderHero .flex-direction-nav .flex-prev {
	left: -100px;
}
header#rotator .flexsliderHero:hover .flex-direction-nav .flex-prev {
	left: 10px;
}
header#rotator .flexsliderHero .flex-direction-nav a::before {
	font-size: 1.5em;
	line-height: 1.75em;
	color: #444;
	margin-top: 0px;
	width: 40px;
	text-align: center;
}
header#rotator .flexsliderHero .flex-direction-nav a:hover::before {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
}
/*--------------------------------------------------
Custom Flexible Features Styles
--------------------------------------------------*/
#flexFeatures {
}
#flexFeatures .bottom-content a.globalLink {
	border-radius: 30px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#flexFeatures .bottom-content a.globalLink:hover {
	border-radius: 30px;
}
#flexFeatures .sponsorship #columns .image img {
	max-height: 102px;	
}
#flexFeatures .transportation-link #columns .colContent {
	border:1px solid #ccc;
}
.inside .page-ada-paratransit-newsletters #flexFeatures div[id] + div[id] {
    margin-top: -70px !important;
    border-left: 1px solid #e8e8e8 !important;
}
.page-board-of-directors #flexFeatures .accordion {
	font-size: 1.5em;
}
/*--------------------------------------------------
MainContainer
--------------------------------------------------*/
#mainContainer {
	padding: 30px;
	clear: both;
}
/*--------------- Main Content ---------------*/
#mainContent, #sidebar {
	margin: 0;
	padding: 0;
	border: none;
}
#mainContent[class*="col-"].left, #mainContent[class*="col-"] + article.left {
	padding-right: 30px;
}
#mainContent[class*="col-"].left {
	border-right: solid 1px #e8e8e8;
}
#mainContent[class*="col-"].right {
	border-left: solid 1px #e8e8e8;
}
#mainContent[class*="col-"].right, #mainContent[class*="col-"] + article.right {
	padding-left: 30px;
}
/*--------------- Sidebar ---------------*/
#mainContent[class*="col-"] + #sidebar {
	clear: none;
}
#sidebar {
}
#sidebar > * {
	padding-top: 30px;
}
#sidebar > *:first-child {
	padding-top: 0px;
}
/*--------------- Search Results ---------------*/
.search #mainContent .three {
	border: solid 1px #e8e8e8;
}
/*--------------- Single ---------------*/
.single #mainContent .featuredImg {
	padding-bottom: 100%;
}
/*--------------- Sidebar SubNav ---------------*/
nav.subNav {
	padding: 0;
	margin: 0;
}
nav.subNav .menu-sub-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav.subNav .menu-sub-nav li {
	margin: 0;
	padding: 0;
	border-top: solid 1px #ccc;
}
nav.subNav .menu-sub-nav li:first-child {
	border: none;
}
nav.subNav .menu-sub-nav li a {
	display: block;
	padding: 10px 40px 10px 0px;
	position: relative;
	font-size: 1em;
}
nav.subNav .menu-sub-nav li a:before {
	content: '\f105';
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 0.875em;
	line-height: 0.875rem;
	display: block;
	color: #444;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
nav.subNav .menu-sub-nav li a:hover:before {
	right: 15px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
nav.subNav .menu-sub-nav li a:hover {
	background: rgba(0,0,0,0.2);
	padding-left: 10px;
}
/*--------------------------------------------------
Blog Posts
--------------------------------------------------*/
.blog #mainContainer h4, .archive #mainContainer h4, .tag #mainContainer h4, .category #mainContainer h4 {
	margin-bottom: 0;
	font-size: 17px;
	font-weight: 900;
}
.blogPost, .postArchive, .postTag, .postCategory {
	border: solid 1px #e8e8e8;
}
/*.blog .row.margin .flexCol.first, .tag .row.margin .flexCol.first, .cateogry .row.margin .flexCol.first, .archive .row.margin .flexCol.first {
	clear: left;
}*/
.blog .row.margin [class*="col-"] h4 + span, .tag .row.margin [class*="col-"] h4 + span, .cateogry .row.margin [class*="col-"] h4 + span, .archive .row.margin [class*="col-"] h4 + span {
	margin-bottom: 10px;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: solid 1px #e8e8e8;
	font-weight: 600;
}
.blog .blogPost .featuredImg, .archive .postArchive .featuredImg, .tag .postTag .featuredImg, .category .postCategory .featuredImg {
	padding-bottom: 56.25%;
}
.blog .blogPost p:last-of-type, .archive .postArchive p:last-of-type, .tag .postTag p:last-of-type, .category .postCategory p:last-of-type {
	margin-bottom: 0;
}
.blog .blogPost p:last-of-type + a, .archive .postArchive p:last-of-type + a, .tag .postTag p:last-of-type + a, .category .postCategory p:last-of-type + a {
	margin-top: 20px;
}
.blog hr, .archive hr, .tag hr, .categoy hr, .blog hr:last-of-type, .archive hr:last-of-type, .tag hr:last-of-type, .categoy hr:last-of-type {
	display: none;
}
.blog .tags, .archive .tags, .category .tags {
	padding: 20px 0 0;
}
.tag .tags {
	padding: 20px 0;
}
.post-type-archive-staff_members .col-25:last-child {
	clear: left;
}
.post-type-archive-annual_meeting .col-33:nth-of-type(4n) {
	clear: left;
}
/*.post-type-archive-public_notices .col-33:nth-of-type(4n) {
	clear: none !important;
	float: left !important;
}*/

/*--------------------------------------------------
Footer
--------------------------------------------------*/
footer {
	background: #00bcf2 !important;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px !important;
}
footer .menu-footer-nav ul {
	margin: 0;
	list-style-type: none;
	text-align: center;
}
footer .menu-footer-nav ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0px 15px;
	margin: 0;
}
footer .menu-footer-nav ul li > a {
	display: block;
	padding: 0;
	line-height: 14px;
}
footer .menu-footer-nav ul li ul {
	display: none;
}
/*--------------- Site Annotion ---------------*/
p.developer, p.developer a, p.copyright, p.copyright a {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;
}
p.copyright {
	clear: both;
}
p.developer {
	text-align: right;
}

/*--------------------------------------------------
Mobile Resposive < 1024px
--------------------------------------------------*/
@media screen and (max-width:1024px) {
#masthead {
	height: auto;
	left: 0;
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	transition: all 0.3s; /* Safari and Chrome */
}
.googleTranslate {
	float: left;
}
a.logo {
	z-index: 10000;
	height: 85px;
	max-width: 45% !important;
	margin: 0;
    top: auto;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    margin: 20px !important;
	position: relative;
}
#siteSearch {
	margin: 0 80px 0 0;
}
#siteSearch a.expandSearch {
	padding: 32.5px 15px;
}
nav.top {
	width: 100% !important;
	padding: 10px 20px;
}
.menu-top-nav-container {
	display: none;
}
.home .menu-quick-nav-container { 
	display: block !important;
}
.inside .menu-quick-nav-container { 
	display: none;
}
#menu-quick-nav {
	text-align: center;	
}
#menu-quick-nav li {
	text-align: center;	
}
#menu-quick-nav li a {
	display: inline-block;
	width: 100%;
	
}
/*--------------- header#rotator ---------------*/
header#rotator {
	height: auto;
	min-height: 0;
}
header#rotator .flexsliderHero .image {
}
header#rotator .flexsliderHero .image-caption {
	padding: 40px 60px;
}
header#rotator .flexsliderHero .image-caption h2 {
	font-size: 2.5em;
}
header#rotator .flexsliderHero .image-caption p {
	font-size: 1em;
}
header#rotator .flexsliderHero .image-caption a.globalLink {
	font-size: 1em;
}
/*--------------- MainContainer ---------------*/
#mainContainer {
	padding: 30px;
}
/*--------------- Blog, Archives, Tags & Categories ---------------*/
.blog .flexCol, .archive .flexCol, .tag .flexCol, .category .flexCol, .blog .blogPost, .archive .postArchive, .tag .postTag, .category .postCategory {
	width: 100%;
	max-width: 100%;
	border: none;
	display: table;
	margin: 0px !important;
	padding: 0px !important;
}
.post-type-archive-staff_members .col-25 {
	max-width: 50%;
}
.blog .flexCol, .archive .flexCol, .tag .flexCol, .category .flexCol {
	padding: 0 0 30px !important;
	margin: 0 0 30px !important;
	border-bottom: solid 1px #e8e8e8 !important;
}
.blog .row.margin, .tag .row.margin, .cateogry .row.margin, .archive .row.margin {
	margin: 0 !important;
}
.blog .row.margin [class*="col-"] h4 + span, .tag .row.margin [class*="col-"] h4 + span, .cateogry .row.margin [class*="col-"] h4 + span, .archive .row.margin [class*="col-"] h4 + span {
    margin-bottom: 10px;
    padding: 10px 0 0;
    margin: 0;
    border-top: none;
}
.blog .blogPost .featuredImg, .archive .postArchive .featuredImg, .tag .postTag .featuredImg, .category .postCategory .featuredImg {
	display: table-cell;
	padding: 0;
	height: 200px;
	width: 33%;
	float: none;
}
.blog .blogPost .colContent, .archive .postArchive .colContent, .tag .postTag .colContent, .category .postCategory .colContent {
	padding: 0;
}
.blog .blogPost .featuredImg + .colContent, .archive .postArchive .featuredImg + .colContent, .tag .postTag .featuredImg + .colContent, .category .postCategory .featuredImg + .colContent {
	display: table-cell;
	width: 67%;
	margin-left: 20px;
	float: none;
	padding: 0 0 0 30px;
	vertical-align: middle;
}
.blog .blogPost .tags, .archive .postArchive .tags, .category .postCategory .tags {
	margin-top: 20px;
}
.blog hr, .archive hr, .tag hr, .categoy hr {
	display: block;
}
.single .wrap > .defaultImg {
	padding-top: 30px;
}
}

/*--------------------------------------------------
Mobile Resposive < 767px
--------------------------------------------------*/
@media screen and (max-width:767px) {
.goog-te-menu-frame {
	width:100% !important;	
}
#masthead {
	height: auto;
	position: relative;
}
#masthead.shadow {
	box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
#masthead + * {
	margin: 0 !important;
}
nav.top {
	width: 100% !important;
	padding: 10px;
}
.menu-top-nav-container, .menu-quick-nav-container {
	display: none;
}
.socialMedia {
	text-align: center;
	margin: 0;
	width: 100%;
}
.home #menu-quick-nav { 
	display: block!important;
}

#menu-quick-nav { 
 padding: 0 20px;	
}
#menu-quick-nav li {
	text-align: center;
	width: 100%;
	display:block;
	margin-bottom: 10px;
	background: #00bcf2 !important;
}
#menu-quick-nav li a {
	width: 100%;
	text-align: center;
	display: block;
}
a.logo {
	z-index: 10000;
	margin: 20px !important;
	width: calc(100% - 20px) !important;
	max-width: 100% !important;
	left: auto;
}
#siteSearch {
	margin: 0 60px 0 0;
}
#siteSearch .expandSearch {
	padding: 36px 15px;
}
/*--------------- header#rotator ---------------*/
header#rotator.standardSlider .flexsliderHero .slides > li {
	height: 100vw;
}
header#rotator .flexsliderHero .slides > li.video {
	height: 0;
 padding-bottom: calc(100vw * 0.5625);
}
header#rotator .flexsliderHero li.video iframe {
	display: none;
}
header#rotator .flexsliderHero li.video .youtubeReplacement {
	display: block;
}
header#rotator .flexsliderHero .image-caption {
	max-width: 100% !important;
	padding: 40px 60px 10px !important;
	right: auto !important;
	left: 50% !important;
	top: auto !important;
	bottom: 35px;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	text-align: center;
}
header#rotator .flexsliderHero .image-caption h2 {
	font-size: 2em;
}
header#rotator .flexsliderHero .image-caption p {
	display: none;
}
/*------ MainContainer Elements ------*/
#mainContent, #mainContent[class*="col-"].right, #mainContent[class*="col-"] + article.right, #mainContent[class*="col-"].left, #mainContent[class*="col-"] + article.left {
	padding: 0px;
	border: none !important;
	max-width: 100%;
}
#mainContent + #sidebar {
	margin-top: 30px;
}
.blog .blogPost .featuredImg, .archive .postArchive .featuredImg, .tag .postTag .featuredImg, .category .postCategory .featuredImg {
	display: block;
	padding: 0 0 56.25% !important;
	height: auto;
	width: 100%;
	float: none;
}
.blog .blogPost .featuredImg + .colContent, .archive .postArchive .featuredImg + .colContent, .tag .postTag .featuredImg + .colContent, .category .postCategory .featuredImg + .colContent {
	display: block;
	width: 100%;
	margin-left: 0;
	float: none;
	padding: 0;
}
.blog .blogPost .thumbnail, .archive .postArchive .thumbnail, .category .postCategory .thumbnail {
	width: 100%;
}
.blog .featuredImg, .category .featuredImg, .archive .featurdImg {
	padding-bottom: 56.25% !important;
	margin: 0 0 20px !important;
}
.blog .blogPost .postContent, .archive .postArchive .postContent, .category .postCategory .postContent {
	width: 100%;
	margin-left: 0;
	float: left;
}
.blog hr, .archive hr, .tag hr, .categoy hr {
	display: block;
	margin-bottom: 20px;
}
footer {
	text-align: center !important;
}
footer p {
	text-align: center !important;
	display: block;
	margin: 0 0 10px !important;
}
footer .socialMedia {
	margin: 0 0 10px !important;
}
footer .footer, footer .margin.footer {
	max-width: 100%;
	margin: 0 0 20px;
}
footer .footerNav {
	display: none;
}
footer article p:last-of-type, footer .footer p:last-of-type {
	margin-bottom: 20px !important;
}
}