/*
Theme Name: rtcwashoe
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rtcwashoe
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rtcwashoe is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Layout
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	border: 0;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input.search-submit {
	font-family: FontAwesome;
}

.search-field {
	background-color: transparent;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
}

.search-field:focus {
	cursor: text;
	outline: 0;
}

#top-bar input.search-field {
	height: 37px;
	height: auto;
	color: #00338d;
	width: 100%;
	max-width: 120px;
}


.search-form {
	display: inline-block;

}

#top-bar .search-form {
	margin: 0 20px;
	background: #fff;
	border-top: 3px solid #00338d;
	border-bottom: 3px solid #00338d;
	height: 42px;
}

.search-form label {
	display: inline-block;
}

#top-bar .search-submit { 
	font-family: FontAwesome;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	color: #00338d;
	font-size: 16px;
}

#top-bar i.fa-search {
	position: absolute;
	top: 13px;
}

#top-bar i.fa-globe {
}


#google_translate_element {
	display: inline-block;
}

.goog-te-gadget-simple {
	background-color: transparent !important;
	border: 0 !important;
	color: #fff !important;
	font-family: inherit !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Hind', sans-serif;

}

.goog-te-menu-value span {
	color: #fff !important;
	border: 0 !important;
	margin-right: 3px;
}

.goog-te-gadget-simple img {
	display: none;
}



fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
	font-family: 'FuturaBold';
	src: url('fonts/futurastd-bold-webfont.woff') format('woff'),
             url('fonts/futurastd-bold-webfont.ttf') format('truetype');
}

body {
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #00338d;
	font-weight: 400;
} 

.entry-header h1,
#content h1,
.entry-header h2, 
#content h2, 
.entry-header h3,
#content h3, 
.entry-header h4,
#content h4,
.entry-header h5,
#content h5 {
	text-transform: uppercase;
	font-family: 'FuturaBold', Futura, Trebuchet MS, Arial, sans-serif; 
}

h1,
h2.entry-title {
	font-size: 36px;
	line-height: 36px;
}

h2 {
	font-size: 28px;
	line-height: 120%;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main > h2:first-child {
	font-size: 36px;
	line-height: 36px;
}

h3 {
	font-size: 21px;
	line-height: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	line-height: 21px;
}

h5
	font-size: 12px;
	line-height: 16px;
}


body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 21px;
	line-height: 25px;
}

small {
	font-size: 13px;
	line-height: 16px;

}

small a,
p a,
.entry-content a,
.entry-footer a,
#main a,
#left-column a {
	text-decoration: underline;
}

body.home a,
body.home #main a {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 8px 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table, tr, th, td {
	border: 0;
}

tr:nth-child(even),
tr.even,
table.dataTable tbody tr.even {
	background: #ccd6e8;
	background: #dde7f9;
	background: #ecf0f8;
}

th {
	font-weight: bold;
	text-align: center;
	background: #fff;
}

th, td {
	padding: 3px 5px;
	line-height: 120%;
}

#board-meeting-table {
	padding-top: 10px;
}

#board-meeting-table td li {
	list-style-type: none;
}

#board-meeting-table td .staff-reports li {
	list-style-type: disc;
	text-align: left;
	margin-left: 30%;
}

.dataTables_wrapper {
	background: #f2f7fd;
	color: #00338d;
}

.dataTables_length,
.dataTables_info {
	padding-left: 15px;
}

table.dataTable.no-footer,
table.dataTable thead th, table.dataTable thead td {
	border-color: #00338d !Important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #00338d !important;
}

a.button {
	display: inline-block;
	font-size: 75%;
	background: #00338d;
	color: #fff !important;
	padding: 3px 8px 0px 8px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-decoration: none;
	text-decoration: none !important;
}

a.button.read-more {
	margin-top: 0;
	text-decoration: none !important;
}

.box.news a.button {
	right: 15px;
	bottom: 15px;
}

.box.news a.button.read-more {
	margin-bottom: -5px;
	right: 0;
}

body.post-type-archive-news a.button.read-more,
body.page-id-2503 a.button.read-more,
body.page-id-2498 a.button.read-more,
body.page-id-2505 a.button.read-more {
	left: 15px;
	right: auto;
}

#news-box a.button.read-more {
	margin-bottom: -35px;
	right: 0px;
}

a.button.full-button {
	display: block;
	float: none;
	width: 100%;
	position: relative;
	right: auto;
	bottom: auto;
}

a.button.left-aligned {
	position: relative;
	right: auto;
	bottom: auto;
}

section#content4 a.button.read-more {
	bottom: -3px;
	right: -5px;
}

.box.news a.button.read-more {
	/* bottom: 0px; */
}

.map-library-button {
	background: #00338d;
	color: #fff !important;
	padding: 5px 15px;
	margin: 8px 0;
	display: inline-block;
}

.map-library-button::before {
	content: "\f279     ";
	font-family: FontAwesome;
}

.map-library-button::after {
	content: " »";
	font-family: FontAwesome;
}

.large-button {
        background: #00338d;
        color: #fff !important;
        padding: 10px 22px 8px 22px;
	font-size: 120%;
        text-decoration: none !important;
	display: inline-block;
	margin: 10px;
}

.float-left {
	float: left;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

#top-bar {
	background: #00338d;
	color: #fff;
	display: inline-block;
	width: 100%;
/*
	-webkit-box-shadow: inset 0px -4px 0px 0px rgba(255,255,255,0);
	-moz-box-shadow: inset 0px -4px 0px 0px rgba(255,255,255,0);
	box-shadow: inset 0px -4px 0px 0px rgba(255,255,255,0);
*/
}

