/*!
Theme Name: SBMTD
Theme URI: http://underscores.me/
Author: Patrick
Author URI: https://celtis.com
Description: A custom theme for Santa Barbara Metropolitan Transit District based on the SBMTD starter.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sbmtd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

SBMTD is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*

Fonts:
font-family: brandon-grotesque, sans-serif;
alternative style at 400: italic
weights: 400, 500, 900

font-family: futura-pt, sans-serif;
alternative style at 400: italic
weights: 400, 500, 900

Colors:
Darl Gray: #303133;
Light Gray: #777;
Teal Blue: #3ec1cd;
Light blue: #9bdce2;
Dark Blue: #007ac9;


Spacing:
spacing in 9px incrememnts.
limit to 9px, 18px, 24px and 36px;
*/

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	font-family: 'futura-pt', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #303133;
	font-size: 24px;
	line-height: 1.3;
	font-display: auto;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body{
     scroll-behavior: smooth;
     scroll-padding: 100px 0 0 0;
}

ul li{
	list-style: disc;
	list-style-position: inside;
	padding: 0 0 9px 0;
}

ul.lst_no_bullett li, ol.lst_no_bullett li{
	list-style: none;
	padding-left: 0;
}

#primary-menu li, #menu-complience-menu li, .safety_rules li{
	list-style: none;
	padding: 0;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button{
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

strong, a strong, strong a{
	font-weight: 900 !important;
}

#tripGo, a.wp-block-button__link, .wp-block-file a.wp-block-file__button{
	display: block;
	width: 100%;
	max-width: 600px;
	font-size: 18px;
	padding: 18px 9px;
	margin: 9px 0 0 0;
	text-transform: uppercase;
	border: 2px solid #007ac9;
	box-shadow: one;
	border-radius: 0;
	letter-spacing: 0.12em;
}

.wp-block-file a.wp-block-file__button{
	text-align: center;
}

#tripGo, a.wp-block-button__link, .wp-block-file a.wp-block-file__button{
	background-color: #007ac9;
	color: #fff;
	transition: all .25s;
}

#tripGo:hover, a.wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover{
	background-color: #fff;
	color: #007ac9;
	transition: all .25s;
}

.wp-block-table{
	overflow: unset;
}

.sngl_accrdn .action_button a.wp-block-button__link{
	width: 100%;
	max-width: 100% !important;
}

.page-current-board-agenda a strong, .page-current-board-agenda a, .page-current-board-agenda strong a{
	color: #0073aa;
}

.page-current-board-agenda a:hover strong, .page-current-board-agenda a:hover, .page-current-board-agenda strong a:hover{
	color: #3ec1cd;
}

.page-current-board-agenda header.wp-block-group .wp-block-group__inner-container p{
     padding-left: 0;
}

/*--------------------------------------------------------------
# DEV ONLY
--------------------------------------------------------------*/
img{
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
# General Settings
--------------------------------------------------------------*/
body{
	width: 100vw;
	overflow-x: hidden;
}

button:hover, a:hover{
	cursor: pointer;
}

figure a{
	display: inline-block;
}

input{
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, #primary-menu a, th, .single-mtd_news .entry-title{
	font-family: 'brandon-grotesque', Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 900;
	color: #303133;
	text-transform: uppercase;
	overflow: hidden;
}

ol.no_list_style li. ul.no_list_style li{
	list-style: none !important;
}

.add_border{
	border: 2px solid #000;
}

/* Typography */
h2, .single-mtd_news .entry-title{
	overflow: hidden;
	text-transform: uppercase;
	font-size: 36px;
	padding: 0 0 27px 0;
}

.sngl_accrdn > .wp-block-group__inner-container > .wp-block-buttons a{
	font-size:27px;
}

a{
	color: #007ac9;
	text-decoration: none;
}

a:hover, a:focus, .sngl_accrdn > .wp-block-group__inner-container > .wp-block-buttons a:hover, .tab_btn_wrap .wp-block-buttons .action_button a:hover{
	color: #3ec1cd;
}

strong, b, b *{
	font-weight: 900 !important;
     color: inherit;
}

.col_border_pt{
	margin: 18px 0;
	padding: 18px;
	border: 2px solid #9bdce2;
}

.col_no_brdr_pt{
	margin: 18px 0;
	padding: 18px;
}

.blck_lnk_not_btn{
	display: block;
	color: #007ac9;
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	padding: 9px 0 0 0;
	background-color: transparent;
}

/* General Tables */
th{
	/*display: block;*/
	padding: 0 0 9px 0;
	margin: 0 0 9px 0;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 2px solid #9bdce2;
}

td{
	padding: 18px 0;
	margin: 18px 0;
	border-bottom: 2px solid #9bdce2;
}

tr:first-of-type td{
	/*
	padding: 9px 0 18px 0;
	*/
	margin: 9px 0 18px 0;
}

tr:last-of-type td{
	padding-bottom: 36px;
	margin-bottom: 36px;
}

.blu_bckgnd_box{
	padding: 18px;
}

.blu_bckgnd_box *{
	color: #fff;
}

.sch_table th, .sch_table td, .sch_table tr:first-of-type th, .sch_table tr:first-of-type td{
	display: table-cell;
	padding: 9px 18px;
	margin: 0;
}

.sch_table th:first-of-type, .sch_table th:nth-of-type(2){
	opacity: 0;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead{
	position: fixed;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	width: 100vw;
	padding: 9px 27px;
	background-color: #fff;
	z-index: 1000;
}

#masthead .site-branding{
	width: calc(100% - 30px);
	height: calc(53px - 18px);
	order: 1;
}

#masthead button{
	position: relative;
	width: 30px;
	height: calc(20px);
	order: 2;
}

#masthead button::before, #masthead button::after{
	content: '';
	width: 100%;
	height: 3px;
	border-radius: 1.5px;
	background-color: #303133;
	transform: rotate(0deg);
	transition: all .25s ease-out;
}

#masthead button::before{
	position: absolute;
	top: 0;
	left: 0;
	transition: top .25s ease-out;
}

#masthead button::after{
	position: absolute;
	bottom: 0;
	left: 0;
	transition: bottom .25s ease-out;
}

#masthead button span{
	position: absolute;
	top: calc(50% - 1.5px);
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 1.5px;
	background-color: #303133;
	font-size: 1px;
	opacity: 1;
	transition: opacity .25s ease-out;
}

#masthead.nav_active button{
	height: calc(30px);
	
}

#masthead.nav_active button::before, #masthead.nav_active button::after{
	top: calc(50% - 1.5px);
	transform: rotate(0deg);
	bottom: auto;
}

#masthead.nav_active button::before{
	transform: rotate(45deg);
	transition: transform .25s ease-out .25s;
	transition: top .25s ease-out;
}

#masthead.nav_active button::after{
	transform: rotate(-45deg);
	transition: transform .25s ease-out .25s;
	transition: bottom .25s ease-out, top .25s ease-out;
}

