/*
Theme Name: DC Circulator
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/


/* icon font from weloveiconfonts.com used  for search icon*/
@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
.entypo-search{
	background-color:#ccc;
	display:inline-block;
	padding:0 0 0 10px;
}
.entypo-search input{
	margin-top:0;
}


body {font-family: 'Montserrat', sans-serif;}

body p{
	line-height: 30px;
}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333; }

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.clear{clear: both;}
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width:!00%; margin: 0px auto;}


/* ================ Header styles ======================*/
#header_logo{
	display: inline-block;
	position: relative;
	top: 30px;
	left: 100px;
}

#global_nav{
	display: block;
	text-align: right;
	height: 100px;

}
#header_social{
	display:inline-block;
	margin-right:10px;
}
#date,
#temperature,
#search{display:inline-block;margin-right:15px;}

.global_social_icon{
	margin-right:4px;
	display:inline-block;
	position: relative;
	top: 6px;
	}

#temperature{
	color:#6e6b6b;
	font-size:25px;
}	

#date{
	border-left:1px solid #ed1b2d;
	border-right:1px solid #ed1b2d;
	padding:0 15px;
	margin-right:15px;
	color:#6e6b6b;
	font-size:25px;
	}
#searchsubmit{
	padding:5px 40px;
	margin:0 30px 0 15px;
}
.screen-reader-text{display:none;}

#nav_container{
	background-color: #ed1b2d;
	height:100px;
	-webkit-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.33);
	box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.33);
	}
#secondary_globals{
	
}
.secondary_global{
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin-right:20px;
}
.secondary_global a{
	text-decoration: none;
	color:#000000;
}
.secondary_global img{
	position:relative;
	top:10px;
	margin-right:10px;
}
.secondary_global a:hover{
	text-decoration: none;
	color:#ffd300;
}
/*desktop navigation - mobile navigation is controlled by plugin */

.topnav_level_1{
	font-weight: 100;
}
.topnav_level_2{
	font-size:13px;
	font-style: italic;
	font-weight: 100;
	line-height:14px;
}

/* ===== Top ===== */
#nav_container{
	position: relative;
    z-index: 9999;
    
}
#nav{
	position: absolute;
    /* top: -169px; */
    width: 45%;
    right: 0;
    margin-right: 46px;
    top: -19px;
}
#mega-menu-wrap-primary.mega-menu-wrap{
	background-color:#aaaaaa;
}
#mega-menu-wrap-primary.mega-menu-wrap h1{
	font-size:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	text-transform:uppercase;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
	padding:20px;
	width:33%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
	top:115px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:focus{
	color:red;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{
	/*border-right:1px solid #555;*/
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child{
	padding:20px 0 20px 25px
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:last-child{
	padding:20px 25px 20px 25px;
	border-right:none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu{
	border-right:1px solid #aaa;
}

#nav ul {
	list-style:none;
	margin:0 45px 0 0;
	padding:10px;
	position: absolute;
	right: 0px;
	top: 111px;
	background-color:#aaaaaa;
	font-family: 'Open Sans', sans-serif;
}
#nav ul li{
	float:left;
}
/* ===== First Level ===== */				
#nav ul li {
	/*position:relative;*/
	padding:0;
	margin:0;
	border-right:1px solid #999;
	background: #aaa;
	width:170px;
}
	#nav ul ul li {
	border:none;
	background: #777;
}
	#nav ul li a {
	display:block;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	padding:0 30px 30px 30px;
	line-height:43px;
}
	#nav ul li:hover a {
	position:relative;
	background:#777;
	color:#fff;
}
#nav ul ul,	#nav ul li:hover ul ul {
	position:absolute;
	display:none;

}
#nav ul ul li:hover ul,		#nav ul li:hover ul li:hover ul {
	display:block;
	top:0px;
	left: 100%;

}
/* ===== Second and Third Level ===== */
#nav ul li:hover ul {
	display:block;
	position:absolute;
	left:-500;
	top:100%;

	margin:0;
	padding:0;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.15) inset;

}
#nav ul ul {
	background:#777;
	width:100%;
}
#nav ul ul ul {
	border-color:#e4e4e4 !important;
	margin-left:-14px;
}
#nav ul ul li a {
	float:none;
	width:170px;
	line-height:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:14px;
	color:#fff;
	text-transform:none;
	padding:6px 10px;
	background:none !important;
}
#nav ul ul ul li a {
	color:#fff;
}
#nav ul ul ul li a:hover, nav ul ul li a:hover {
		color:#ffd300;
} 
#nav ul ul li a:hover{
		color:#ffd300;
} 
#nav ul ul li:hover&gt;a {
	background:#fff !important;
	color:#999 !important;
}
#nav ul ul ul li:hover&gt;a {
	background:#eee !important;
	color: #777 !important;

}