#content,
#site-navigation,
#footer-content,
.entry-header {
	max-width: 1020px;
	margin: 0 auto;
}

.entry-header {
	margin-top: 25px;
	margin-bottom: 0;
}

.entry-header h1 {
	display: inline;
	padding-left: 30px;
	/* you might need to remove this stuff */
	display: inline-block;
	max-width: 400px;
}

.entry-header img {
	display: inline;
	vertical-align: middle;
	padding-bottom: 16px;
	padding-bottom: 50px;
}


#main {
	background: #f2f7fd;
	padding: 15px;
}

body.parent-pageid-23 #main,
body.page-id-2934 #main {
	background: transparent;
	padding: 0;
}

body.parent-pageid-23 #left-column {
	background: #f2f7fd;
	padding: 15px;
}

body.page-id-28 #left-column {
	background: transparent;
	padding: 0;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	border-radius: 0;
	background: #bfbfbf;
	font-size: 13px;
	padding: 5px;
	color: #000;
	height: 30px;
	outline: 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #2a2a2a;
	border: 0;
	border-radius: 0;
	padding: 3px 5px;
	outline: 0;
	height: 30px;
	-webkit-appearance: none;
}

textarea {
	height: auto;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	outline: 0;
}

textarea {
	width: 100%;
}


/* don't group these */
input::-webkit-input-placeholder {
	color: #2a2a2a; 
}
input:-moz-placeholder {
	/* FF 4-18 */
	color: #2a2a2a;  
}
input::-moz-placeholder {
	/* FF 19+ */
	color: #2a2a2a;   
}
input:-ms-input-placeholder {
	/* IE 10+ */
	color: #2a2a2a;  
}

/* don't group these */
#top-bar input::-webkit-input-placeholder {
	color: #00338d;
	text-transform: uppercase;  
}
#top-bar input:-moz-placeholder {
	/* FF 4-18 */
	color: #00338d;
	text-transform: uppercase;  
}
#top-bar input::-moz-placeholder {
	/* FF 19+ */
	color: #00338d;
	text-transform: uppercase;  
}
#top-bar input:-ms-input-placeholder {
	/* IE 10+ */
	color: #00338d;
	text-transform: uppercase;  
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #00338d;
	outline: 0;
}

a:visited {
	color: #00338d;
}

a:hover,
a:focus,
a:active {
	color: #00338d;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.menu-main-menu-container {
	margin-bottom: -4px;
	display: inline-block;
	float: left;
	transform: unset !important;
}

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	text-transform: uppercase;
}

.main-navigation li {
	float: left;
	position: relative;
	text-transform: uppercase;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 11px 12px;
	background-clip: padding-box;
}

/* Transportation */
.main-navigation li#menu-item-1125.current-menu-item a,
.main-navigation li#menu-item-1125.current-page-ancestor a {
	border-bottom: 4px solid #00005b;
}

/* Planning */
.main-navigation li#menu-item-1273 a {
	background: #00a800;
}

.main-navigation li#menu-item-1273.current-menu-item a,
.main-navigation li#menu-item-1273.current-page-ancestor a {
	border-bottom: 4px solid #007200;
}

/* Engineering */
.main-navigation li#menu-item-1138 a {
	background: #ff8300;
}

.main-navigation li#menu-item-1138.current-menu-item a,
.main-navigation li#menu-item-1138.current-page-ancestor a {
	border-bottom: 4px solid #d86200;
}

/* About */
.main-navigation li#menu-item-1121 a {
	background: #8c00e0;
}

.main-navigation li#menu-item-1121.current-menu-item a,
.main-navigation li#menu-item-1121.current-page-ancestor a {
	border-bottom: 4px solid #00005b;
}


/* Lengthen Certain Nav Items While Active */
.main-navigation li#menu-item-1125 .on,
.main-navigation li#menu-item-1125.current-page-ancestor .on,
.main-navigation li#menu-item-1273 .on,
.main-navigation li#menu-item-1273.current-page-ancestor .on,
.main-navigation li#menu-item-1138 .on,
.main-navigation li#menu-item-1138.current-page-ancestor .on,
.main-navigation li#menu-item-1121 .on,
.main-navigation li#menu-item-1121.current-page-ancestor .on {
	display: none;
}

.main-navigation li#menu-item-1125.current-menu-item .off,
.main-navigation li#menu-item-1125.current-page-ancestor .off,
.main-navigation li#menu-item-1273.current-menu-item .off,
.main-navigation li#menu-item-1273.current-page-ancestor .off,
.main-navigation li#menu-item-1138.current-menu-item .off,
.main-navigation li#menu-item-1138.current-page-ancestor .off,
.main-navigation li#menu-item-1121.current-menu-item .off,
.main-navigation li#menu-item-1121.current-page-ancestor .off {
	display: none;
}

.main-navigation li#menu-item-1125.current-menu-item .on,
.main-navigation li#menu-item-1125.current-page-ancestor .on,
.main-navigation li#menu-item-1273.current-menu-item .on,
.main-navigation li#menu-item-1273.current-page-ancestor .on,
.main-navigation li#menu-item-1138.current-menu-item .on,
.main-navigation li#menu-item-1138.current-page-ancestor .on,
.main-navigation li#menu-item-1121.current-menu-item .on,
.main-navigation li#menu-item-1121.current-page-ancestor .on {
	display: block;
}







.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	text-decoration: underline;
}