#masthead.nav_active button span{
	opacity: 0;
	transition: opacity .25s ease-out;
}

.site-branding a, .site-branding img{
	display: block;
	width: auto;
	height: calc(100%);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#site-navigation{
	width: 100%;
	order: 3;
}

#primary-menu{
	height: 100%;
	max-height: 0;
	margin-top: 0;
	background-color: #fff;
	overflow: hidden;
	transition: max-height .5s ease-out, margin-top .1s ease-out .5s;
}

.nav_active #primary-menu{
	height: auto;
	margin-top: 27px;
	max-height: 100vh;
	transition: max-height .5s ease-out;
}

#primary-menu a{
	display: inline-flex;
	align-items: center;
	position: relative;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 9px;
	color: #000;
}

#primary-menu li ul{
	height: 0;
	max-height: 0;
	padding: 0 9px;
	overflow: hidden;
	transition: max-height .5s ease-out;
}

#primary-menu > li.menu-item-has-children > a::after{
	content: '';
	right: 0;
	width: 3px;
	height: 3px;
	margin: -3px 0 0 3px;
	border-left: 2px solid #303133;
	border-bottom: 2px solid #303133;
	transform: rotate(-45deg);
}

#primary-menu li.active ul{
	height: auto;
	max-height: 100vh;
	transition: max-height .5s ease-out;
}

#primary-menu a.crnt_pge{
	color: #3ec1cd;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* Complience Nav */
.complience_nav{
	width: 100%;
	padding: 0 9px;
}

.complience_nav ul{
	display: flex;
	align-items: flex-end;
	justify-content: end;
	width: 320px;
	padding: 0 0 9px 0;
	margin: 0 0 0 auto;
}

.complience_nav a{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 4.5px;
	color: #007ac9;
	font-weight: 500;
	text-decoration: none;
	border-left: 1px solid #007ac9;
	font-size:16px;
}

.complience_nav li:first-of-type a{
	border-left: 0;
}

.complience_nav a:hover, .complience_nav a:focus{
	color: #3ec1cd;
}

/* Footer */
.site-footer{
	width: 100vw;
	padding: 36px 18px;
	background-color: #007ac9;
}

.site-footer p{
	display: block;
	text-align: center;
	color: #fff;
	padding: 0 0 36px 0;
	font-size: 14px;
}

.site-footer ul{
	display: block;
	width: 50%;
	height: calc(18px);
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.site-footer li{
	width: calc(100% / 3);
}

.site-footer li, .site-footer a, .site-footer svg{
	display: block;
	height: calc(100%);
	margin: 0 auto;
	color #fff;
}

.site-footer svg path{
	fill: #fff;
}

/*--------------------------------------------------------------
# General - Reusable block styleing
--------------------------------------------------------------*/
.entry-content > div > .wp-block-group__inner-container, .page-maps-schedules .route_icons_wrap, .single-mtd_news .type-mtd_news .wp-block-group__inner-container{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: calc(54px / 2) 18px;
}

.wp-block-buttons .wp-block-button{
	display: block;
	padding: 0;
	margin: 0 auto;
}

.wp-block-buttons > .wp-block-button:last-child{
	width: 100%;
	margin-right: auto;
}

.entry-content > .wp-block-group{
	position: relative;
}

.entry-content > .wp-block-group::after:not(.entry-content > .wp-block-group.black_border::after){
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25vw;
	height: 5px;
	background-color: #3ec1cd;
}

.entry-content > .wp-block-group.no_brdr_grp::after{
	background-color: transparent;
}

.single-routes .entry-content > .wp-block-group::after,  .entry-content > .wp-block-group:last-of-type::after{
	background-color: transparent;
}

/* Page Headers */
.page #content .entry-header, .single-routes #content .entry-header{
	height: calc(65vh);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.single-routes #content .entry-header{
	background-position: center center;
}

.page #content .entry-header h1, .single-routes #content .entry-header h1{
	display: flex;
	align-items: flex-end;
	height: calc(100%);
	text-transform: uppercase;
	color: #fff;
	font-size: 24px;
	background-color: rgba(62, 193, 205, 0.5);
	padding: calc(53px + 18px) 36px 36px 36px;
}

.no_header_image{
	padding-top: calc(53px + 18px);
}

/* Bus traker */
.bus_tracker_info .wp-block-image{
	max-width: 600px;
}

.bus_tracker_info .wp-block-column{
	margin: 18px 0 0 0;
}

.bus_tracker_info .wp-block-column .wp-block-image{
	margin: 0;
}

.tab_btn_wrap .wp-block-buttons .action_button a{
	font-weight: 900;
}
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
.home .tbbd_cntnt_grp{
	background: 
		linear-gradient(
			rgba(62, 193, 205, 0.75), 
			rgba(62, 193, 205, 0.5)
		), 
		url('https://sbmtd.gov/wp-content/uploads/2020/05/MTD_bus-header-e1601938256769.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: calc(53px + 18px) 18px 18px 18px;
}

.home #primary > main > article > .wp-block-group > .wp-block-group__inner-container{
	max-width: 1200px;
	padding: 18px;
	margin: 0 auto;
}

.home .tbbd_cntnt_grp{
	color: #007ac9;
}

.home .tbbd_cntnt_grp .tab_btn_wrap{
	padding: 0 0 18px 0;
}

.tbbd_cntnt_grp .tab_btn_wrap{
	padding-bottom: 18px;
}

.home .tbbd_cntnt_grp .tab_btn_wrap .action_button{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.home .tbbd_cntnt_grp .tab_btn_wrap .action_button a{
	display: block;
	width: 100%;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	background-color: transparent;
	padding: 9px 0;
	border-radius: 0;
	border: none;
	font-family: 'brandon-grotesque', Verdana, Geneva, Tahoma, sans-serif;
}


.home .tbbd_cntnt_grp > .wp-block-group__inner-container, .page-getting-around .tbbd_cntnt_grp > .wp-block-group__inner-container{
	padding: 18px;
	background-color: #9bdce2;
} 

.home .tbbd_cntnt_grp .tab_btn_wrap .wp-block-buttons a{
	color: #fff;
}

.home .tbbd_cntnt_grp .tab_btn_wrap .wp-block-buttons.active a{
	color: #303133;
	border-bottom: 2px solid #007ac9;
}

/* Trip Planner */
#trip_planner h2{
	font-family: 'futura-pt', Arial, Helvetica, sans-serif;
	color: #303133;
	letter-spacing: 0.00em;
	font-weight: 500;
	font-size: 24px;
	padding: 0 0 9px 0;
}

#trip_planner table{
	width: 100%;
}

#trip_planner td span{
	display: block;
	font-size: 18px;
	padding: 0 0 4.5px 0;
}

#trip_planner td{
	padding: 4.5px 0 9px 0;
}