/*========================COMMON PAGE STYLES=====================================*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#page_content{
	padding:0 15px;
}

#page_left p{
	 margin-bottom:30px;
	 padding:0 15px;
 }
.page_headline{
	font-size:60px;
	font-weight: 100;
	color:#434242;
	/*margin-bottom:10px;*/
	margin-top:60px;
	text-align:center;
}
.page_subhead{
	font-size:30px;
	color:#797575;
	border-top:1px solid #797575;
	border-bottom:1px solid #797575;
	padding:13px 0;
	margin-bottom:30px;
	margin-top:20px;
}
.page_subhead.centered{
	text-align: center;
}

#no_subhead{
	width:100%;
	margin-bottom:50px;
}
#page_left{
	float:left;
	width:66%;
	font-family: 'Open Sans', sans-serif;
}
#page_right{
	float:right;
	width:20%;
}

#left_sidebar{
	font-family: 'Open Sans', sans-serif;
	float:left;
	width:23%;
	min-width:23%;
}

input, textarea{
	background-color:#CCC;
	border:0;
	padding:10px;

}

#wpcf7-f195-p34-o1 input, textarea{
	width: 100%;
    max-width: 650px;
}
.styled-select {
   background-color: #ccc;
   max-width:650px;
   }
.styled-select select {
   background-color: #ccc;
   
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   width:100%;

   }
  
input[type=submit]{
	display: inline-block;
	background-color: #ed1b2d;
	border-bottom:2px solid #70000a;
	border-right:2px solid #70000a;
	border-top:2px solid #ff949e;
	border-left:2px solid #ff949e;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 20px;
  margin-top: 30px;
  -webkit-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
  -moz-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
  box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
}


#wpcf7-f195-p34-o1 input[type=submit]{
	width:200px;
	margin:0 auto;
}
article a{
	color:#ed1b2d;
	text-decoration: none;
}
article a:hover{
	color:#ffd300;
}

article ol, article ul{
	padding-left:50px;
	margin:30px 0 30px 15px;

}
article p{
	margin:15px 0;
	line-height: 30px;
}

article img{
	margin:10px;
}
article ul{
	padding-left:50px;
	margin-bottom:50px;
	list-style: disc;
}

article ul li{
	margin-bottom:10px;
}
article h1{
	font-size:40px;
	margin-bottom:30px;
}
article h2{
	font-size: 21px;
	font-weight: bold;
	margin-bottom:20px;
	border-bottom:1px solid #797575;
	padding-bottom:5px;
}
article h3{
	font-size: 21px;
    margin-top: 30px;  
}
article h4{
	color: #797575;
	border-top: 1px solid #797575;
    border-bottom: 1px solid #797575;
    margin: 50px 0;
    padding:10px;
}
article h5{
	background-color: #797575;
	color:#ffffff;
	font-weight: 100;
	line-height: 25px;
	font-size: 14px;
	padding:10px;
	margin:20px 0;	
}
article h6{
	color:#aaaaaa;
	line-height: 25px;
	
}
article img.img_border_dark{
	border:10px solid #797575;
	margin:20px;
}
article img.img_border_light{
	border:10px solid #f2f2f2;
	margin:20px;
}
article img.img_shadow{
	margin:20px;
	-webkit-box-shadow: 7px 6px 24px 1px rgba(0,0,0,0.32);
	-moz-box-shadow: 7px 6px 24px 1px rgba(0,0,0,0.32);
	box-shadow: 7px 6px 24px 1px rgba(0,0,0,0.32);
}
article table{
	width:100%;
	margin-top:30px;
	}  
#page_left img{
	float:left;
	margin:0 30px 30px 0;
}

a.press_pdf{
	display: inline-block;
    text-align: center;
    margin:0 auto;
}
.press_pdf img{
	width:100px;
	height:auto;
	margin:0 0 30px 0;
}
/*========================SIDEBAR STYLES=====================================*/