.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
	content: "\f060     ";
	font-family: FontAwesome;
}


.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	text-decoration: underline;
}

.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
	content: "    \f061";
	font-family: FontAwesome;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#page { 
	min-height: 100%;
	position: relative;
}

#content {
	padding-bottom: 380px;   /* Height of the footer */
}

body.home #content {
	padding-bottom: 0; /* no footer on the homepage */
}

.breadcrumbs {
	margin-bottom: 25px;
	color: #000;
}

.breadcrumbs a {
	text-decoration: underline;
}

.breadcrumbs > span {
	padding: 0 3px;
}

#primary {
	margin-bottom: 50px;
	display: inline-block;
	width: 100%;
}

body.archive article img.size-medium,
body.page-id-2498 article img.size-medium,
body.page-id-2503 article img.size-medium,
body.page-id-2505 article img.size-medium {
	float: right;
	margin-left: 20px;
}

body.archive article h2,
body.archive article h5,
body.page-id-2498 h2,
body.page-id-2498   h5,
body.page-id-2503 h2,
body.page-id-2503 h5,
body.page-id-2505 h2,
body.page-id-2505 h5 {
	clear: none;
}

#footer-content > div {
	padding-right: 40px;
}

#footer-content > div:last-child {
	padding-right: 0;
}

footer.site-footer {
	background: #333;
	color: #bfbfbf;
	padding: 30px 0;
	margin-top: 50px;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 380px;   /* Height of the footer */
}

footer.site-footer a {
	color: #bfbfbf;
}

footer.site-footer h2 {
	font-size: 22px;
	font-weight: 600;
}

#footer-left-column {
	width: 33%;
	float: left;
	padding-top: 15px;
}

#footer-left-column img {
	float: left;
	margin: 0 15px 5px 0;
}

#footer-left-column h2 {
	display: inline;
}

#footer-left-column p {
	margin-top: 0;
}

#footer-center-column {
	width: 34%;
	float: left;
}

#footer-center-column input[type=text] {
	width: 80%;
}

#footer-center-column input[type=submit] {
	width: 20%;
}

footer.site-footer #mce-error-response {
	color: #f55;
	font-size: 90%;
	line-height: 120%;
	margin-top: 10px;
}

#footer-center-column i.fa {
	font-size: 30px;
	padding: 0 8px;
}

#footer-center-column div.textwidget {
	text-align: center;
}

#footer-right-column {
	width: 33%;
	float: right;
}

#footer-right-column ul,
#footer-right-column li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer-right-column li {
	border-top: 1px solid #bfbfbf;
}

#footer-right-column li a {
	display: block;
	padding: 5px 0;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	position: relative;
}

.entry-content {
	margin-top: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

body.home .site-footer,
body.home .breadcrumbs {
	display: none;
}
	
body.home .entry-header h3,
.entry-header h3 {
	margin-top: -80px;
	margin-bottom: 80px;
	margin-left: 180px;
}

body.home #content,
body.home #main {
	background: transparent;
}



body.home #content ul {
	margin: 0;
	padding: 0;
}

body.home #content ul li {
	margin: 0;
	padding: 20px;
	display: inline-block;
	width: 25%;
	text-align: center;
}

body.home #content ul li a {
	display: block;
	height: 200px;
	color: #fff;
	text-decoration: none;
}

body.home #content ul li#transport {
	background: #28377c;
}

body.home #content ul li#planning {
	background: #00a800;
}

body.home #content ul li#engineering {
	background: #ff8300;
}

body.home #content ul li#about {
	background: #8c00e0;
}

body.home .entry-content li#engineering img {
	width: 100px;
	height: auto;
	margin: 0 auto;
	display: block;
}

body.home .entry-content li i.fa {
	font-size: 100px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

body.home .entry-content li h2 {
	font-size: 22px;
	margin-top: 30px;
}

body.home .entry-content #home-social {
	text-align: center;
	font-size: 30px;
	clear: both;
}

body.home .entry-content #home-social i {
	padding: 0 8px;
}


body.home #second-row {
	margin: 70px 0 40px 0;
	display: inline-block;
	width: 100%;
}

body.home .home-links {
	width: 45%;
	float: left;
}

body.home .home-links a:last-child {
	margin-left: 20px;
}


body.home .home-search input.search-field {
	border: 2px solid #666;
	background: #fff;
	height: 40px;
}

body.home .home-search .search-form label {
	float: left;
	display: inline;
}

body.home .home-search {
	width: 30%;
	float: left;
	margin: 6px 0 0 0;
}

body.home .home-search .search-form .search-submit {
	display: inline;
	font-family: FontAwesome;
	background: #666;
	color: #fff;
	padding: 5px 10px;
	font-size: 18px;
	margin-top: 3px;
	height: 40px;
}

body.home .home-translate {
	background: #05368b;
	color: #fff;
	width: 25%;
	padding: 8px 20px;
	float: left;
	text-align: center;
	margin: 8px 0 0 0;
}



/* boxes */


.box {
	padding: 15px;
	margin: 15px 0;
	background: #f2f7fd;
	display: inline-block;
	position: relative;
}

.box h3 {
	margin: 0 0 5px 0;
}

.box h4 {
	margin: 0 0 5px 0;
}

body.single-routes .box h4 {
	margin: 0;
}

.box li > h4 {
	margin-top: 20px;
}

.box li >  h5 {
	margin: 13px 0;
}

.box-has-button {
	padding-bottom: 45px;
} 

.one-third-box {
	width: 32%;
	margin-right: 2%;
	float: left;
	background: #f2f7fd;
}