#trip_planner td br{
	display: none;
}

#trip_planner td input, #trip_planner td select{
	display: block;
	width: 100%;
	padding: 9px;
	font-size: 18px;
	background-color: #fff;
	border: 1px solid #303133;
	box-shadow: none;
	border-radius: 0;
}

#trip_planner .stretch_row{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}

#trip_planner .stretch_row td{
	width: 100%;
	margin: 0;
}

#trip_planner .stretch_row td:last-of-type{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 0 0 9px 0;
}

#trip_planner .stretch_row td:last-of-type span{
	width: 100%;
}

#trip_planner .stretch_row td:last-of-type input{
	width: calc(100% / 2);
}

#trip_planner .stretch_row td:last-of-type select{
	width: calc(100% / 2 - 15px);
	margin: 0 0 0 auto;
	max-height: 41px;
}

/* Route Icons */
.route_icons_wrap{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.route_list_items{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50vw - 36px);
	height: calc(50vw - 36px);
}

.route_list_items a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80%;
	height: calc(80%);
	font-size: 15vw;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	border-radius: 50%;
	text-decoration: none;
}

.sch_table a.route_15, .sch_table a.route_27, .sch_table a.route_28, .sch_table a.route_19, .sch_table a.route_19x{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 50%;
	padding: 10px;
}

.route_1 a.route_link, .route_2 a.route_link{
	background-color: #c40066;
}

.route_3 a.route_link{
	background-color: #73bf44;
}

.route_4 a.route_link{
	background-color: #62cdf5;
}

.route_5 a.route_link{
	background-color: #f078ae;
}

.route_6 a.route_link{
	background-color: #ec1f27;
}

.route_7 a.route_link{
	background-color: #1e94d2;
}

.route_10 a.route_link{
	background-color: #f5821f;
}

.route_11 a.route_link{
	background-color: #ec1f27;
}

.route_12 a.route_link{
	background-color: #b47a43;
}

.route_14 a.route_link{
	background-color: #7d4b1e;
}

.route_15 a.route_link, .sch_table a.route_15{
	background-color: #008c44;
}

.route_16 a.route_link{
	background-color: #727678;
}

.route_17 a.route_link{
	background-color: #ffd503;
	color: #303133;
}

.route_19 a.route_link, a.route_19, a.route_19x{
	background-color: #AB98DA;
}

.route_20 a.route_link{
	background-color: #f37658;
}

.route_23 a.route_link{
	background-color: #60cdf6;
}

.route_24 a.route_link{
	background-color: #b37944;
}

.route_25 a.route_link{
	background-color: #4c4d4f;
}

.route_27 a.route_link, .sch_table a.route_27{
	background-color: #851477;
}

.route_28 a.route_link, .sch_table a.route_28{
	background-color: #0095da;
}

.route_36 a.route_link{
	background-color: #afac3f;
}

.route_37 a.route_link{
	background-color: #673a96;
}

.route_12 a.route_link::after, .route_15 a.route_link::after, .route_24 a.route_link::after{
	content: 'x';
}

a.route_link[href="https://sbmtd.gov/routes/downtown-waterfront-shuttles/"]{
	background-color: transparent;
	background-image: url('https://sbmtd.gov/wp-content/uploads/2020/04/Dwntwn-Wtrfrt_icon-1.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

a.route_link[href="https://sbmtd.gov/routes/booster-services/"]{
	background-color: transparent;
	background-image: url('https://sbmtd.gov/wp-content/uploads/2020/04/Booster_icon-1.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Servie Alerts */
#secondary li{
	font-size: 18px;
	padding: 9px;
}

#secondary li:first-of-type{
	padding: 18px 9px 9px 9px;
}
#secondary li:last-of-type{
	padding: 9px 9px 0 9px;
}

#secondary p strong{
	font-size: 24px;
	font-weight: 500;
}

/* Social Boxes */
.social_feeds_section > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > div *{
	font-size: 16px;
}

.social_feeds_section .wp-block-columns > div, .social_feeds_section .wp-block-group > div{
	padding-top: 36px;
}

.social_feeds_section .wp-block-columns > div:first-of-type{
	padding-top: 0;
}

#ctf .ctf-header .ctf-header-user{
	padding: 0 0 18px 0 !important;
}

#ctf .ctf-header  .ctf-header-bio{
	line-height: 1.2 !important;
}

/* MTD News */
.mtd_news_single{
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 18px 0;
	list-style: none !important;
}

.mtd_news_single:first-of-type{
	padding: 0 0 18px 0;
}

.news_date{
	display: block;
	color: #303133;
	font-size: .75rem;
	font-weight: 500;
	text-decoration: none;
	padding: 9px 0 0 0;
	text-transform: capitalize;
}

/* Quick Links */
.quick_links_section .wp-block-columns .wp-block-column{
	margin: 18px auto;
}
.quick_links_section .wp-block-columns .wp-block-column:first-of-type{
	margin: 0 auto 18px auto;
}

.quick_links_section .wp-block-columns .wp-block-column figure{
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# General Reusable Block Styles
--------------------------------------------------------------*/
/* Colum grids */

/* Blocks */
.wp-block-group__inner-container p{
	padding: 18px 0;
}

.sngl_accrdn .accord_inner_wrap::before,
.sngl_accrdn .accord_inner_wrap::after{
	content: '';
     display: block;
     width: 100% ;
     height: 18px;
}

.wp-block-group__inner-container p:first-of-type{
	padding-top: 0;
}

/* Photo Gallery */
figure.wp-block-gallery .blocks-gallery-grid li{
	width: 100%;
	margin: 0 0 18px 0;
}

/*--------------------------------------------------------------
# Tabbed Content
--------------------------------------------------------------*/
.tab_btn_wrap .wp-block-buttons .wp-block-button__link{
	color: #303133;
	font-size: 24px;
	font-weight: 500;
	background-color: transparent;
	border: none; 
	padding: 0 0 18px 0;
	border-bottom: 2px solid #303133;
}

.tab_btn_wrap .wp-block-buttons .wp-block-button__link:last-of-type{
	width: 95%;
	padding: 18px 9px;
	margin: 0 auto;
}

.tab_btn_wrap .wp-block-buttons.active .action_button a{
	color: #007ac9;
	border-bottom: 2px solid #007ac9;
}

.tbbd_cntnt_single{
	display: none;
	transition: display .25s ease-out;
}

.tbbd_cntnt_single.active{
	display: block;
	transition: display .25s ease-out;
}

/*--------------------------------------------------------------
# Accordian Blocks
--------------------------------------------------------------*/
.sngl_accrdn > .wp-block-group__inner-container > .wp-block-buttons a{
	position: relative;
	background-color: transparent;
	color: #303133;
	font-weight: 900;
	padding: 18px 9px;
	border: none;
	border-top: 2px solid #3ec1cd;
	border-bottom: 2px solid #fff;
	text-align: left;
	margin-top: 0;
	min-width: 100%;
}

.sngl_accrdn:last-of-type > .wp-block-group__inner-container > .wp-block-buttons a, .sngl_accrdn.active > .wp-block-group__inner-container > .wp-block-buttons a{
	border-bottom: 2px solid #3ec1cd;
}

.sngl_accrdn > .wp-block-group__inner-container > .wp-block-buttons a::after{
	content: '';
	position: absolute;
	top: calc(50% - 2.5px);
	right: 9px;
	width: 5px;
	height: 5px;
	border-left: 2px solid #303133;
	border-bottom: 2px solid #303133;
	transform: rotate(-45deg);
	transition: transform .25s ease-out;
}

.sngl_accrdn.active > .wp-block-group__inner-container > .wp-block-buttons a::after{
	transform: rotate(135deg);
	transition: transform .25s ease-out;
}

.sngl_accrdn .accord_inner_wrap{
	max-height: 0;
	margin: 0 9px 0 9px;
	transition: all .25s ease-out;
	overflow: hidden;
}

.sngl_accrdn .accord_inner_wrap::after, .sngl_accrdn .accord_inner_wrap::before{
	display: block;
	content: '';
	width: 100%;
	height: calc(18px);
}

.sngl_accrdn.active .accord_inner_wrap{
	height: auto;
	max-height: 10000px;
	transition: max-height .75s ease-out;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
#nf-field-9{
	color: #fff;
	text-transform: uppercase;
	background-color: #007ac9;
	border: 2px solid #007ac9;
	border-radius: 0;
}

#nf-field-9:hover{
	color: #007ac9;
	background-color: #fff;
	cursor: pointer;
}

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.boxed_adddress{
	width: 100%;
	margin: 18px 0 0 0;
	border: 2px solid #007ac9;
}