#sidebar{
	max-width:300px;
}

#sidebar h3{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
}
#sidebar_content div#recent-posts-2, #sidebar_content div#categories-2, #sidebar_content div#text-2, #sidebar_content div#wptt_twittertweets-2,div#rpjc_widget_cat_recent_posts-2{
	margin-bottom:30px;
}
#sidebar ul li{
	border-bottom:1px solid #000;
	padding:10px 0;
}
#sidebar ul li a{
	text-decoration: none;
	display:block;
	color:#ed1b2d;
}
/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination{margin-top:38px;}
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #ff3c50;
}
.custom-pagination a:hover {
  background-color: #ff3c50;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #ff3c50;
  color: #fff;
}

#centered_content.serv_twitter{

	max-width:50%;
	}
iframe#twitter-widget-0{
	
	margin:0 auto;
}


/*========================HOME PAGE STYLES=====================================*/
body > div > div.timeline-footer{
	display:none !important;
}

.twitterfeed{width:100%;text-align: center;}
div[id^='layerslider_'] strong{
	color:#ffcf09;
}


a.button{
	display: inline-block;
	background-color: #ed1b2d;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 20px;
	margin-top: 30px;
	-webkit-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
    -moz-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
    box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.54);
    border-bottom:2px solid #70000a;
	border-right:2px solid #70000a;
	border-top:2px solid #ff949e;
	border-left:2px solid #ff949e;
}
a.button:hover{color:#ffd300;}

.linkarrow{
	margin-left:10px;
	position: relative;
    top: 2px;
}

#greybar_nav{
	background-color:#6e6b6b;
	color:#FFFFFF;
	text-align:center;
	padding:60px 0 90px 0;
}
#greybar_link_container{
	display:inline-block;
}
a.greybar_link:first-child{
	margin-left:0;
}
.greybar_link{
	float:left;
	margin-left:180px;
	padding:10px;
	font-size: 24px;
	color:#FFFFFF;
	text-decoration: none;
	width: 160px;
	height: 160px;
	background-color:#ffffff;
	border-radius: 50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d6d6d6+66,9e9e9e+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #d6d6d6 66%, #9e9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(66%,#d6d6d6), color-stop(100%,#9e9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#d6d6d6 66%,#9e9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#d6d6d6 66%,#9e9e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#d6d6d6 66%,#9e9e9e 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#d6d6d6 66%,#9e9e9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9e9e9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-box-shadow: 4px 4px 10px -3px rgba(0,0,0,0.54);
    -moz-box-shadow: 4px 4px 10px -3px rgba(0,0,0,0.54);
    box-shadow: 4px 4px 10px -3px rgba(0,0,0,0.54);
}
.greybar_link:hover{
	color:#ffd300;
	background:#fff;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.greybar_link_border{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efaeb4+4,f1182c+24,750b0d+99 */
	background: #efaeb4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #efaeb4 4%, #f1182c 24%, #750b0d 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,#efaeb4), color-stop(24%,#f1182c), color-stop(99%,#750b0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #efaeb4 4%,#f1182c 24%,#750b0d 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #efaeb4 4%,#f1182c 24%,#750b0d 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #efaeb4 4%,#f1182c 24%,#750b0d 99%); /* IE10+ */
	background: linear-gradient(135deg,  #efaeb4 4%,#f1182c 24%,#750b0d 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efaeb4', endColorstr='#750b0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border-radius: 50%;
}
.greybar_link h2{
	margin-top:30px;
}
.greybar_link img{
	margin-top:35px;
}
#map{
	margin:0 auto 40px auto;
	width:83%;
	float:right;
}
#tripplanner{
	float:left;
}
#hp_map_container_frame{
	overflow:hidden;
	height:100%;
	width:100%;
	min-height:500px;
	margin-bottom:20px;
}

hp_map_container_temp{
	height:600px;
	overflow:hidden;
}

#page_content{
	max-width: 1350px;
	margin:0px auto 55px auto;
	min-height:700px
}

#home_page_left{
	width:60%;
	float:left;
}

#home_page_right{
	background-color: #ed1b2d;
	width:34%;
	float:right;
}
#home_page_right h2{
	color:#ffd300;
	font-size:26px;
	text-transform: uppercase;
	/*margin-left:-20px;*/
	}