.one-third-box  ul,
.one-third-box  li,
.two-thirds-box  ul,
.two-thirds-box  li,
.half-box  ul,
.half-box  li,
.side-box ul,
.side-box li {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

.one-third-box li,
.side-box li,
#events-box li {
	padding: 8px 0;
	border-bottom: 1px solid #c9cacb;
	clear: both;
	display: inline-block;
	width: 100%;
}

.one-third-box li:last-child,
.side-box li:last-child,
#events-box li:last-child {
	border: 0;
}





li.menu-item-object-map-library a {
	color: #fff;
}

.side-box {
	width: 100%;
}

.two-thirds-box {
	width: 66%;
	margin-right: 2%;
	float: left;
	background: #f2f7fd;
}

.half-box {
	width: 49%;
	margin-right: 2%;
	float: left;
	background: #f2f7fd;
}

.full-box {
	width: 100%;
}

.full-box ol {
	margin: 20px 0 20px 0px;
}

.full-box li {
	margin: 5px 0;
}

#left-column .full-box:first-child {
	margin-top: 0;
}

.blue-box {
	background: #00338d;
	color: #fff;
	padding: 0;
}

.blue-box a {
	color: #fff;
	display: block;
	padding: 15px;
}

.no-right-gutter {
	margin-right: 0;
}

.no-top-margin {
	margin-top: 0;
}

.clear-box {
	clear: left;
}

.date-box {
	float: left;
	width: 25%;
	background: #fff;
	border: 1px solid #ced0d3;
	height: 70px;
}

.date-box h5,
.date-box h6 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.date-box h5 {
	background: #00338d;
	color: #fff;
	padding: 2px 0;
}

.date-box h6 {
	font-size: 30px;
	line-height: 48px;
}

#news-box li {
	margin-bottom: 40px !important;
}

body.post-type-archive-meetings .box {
	width: 100%;
	margin-bottom: 0;
}


/* transit alerts */
.box.alerts {
	background: #fcecec;
	color: #bc0a0a;
	padding: 0;
}

.box.alerts a {
	color: #bc0a0a;
}

.box.alerts h3 {
	background: #bc0a0a;
	color: #fff;
	padding: 10px;
}

.box.alerts .notice {
	padding: 10px 20px 20px 20px;
}

.box.alerts p {
	margin-bottom: 5px;
}

.box.alerts h5 {
	margin: 10px 0;
}

.box.alerts li {
	padding-bottom: 50px;
	margin-bottom: 10px;
}

.box.alerts input[type="text"] {
	width: 78%;
}


.box.alerts .button {
	background: #bc0a0a;
	color: #fff;
}

label i.fa-exclamation-triangle {
	color: #bc0a0a;
}

.red {
	color: #bc0a0a;
}

.alertcircle {
	background: #f2f7fd;
	border-radius: 5px;
	padding: 4px 10px 0 10px;
	margin-left: 5px;
	display: inline-block;
}

/* weekly traffic control alert */

.box.traffic-report {
	padding: 0;
	background: transparent;
}

.box.traffic-report h3 {
	background: #d86200;
	color: #fff;
	padding: 10px 15px;
}

.box.traffic-report h3.map-library {
	background: #00a800;
}

.box.traffic-report > div {
	padding: 15px;
}

.box.traffic-report a {
	color: #fff;
}





span.comma:last-child {
	display: none;
}

/* nextbus widget */

.box.nextbus {
	background: #e5f6e5;
	color: #007200;
	padding: 0;
}

.box.nextbus .nextbus-widget {
	padding: 20px;
}

.box.nextbus h3 {
	background: #007200;
	color: #fff;
	padding: 10px;
}

h3.nb_widget_header {
	margin-bottom: 10px;
}

.box.nextbus .nb_widget_header {
	display: none;
}

.box.nextbus #nb_route_select select,
#nb_widget  #nb_route_select select  {
	width: 100%;
	background: #fff;
	border: 0;
	width: 100%;
	font-size: 18px;
	padding: 5px;
}

#nb_widget select#dir_select,
#nb_widget select#stop_select {
	margin-top: 10px;
}

.box.nextbus #nb_results,
#nb_widget #nb_results {
	font-size: 150%;
	line-height: 150%;
	margin-top: 15px;
}

#nb_results .nb-card-title {
	display: block;
	margin-bottom: 10px;
}

#nb_results .nb-card-title:after{
	content: " - Next bus arrives in:";
}

#nb_results .nb-card-time {
	font-size: 80%;
	margin-right: 10px;
	border: 1px solid;
	padding: 3px 10px;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 15px;
}

.box.route-description a.button.full-button {
	font-size: 16px;
	padding: 12px;
	text-align: center;
}

.box.route-info {
	padding: 0 15px;
}

.box.route-info h2.route-number {
	float: left;
	width: auto;
	padding-right: 10px;
	line-height: 100%;
}

.box.route-info p.route-name {
	margin-top: 26px;
	margin-bottom: 0;
	width: auto;
	float: left;
	line-height: 100%;
}

.box.route-info .routes-dropdown {
	width: 50%;
	float: right;
	padding-top: 15px;
	text-align: right;
	white-space: nowrap;
}

.box.route-info .routes-dropdown select {
	background: #fff;
	border: 0;
	font-size: 16px;
	padding: 5px;
	color: #00338d;
}

.box.route-info .routes-dropdown input[type=submit] {
	background: #fff;
}





body.single-routes .map img {
	display: block;
	margin: 0 auto;
}

