/**
 * Theme Name:  Transit Center
 * Theme URI:   https://bitbucket.org/webit_interactive/osbustransit
 * Description: Wordpress theme developed for Transit Center
 * Author:      Objective Subject
 * Author URI:  http://objectivesubject.com
 * Version:     1.0.0
 * Tags:
 * Text Domain: tc
 *
 * License:     GPLv2+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* BLUE #0da8ec */


body {
	font-size: 1.1rem !important;
    line-height: 1.7rem !important;
	color:#000 !important;
	height: auto !important;
}


#final_2017[data-rating] #grade_final_2017_span:before{
	display: none !important;
}

#final_2017 #grade_final_2017_span:before, #final_2017[data-rating=''] #grade_final_2017_span:before {
	content:'NA';
	color:white;
	display: block !important;
}

.worse {
	font-size: 16px !important;
    margin-top: 0;
    line-height: 22px;
    margin-left: 5px;
    padding-top: 0;
}


section.top .header h1 p {
	letter-spacing: 0 !important;
}

#solutions .section.type-recommendation {
    background-color: #0da8ec !important;
	padding-bottom: 40px;
}

#solutions .section.type-recommendation .flex-item {
	    padding: 1px 1rem !important;
}

#solutions .section.type-recommendation .flex-item .os-l-column {
    padding: 0 1rem !important;
}

#solutions .section.type-recommendation .flex-item:before {
	display: none;
}

#solutions .section.type-recommendation .os-l-column {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

#solutions .section.type-recommendation .os-l-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
	padding: 1rem 0 !important;
}

#solutions .section.type-recommendation .flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(0,0,0,.7);
    padding: 1px .7rem;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    max-height: 350px;
    min-height: 350px;
}

#solutions .section.type-recommendation p {
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin-top: 0;
}

#solutions .section.type-recommendation .flex-item h2 {
    font-size: 3rem;
    margin-top: 1rem;
}

#solutions .section.type-recommendation .recommendation {
	font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
	cursor: pointer;
}

#solutions .section.type-recommendation .recommendation:hover a {
	opacity:.8;
	color:white;
}

.page-template-crisis-page #page {
	overflow-x:hidden !important;
}

.page-template-crisis-page #frontpage {
    overflow-y: unset !important;
}

/*

.page-template-crisis-page header {
	display:none;
}

.page-template-crisis-page .section {
	border:4px solid blue;
	height: 100%;
}

.page-template-crisis-page .section .intro, .page-template-crisis-page .section .content ul {
	border:4px solid yellow;
}*/


.fp-enabled body {
	overflow: auto !important;
}



body:not(.page-template-crisis-page) #frontpage {
    overflow-y: auto !important;
	overflow-x: hidden !important;
	transform: none !important;
}






/*.active .intro p {
	border:4px solid red;
	opacity: 1 !important;
	transition: opacity 1.5s ease-in-out !important;
    -webkit-transition-delay: .5s !important;
    transition-delay: .5s !important;
}

*/



.home .box-content p {
	font-size: 18px;
    line-height: 27px;
}

.latest .os-img-box.blue {
	background: #025376 !important;
	padding-top:0 !important;
}

.latest h3.white {
	z-index: 9;
	position: relative;
}