#home_news{
	max-width:268px;
	margin:70px auto;
}
#home_news a{
	color:#FFFFFF;
	text-decoration: none;
	display:inline;
	margin-left:10px;
	font-style: italic;
}
#home_news a:hover{color:#ffd300;}

.home_news_more{
	font-size:12px;
}

ul#news_posts{
	margin-bottom:30px;
}
li.news_post{
	color:#FFFFFF;
	border-top:1px solid #ffffff;
	margin-top:40px;
	padding-top:33px;
	text-align: left;
	max-width:268px;
}
li.news_post a{
	display:block;
	float:none;
	width:100%;
}

.all_news{
	float:right;
	margin-bottom:40px;
}

#service_update{
	font-family: 'Open Sans', sans-serif;
}
#service_update > li{
	margin-bottom:30px;
}
#service_update > li:before{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:15px;
	border-radius:50%;
}
.service_status{
	color:#645c42;
}
.out_of_service{color:red;
}

.service_line_6::before{background-color:#ed1b2d;}
.service_line_5::before{background-color:#f78d04;}
.service_line_4::before{background-color:#36890d;}
.service_line_3::before{background-color:#3d04f7;}
.service_line_2::before{background-color:#f7c104;}
.service_line_1::before{background-color:#33beeb;}


#home_subscribe input[type=submit]{
	margin-top:0;
	margin-left:15px;
	padding:10px;

}
#mc_embed_signup h2{
	margin-bottom:15px;
}
#home_subscribe.newsletter_form{
	margin-top:90px;
}
input.wpcf7-form-control.wpcf7-submit{
	margin-top:0;
	margin-left:10px;
}
/*------------------------------------*\
	Simple HTML5 data-tabs
\*------------------------------------*/

#home_page_left div.tabs{
	max-width:789px;
	border-right: 1px solid #ccc;
    padding-right: 80px;
}
div.content{background-color: #e7e7e7;}

.tabs{ margin-bottom:60px;}

.tab {
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	/*width:33%;*/
	width:50%;
    float:left;
    display:block;
    padding:10px 20px;
    text-decoration:none;
    background-color: #6e6b6b;
    color:#e7e7e7;
    text-align: center;
    font-size:24px;
    text-transform:uppercase;
    -webkit-box-shadow: inset 1px -3px 16px 1px rgba(0,0,0,0.37);
	-moz-box-shadow: inset 1px -3px 16px 1px rgba(0,0,0,0.37);
	box-shadow: inset 1px -3px 16px 1px rgba(0,0,0,0.37);
}
.sidebartab{
	width:50%;
	font-size:18px;
}
.tab.active,
.tab:hover {
	background-color: #e7e7e7;
	color:#6e6b6b;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.content {
    display:none;
    clear:both;
    background:#FFF;
    padding:20px;
}
.content.active {
    display:block;
}
.tab.nextbus{
	width:34%;
}
div#nextBusWidget {
    width:100% !important;
    background: #f21111;
}
#home_page_left > div.tabs > div.content.nextbus.active > iframe > body #nextBusWidget{
	border:1px solid red;
}
/* ============End Tabs========*/

#home_planning{
	margin-bottom:60px;
}
label{
	display:inline-block;
	margin-bottom:15px;
}
div#alert_legend{
	text-align: left;

}
div#alert_legend_hp{
	margin-left:75px;
	text-align: left;
}
div#alert_legend ul, div#alert_legend_hp ul{
	margin-top:10px;
	max-width:600px;
	text-align: left;
}
div#alert_legend ul li, div#alert_legend_hp ul li{
	list-style: none;
	padding-right:10px;
	font-size: 12px;
	margin:5px 0;
	border:0;
}
#alert_legend h2, #alert_legend_hp h2{
	margin:30px 0 0 0;
}

#map_conatiner{
	
}
/*======================BUS BASICS PAGE STYLES==========================================*/
h1.centered{
	text-align:center;

}
#page_subhead_centered{
	text-align:center;
	max-width:100%;
	margin:0 auto 40px auto;
	display:table;
}
#centered_subhead_content{
	max-width:100%;
	float:left;
	position: relative;
	top: 30px;
	font-size:26px;
}
#centered_subhead_content.where_we_go{
	top:0;
}
#centered_subhead_content p{
	max-width:1100px;
}
.yellow_bracket_left{
	color:#ffd300;
	font-size:70px;
	font-weight:100;
	float:left;
	margin-right:10px;
}
.yellow_bracket_right{
	color:#ffd300;
	font-size:70px;
	font-weight:100;
	float:left;
	margin-left:10px;
}