.event-title {
	float: right;
	width: 75%;
	padding-left: 12px;
	line-height: 70px;
}

.event-title h4 {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}


body.post-type-archive #main {
	background: transparent;
}


body.page-id-162 iframe,
body.page-id-12 iframe {
	border: 6px solid #f2f7fd;
}


body.post-type-archive article {
	background: #f2f7fd;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	padding: 15px;
}

body.post-type-archive article:nth-child(odd) {
	margin-right: 0;
}

body.post-type-archive article:nth-child(even) {
	clear: left;
}

body.post-type-archive article:first-of-type {
	clear: none;

}




body.post-type-archive-alerts article {
	background: #f2f7fd;
	width: 100%;
	float: none;
	margin-right: 0;
	padding: 15px;
}


body.post-type-archive-alerts section {
	margin-bottom: 50px;
}


body.post-type-archive-alerts section:last-child {
	margin-bottom: 0px;
}

body.post-type-archive-alerts .site-main article {
	background: #f2f7fd;
	padding: 15px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	display:table; 
}




body.post-type-archive article .entry-content {
	margin-top: 0;
}

body.post-type-archive article .entry-content > h3 {
	margin-top: 0;
}

body.post-type-archive article .entry-content a.button {
	float: none;
	clear: both;
}

body.post-type-archive article .entry-content a.button.read-more {
	margin-top: 10px;
}

body.page-id-31 #main {
	width: 66%;
	margin-right: 2%;
	float: left;
	background: #f2f7fd;
}

body.page-id-23 #main {
	background: transparent;
}

body.page-id-23 #content2 {
	padding-bottom: 50px;
}

body.page-id-23 #content2 select {
	background: #fff;
	border: 0;
	width: 100%;
	width: 80%;
	float: left;
	font-size: 18px;
	padding: 5px;
}

body.page-id-23 #content2 option {
	background: #fff;
}

body.page-id-23 #content2 input[type=submit] {
	margin: 10px auto 0 auto;
	color: #fff;
	background: #00338d;
	display: block;
}

body.page-id-23 #content2 img.rtc-ride-logo {
	width: 150px;
	height: auto;
	margin: 15px 0;
}

body.page-id-23 #content2 h3 {
	margin-bottom: 10px;
}

body.page-id-23 #content2 a.button {
	clear: both;
	position: static;
	display: block;
	width: 120px;
	margin: 30px auto 0 auto;
}

#left-column {
	width: 66%;
	float: left;
}

#right-column {
	width: 32%;
	float: right;
}

body.page-id-23 .news {
	padding-bottom: 60px;
}

.tabs {
	background: transparent;
	padding: 0;
	width: 100%;
}

.tabs section {
	display: none;
	background: #f2f7fd;
	padding: 20px;
}

.tabs > input {
	display: none;
}

.tabs > label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #00338d;
}

.tabs > label:hover {
	color: #00338d;
	cursor: pointer;
	background: #f2f7fd;
}


.tabs > label[for=tab4] {
	padding-top: 11px;
}

.tabs > input:checked + label {
	color: #00338d;
	background: #f2f7fd;
}

.tabs #tab1:checked ~ #content1,
.tabs #tab2:checked ~ #content2,
.tabs #tab3:checked ~ #content3,
.tabs #tab4:checked ~ #content4 {
	display: block;
}

.tabs #content4 li {
	margin-bottom: 40px;
}

.tabs #content4  h4 {
	color: #bc0a0a;
}

.tabs #content4 h4 a {
	color: #bc0a0a;
}






h2.tab {
	width: 24%;
	padding: 10px;
}

h2.tab + div {
	display: none;
}

hr {
	clear: both;
}



/* news */



#main.news {
	background: transparent;
	padding-top: 0;

}

#main.news article {
	margin-bottom: 50px;
	background: #f2f7fd !important;
	padding: 15px 15px 60px 15px !important;
	position: relative;
	width: 100%;
	float: none;
	margin-right: 0;
}


/* events */

#main.events {
	background: transparent;
	padding-top: 0;

}

#main.events article {
	margin-bottom: 50px;
	background: #f2f7fd !important;
	padding: 15px !important;
	position: relative;
	display: inline-block;
width: 48.5%;
	width: 100%;
float: left;
	float: none;
margin-right: 3%;
	margin-right: 0;
}

#main.events article:nth-child(odd) {
	margin-right: 0;
}

#main.events article .entry-content {
	margin-top: 0;
}

#main.events article .entry-content > h3 {
	margin-top: 0;
}

#main.events .event-title h4,
#main.events .event-title h5 {
	margin: 0 0 15px 0;
	line-height: 120%;
}

#main.events .event-title {
	line-height: 120%;
}

#main.events .date-box {
	width: 15%;
	margin-right: 5%;
}

#main.events .event-title {
	width: 80%;
}


/* public transportation side menu icons */

ul#menu-public-transportation-buy-passes,
ul#menu-public-transportation-buy-passes li {
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
}

body.parent-pageid-23 ul#menu-public-transportation-buy-passes,
body.parent-pageid-23 ul#menu-public-transportation-buy-passes li {
	margin-top: 0;
}

#menu-public-transportation-buy-passes a {
	display: block;
	background: #00338d;
	color: #fff;
	padding: 13px;
}

#menu-public-transportation-buy-passes a:before,
#menu-public-transportation-rtc-ride a:before,
#menu-public-transportation-rtc-links a:before,
#menu-public-transportation-accessibility a:before,
#menu-public-transportation-contact a:before {
	width: 30px;
	display: inline-block;
	font-family: FontAwesome;
}