.boxed_adddress h3{
	color: #fff;
	background-color: #007ac9;
	text-align: center;
	padding: 9px;
	font-size: 24px;
	text-transform: uppercase;
}

.boxed_adddress p{
	padding: 18px !important;
}

.boxed_adddress p strong{
	display: block;
	font-weight: 500;
	padding: 9px 0 0 0;
}

.boxed_adddress p strong:first-of-type{
	padding: 0;
}

/*--------------------------------------------------------------
# Route Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Getting Around
--------------------------------------------------------------*/
#imp_to_know_section{
	background-color: #3ec1cd;
}

#imp_to_know_section h2, #imp_to_know_section .tab_btn_wrap .wp-block-buttons .action_button a{
	color: #fff;
}

#imp_to_know_section .tab_btn_wrap .wp-block-buttons .action_button a{
	border-bottom: 2px solid #fff;
}

#imp_to_know_section .tab_btn_wrap .wp-block-buttons.active .action_button a{
	color: #007ac9;
	border-bottom: 2px solid #007ac9;
}

.safety_rules li::after{
	display: block;
	content: '';
	width: 10px;
	height: 3px;
	margin: 18px 0;
	background-color: #303133;
}

.safety_rules li:last-of-type::after{
	background-color: transparent;
}

.services_grey_block{
	padding: 18px;
	background-color: #e2e2e2;
}

.services_grey_block > *{
	margin: 0 0 18px 0;
}

.services_grey_block h3{
	color: #007ac9;
	margin-bottom: 9px;
}

.services_grey_block p, .services_grey_block ul{
	padding: 0;
}

.plan_your_trip figure{
	max-width: 50px;
	margin-bottom: 0;
}

.plan_your_trip p{
	padding-top: 0;
}

/*--------------------------------------------------------------
# Leadership
--------------------------------------------------------------*/
.mtd_stadd_mtd_logo{
	display: block;
	max-width: 600px;
	margin: 18px auto 0 auto;
}

.leadership .gallery{
	padding-top: 18px;
}

/*--------------------------------------------------------------
# Maps and schedules
--------------------------------------------------------------*/
.page-maps-schedules .route_icons_wrap .route_list_items{
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	margin: 18px 0 0 0;
}

.page-maps-schedules .route_icons_wrap .route_list_items > a.route_link{
	width: 75px;
	height: calc(75px);
}

.page-maps-schedules .route_icons_wrap .route_list_items > div.rte_lnk_info_wrap a{
	width: 100%;
	height: auto;
	margin-left: auto;
	font-size: 24px;
	color: #007ac9;
	font-family: 'brandon-grotesque', Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 900;
	justify-content: flex-start;
	text-transform: uppercase;
}

.page-maps-schedules .routes_list_wrap .route_list_items a{
	font-size: 36px
}

/*--------------------------------------------------------------
# Fares & Passe
--------------------------------------------------------------*/
.passes_in_person .wp-block-group__inner-container{
	margin-top: 18px;
}

.fares_col > .wp-block-column{
	margin-top: 18px;
}

.schl_fares_wrap figure.wp-block-table{
	margin-top: 36px;
}

.schl_fares_wrap table th:last-of-type{
	display: none;
}

.schl_fares_wrap table th, .schl_fares_wrap table td{
	padding: 9px;
	margin: 0;
	font-weight: 600;
}

.schl_fares_wrap table th{
	padding: 18px 9px;
}

.schl_fares_wrap thead th{
	color: #fff;
}

.schl_fares_wrap .sbcc_table table{
	background-color: #007ac9;
}

.schl_fares_wrap .ucsb_table table{
	background-color: #3ec1cd;
}

.schl_fares_wrap tbody tr:nth-of-type(odd){
	background-color: #f9f9f9;
}

.schl_fares_wrap tbody tr:nth-of-type(even){
	background-color: #e2e2e2;
}

.fares_col td strong, .passes_col th, .passes_col td strong{
	font-size: 1.25rem;
}

.passes_col td strong.reg_size{
	font-size: 1rem;
}

/*--------------------------------------------------------------
# Leadership
--------------------------------------------------------------*/
.page-leadership .leadership_single figure{
	position: relative;
}

.page-leadership .leadership_single  img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.page-leadership .leadership_single figure figcaption{
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100%);
	padding: 0 18px;
	margin-top: 0;
	font-size: .75rem;
	background-color: rgba(0, 122, 201, .85);
	color: #fff;
	opacity: 0;
	transition: opacity .5s ease-out;
}

.page-leadership .leadership_single figure figcaption:hover{
	opacity: 1;
	transition: opacity .5s ease-out;
}

.page-leadership .leadership_single p{
	padding-top: 0;
}

/*--------------------------------------------------------------
# MTD News
--------------------------------------------------------------*/
.single-mtd_news .post-navigation{
	display: none;
}

/*--------------------------------------------------------------
# Social Main
--------------------------------------------------------------*/
.main_social svg{
	height: 14px;
}