#bus_basics_menu{
	max-width:300px;
	border:1px solid #cacaca;
	background-color:#fffcfc;
	margin-bottom:30px;
	
}
.left_menu_header{
	background-color:#ed1b2d;
	padding: 30px 0 30px 0;
	color:#ffffff;
	font-size:35px;
	font-weight: 100;
	text-align:center;
}

.left_menu_header a{
	color:#FFFFFF;
	text-decoration: none;
}
.left_menu_header a:hover{
	color:#ffd300;
}
#menu-bus-basics, #menu-rider-tools, #menu-page-about-us, #menu-neighborhoods, #menu-improvements-projects{
	margin:0 50px 35px 50px;
}
#menu-bus-basics li, #menu-rider-tools li, #menu-page-about-us li, #menu-neighborhoods li, #menu-improvements-projects li{
	font-size:21px;
	padding-top:35px;
}
#menu-bus-basics li a, #menu-rider-tools li a, #menu-page-about-us li a, #menu-neighborhoods li a,  #menu-improvements-projects li a{
	color:#5a5a5a;
	text-decoration: none;
	display:block;
}
#menu-bus-basics li a:hover, #menu-rider-tools li a:hover, #menu-page-about-us li a:hover, #menu-neighborhoods li a:hover,  #menu-improvements-projects li a:hover{color:#ffd300;}

#centered_content{
	float:left;
	max-width:52%;
	padding-left: 30px;
}

#centered_content.nosidebar{
	max-width:77%;
	width:77%
	
}
.bus_basic{
	margin-bottom:65px;
}
.bus_basic_image{
	float:left;
	width:20%;
	margin-right:10px;
	
}
.bus_basic_title{
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	
}
.bus_basic_title a{
	color:#33beeb;
	text-decoration: none;
	}
.bus_basic_copy{
	float:left;
	width:75%;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}
/*======================WHERE WE GO PAGE STYLES==========================================*/
.schedule{
	width:100%;
	margin-bottom:45px;
	font-family: 'Open Sans', sans-serif;
	border-top:1px solid #bfbbbb;
	padding-top:45px;
}
.schedule h2{
	font-size:30px;
	font-weight:100;
	border-bottom:1px solid #bfbbbb;
	margin-bottom:20px;
	padding-bottom:20px;
}
.schedule h2 a{
	text-decoration: none;
	color:#000000;
}
.schedule h2 a:hover{
	color:#ffd300;
}
.schedule_icon{
	width:100px;
	height:100px;
	display:block;
	border-radius:50%;
	padding:25px;
	float:left;
	margin-right:50px;
}