#menu-public-transportation-buy-passes a:before {
	content: "\f09d";
	filter: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: auto;
	margin-right: 13px;
}

#menu-public-transportation-rtc-ride li#menu-item-2424 a:before {
	content: "\f05a";
}

#menu-public-transportation-rtc-ride li#menu-item-3617 a:before {
	content: "\f073";
}
	
#menu-public-transportation-rtc-ride li#menu-item-2425 a:before {
	content: "\f155";
}

#menu-public-transportation-rtc-ride li#menu-item-2427 a:before {
	content: "\f206";
}

#menu-public-transportation-rtc-ride li#menu-item-2428 a:before {
	content: "\20E0";
}

#menu-public-transportation-rtc-ride li#menu-item-2448 a:before {
	content: "\f1e0";
}

#menu-public-transportation-rtc-ride li#menu-item-4150 a:before {
	content: "\f02d";
}

/* bus system map */
#menu-public-transportation-rtc-ride li#menu-item-5178 a:before {
        content: "\f278";
}

/* maps and schedules */
#menu-public-transportation-rtc-ride li#menu-item-5457 a:before {
        content: "\f017";
}


#menu-public-transportation-rtc-links a {
	font-weight: bold;
}


#menu-public-transportation-contact li#menu-item-2437 a:before {
	content: "\f0e0";
}



/* Trip Planner */

#trip_planner #ui-datepicker-div {
	font-size:60%;
}

#trip_planner .obscure { 
	position: absolute !important; 
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
	clip: rect(1px, 1px, 1px, 1px); 
} 

#trip_planner label {
	clear: both;
	background: #ccc;
	color: #000;
	padding: 4px 6px;
}

#trip_planner .from label,
#trip_planner .to label {
	display: inline-block;
	width: 20%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
}

#trip_planner input[type=text] {
	border: 1px solid #ccc;
	color: #000;
	padding: 4px 6px;

}

#trip_planner .from input[type=text],
#trip_planner .to input[type=text] {
	width: 80%;
	height: 40px;
	line-height: 40px;
}

#trip_planner input[type=submit] {
	text-align: center;
	display: block;
	width: auto;
	margin: 0 auto;
	background: #00338d;
	color: #fff;
	padding: 5px 20px;
	height: 45px;
	font-size: 16px;
	line-height: 16px;
}

#trip_planner small {
	display: block;
	text-align: center;
}

#trip_planner div {
	margin: 20px 20%;
	text-align: center;

}

#trip_planner .depart-arrive {
	text-align: center;
}

#trip_planner .depart-arrive input[type=radio] {
	display: none;
}

#trip_planner .depart-arrive > label {
	display: inline-block;
	padding: 7px 8px 5px 8px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	color: #00338d;
	background: #fff;
	border: 1px solid #00338d;
}

#trip_planner .depart-arrive > label:hover {
	color: #fff;
	cursor: pointer;
	background: #00338d;
}

#trip_planner .depart-arrive  > input:checked + label {
	color: #fff;
	background: #00338d;
}

#trip_planner .date-time label {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-align: center;
}

#trip_planner .date-time input[type=text] {
	height: 40px;
	line-height: 40px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/* this overrides the imported css for the RTC Access Service Area */
.claro .dijitButton .dijitButtonNode {
	border: 0 !important;
	border-radius: 0 !important;
	background: #bfbfbf !important;
	font-size: 13px !important;
	padding: 5px !important;
	color: #000 !important;
	height: 30px !important;
	outline: 0 !important;
	padding: 3px 5px !important;
}

.dijitButton {
	margin: 0 !important;
}

.claro .dijitButtonText {
	padding: 3px 5px !important;
}

.claro .dijitContentPane {
	padding: 0 !important;
}

/*--------------------------------------------------------------
## Override Contact Form 7 form submit alert styles
--------------------------------------------------------------*/

div.wpcf7-response-output {
	position: absolute;
	top: -57px;
	left: -23px;
	right: -23px;
	padding: 0.4em 1em;
	background: #c4c4c4;
	border-color: #333;
}

div.wpcf7-mail-sent-ok {
	background-color: #dff0d8;
	color: #3c763d;
	border-color: #d0e9c6;
}

div.wpcf7-validation-errors {
	background-color: #f2dede;
	border-color: #ebcccc;
	color: #a94442;
}

/* Desktop only */
@media screen and (min-width: 900px) {

	#primary-menu ul.sub-menu {
		display: none;
	}

	.drawer-hamburger {
		display: none;
	}

	#mobile-bar {
		display: none;
	}

	body.home #top-bar {
		display: none;
	}

	.main-navigation  .menu .sub-toggle {
		display: none;
	}

}