/*--------------------------------------------------------------
# GTFS
--------------------------------------------------------------*/
.page-gtfs .nf-form-content button, .page-gtfs .nf-form-content button:hover, .page-gtfs .nf-form-content input[type="button"]:hover, .page-gtfs .nf-form-content input[type="submit"]:hover{
	color: #fff;
	background-color: #007ac9;
	border: 2px solid #007ac9;
	text-transform: uppercase;
}

.page-gtfs .nf-form-content button span{
	color: #fff;
}

/*--------------------------------------------------------------
# Accessibility Page
--------------------------------------------------------------*/
.cntct_acccess_icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	border: 5px solid #007ac9;
}

.cntct_acccess_icon svg{
	display: block;
	margin: 0 auto;
	width: auto;
	height: calc(50%);
	color: #007ac9;
}

.cntct_ada_section .wp-block-columns *{
	text-align: center;
}

.cntct_ada_section .wp-block-columns h3{
	padding: 18px 0 9px 0;
}

/*--------------------------------------------------------------
# Popular destinations
--------------------------------------------------------------*/
.page-popular-destinations figure{
	width: calc(100vw - 36px);
	height: calc(100vw - 36px);
}

.page-popular-destinations figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.page-popular-destinations h3, .page-popular-destinations p{
	text-align: center;
}

.page-popular-destinations h3 a{
	font-weight: 900;
}

.page-popular-destinations h3::after{
	content: '';
	display: block;
	width: 25%;
	height: 2px;
	background-color: #3ec1cd;
	margin: 18px auto;
}

.dst_rte_lst ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.dst_rte_lst li{
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 4.5px auto;
}