.icon_30{background-color:#ed1b2d;}
.icon_28{background-color:#f78d04;}
.icon_26{background-color:#36890d;}
.icon_24{background-color:#3d04f7;}
.icon_22{background-color:#f7c104;}
.icon_20{background-color:#33beeb;}

.schedule_content{
	float:left;
	max-width:550px;

}

article.schedule{
	border-top:none;
	padding-top: 0;
	margin-bottom:30px;
	
}
article.schedule h2{
	border:none;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:20px;
}
article.schedule h2:first-child{
	margin-top:0;
}
article.schedule p{
	margin:0;
	padding-bottom:20px;
	border-bottom:1px solid #bfbbbb;
}
article.schedule p:last-child{
	border-bottom:none;
	padding-bottom:0;
}
/*======================ROUTE DETAIL PAGE STYLES==========================================*/
#menu-route-maps{
	margin:0 50px 35px 50px;
}
#menu-route-maps li{
	font-size:21px;
	padding-top:35px;
}
#menu-route-maps li a{
	color:#5a5a5a;
	text-decoration: none;
	display:block;
}
#menu-route-maps li a:hover{color:#ffd300;}

#route_map{
	position:relative;
	margin-bottom:30px;
	display:inline-block;
	max-width:100%;
}
.route_map_enlarge{
	background-color:#ed1b2d;
	color:#FFFFFF;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	text-transform: uppercase;
	text-align: center;
	display:inline-block;
	position:absolute;
	right:0px;
	padding:10px;
	-webkit-box-shadow: -4px 8px 16px 1px rgba(0,0,0,0.37);
	-moz-box-shadow: -4px 8px 16px 1px rgba(0,0,0,0.37);
	box-shadow: -4px 8px 16px 1px rgba(0,0,0,0.37);
}
.route_map_enlarge:hover{
	color:#ffd300;
}
.route_changes_link{
	background-color:#6e6b6b;
	color:#FFFFFF;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform: uppercase;
	text-align: center;
	display:inline-block;
	position:absolute;
	padding:10px;
	right:0;
	bottom:5px;
	-webkit-box-shadow: -4px -3px 16px 1px rgba(0,0,0,0.37);
	-moz-box-shadow: -4px -3px 16px 1px rgba(0,0,0,0.37);
	box-shadow: -4px -3px 16px 1px rgba(0,0,0,0.37);
}
.route_changes_link:hover{
	color:#ffd300;
}

#route_stops{
	background-color:#ececec;
	padding:20px;
}
#route_stops h2{
	color:#ed1b2d;
	text-transform: uppercase;
	text-align: center;
	font-size:30px;
}
#route_stops h3{
	text-align: center;
	color:#3c3c3c;
	margin-bottom:20px;
}
.route_tabs{
	background-color:#f3f3f3;
	border:1px solid #6e6b6b;
}
.route_tab{
	font-size:16px;
}
.content.route_content{
	background-color:#ffffff;
	border:20px solid #e7e7e7;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	height:600px;
	overflow-y: scroll;
}

.stop{
	display:block;
}
.stop::after{
	content: "|";
	display:block;
	color:#f7c104;
	font-size:26px;
}
ul.all_stops li:last-child > p:after{
	content:"";
}


.left_sidebar_image{
	margin-bottom:30px;
	max-width:300px;
}

h3#stops1, h3#stops2{
	font-weight:bold;
	font-size:20px;
}
div.photo_caption{
	font-size:10px;
	color: #797575
}


/*======================SERVICE ALERTS STYLES==========================================*/

div#centered_content.serv_twitter{
	padding-left:20px;
}


/*======================NEWS PAGE STYLES==========================================*/

.newsroom_post{
	margin-top:45px;
	border-bottom:1px solid #f7c104;
	padding-bottom:55px;
}
.newsroom_post:first-child{
	margin-top:0;
}
.newsroom_post h2{
	font-size:21px;
	text-transform: uppercase;
	margin-bottom:20px;
}
.newsroom_post h3{
	font-size:18px;
	color:#797575;
	margin-bottom:13px;
	font-weight:100;
}
.newspost_image{
	margin-bottom:25px;
	float:left;
	max-width:25%;
	height:auto;
}
.newspost_copy{
	float:left;
	width:75%;
	padding-left:30px;
}
.newspost_copy h3{
	margin-top:0;
}
.newspost_copy.no_news_img{
	width:100%;
	padding-left:0;
}

.newsroom_post p{
	font-size:18px;
	color:#797575;
	font-weight:100;
}
.newspost_image img{
	height:auto;
}
/*========================SCHEDULE STYLES=====================================*/

#holiday_schedule th{
	text-align:left;
	padding-bottom: 10px;
}
#holiday_schedule tr{
	border-bottom:1px solid #eaeaea;
	padding-bottom:5px;
}
#holiday_schedule td{
	padding:10px 0;
}
.holiday{
	width:50%;
}
.holiday_status{
	width:50%;

}


/*======================INTERACTIVE MAP PAGE STYLES==========================================*/
.int_map{
	width:700px;
	
}
.int_map_dl{
	text-align: center;
}


/*======================TRIP PLANNER PAGE STYLES==========================================*/


/*======================FAQ PAGE STYLES==========================================*/


/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
}
.accordion h1:first-child{
	margin-top:0;
}
.accordion h1{
	font-size:30px;
	border-bottom:1px solid #000000;
	margin-top:70px;
	margin-bottom:10px
} 
.entypo-plus-circled:before{
	margin-right:10px;
}
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    color:#5a5a5a;
    text-decoration: none;
    background-color:#eaf1f1;
    margin:5px 0;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    /* Type */
    text-decoration:none;
	color:#FFF;
    background-color:#ed1b2d;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px 15px 15px 40px;
    display:none;
    -webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
	box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
	width:99%;
	margin:0 auto 10px auto
}