/* tablet & desktop backgound image */
@media screen and (min-width: 500px) {

	body {
		background: url(images/background-reno.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	body.page-id-23,
	body.parent-pageid-23,
	body.single-routes,
	body.post-type-archive-routes,
	body.single-alerts,
	body.post-type-archive-alerts {
		background: url(images/background-transportation.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	body.page-id-162,
	body.parent-pageid-162,
	body.single-mpo-projects,
	body.single-mpo-corridor-plan,
	body.single-mpo-reports,
	body.post-type-archive-mpo-projects,
	body.post-type-archive-mpo-corridor-plan,
	body.post-type-archive-mpo-reports {
		background: url(images/background-planning.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	body.page-id-12,
	body.parent-pageid-12,
	body.engineering-project,
	body.single-engineering-fees,
	body.post-type-archive-engineering-fees,
	body.single-engineering-project,
	body.post-type-archive-engineering-project,
	body.single-engineering-resource,
	body.post-type-archive-engineering-resource,
	body.single-traffic-reports,
	body.post-type-archive-traffic-reports {
		background: url(images/background-construction.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

}


/* between 900 - 1010px */

@media screen and (min-width: 900px) and (max-width: 1010px) {
	#top-bar,
	.goog-te-gadget-simple .goog-te-menu-value  {
		font-size: 15px;
	}

	#top-bar .search-form {
		margin: 0 4px;
	}

	#top-bar input.search-field {
		max-width: 80px;
	}

	body.home .entry-content li h2 {
		font-size: 18px;
		padding: 0 10px;
	}
}

/* up to 900px */

@media screen and (max-width: 900px) {


	#top-bar {
		font-size: 14px;
	}

	.search-form {
		display: block;
		float: none;
	}

	#top-bar i.fa-search {
		position: relative;
	}

	.main-navigation ul {
		font-size: 16px;
	}

	.main-navigation li {
		float: none;
	}

	.menu-main-menu-container {
		width: 100%;
		float: none;
	}

	/* Lengthen Certain Nav Items While Active */


	.main-navigation li#menu-item-1125 + .off,
	.main-navigation li#menu-item-1125.current-page-ancestor + .off,
	.main-navigation li#menu-item-1273 + .off,
	.main-navigation li#menu-item-1273.current-page-ancestor + .off,
	.main-navigation li#menu-item-1138 + .off,
	.main-navigation li#menu-item-1138.current-page-ancestor + .off,
	.main-navigation li#menu-item-1121 + .off,
	.main-navigation li#menu-item-1121.current-page-ancestor + .off {
		display: none;
	}

	.main-navigation li#menu-item-1125.current-menu-item > a > .off,
	.main-navigation li#menu-item-1125.current-page-ancestor > a > .on,
	.main-navigation li#menu-item-1273.current-menu-item > a > .off,
	.main-navigation li#menu-item-1273.current-page-ancestor > a > .on,
	.main-navigation li#menu-item-1138.current-menu-item > a > .off,
	.main-navigation li#menu-item-1138.current-page-ancestor > a > .on,
	.main-navigation li#menu-item-1121.current-menu-item > a > .off,
	.main-navigation li#menu-item-1121.current-page-ancestor > a > .on {
		display: none;
	}

	.main-navigation li#menu-item-1125.current-menu-item .off,
	.main-navigation li#menu-item-1125.current-menu-item .on,
	.main-navigation li#menu-item-1125.current-page-ancestor .off,
	.main-navigation li#menu-item-1273.current-menu-item .on,
	.main-navigation li#menu-item-1273.current-page-ancestor .off,
	.main-navigation li#menu-item-1138.current-menu-item  .on,
	.main-navigation li#menu-item-1138.current-page-ancestor .off,
	.main-navigation li#menu-item-1121.current-menu-item  .on,
	.main-navigation li#menu-item-1121.current-page-ancestor .off {
		display: block;
	}

	.main-navigation li.current-menu-item a,
	.main-navigation li.current-page-ancestor a {
		border-bottom: 0 !important;
	}

	.entry-header img {
		width: 100px;
		height: auto;
		margin-left: 10px;
	}

	.entry-header h1 {
		font-size: 30px;
	}

	body.home .entry-header h3 {
		margin-top: -60px;
		margin-bottom: 10px;
		margin-left: 145px;
	}

	body.home .entry-content li h2 {
		font-size: 20px;
		padding: 0 10px;
	}

	body.home #content ul li {
		width: 50%;
		float: left;
		min-height: 260px;
	}

	body.home #content ul li#engineering {
		clear: both;
	}

	body.home .home-links {
		width: 100%;
		float: none;
		text-align: center;
	}

	body.home .home-search,
	body.home .home-translate {
		width: 50%;
		margin: 30px 0;
	}


	body.home .home-translate {
		margin-top: 31px;
	}

	#mobile-bar {
		display: block;
		background: #00338d;
		color: #fff;
		width: 100%;
		height: 45px;
		position: fixed;
		font-size: 16px;
		z-index: 999;
	}

	#google_translate_element,
	.fa-globe {
		display: none;
	}

	body.home #google_translate_element,
	body.home .fa-globe {
		display: inline-block;
	}

	#mobile-bar a,
	#mobile-bar .menu-text {
		text-transform: uppercase;
		color: #fff;
		padding: 5px 12px;
		line-height: 45px;
		font-size: 16px;
	}

	#mobile-bar .menu-text { 
		position: absolute;
		left: -55px;
		top: -2px;

	}

	.main-navigation ul ul {
		box-shadow: none;
		float: none;
		position: relative;
		top: auto;
		left: auto;
		z-index: auto;
		display: none;
	}

	.main-navigation ul ul li {
		border-bottom: 1px solid #05368b;
	}

	.main-navigation ul ul li:last-child {
		border-bottom: 0;
	}

	.main-navigation ul ul a {
		width: 100%;
		font-size: 14px;
		padding-left: 20px;
		background: #deeafa !important;
		color: #05368b;
	}

	.main-navigation ul li:hover > ul {
	        display: none;
	}

	.main-navigation  .menu .sub-toggle {
		position: absolute;
		top: 3px;
		right: 0px;
		cursor: pointer;
		width: 30px;
		height: 30px;
		text-align: center;
		outline: 0;
		background: transparent;
		font-size: 30px;
        	color: #fff;
	}

	#top-bar input.search-field {
		font-size: 16px;
		max-width: 200px;
	}

	footer.site-footer {
		position: relative;
		height: auto;
	}

	#content {
		padding-bottom: 0px;
	}	

	.entry-header {
		margin-top: 55px;
	}

	.box {
		width: 100%;
		float: none;
		margin: 0;
		padding-bottom: 100px;
		padding-bottom: 15px;
		display: inline-block;
		border-bottom: 3px solid #666;

	}

	.box,
	#main,
	#left-column {
		border: 0;
		margin-bottom: 25px;
	}

	#primary {
		margin-bottom: 0;
	}

	.box:last-child,
	.box.route-info,
	.box.nextbus,
	.box.route-description,
	.box.alerts,
	.box.traffic-report {
		border: 0;
	}

	body.post-type-archive article {
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 15px;
	}

	body.post-type-archive-alerts .site-main {
	}

	#left-column,
	#right-column {
		width: 100%;
		float: none;
	}

	footer.site-footer {
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0;
	}

	#footer-left-column,
	#footer-center-column,
	#footer-right-column {
		width: 100%;
		float: none;
	}

	#footer-center-column div.textwidget {
		text-align: left;
	}

	.box.route-info h2.route-number {

	}

	.box.route-info p.route-name {
		margin-top: 20px;

	}

	.box.route-info .routes-dropdown {
		width: 100%;
		float: none;
		display: inline-block;
		padding: 0 0 15px 0;
		text-align: center;
	}

	body.page-id-31 #main {
		width: 100%;
		margin-right: 0;
		float: none;
	}

}