.dst_rte_lst li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 24px;

}

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 600px){
	/* General */
	h2, .single-mtd_news .entry-title{
		font-size: 36px;
	}

	.home_trp_plnr_tbs > div, .home #primary > main > article > .wp-block-group.home_trp_plnr_tbs > .wp-block-group__inner-container{
		max-width: 1200px;
	}

	.home #primary > main > article > .wp-block-group.home_trp_plnr_tbs > .wp-block-group__inner-container{
		min-height: 740px;
	}

	.home #primary > main > article > .wp-block-group.home_trp_plnr_tbs > .wp-block-group__inner-container > div{
		height: calc(740px - 36px);
	}

	.home #trip_planner{
		display: block;
		height: calc(100%);
	}

	.home #trip_planner table{
		display: block;
		height: calc(100% - 65px - 62px);
		padding: 20px 0;
	}

	.home #trip_planner tbody{
		display: flex;
		align-items: center;
		flex-direction: column;
		height: calc(100%);
	}

	.home #trip_planner tr{
		width: 100%;
		flex-grow: 1;
	}

	.home #trip_planner tr td{
		display: block;
		width: 100%;
	}

	.home #trip_planner td span{
		font-size: 24px;
	}

	.home .home_trp_plnr_tbs .widget-area{
		padding: 36px 0;
	}

	.tbbd_cntnt_single{
		max-width: 750px;
		margin: 0 auto;
	}

	/* Bus traker */
	.bus_tracker_info .wp-block-column:first-of-type{
		margin: 18px auto 0 0;
	}

	.bus_tracker_info .wp-block-column:last-of-type{
		margin: 18px 0 0 auto;
	}

	/* Photo Gallery */
	.wp-block-gallery.columns-3 .blocks-gallery-item{
		width: calc((100% - 32px)/3);
		flex-grow: 0;
	}

	/* Trip Planner */
	.tab_btn_wrap{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		max-width: 1024px;
		margin: 0 auto;
	}

	.tab_btn_wrap .wp-block-buttons{
		width: calc(100% / 3 - 20px);
		flex-grow: 1;
	}

	.tab_btn_wrap .wp-block-buttons:nth-of-type(2){
		width: calc(100% / 3 + 40px);
	}

	.home .tbbd_cntnt_grp{
		padding: calc(95px + 36px) 36px 36px 36px;
	}

	.home .tbbd_cntnt_grp > .wp-block-group__inner-container{
		max-width: 1024px;
		padding: 36px;
		margin: 0 auto;
	}

	.home .tbbd_cntnt_grp .tab_btn_wrap .action_button a{
		border-bottom: 2px solid #fff;
	}

	.home .tbbd_cntnt_grp .tab_btn_wrap .active .action_button a{
		border-bottom: 2px solid #007ac9;
	}

	.route_icons_wrap{
		padding: 36px;
	}

	.route_list_items{
		width: calc(100% / 4);
		height: 100px;
		margin-bottom: 2%;
	}

	.route_list_items a{
		width: 100px;
		height: 100px;
		margin: 0 auto;
		font-size: 48px;
	}

	/* Social Feeds */
	.social_feeds_section .wp-block-columns .wp-block-column:last-of-type{
		padding-top: 0;
	}

	.social_feeds_section h2{
		padding: 0 0 18px 0;
	}

	.social_feeds_section #ctf .ctf-header, .social_feeds_section #ctf.ctf-super-narrow:not(.ctf-masonry):not(.ctf-carousel) .ctf-header-text{
		padding-top: 0;
	}

	/* Quick Links */
	.quick_links_section .wp-block-column, .quick_links_section .wp-block-columns .wp-block-column:first-of-type{
		margin: 18px auto;
	}

	.quick_links_section figure{
		height: calc(225px);
	}

	.quick_links_section figure a{
		width: 100%;
		height: calc(100%);
	}

	.quick_links_section figure a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* Footer */
	.complience_nav{
		padding: 0 36px;
	}

	.site-footer{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		width: 100vw;
		padding: 36px;
	}

	.site-footer p{
		width: calc(100% - 110px);
		padding: 0;
		text-align: left;
	}

	.site-footer ul{
		width: 110px;
	}

	/* Trip Planner */
	#trip_planner .stretch_row{
		flex-wrap: nowrap;
		flex-direction: row;
	}

	#trip_planner .stretch_row td{
		width: 50%;
	}

	#trip_planner .stretch_row td:first-of-type{
		margin: 0 10px 0 0;
	}

	#tripGo{
		width: auto;
		padding: 18px;
		margin-left: auto;
	}

	/* Maps and schedules */
	.page-maps-schedules .route_icons_wrap .route_list_items{
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 48%;
		height: auto;
		margin: 18px 0;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(even){
		margin: 18px 9px 18px 0;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(odd){
		margin: 18px 0 18px 9px;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items a{
		margin: 0 auto 9px 0;
	}
	
	.page-maps-schedules .wp-block-column .wp-block-image a{
		display: block;
		height: 350px;
	}

	.page-maps-schedules .wp-block-column .wp-block-image a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* Getting Around */
	.plan_your_trip figure{
		max-width: 75%;
		margin-left: auto;
	}

	.page-popular-destinations figure{
		width: calc(50vw - 36px);
		height: calc(50vw - 36px);
	}
}

@media only screen and (min-width: 780px){
	/* Bus traker */
	.bus_tracker_info .wp-block-column{
		width: calc(50% - 9px);
		flex-grow: inherit;
		flex-basis: inherit;
	}

	.bus_tracker_info .wp-block-column:first-of-type{
		margin: 18px auto 0 0;
	}
	
	.bus_tracker_info .wp-block-column:last-of-type{
		margin: 18px 0 0 auto;
	}


	.quick_links_section .wp-block-columns .wp-block-column{
	    margin: 0 9px;
	}

	.quick_links_section .wp-block-columns .wp-block-column:first-of-type{
		margin: 0 9px 0 0;
	}

	.quick_links_section .wp-block-columns .wp-block-column:last-of-type{
		margin: 0 0 0 9px;
	}

	.page-popular-destinations figure{
		width: calc(25vw - 36px);
		max-width: 263px;
		height: calc(25vw - 36px);
		max-height: 263px;
	}

	.page-tc .sngl_accrdn .accord_inner_wrap::before, .page-tc .sngl_accrdn .accord_inner_wrap::after{
		display: none;
	}

	.page-tc .sngl_accrdn figure{
		width: calc(100% / 3);
	}

	.page-tc .sngl_accrdn .wp-block-column figure{
		width: 100%;
	}

	.page-tc .sngl_accrdn .wp-block-column:first-of-type{
		width: calc(100% / 3 - 18px);
	}

	.page-tc .sngl_accrdn .wp-block-column:last-of-type{
		width: calc((100% / 3) * 2);
	}

	.page-tc .sngl_accrdn.active .wp-block-column:first-of-type{
		padding-top: 18px;
	}
}

@media only screen and (min-width: 960px) {
	ul li{
		padding: 0 0 9px 18px;
	}

	#masthead{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		height: 95px;
		max-height: 95px;
		background:linear-gradient(rgba(62, 193, 205, .75), rgba(62, 193, 205, 0.5), rgba(62, 193, 205, 0.25), rgba(62, 193, 205, 0));
		background-color: transparent;
		transition: all .5s ease-out;
	}

	#masthead.nobckgnd_pt{
		background:linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
	}

	#masthead.header_bckgnd_wht{
		height: 50px;
		max-height: 50px;
		background: #fff !important;
		transition: all .5s ease-out;
	}

	#masthead .site-branding{
		width: 235px;
		height: calc(100%);
	}

	.menu-toggle{
		display: none !important;
	}

	#site-navigation{
		width: calc(100% - 225px);
		height: calc(100%);
	}

	#site-navigation > div{
		width: 100%;
		height: calc(100%);
	}

	#primary-menu{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: calc(100%);
		max-height: calc(100%);
		background-color: transparent;
		overflow: visible;
	}

	#primary-menu > li{
		height: calc(100%);
		padding:0;
		margin: 0;
		font-size: 0;
	}

	#primary-menu > li > a{
		display: flex;
		align-items: center;
		height: calc(100%);
		padding: 0 .5vw;
		margin: 0;
	}

	#primary-menu > li > a:hover{
		color: #fff;
	}

	#masthead.header_bckgnd_wht #primary-menu > li > a:hover, #masthead.nobckgnd_pt #primary-menu > li > a:hover, #primary-menu > li.menu-item-has-children li a:hover, .single-routes #primary-menu a:hover{
		color: #3ec1cd;
	}

	#primary-menu > li.menu-item-has-children a::after{
		display: block;
	}

	#primary-menu > li.menu-item-has-children a:hover::after{
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

	#masthead.header_bckgnd_wht #primary-menu a.crnt_pge::after, .nobckgnd_pt #primary-menu .menu-item-has-children a.crnt_pge::after, #masthead.header_bckgnd_wht #primary-menu a:hover::after, .single-routes #primary-menu > li.menu-item-has-children a:hover::after, .nobckgnd_pt #primary-menu > li.menu-item-has-children a:hover::after{
		border-left: 2px solid #3ec1cd;
		border-bottom: 2px solid #3ec1cd;
	}

	#primary-menu > li ul{
		display: block;
		position: absolute;
		background-color: #fff;
		box-shadow: 0px 30px 60px -30px #000000;
	}

	#primary-menu > li > a:hover + ul, #primary-menu > li > ul:hover{
		height: auto;
		max-height: 100vh;
		padding: 9px;
		transition: max-height .5s ease-out;
	}

	#primary-menu > li > a.crnt_pge{
		color: #fff;
	}

	#masthead.header_bckgnd_wht #primary-menu a.crnt_pge{
		color: #3ec1cd;
	}

	#primary-menu .menu-item-has-children a.crnt_pge::after{
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	.nobckgnd_pt #primary-menu a.crnt_pge{
		color: #3ec1cd;
	}

	#primary-menu .menu-item-has-children a.crnt_pge:hover::after, .nobckgnd_pt #primary-menu > li.menu-item-has-children a.crnt_pge:hover::after, #masthead.header_bckgnd_wht #primary-menu a.crnt_pge:hover::after,
	.nobckgnd_pt #primary-menu .menu-item-has-children a.crnt_pge:hover::after,
	.nobckgnd_pt #primary-menu .menu-item-has-children a:hover::after{
		border-left: 2px solid #303133;
		border-bottom: 2px solid #303133;
	}

	#primary-menu a.crnt_pge:hover, #masthead.nobckgnd_pt #primary-menu > li > a.crnt_pge:hover, #masthead.header_bckgnd_wht #primary-menu a.crnt_pge:hover{
		color: #303133;
	}

	/* Page Headers */
	.page #content .entry-header h1, .single-routes #content .entry-header h1{
		font-size: 57px;
		padding: calc(150px + 18px) 36px 36px 36px;
	}

	.no_header_image{
		padding-top: calc(95px + 18px);
	}

	.entry-content > div, .single-mtd_news .type-mtd_news {
		padding: 36px;
	 }

	 /* Routes */

	.single-routes .tbbd_cntnt_grp .entry-content > div > .wp-block-group__inner-container, .page-maps-schedules .route_icons_wrap{
		width: 100%;
		max-width: 100%;
		padding-top: 0;
	}