/*========================NEIGHBORHOOD PAGE STYLES=====================================*/

#neighborhood_image img{
	height:auto;
}


/*======================SIDEBAR STYLES==========================================*/

#sidebar_content{
	
}


/*======================FOOTER STYLES==========================================*/

#footer_container{
	background-color: #ed1b2d;
	color:#FFFFFF;
	padding:75px 0 30px 100px;
}

.footer_menu{
	float:left;
	margin-right:95px;
}
.footer_menu h2{
	font-weight:bold;
	font-size: 19px;
}
.footer_menu a{
	color:#fde562;
	font-size: 19px;
	line-height:32px;
}
.footer_menu a:hover{
	color:#FFFFFF;
}
.footer_social_icon{
	position: relative;
	top: 10px;
	padding-right: 10px;
}
#ddot{
	display:inline-block;
}
#ddot_logo{
	text-align:center;
}
#ddot_logo_copy{
	text-transform: uppercase;
	position: absolute;
    width: 300px;
}


/*=================================SEARCH PAGE STYLES =========================*/

.result_header{
	font-weight: bold;
	font-size:18px;
	margin-bottom: 15px;
	margin-top:30px;
}
/*========================Sitemap PAGE STYLES=====================================*/
#sitemap a, #footer_links a{
	color:#555;
	text-decoration: none;
}
#sitemap a:hover, #footer_links a:hover{
	color:#ed1b2d;
	text-decoration: none;
}

li.menu-item-has-children {
	font-size:25px;
	font-weight:bold;
}
ul.sub-menu li{
	font-size:11px;
	font-weight:normal;
}

ul.sub-menu{
	margin-bottom:30px;
	margin-left:10px;
	margin-top:5px;
}
ul.menu-sitemap li{
	font-size:30px;
}

div.menu ul li ul li{
	margin:0;
}
#responsive-menu .responsive-menu li li li a {
	padding-left:10px !important;
	padding-bottom:10px !important;
	overflow:visible !important;
	width:100% !important;
}
#responsive-menu .responsive-menu li li a {
	padding-bottom:10px !important;
	padding-left:10px !important;
}
#responsive-menu-title a{
	font-size:25px;
}
#responsive-menu .responsive-menu ul li a {
	font-size:16px;
}

#responsive-menu .responsive-menu ul li ul li a {
	font-size:12px;
}

#footer_links{
	margin-top:70px;
}
#footer_links h1, #menu-item-466{
	font-size:25px;
	font-weight:bold;
	color:#ed1b2d;
}
div.footerlinks{
	margin-bottom:30px;
	margin-left:30px;
}

#menu-item-467 > :first-child, 
#menu-item-480 > :first-child, 
#menu-item-488 > :first-child{
	pointer-events: none;
   cursor: default;
}
#menu-item-466{
	margin-bottom:30px;
}

#press_kit{
	height:650px;
}
#map_container{
	height:820px;
	margin-bottom:30px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
/*@media print {

}


Media queries!
-------------------------------------------------------------------------------*/
@media (max-width:1300px){
.tab{
	font-size:18px;
}
}


@media (max-width:1230px){
	#centered_subhead_content p{
		max-width:700px;
	}
	
}

@media (max-width:1075px){
.tab{
	font-size:16px;
}
}

@media (max-width:1000px) {
	#hero_copy{
		left:20%;
		top:250px;
	}
	#hero_copy h1{
		font-size:70px;
	}
	#header_logo{
		left:55px;
	}
	
	#mega-menu-wrap-primary.mega-menu-wrap h1{
		font-size:16px;
	}
	#mega-menu-wrap-primary.mega-menu-wrap h2{
		font-size:11px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
		padding:20px 0 0 0;
	}
	ul.mega-sub-menu > li.mega-menu-item  a{
		font-size:12px;
	}

}