.latest .on-blue {
	z-index: 9;
    position: relative;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home .latest h3.white a {
	color:white;
	margin-bottom: 60px !important;
}

.latest .box-tag {
	margin-top: 20px;
}

.home .latest h3 a {
	font-size: 42px !important;
    line-height: 45px !important;
    max-width: 80%;
    margin-bottom: 20px !important;
}

.latest p {
	max-width: 80%;
}

.single-article h1 {
	font-size: 38px;
    line-height: 40px;
	margin-top: 0;
	max-width: 80%;
	margin-bottom: 30px;
}

.no-image h1 {
	color:white;
	position: absolute;
    bottom: 35px;
	margin-bottom: 60px;
	font-size: 40px;
    padding: 0;
    margin: 0;
	width: 550px;
	max-width: 100%;
}

.no-image .box-tag {
	position: absolute;
    bottom: 50px;
    top: auto !important;
}



.single-article img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.single-article a {
	color: black;
    font-weight: bold;
    font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
}

.post-image-header.no-image {
	height: 30vh;
}

.home .post-image-header.no-image {
	height: 35vh;
}


.post-image-header {
	height: 75vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.box-tag {
	background-color: #025376 !important;
    padding: .3rem .5rem !important;
    top: 8% !important;
    font-size: 18px;
	color: white;
	float: left;
}

.home .box-content h3 a {
	color: black;
    font-size: 30px;
    line-height: 36px;
    float: left;
    display: block;
    margin-bottom: 40px;
	margin-top: -15px;
	width: 100%;
}




#frontpage .section.type-busincrisis-action .btn-container a {
    display: inline-block;
    margin-top: 1.5rem;
    width: 80%;
}





header {
	background:#0da8ec;
	padding: 60px 0 35px;
	font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.6rem;
}

header a.title, #take-action a.title {
	line-height: 1.9rem !important;
	color:#91d7f5;
	position: relative;
	z-index: 99;
	width: 80%;
	font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
	font-size: 1.6rem;
}

#take-action a.title span1 {
	color:#8aa0ae;
}

#take-action.modal {
	padding-top: 60px !important;
}

header a:hover {
	color:#91d7f5;
}

header span, #take-action span {
	display: block;
	color: white;
}

ul#menu-main-menu {
	padding: 0;
	margin-left: -9px;
}

ul#menu-main-menu li {
	list-style: none;
	float:left;
	padding: 0px 7px 4px;
	font-size: 22px;
}

ul#menu-main-menu li:hover,ul#menu-main-menu li:focus,ul#menu-main-menu li:active {
	background: rgba(2, 83, 118, 0.6);
}

li.current-menu-item {
	background:#025376 !important; 
}

ul#menu-main-menu li:hover a, li.current-menu-item a,ul#menu-main-menu li:focus a,ul#menu-main-menu li:active a {
	color:white !important;
}

ul#menu-main-menu li a:focus {
	color:white !important;
}

.single-route .header h1, .single-route .os-c-select-box, .single-recommendation .header h1, .single-recommendation .header p {
	color:white !important;
}

.publications h4 {
	padding-bottom:40px;
	padding-top: 40px;
}

.publications a,.publications a:hover {
	color:black !important;
	font-size: 16px;
}

.publications span {
	display: block;
	margin-bottom: 40px;
}

.publications img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-height: 400px;
}

#frontpage .section.type-news .os-l-container .os-l-row .link li {
	list-style: none;
}

#frontpage .section.type-news {
	background-color: #0da8ec !important;
}

#press .section.type-news h4,
#frontpage .section.type-news h4,
#frontpage .section.type-news .os-l-container .os-l-row .link li a,
#frontpage .section.type-news .os-l-container .os-l-row .link li a:hover{
	color:white !important;
}

#press .section.type-news .os-l-container .os-l-row h4 {
    margin-bottom: 2rem;
}

#press .section.type-news .os-l-container .os-l-row p {
	margin:0;
	font-size: 1.25rem;
    line-height: 1.6em;
}

#press ul.link {
    padding: 0;
    margin: 0;
}


#press ul.link li {
	list-style: none;
	margin-right: 2rem;
    margin-bottom: 1.5rem;
}

#press ul.link li a:hover {
	color:white !important;
}

.fp-viewing-0 .bt-c-nav__sidenav__social {
	opacity:1 !important;
	pointer-events: auto !important;
}

.page-template-about-page .site-main {
	background: #044561;
}

.about {
	background: #044561;
	color:#ffffff !important; 
	padding: 40px 18px 100px !important;
}

.about-content {
	font-size: 30px;
    line-height: 38px;
	padding-bottom: 40px;
}

.about-content p {
	margin:10px 0;
}

.about h4 {
	margin-bottom:40px;
}
.coalition img {
	margin-bottom:30px;
	width: 350px;
	max-width: 100%;
}

.os-h3, blockquote, h3 {
	margin-bottom:30px !important;
}

.about h4 {
	font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif !important;
}


#footer {
	color: white;
    background: #025376;
    padding:40px 0;
	font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.5rem;
	line-height: 2rem;
}
#footer strong {
	color:#0da8ec;
	font-weight: normal !important;
}