/*
	.tab_btn_wrap .wp-block-buttons .wp-block-button__link:last-of-type{
		padding-right: 9px;
	}
*/

	/* Maps and schedules */
	.page-maps-schedules .route_icons_wrap .route_list_items{
		flex-wrap: nowrap;
		align-items: flex-start;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(even){
		margin: 18px 9px 18px 0;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(odd){
		margin: 18px 0 18px 9px;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items a{
		margin: 0 auto 9px 0;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items > div.rte_lnk_info_wrap{
		width: calc(100% - 75px - 18px);
		margin-left: auto;
	}

	.page.page-careers #content .entry-header{
		background-position: center center;
	}

	.entry-content > div.blk_brdr{
		padding: 0 18px;
	}
}

@media only screen and (min-width: 1024px){
	.entry-content > div > .wp-block-group__inner-container, .page-maps-schedules .route_icons_wrap, .single-mtd_news .type-mtd_news .wp-block-group__inner-container{
		padding: 54px 18px;
	}

	.entry-content > div.main_content_wrap_pt{
		padding: 54px 0;
	}

	.transit_center_section .with_bullett li{
		display: inline list-item;
	}
	
	.transit_center_section .with_bullett li:first-of-type{
		display: inline;
		padding: 0 0 9px 0;
	}
}

@media only screen and (min-width: 1100px) {
	#primary-menu > li > a{
		padding: 0 0.75vw;
	}

	h2, .single-mtd_news .entry-title{
		font-size: 48px;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items{
		width: calc((100% / 4) - 9px);
		margin: 18px auto;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(4n){
		margin: 18px auto 18px 0;
	}

	.page-maps-schedules .route_icons_wrap .route_list_items:nth-last-of-type(4n - 3){
		margin: 18px 0 18px auto;
	}


	.routes_list_wrap .wp-block-group__inner-container h2{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-maps-schedules .routes_list_wrap .wp-block-group__inner-container{
		max-width: 90vw;
	}

	.page-maps-schedules .routes_list_wrap .wp-block-group__inner-container p{
		width: 90%;
	}
}

.blk_brdr{
	max-width: 1200px;
	margin: 18px auto;
	padding: 0 18px;
	border: 2px solid #303133;
}


.entry-content > .wp-block-group.blk_brdr::after{
	background-color: transparent;
}

/* Alerts */
.alert_wrap{
	padding: 36px 36px 36px 36px;
    background-color: #ed1c24;
}

.single-routes p.alert_notice, p.alert_notice{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}

/* Modal Window */
     #surv_pt{
          display: flex;
          align-items: center;
          justify-content: cneter;
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          background-color: rgba(63, 207, 213, .75);
z-index: 10000;
     }

     #surv_pt .surv_wrap{
          position: relative;
          width: 90%;
          max-width: 600px;
          margin: 0 auto;
          padding: 40px 20px;
          background-color: #fff;
     }

     #surv_pt p, #surv_pt a, #surv_pt a.wp-block-button__link{
          font-size: 24px;
		color: red;
     }

     #surv_pt a, #surv_pt a.wp-block-button__link{
          color: #007ac9;
     }

     /*
     #surv_pt a, #surv_pt a.wp-block-button__link{
          display: initial;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none;
          color: #fff;
          background-color: #007ac9;
          border: 2px solid #007ac9;
          padding: 10px;
          margin: 10px 0;
          line-height: 1;
          transition: all .25 ease-out;
	 }
      */
	 
	 #surv_pt .wp-block-buttons{
		 display: block;
		 margin: 10px 0;
	 }

     #surv_pt a:hover, #surv_pt a.wp-block-button__link:hover{
          background-color: #fff;
          color: #007ac9;
          transition: all .25 ease-out;
          cursor: pointer;
     }

     #surv_pt #surv_close .pt_hidden{
          position: fixed;
          left: -99999px;
     }

     #surv_pt #surv_close{
          position: absolute;
          top: 15px;
          right: 10px;
          width: 30px;
          height: 30px;
          border: 2px solid #fff;
     }

     #surv_pt #surv_close::before, #surv_pt #surv_close::after{
          content: '';
     }

     #surv_pt #surv_close::before, #surv_pt #surv_close::after{
          position: absolute;
          left: 0;
          width: 100%;
          height: 3px;
          border-radius: 3px;
          background-color: #000;
          top: calc(50% - 1.5px);
     }

     #surv_pt #surv_close::before{
          transform: rotate(-45deg);
     }

     #surv_pt #surv_close::after{
          transform: rotate(45deg);
     }

     #surv_pt #surv_close:hover::before, #surv_pt #surv_close:hover::after{
          background-color:  #007ac9;
     }

     #surv_pt #surv_close:hover{
          cursor: pointer;
          border: 2px solid #007ac9;
     }

     @media only screen and (min-width: 600px){
          #surv_pt .surv_wrap{
               padding: 60px;
          }

          #surv_pt .surv_wrap .lang_wrap:first-of-type a{
               margin: 10px 0 40px 0;
          }
     }


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text, #trip_planner .g_logo, .home .entry-header {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: fixed !important;
	left: -999999px;
	width: 1px;
	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;
	clip-path: none;
	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. */
}

@media only screen and (min-width: 1275px) {
	#primary-menu a{
		font-size: 14px;
	}
}

/* Job Application Form */
.nf-field-element p i{
	display: block;
	font-size: .85rem;
	font-style: italic;
	padding-left: 30px;
}

.race_survey{
	margin-bottom: 0 !important;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
} 

.single-routes.route-17 #content .entry-header h1{
	color: #000;
}

/* Removing line information */
.timetable-page-label, .effective-date{
	display: none;
}

#sbi_load .sbi_load_btn{
	display: none !important;
}

/* PT add 11232020 - Form Updates */
.red_pt{
	color: #e80000;
}

.nf-form-content input[type="button"], .nf-fu-fileinput-button{
	color: #fff !important;
	text-transform: uppercase !important;
	background-color: #007ac9 !important;
	border: 2px solid #007ac9 !important;
}

.nf-fu-fileinput-button span{
	color: #fff !important;
}

.nf-form-content input[type="button"]:hover, .nf-fu-fileinput-button:hover{
	color: #007ac9 !important;
	background-color: #fff !important;
	cursor: pointer !important;
}

.nf-fu-fileinput-button:hover span{
	color: #007ac9 !important;
}

.nf-field-element em{
	font-style: italic !important;
	font-size: .75rem !important;
}

.flatpickr-calendar *{
	font-size: 14px !important;
}

/* Search Form */
body.search{
	overflow-x: hidden;
}

body.search #primary{
	max-width: 1164px;
	margin-left: auto;
	margin-right: auto;
	padding: 150px 18px 0 18px;
}

body.search #primary article{
	padding: 18px;
	border-bottom: 1px solid #007ac9;
}

body.search #primary article:last-of-type{
	border-bottom: none;
}

body.search img{
	display: block;
	width: 50%;
}

/* Single Post Added 02022021 */
.single-post #content{
	max-width: 1128px;
	margin: 0 auto;
	padding: calc(63px + 36px) 36px 36px 36px;
}

.single-post .entry-title,.single-post p{
	margin: 0 0 18px 0;
}

.single-post .entry-meta, .single-post #comments, .single-post .entry-footer{
	display: none;
}

@media only screen and (min-width: 960px){
	.single-post #content{
		padding: 136px 36px 36px 36px;
	}
}


/* Page loader - 03162021 */
#pge_load.load_hidden{
	opacity: 0;
	top: -150vh;
     /*
	transition: opacity .5s ease-in-out, top .5s ease-in-out .75s;
     */
}