@media (max-width: 900px) {
	#global_nav div{
		font-size:13px;
	}
	#header_logo{
		left:30px;
	}

	#nav ul{
		top: 126px;
	}
	#home_page_left{
		width:100%;
		}
	#home_page_left div.tabs{
		max-width:90%;
		margin:0 auto 30px auto;
		}
	#home_page_right{
		width:100%;
		margin-top:30px;
	}
	.greybar_link{
		width:100px;
		height:100px;
		margin-left:100px;
	}
	.greybar_link img{
		width:57%;
		height:auto;
		margin-top:20px;
	}
	.greybar_link h2{
		font-size:20px;
	}

	.tab{
		font-size:14px;
	}
	#bottom_copy{
		width:90%;
		margin:0 auto;
	}
	#page_left{
		width:100%;
		padding:0 15px;
		
	}
	#page_right {
    	float: none;
    	width: 90%;
	}
	.page_headline{
		text-align: center;
		font-size:40px;
	}
	.page_subhead{
		text-align:center;
		font-size:24px;
	}
	#menu-route-maps{
		margin:30px;
	}
	#menu-route-maps a{
		font-size:16px;
	}
	
	.footer_menu{
		margin-bottom:30px;
		float:none;
		text-align: center;
	}
	#centered_subhead_content{
		font-size:20px;
		padding-left:none;
	}
	#centered_content.nosidebar{
		max-width:100%;
	}
	#fullwidth_content{
		width:100%;
		max-width:100%;
	}
	#fullwidth_content img{
		width:100%;
		height:auto;
	}

}


@media (max-width: 800px) {
	#global_nav{
		height:60px;
		padding-right:100px;
	}
	#global_nav div#search {
	  display: none;
	}
	#nav{
		display:none;
	}
	#nav_container{
		text-align:center;
	}
	#header_logo{
	left:0;
	}
	#hero_copy{
		top:230px;
		left:40px;
	}
	#hero_copy h1{
		font-size:70px;
}
	.greybar_link{
		margin-left:50px;
	}
	.greybar_link h2{
		font-size:15px;
	}
	a.greybar_link:first-child{
		margin-left:30px;
	}
	#nav ul{
		display:none;
	}
	#left_sidebar{
		float: none;
		display:none;
	}
	#centered_content{
		float:none;
		width:100%;
		max-width: none;
	}
	#home_page_left div.tabs{
		border:none;
		margin:0 auto 30px auto;
		padding-right:0;
		width:100%
	}
	#centered_content{
		padding-left:0px;
	}
	#centered_content.nosidebar{
		width:100%;
	}
	h1.centered{
		font-size:40px;
	}
	#centered_subhead_content{
		font-size:20px;
		padding-left:none;
		max-width:400px;
	}
	.bus_basic{
		width:100%;
	}
	div#centered_content.serv_twitter{
		max-width:100%;
		padding-left:0;
	}

}

@media (max-width: 536px){
.tab{
	min-height:58px;
}
}


@media (max-width: 500px){
	#hero_copy{
		top:210px;
		left:0;
	}
	#hero_copy h1 {
  	font-size: 44px;
	}
	#hero_copy p{

	}
	#home_subscribe input[type=submit] {
		margin-left:0;
		margin-top:20px;
	}
	#greybar_nav{
		padding:42px 0;
	}
	h1.centered{
		font-size:35px;
	}
	#centered_subhead_content{
		font-size:18px;
	}
	.yellow_bracket_left, .yellow_bracket_right{
		font-size:50px;
		line-height:115px;
	}
	#centered_subhead_content{
		max-width: 75%;
	}
	.secondary_global{
		font-size:10px;
		margin-right:10px
	}
	.secondary_global img{
		height:20px;
		width:auto;
	}
	.schedule_icon{
		margin:0 auto 30px auto;
		float:none;
	}
	.page_headline{
		font-size:35px;
	}
	.page_subhead{
		font-size:18px;
	}
	.global_social_icon img{
		height:25px;
		width:auto;
	}
	#centered_content.nosidebar{
		max-width:100%;
	}

	.greybar_link{
		margin-left:50px;
		width:70px;
		height:70px;
	}
	.greybar_link_border img{
		margin-top:13px;
	}
	.greybar_link h2{
		font-size:15px;
		margin-top:15px;
	}
	a.greybar_link:first-child{
		margin-left:0px;
	}

	#responsive-menu .responsive-menu li a{
		padding-bottom:35px !important;
	}
	#responsive-menu .responsive-menu li a h2{
		font-size:10px;
	}
	.tab.nextbus {
    height:58px;
}
}


div.textwidget, #text-2, div#wptt_twittertweets-2{
	display:none;
}