#footer .textwidget a {
    font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif;
    line-height: 2.6rem;
	color:#0da8ec;
	display: block;
}

#footer span {
	font-size: .5em;
	float: left;
    font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif;
    line-height: 1.3rem;
    color: #0da8ec;
}

#footer li {
	list-style:none;
}

#footer .bt-c-nav__sidenav__social {
	padding:0 0 40px 0;
}

#footer .bt-c-nav__sidenav__social-item {
	background:#25a9e9;
	line-height: 34px;
}

#footer .bt-c-nav__sidenav__social-item a i {
	color:white;
	line-height: 2.2rem;
    font-size: 23px;
}

header a.action {
	border:2px solid white;
}

header a.action:hover {
	background:#025376;
}

#footer a.action,header a.action {
    background: #0da8ec;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.3rem;
    height: 100px;
    font-size: 19px;
    display: flex;
    align-items: center;
    color: white;
	position: absolute;
    bottom: 30px;
    right: 18px;
	margin-bottom:0;
}

body:not(.page-template-crisis-page) .os-l-container, header .os-l-container, #footer .os-l-container, #take-action .os-l-container {
	max-width:60rem !important;
}









.fixed .action, .fixed .title span1 {
	display: none;
}

.fixed .menu-main-menu-container {
	margin-left: 230px;
}

.fixed .title {
    position: absolute;
    left: 18px;
    margin-bottom: 0;
    width: auto;
    top: 22px;
}



@-webkit-keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}

#take-action a.title span1, #take-action span {
	opacity:0;
	-webkit-animation:fadein 2s linear forwards;
    animation:fadein 2s linear forwards;
	-webkit-animation-delay:.5s;
    animation-delay:.5s;
}


	#take-action h4 {
	opacity:0;
	-webkit-animation:fadein 1s linear forwards;
    animation:fadein 1s linear forwards;
	-webkit-animation-delay:1.5s;
    animation-delay:1.5s;
	}

.animation{
	-webkit-animation: fadein .5s linear forwards;
    animation: fadein .5s linear forwards;
	-webkit-animation-delay:2.5s;
    animation-delay:2.5s;
}

#take-action ol li {
	opacity: 0;
}


#take-action {
	background:#025376;
	color:white;
	display: none;
	padding-bottom: 100px;
	-webkit-animation: fadein .3s linear forwards;
    animation: fadein .3s linear forwards;
	z-index: 9999;
}

#take-action .close {
    background:#025376;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    height: 100px;
    font-size: 19px;
    line-height: 95px;
    color: white;
	position: absolute;
    top: -49px;
    right: 18px;
	margin-bottom:0;
	border:2px solid white;
			opacity:0;
	-webkit-animation:fadein 1s linear forwards;
    animation:fadein 1s linear forwards;
		-webkit-animation-delay:7.5s;
    animation-delay:7.5s;
}

#take-action .close:hover {
	transform:none !important;
}

#take-action h4 {
	font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif;
    font-size: 28px;
	margin-top: 60px !important;
}

#take-action a {
	color:white !important;
}

#take-action .os-l-span-two-thirds-md a {
	text-decoration: underline;
}

#take-action .os-l-third-md{
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
}

#take-action .os-l-third-md a:first-child {
	margin-bottom:15px;
}

#take-action .os-l-third-md a{			
	opacity:0;
	-webkit-animation:fadein 1s linear forwards;
    animation:fadein 1s linear forwards;
	-webkit-animation-delay:7.5s;
    animation-delay:7.5s;
}

#take-action ol {
	max-width: 90%;
	counter-reset: item;
    list-style-type: none;
}

#take-action ol li:last-child p {
	margin-bottom:0 !important;
}


#take-action ol li {
	    font-family: MarkWebPro-Heavy,"Helvetica Neue",Arial,sans-serif;
	font-size: 30px;
	display: block;
	padding-left: 100px;
}

#take-action ol li:before {
    content: counter(item) "  "; 
    counter-increment: item;
	position: absolute;
    left: 18px;
    font-size: 50px;
}

.type-recommendation .os-l-span-half-md h4 {
	font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif;
	color:white;
	font-size: 25px;
	padding-bottom: 15px;
}