/* Updates PT 04122021 */
.page-leadership .entry-content .wp-block-columns figure{
     width: calc(100vw - 36px);
     height: calc(100vw - 36px);
}

.page-leadership .entry-content .wp-block-columns img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}

@media only screen and (min-width: 600px){
     .page-leadership .entry-content .wp-block-columns figure{
          width: calc(50vw - 36px);
          height: calc(50vw - 36px);
     }
}

@media only screen and (min-width: 780px){
     .page-leadership .entry-content .wp-block-columns figure{
          width: calc((100vw / 3) - 36px);
          height: calc((100vw / 3) - 36px);
          max-width: 356px;
          max-height: 356px;
     }
}

.add_more_btn_wrap .list-radio-wrap .nf-field-element li label{
     background-color: #007ac9 !important;
     border: 2px solid #007ac9;
     color: #fff!important;
     padding: 12px 18px;
     margin-left: 0px !important;
     width: 150px;
     text-transform: uppercase;
     text-align: center;
}

.add_more_btn_wrap .list-radio-wrap .nf-field-element li label:hover{
     color: #007ac9 !important;
     background-color: #fff !important;
     cursor: pointer !important;
}

.add_more_btn_wrap .listradio-wrap .nf-field-element label::after{
     width: 1px;
     height: 1px;
     background-color: #007ac9 !important;
     border: 2px solid #007ac9;
     opacity: 0;
}

/* Route Updates */
.page-maps-schedules th a{
     colo: #fff;
}

.page-maps-schedules th a.route_16{
     background-color: #727678;
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 50%;
	padding: 10px;
}

.is-content-justification-center .wp-block-button__link{
     margin-left: auto;
     margin-right: auto;
}

/* MTD Moves Ahead 09292021 */
.page-mtdmovesahead #masthead{
     background: #fff;
}

.page-mtdmovesahead #content .entry-header h1{
     color: #000 !important;
}

.page-mtdmovesahead #content .entry-header{
     height: auto;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: contain;
     width: 100vw;
     aspect-ratio: 4/1.25;
}

.page-mtdmovesahead #content .entry-header h1{
     background-color: transparent !important;
}

.page-mtdmovesahead .list-wrap{
     margin-left: 18px;
     margin-right: 18px;
}

.page-mtdmovesahead iframe{
     display: block;
     margin: 18px auto 0 auto;
}

.page-mtdmovesahead img[src="https://sbmtd.gov/wp-content/uploads/2021/10/4.jpg"]{
     display: block;
     width: 100% !important;
}

@media only screen and (min-width: 800px){
     .page-mtdmovesahead ul{
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 18px;
     }
}


.page-mtdavanza #masthead{
     background: #fff;
}

.page-mtdavanza #content .entry-header h1{
     color: #000 !important;
}

.page-mtdavanza #content .entry-header{
     height: auto;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: contain;
     width: 100vw;
     aspect-ratio: 4/1.25;
}

.page-mtdavanza #content .entry-header h1{
     background-color: transparent !important;
}

.page-mtdavanza .list-wrap{
     margin-left: 18px;
     margin-right: 18px;
}

.page-mtdavanza iframe{
     display: block;
     margin: 18px auto 0 auto;
}

.page-mtdavanza img[src="https://sbmtd.gov/wp-content/uploads/2021/10/4.spanish.jpg"]{
     display: block;
     width: 100% !important;
}

@media only screen and (min-width: 800px){
     .page-mtdavanza ul{
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 18px;
     }
}

/* Updates 04062022 */
em{
     font-style: italic !important;
}

/* Update 04242022 */
.route_wrap_pt h2.text-xl, .sr-only{
     display: none !important;
}

.grid.grid-cols-1.gap-4{
     display: none !important;
}

.single-routes table .stop-time sup{
     display: inline-block;
     font-family: 'futura-pt', Arial, Helvetica, sans-serif;
     font-size: .75rem;
     padding: 0 0 0 5px;
     vertical-align: super !important;
}

.page #content .entry-header.remove_header_color h1.entry-title{
     background-color: transparent;
}

.page #content .entry-header.white_head_text h1.entry-title{
     color: #fff !important;
}

.page #content .entry-header.black_head_text h1.entry-title{
     color: #000 !important;
}

.black_border{
     border: 1px solid black;
}

.entry-content > div.meet_intro > .wp-block-group__inner-container{
     padding-top: 0;
}

.meet_intro div p{
     padding: 0;
}

/* Current Agenda - 02172023 */
.page-current-board-agenda .entry-content > *,
.page-current-board-agenda .wp-block-group__inner-container > *{
     width: 90%;
     max-width: 1200px;
     margin: 0 auto;
     font-size: 24px !important;
}

.page-current-board-agenda .entry-content > h2, 
.page-current-board-agenda .entry-content > h3, 
.page-current-board-agenda .wp-block-group__inner-container > h2, 
.page-current-board-agenda .wp-block-group__inner-container > h3 {
     display: block;
     padding: 12px 0;
}

.page-current-board-agenda .entry-content > h2 a, 
.page-current-board-agenda .entry-content > h3 a, 
.page-current-board-agenda .wp-block-group__inner-container > h2 a, 
.page-current-board-agenda .wp-block-group__inner-container > h3 a {
     font-weight: 900;
}

.page-current-board-agenda .entry-content > p, .page-current-board-agenda .wp-block-group__inner-container > p{
     padding: 0 0 24px 36px;
}

.page-current-board-agenda .entry-content > p.has-text-align-center, .page-current-board-agenda .wp-block-group__inner-container > p.has-text-align-center{
     padding: 0 0 0 36px;
}
/* Current Agenda - 02172023 - END */

/* Intro Text Update 10262023 */
p.intro_body, p.intro_body strong, p.intro_body em{
     font-size: 1.25rem !important;
}

.page-the-wave-2 #page #content .entry-header{
     background-position: left bottom !important;
}
/* Intro Text Update 10262023 - END */

@media only screen and (min-width: 1000px){
     .getting-around .tab_btn_wrap .wp-block-buttons{
          border: 5px solid transparent;
     }
}

/* Route 7 Update */
.single-routes td sub{
     margin-left: 5px;
     font-weight: 500;
}
/* Route 7 Update - END */

/* Updates for font sizing */
.has-small-font-size, .has-small-font-size strong{
     font-size: .75rem !important;
}

.downtown-waterfront-shuttles .time-box-note{
	display: none;
}
/* Updates for font sizing - END */

/* Table border issue */
.sbcc_table table, .ucsb_table table{
	border-collapse: unset;
}

.sbcc_table table thead tr th, .ucsb_table table thead tr th{
	border-bottom: 3px solid #000 !important;
}

.sbcc_table table thead tr th:last-of-type, .ucsb_table table thead tr th:last-of-type{
	display: table-cell !important;
}
/* Table border issue - END */