/* between 500 and 600px */
@media screen and (min-width: 500px) and (max-width: 600px) {
	.tabs > label {
		padding: 10px 15px;
	}

	.entry-header h1 {
		font-size: 25px;
	}

	body.archive article img.size-medium,
	body.page-id-2498 article img.size-medium,
	body.page-id-2503 article img.size-medium,
	body.page-id-2505 article img.size-medium {
		float: none;
		margin-left: 0px;
	}
}


/* mobile only - 500px and below */

@media screen and (max-width: 500px) {
	body {
		font-size: 14px;
		line-height: 18px;
	} 

	h2 {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 6px;
	}

	h3 {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 6px;
	}

	h4 {
		font-size: 14px;
		line-height: 18px;
	}

	h5 {
		font-size: 12px;
		line-height: 16px;
	}

	h1 {
		font-size: 21px;
		line-height: 28px;
		max-width: auto;
	}

	#page {
		background: #f2f7fd;
		background: #dae3f2;
	}

	body.home #content ul li {
		width: 100%;
		float: none;
		height: 50px;
		min-height: 100px;
	}

	body.home #content ul li a {
		height: auto;
	}

	body.home #content ul li#engineering {
		clear: none;
	}

	body.home .entry-content li i.fa,
	body.home .entry-content li#engineering img {
		font-size: 50px;
		width: 50px;
		height: 50px;
		float: left;
		display: inline;
	}

	body.home .entry-content li h2 {
		font-size: 20px;
		padding: 0;
		display: inline-block;
		text-align: left;
		margin: 0;
		width: 80%;
	}

	body.home .home-search,
	body.home .home-translate {
		width: 100%;
		float: none;
		margin: 10px 0;
		clear: both;
	}

	body.home .home-search .search-form label {
		width: 90%;
	}

	body.home .home-search input.search-field {
		width: 100%;
	}

	body.home .home-search .search-form .search-submit {
		position: absolute;
		right: 0;
	}


	body.archive article img.size-medium,
	body.page-id-2498 article img.size-medium,
	body.page-id-2503 article img.size-medium,
	body.page-id-2505 article img.size-medium {
		float: none;
		margin-left: 0px;
		width: 100%;
	}

	.entry-header h1 {
		font-size: 20px;
		padding-left: 15px;
		max-width: 250px;
	}

	body.home .entry-header h3 {
		margin-left: 128px;
	}

	.tabs > label {
		display: block;
		border: 1px solid;
	}

	#trip_planner div {
		margin: 20px 0%;
	}

	.box-has-button {
		padding-bottom: 45px;
	} 

	a.button {
	 	position: static;
	}

	body.page-id-23 #content2 a.button {
		margin-left: 0;
	}
	
	body.page-id-23 #content2 select {
		width: 100%;
		float: none;
	}

	body.page-id-23 #content2 input[type=submit] {
		margin: 10px 0 0 0;
	}

	a.button.read-more {
		margin-left: 15px;
	}

	body.post-type-archive article .entry-content a.button {
		margin-left: 0;
	}

		
	.box-has-button {
		padding-bottom: 15px !important;
	}

	#trip_planner .date-time .time {
		clear: both;
		display: inline-block;
		margin-top: 5px;
	}

	ol, ul {
		padding-left: 25px;
	}

	#primary h1,
	h2.entry-title {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 20px;
	}

	body.routes-template-default .routes-dropdown select {
		display: block;
		margin: 0 auto 5px auto;
	}

	#board-meeting-table td .staff-reports li { 
		margin-left: 0; 
	}
}


/* mobile only - 350px and below */

@media screen and (max-width: 350px) {

	.entry-header img {
		padding-bottom: 0;
	}

	body.home. .entry-header img 
	body.home .entry-header h1 {
		display: block;
		clear: both;
	}

	body.home .entry-header h3 {
		display: block;
		clear: both;
		margin: 0;
		padding-left: 15px;
	}

	body.home #content ul li {
		height: auto;
	}

}