.progress {
	display: block !important;
	overflow: visible !important;
	position: relative !important;
}

.progress h4 {
	margin-top: 0 !important;
    font-size: 28px !important;
}

.progress p {
	color: white;
	font-size: 18px !important;
	margin-bottom: 10px !important;
}

.progress .action-icon img {
	width: 23px !important;
}

.progress .action-icon.icon-container-success {
	    background: #6edd82 !important;
}

.progress .action-icon {
	background: transparent !important;
	margin-top: 0;
	width: 40px;
    height: 40px;
    line-height: 30px;
	position: absolute;
	left: -60px;
    top: 1.2rem;
}

.progress .action-icon:hover {
	transform: none !important;
}



#frontpage .section.type-recommendation {
	background-color: #0da8ec !important;
}

#frontpage .section.type-recommendation .os-l-column {
	padding: 1rem 0 !important;
}

#frontpage .section.type-recommendation .has-padding {
	padding: 0 !important;
}

@media screen and (min-width: 1500px) {
	#take-action.modal {
    padding-top: 60px !important;
}
	
	#take-action .close {
		top: -52px;
		z-index: 999;
	}
}


@media (max-width: 1500px) {
	
	#footer .bt-c-nav__sidenav__social-item a i {
	line-height: 2.5rem;
}
	
}

@media screen and (min-width: 1000px) {
	
	.home .latest .intro {
		margin-bottom:0 !important;
	}
	
			.os-l-column.coalition {
		padding-left: 60px;
	}
	
	
	
	#frontpage .section.type-recommendation .has-padding {
		padding:1rem 0 !important;
	}
	
.about h3 {
    font-size: 1.7rem !important;
}
}
@media screen and (max-width: 1000px) {
	
	.type-busincrisis-media img {
	background:#0975a5;
}

	
	
	.post-image-header.no-image, .home .post-image-header.no-image {
	height:auto;
}
	
	.no-image h1 {
	position: relative;
	padding-top: 30px;
    padding-bottom: 30px;
    font-size: 26px;
		bottom:auto;
	}
	
	.no-image .box-tag {
		position:relative !important;
		padding: 0 !important;
		bottom:auto !important;
		margin-top:30px;
	}
	
	.os-l-column.coalition .os-l-column {
		margin:0 !important;
	}
	
		.single-article h1 {
	font-size: 25px;
    line-height: 30px;
    margin-top: 20px;
	max-width: 100%;
	}
	}

.reports-title h4 {
	margin-bottom:40px;
}
.reports-title h4 a {
	color:#8b8989;
}

@media (min-width: 768px) {
	
	.reports-title h4 {
		margin-top: 40px;
	    float: left;
		margin-right: 50px;
	}
	
	ul#menu-main-menu li {
		margin-right: 5px;
	}
	
	#solutions .section.type-recommendation .flex-item h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
	
	#press ul.link {
	-webkit-column-count: 2;
    column-count: 2;
}

	
	body.home .intro h1,body.home .intro h2,body.home .intro h3,body.home .intro h4,body.home .intro p {
    opacity:1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}
	
	.full-width-mobile .intro {
    margin: 4rem 0rem 3rem !important;
	}
	
	.recommendation {
		max-width: 70% !important;
	}
	
	header {transition: all 0.4s ease;}
	
	.fixed {
	position: fixed;
    top: 0;
    width: 100%;
	z-index: 999;
	padding: 15px 0 35px;
	-webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;
	background: rgba(13, 168, 236, 0.9) !important;
}
	
	/*body:not(.page-template-crisis-page) .fixed ~ #page {margin-top:300px !important;}*/
.hidden{
    display: none;
}
	
	header:not(.fixed), body:not(.page-template-crisis-page) .ghost{
    height: 300px;
}
	
	.toggle-nav {
		display: none;
	}
	
	
	.video-overlay h1,.video-overlay p {
	color:#ffffff !important;
}
	
	
	header .title {
    margin-bottom: 100px;
	display: block;
}
	
	#footer {
    padding: 70px 0;
	}
	
	#footer a.action {

}
	
	header a.action {
    position: absolute;
    top:-20px;
    right: 18px;
	margin-bottom:0;
		z-index: 9;
}
	
	#footer span {
    padding-top: 60px;
    display: block;
}
	
}


@media (max-width: 768px) {
	
	#take-action.modal {
		padding-top: 15px !important;
	}
	
	#press .section.type-news .os-l-container .os-l-row .link li p {
    font-size: .875rem !important;
	line-height: 1.7rem !important;
}
	
	.page-template-crisis-page header.fixed .title {
    position:relative;
    left:auto;
}
	
	
	#footer #method-btn {
		display: none;
	}
	
	#take-action .close {
	width: 50px;
    height: 50px;
    line-height: 45px;
    font-size: 13px;
	top: -23px;
	}
	
	.home .latest h3 a {
	font-size: 22px !important;
    line-height: 25px !important;
    max-width: 100%;
}

.latest p {
	max-width: 100%;
}


	.post-image-header {
	height:35vh;
	background-position: center;
	}
	
	

	
	.home .box-content h3 a {
	font-size: 22px;
    line-height: 25px !important;
	margin-bottom:20px !important;
	}
	
	.full-width-mobile .intro {
    margin-bottom:3rem !important;
	}
	
	#take-action ol {
		margin-bottom:40px;
	}
	
	#take-action ol li {
		padding-left:30px;
	}
	
	#take-action ol li {
		font-size:18px;
	}
	
	#take-action h4 {
    font-size: 22px;
    margin-top: 30px !important;
}
	
	#take-action ol li:before {
		font-size: 42px;
	}
	
	.about-content {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 30px;
}

	
	#page {
		margin-top: 63px;
	}
	
	.box-content {
    margin: 1rem !important;
    }
	
	.progress h4, .progress p {
		padding-left: 50px;
	}
	
	.progress .action-icon {
		left: 0;
	}
	
	.type-recommendation .os-l-span-half-md.os-u-text-center h4 {
		display: none;
	}
	
	#frontpage .section.type-recommendation .recommendation {
		max-width: 100% !important;
	}
	
	header {
    padding: 15px 0 18px;
	background: rgba(13, 168, 236, 0.7) !important;
	position: fixed;
    top: 0;
    width: 100%;
	z-index: 999;
	}
	
	.title span1, .menu {
		display:none;
	}
	
	.title span1.show,.title span {
		display: block !important;
		position: relative;
    	z-index: 9999;
    	width:75%;
	}
	
	
	.toggle-nav {
		position: absolute;
		right: 18px;
		top: 0;
		transition: opacity 110ms ease-in-out;
		background: #0da8ec;
    	border-radius: 50%;
    	width: 30px;
    	height: 30px;
    	text-align: center;
    	font-size: 20px;
		z-index: 9999;
	}
	
	a.toggle-nav:focus, a.toggle-nav:active,a.toggle-nav:hover{
		color:white !important;
	}
	
	.toggle-nav.hide,a.toggle-nav.hide:focus, a.toggle-nav.hide:active,a.toggle-nav.hide:hover {
    	color: transparent !important;
}
	
	.toggle-nav.hide:after {
    	content: '\00D7';
    	color: white;
    	opacity: 1;
    	position: fixed;
		right:18px;
    	z-index: 99;
		font-family: MarkWebPro-Book,"Helvetica Neue",Arial,sans-serif;
		background:#0c9cdb;
		border-radius: 50%;
    	width: 30px;
    	height: 30px;
    	text-align: center;
    	font-size: 30px;
		line-height: 20px;
	}
	
	ul.menu {
    display: none;
    width: 100%;
    padding-top:180px !important;
    padding-left:18px !important;
	padding-right:18px !important;
    background: #0da8ec !important;
    z-index: 9;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100vh;
	margin: 0 !important;
}
	
	ul.menu li {
    display: block !important;
    float: none !important;
    margin-bottom: 25px;
}
	
	.fixed .title {
		top: 0;
	}
	
	
	.menu #method-btn, .menu .title {
	-webkit-animation: fadein 4s linear forwards;
    animation: fadein 4s linear forwards;
	}
	
	.type-screen-c a.os-b-btn:last-child {
		margin-bottom:50px;
	}
	
		header a.action {
		bottom: 130px !important;
}
}