/* Theme Name: Septa Frankford Child Description: Septa Frankfrod Child Theme Author: Jeremiah Quill Template: septa-frankford Version: 1.0.2 Text Domain: septa-ffc */
 @font-face {
 	font-family: "Roboto";
 	font-weight: 100;
     src: url("fonts/Roboto-Thin.ttf") format("truetype");
}
 @font-face {
 	font-family: "Roboto";
 	font-weight: 300;
     src: url("fonts/Roboto-Light.ttf") format("truetype");
}
 @font-face {
 	font-family: "Roboto";
 	font-weight: 400;
     src: url("fonts/Roboto-Regular.ttf") format("truetype");
}
 @font-face {
 	font-family: "Roboto";
 	font-weight: 500;
     src: url("fonts/Roboto-Medium.ttf") format("truetype");
}
 @font-face {
 	font-family: "Roboto";
 	font-weight: 700;
     src: url("fonts/Roboto-Bold.ttf") format("truetype");
}
 @font-face {
 	font-family: "Roboto";
 	font-weight: 900;
     src: url("fonts/Roboto-Black.ttf") format("truetype");
}
/* List indent Fix // --------NOT ALL LIST - Only Block Text Lists -------------*/
 .hentry ul {
 	list-style-position: unset;
 	margin: 0 0 16px 20px;
}
/* Typography // ---------------------*/
 html, body {
 	font-family: "Roboto", Arial, Helvetica, sans-serif;
 	color: #1a1818;
}
 h1 {
 	font-weight: 700;
 	font-size: 3rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
	background: none !important;
 	padding: 0px !important;
 	color: #1a1818;
 	text-transform: initial !important;
}
 h2 {
 	font-weight: 700;
 	font-size: 2.75rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
 	color: #1a1818;
}
 h3 {
 	font-weight: 700;
 	font-size: 2.5rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
 	color: #1a1818;
}
 h4 {
 	font-weight: 700;
 	font-size: 2.25rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
 	color: #1a1818;
}
 h5 {
 	font-weight: 500;
 	font-size: 2rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
 	color: #1a1818;
}
 h6 {
 	font-weight: 500;
 	font-size: 1.75rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem !important;
 	color: #1a1818;
}
 p {
 	font-size: 1.2rem;
 	font-weight: 400;
 	line-height: 1.5;
 	color: #1a1818;
}
/* Colors // -----------METRO----------*/
 .bg-metro {
	 background-color: #1a1818;
}
/* color desc goes over here */
 .bg-mfl {
	 background-color: #009ade;
}
 .bg-bsl {
	background-color: #ff6600;
}
 .bg-dline {
	background-color: #e6427a;
}
 .bg-trolley {
	background-color: #61a60e;
}
 .bg-gline {
	background-color: #ffd600;
}
 .bg-mline {
	background-color: #60269e;
}
 .bg-rr {
	background-color: #4c748c;
}
 .text-metro {
 	color: #1a1818;
}
/* color desc goes over here */
 .text-mfl {
 	color: #009ade;
}
 .text-bsl {
 	color: #ff6600;
}
 .text-d-line {
 	color: #e6427a;
}
 .text-trolley {
 	color: #61a60e;
}
 .text-gline {
 	color: #ffd600;
}
 .text-mline {
 	color: #60269e;
}
 .text-rr {
 	color: #4c748c;
}
/* Brand Colors // ---------------------*/
 .bg-darkblue {
	background-color: #202846;
}
 .bg-septablue {
	background-color: #1f4fa3;
}
 .bg-septared {
	background-color: #f14728;
}
 .bg-brightblue {
	background-color: #2968d6;
}
 .bg-lightblue {
	background-color: #99c2ff;
}
 .text-darkblue {
 	color: #202846;
}
 .text-septablue {
 	color: #1f4fa3;
}
 .text-septared {
 	color: #f14728;
}
 .text-brightblue {
 	color: #2968d6;
}
 .text-lightblue {
 	color: #99c2ff;
}
 .bg-white {
	background-color: #fff;
}
 .bg-black {
	background-color: #000;
}
 .bg-gray80 {
	background-color: #333333;
}
 .bg-gray60 {
	background-color: #808080;
}
 .bg-gray40 {
	background-color: #cccccc;
}
 .bg-gray20 {
	background-color: #f2f2f2;
}
 .text-white {
 	color: #fff;
}
 .text-black {
 	color: #000;
}
 .text-gray80 {
 	color: #333333;
}
 .text-gray60 {
 	color: #808080;
}
 .text-gray40 {
 	color: #cccccc;
}
 .text-gray20 {
 	color: #f2f2f2;
}
 .bg-metroteal {
	background-color: #10b0aa;
}
 .text-metroteal {
 	color: #10b0aa;
}
/* Symbols // ---------------------*/
 .mflsquare {
 	display: inline-block;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem;
	background: #009ade;
 	color: white;
 	font-size: 2.5rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .mflsquare:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
 	text-align: center;
 	line-height: 1;
}
 .mflsquare span {
 	display: inline-block;
 	vertical-align: middle;
}
 .mflheadsign {
 	display: block;
	background: #009ade;
 	color: white;
 	font-size: 1.75rem;
 	padding: 0.6rem;
 	line-height: 1;
 	font-weight: 600;
}
 .mflheadsign:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
	height: 0;
 	text-align: center;
 	line-height: 1;
}
 .mflheadsign .mflsquare {
 	display: inline-block;
 	min-width: 2rem;
 	min-height: 2rem;
 	padding: 0.25rem;
	background: #009ade;
 	color: white;
 	font-size: 2rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .mflheadsign .mflsquare:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
 	text-align: center;
 	line-height: 1;
}
 .mflheadsign .mflsquare span {
 	display: inline-block;
 	vertical-align: middle;
}
 .headsign {
 	display: block;
 	font-size: 1.75rem;
 	padding: 0.6rem;
 	line-height: 1;
 	font-weight: 600;
}
 .headsign:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
	height: 0;
 	text-align: center;
 	line-height: 1;
}
 .headsign .square {
 	display: inline-block;
 	min-width: 2rem;
 	min-height: 2rem;
 	padding: 0.25rem;
 	font-size: 2rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .headsign .square:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
 	text-align: center;
 	line-height: 1;
}
 .headsign .square span {
 	display: inline-block;
 	vertical-align: middle;
}
 .rrsquare {
 	display: inline-block;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem 1rem;
 	font-size: 2.5rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .rrsquare:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .rrsquare span {
 	display: inline-block;
 	vertical-align: middle;
}
 .square {
 	display: inline-block;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem;
 	font-size: 2.5rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .square:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .square span {
 	display: inline-block;
 	vertical-align: middle;
}
 .bslsquare {
 	display: inline-block;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem;
	background: #ff6600;
 	color: white;
 	font-size: 2.5rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .bslsquare:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .bslsquare span {
 	display: inline-block;
 	vertical-align: middle;
}
 .circleoutline {
 	display: inline-block;
	border-radius: 50%;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem;
	box-shadow: inset 0 0 0 2px #1a1818;
 	color: #1a1818;
 	font-size: 1.75rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
 	margin-bottom: 0.5rem;
}
 .circleoutline:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .circleoutline span {
 	display: inline-block;
 	vertical-align: middle;
}
 .circle {
 	display: inline-block;
	border-radius: 50%;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.5rem;
	background: #1a1818;
 	color: white;
 	font-size: 1.75rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
 	margin-bottom: 0.5rem;
}
 .circle:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .circle span {
 	display: inline-block;
 	vertical-align: middle;
}
 .circle4char {
 	display: inline-block;
	border-radius: 50%;
 	min-width: 3rem;
 	min-height: 3rem;
 	padding: 0.25rem;
	background: #1a1818;
 	color: white;
 	font-size: 1.35rem;
 	text-align: center;
 	line-height: 1;
	box-sizing: content-box;
 	white-space: nowrap;
 	font-weight: 600;
}
 .circle4char:before {
 	content: "";
 	display: inline-block;
 	vertical-align: middle;
 	padding-top: 100%;
	height: 0;
}
 .circle4char span {
 	display: inline-block;
 	vertical-align: middle;
}
/* Inline Elements // ---------------------*/
 a {
 	color: #000;
}
 .btn-metro {
	background-color: #1a1818;
 	font-weight: 600;
	border: none;
 	font-size: 1.3em;
}
/* Style Guide // --------------------- */
 html {
	background: #fff;
}
 #templateTitle {
 	width: 50%;
 	position: relative;
 	padding-top: 10px;
 	margin: 0 auto;
 	text-align: center;
}
 #projectTitle {
 	font-size: 34px;
 	font-weight: 700;
 	color: #c4c4c4;
}
 #projectDesc {
 	font-family: sans-serif;
 	font-size: 12px;
 	font-weight: 300;
 	color: #dbdbdb;
}
 .seperator {
 	width: 50%;
 	position: relative;
 	padding-top: 20px;
 	margin: 0 auto;
 	margin-bottom: 50px;
	border-bottom: 1px solid #ededed;
}
 .sectionHeading {
 	width: 50%;
 	margin: 0 auto;
 	text-align: left;
}
 .sectionTitle {
 	font-family: sans-serif;
 	font-size: 12px;
 	font-weight: 300;
 	color: #848484;
}
 .sectionSeperator {
 	position: relative;
 	padding-top: 5px;
 	margin: 0 auto;
	border-bottom: 1px solid #cccccc;
}
 ul#colors {
 	width: 50%;
 	position: relative;
 	padding-top: 30px;
 	margin: 0 auto;
 	margin-bottom: 75px;
 	text-align: center;
 	list-style: none;
}
 li.colorCircle {
 	width: 100px;
	height: 100px;
	border-radius: 50%;
 	display: inline-block;
 	margin-right: 20px;
}
 .colorHex {
 	position: relative;
 	color: #d1d1d1;
 	top: 120px;
     right: 6px;
}
 #typography {
 	width: 50%;
 	position: relative;
 	padding-top: 10px;
 	margin: 0 auto;
 	margin-bottom: 75px;
}
 #symbols {
 	width: 50%;
 	position: relative;
 	padding-top: 10px;
 	margin: 0 auto;
 	margin-bottom: 75px;
}
 #inlineElements {
 	width: 50%;
 	position: relative;
 	padding-top: 10px;
 	margin: 0 auto;
 	margin-bottom: 75px;
}
 #formElements {
 	width: 50%;
 	position: relative;
 	padding-top: 10px;
 	margin: 0 auto;
 	margin-bottom: 75px;
}
 .bi {
 	fill: currentColor;
}
/****Typography****/
 .subheader-1 {
 	font-weight: 600;
 	color: #808080;
 	font-size: 2rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem;
}
 .subheader-2 {
 	font-weight: 600;
 	color: #333333;
 	font-size: 1.75rem;
 	margin-top: 0;
 	margin-bottom: 0.5rem;
}
 .page .hentry h1, .single .hentry h1, .archive h1, .blog h1, .search h1, .error404 h1 {
	border-left: none;
}
/****Navigation****/
.notification-content {
	height: 75px;
}
/* .main-nav {
     @include media-breakpoint-down(md) {
     	display: none;
    }
}
 */
/* Layout */
 .site-header :nth-child(3) {
 	margin-left: auto;
}
 .site-header-translate {
 	margin: auto 0 auto auto;
}
 .site-logo {
 	max-width: 215px;
 	padding-top: 0px;
 	padding-right: 15px;
}
 .site-branding {
 	padding-bottom: 0px;
 	margin: auto 0;
}
 .site-logo img {
 	margin-left: 0px;
}
 .site-header-tools {
 	min-width: 0px;
 	padding-left: 20px;
}
/* Search Input */
 input.search-field {
	background-color: transparent;
	border: 2px solid #4f8ffe;
	border-radius: 5px 0px 0 5px !important;
 	font-size: 14px;
	border-right: none;
 	color: #fff !important;
}
 input.search-field::placeholder {
 	color: #fff;
}
 textarea.search-field:focus, input.search-field:focus {
 	color: #fff;
	border: 2px solid #4f8ffe !important;
     -webkit-box-shadow: none;
	box-shadow: none;
}
 .search-submit svg {
	height: 20px;
}
 button.search-submit {
	background-color: transparent;
	border: 2px solid #4f8ffe;
	border-left: none;
	border-radius: 0px 5px 5px 0px !important;
}
/* Style */
 .main-nav .nav-item .nav-link {
 	color: #1a1818 !important;
}
 .main-nav .nav-link.show {
	background-color: #1a1818;
 	color: white !important;
 	font-weight: 600;
}
 .main-nav .nav-link {
 	font-size: 1.55em;
 	font-weight: 600;
}
 .nav-section-header {
 	font-weight: 500;
 	color: #2e99d1;
 	font-size: 1em;
}
 .dropdown-menu {
	border: none;
	border-radius: 0px;
 	margin: 0px;
	background-color: #1a1818;
}
 .dropdown-item {
 	color: #fff;
 	padding-top: 14px;
}
 .dropdown-item:hover {
	background-color: #1a1818 !important;
 	text-decoration: underline;
 	font-weight: 400;
 	color: rgb(187, 187, 187);
}
 .dropdown-toggle::after {
	border: none;
 	font: var(--fa-font-solid);
 	content: "\f078";
 	vertical-align: 0;
 	font-size: 20px;
}
/****gtranslate****/
 .goog-logo-link, .goog-te-gadget span {
 	display: none !important;
}
 .goog-te-gadget {
 	font-size: 0 !important;
}
 select.goog-te-combo {
 	color: #fff;
 	width: 125px;
 	appearance: auto;
     -webkit-appearance: auto;
}
 select.goog-te-combo option {
 	color: #333;
}
 .goog-te-gadget .goog-te-combo {
 	font-size: 12px !important;
 	color: #fff;
	background-color: transparent;
 	padding: 5px 0px 5px 5px;
	background: none;
	border: 1px solid #fff;
}
 .goog-te-gadget a {
 	color: #fff !important;
}
/*mobile*/
 @media screen and (min-width: 600px) {
     .main-nav {
     	display: none !important;
    }
}
/****Navigation-END****/
/*** Metro ***/
 .metro-teal {
 	color: #10b0aa;
}
 .btn-metro {
	background-color: #1a1818;
 	font-weight: 600;
	border: none;
 	font-size: 1.3em;
}
 .MFL {
	background-color: #009ade;
 	color: #fff;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .MFL i {
 	color: #fff;
}
 .BSL {
	background-color: #ff6600;
 	color: #fff;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .BSL i {
 	color: #fff;
}
 .D-line {
	background-color: #e6427a;
 	color: #fff;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .D-line i {
 	color: #fff;
}
 .Trolley {
	background-color: #61a60e;
 	color: #fff;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .Trolley i {
 	color: #fff;
}
 .G-line {
	background-color: #ffd600;
 	color: #1a1818;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .G-Line i {
 	color: #1a1818;
}
 .M-line {
	background-color: #60269e;
 	color: #fff;
	border-radius: 4px;
 	font-size: 1.4em;
 	font-weight: 600;
}
 .M-Line i {
 	color: #fff;
}
/*** BUS ***/
 .bus-icon {
 	letter-spacing: -2px;
 	font-size: 1.8rem;
}
 .bus-express {
	border-radius: 50%;
 	width: 34px;
	height: 34px;
 	padding: 10px;
	background: #fff;
	border: 3px solid #1a1818;
 	color: #1a1818;
 	text-align: center;
 	font-size: 32px;
}
 .bus {
 	width: 120px;
 	line-height: 120px;
	border-radius: 50%;
 	text-align: center;
 	font-size: 32px;
	border: 2px solid #1a1818;
}
/* RR */
 .rr-badge {
	background-color: #4c748c;
	border: none;
 	font-size: 1.4em;
	border-radius: 4px;
 	font-weight: 600;
}
/* Container */
/****Layout****/
 .rborder {
	border: none !important;
}
 .container {
 	max-width: 1320px;
 	padding: 0 1rem;
}
/* Page Hero H1 Header */
 .page-header-image {
 	display: flex;
 	align-items: center;
 	color: #fff;
 	font-size: 2.5rem;
 	font-weight: 600;
 	min-height: 150px;
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
/* HIDE LIVE CHAT */
 #phplive_div_proaction table {
 	display: none;
}
/* MAIN CONTENT CONTAINER */
 .single #primary.site-main {
 	padding: 0px;
}
/* METRO Banner */
 .metro-banner {
 	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
	background-color: #2968d6;
}
 .metrobanner-wrapper {
 	display: flex;
     justify-content: space-between;
 	align-items: center;
}
 .metrobanner-end {
 	display: flex;
 	align-items: center;
}
 .pipe {
	height: 30px;
	border: 1px solid white;
 	margin: 0 0.5rem;
}
 .metrobanner-wrapper, .metrobanner-wrapper a {
 	color: #fff;
 	font-size: 1rem;
}
 .metobanner-btn {
 	padding: 0.25rem 0.5rem;
	background-color: #fff;
	border-radius: 5px;
}
 a.metobanner-btn {
 	color: #223b68;
}
 .metrobanner-wrapper a {
 	text-decoration: underline;
}
/* HEADER + NAV */
 .site-logo img {
	height: 65px;
 	width: 330px;
 	aspect-ratio: 330/65;
}
 .mega-menu-link {
	height: 100%;
}
 .mega-menu-link[aria-expanded="true"] {
	background-color: #222 !important;
 	color: white !important;
}
 .mega-menu-link[aria-expanded="true"] .mega-indicator::after {
 	content: "\f343" !important;
}
 .mega-menu-wrap-menu-header {
	height: 100%;
}
 #masthead {
 	padding: 1rem 2rem;
 	max-width: 1300px;
 	margin: 0px auto;
}
 #masthead .site-header-content {
 	align-items: stretch;
}
 .site-branding {
 	padding-bottom: 0px;
}
 .site-header-tools {
 	display: flex;
 	align-items: center;
 	min-width: auto;
}
/*G Tranlate */
 .goog-te-gadget .goog-te-combo {
 	font-size: 1rem !important;
 	color: #333;
}
 .goog-te-gadget, .goog-te-gadget a {
 	color: #fff !important;
}
/* BREADCRUMBS */
 .breadcrumb-nav {
 	margin: 0;
 	padding: 0.4em 0;
 	color: #333;
 	font-size: 1rem;
}
 .breadcrumb-nav a {
 	color: #737373;
 	font-size: 1rem;
}
 .breadcrumb-nav a:hover {
 	text-decoration: underline;
}
 .single .breadcrumb-nav {
 	color: darkgray;
 	margin-left: 0px !important;
}
 .single .breadcrumb-nav a {
 	text-decoration: none !important;
 	color: darkgray;
}
 .single .content {
 	padding: 0px !important;
}
/* Single stop specific styles */
 .single .hentry {
 	padding-top: 0px;
}
/* SINGLE STOP BLACK STATION TITLE BANNER */
 .single .entry-header {
 	padding: 50px 0px;
	background-color: black;
}
 .single .hentry h1 {
	background: none;
	background-size: 0px;
 	margin-bottom: 0px;
 	padding: 0px;
 	text-transform: none;
 	color: white;
	border-left: none;
}
 .single .current-item {
 	color: black;
}
 .single-stop-map > div:first-of-type {
	height: 250px;
}
 .single-stop-content-container {
 	max-width: 1300px;
 	padding: 0px 2rem;
 	margin: 0px auto;
}
 .flex.rev.entry-columns {
 	padding-top: 2rem !important;
 	padding-bottom: 2rem !important;
}
 .single-stop-button-group {
 	margin-bottom: 2rem;
 	display: grid;
 	width: 100%;
     gap: 1rem;
}
 .single-stop-button-group button {
	background-color: black;
 	color: white;
 	text-transform: none;
 	padding: 14px 40px 11px;
	border-radius: 5px;
 	width: 100%;
}
/* Fares Page */
 .fare-tabs {
 	padding: 0px;
	border: none;
}
 .kt-tab-title {
 	text-transform: none !important;
}
 .fare-tabs.kt-title-item {
 	margin: 0px 0px -1px 0px !important;
}
 .fare-tabs .wp-block-kadence-tab.kt-tab-inner-content {
 	padding: 0px !important;
}
 .fare-tabs ul.kt-tabs-title-list.kb-tab-title-columns-4 > li {
 	flex: 0 1 calc(33.3333% - 10px);
}
 .fare-tabs ul.kt-tabs-title-list.kb-tab-title-columns-4 > li:not(:nth-child(3n)) {
 	margin-right: 15px !important;
}
 .fare-tabs ul li a {
	border-width: 1px;
}
 .wp-block-kadence-tabs .kt-tabs-title-list li a.kt-tab-title {
	border-width: 1px !important;
	border-radius: 5px;
}
 .wp-block-kadence-tabs .kt-tabs-title-list li {
 	margin-right: 0px !important;
}
 .fare-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header .kt-blocks-accordion-title-wrap .kt-btn-side-left {
 	padding-right: 0.5em !important;
}
 .wp-block-kadence-tabs .kt-tabs-id_1afbbe-57 > .kt-tabs-title-list li svg {
 	font-size: 2rem;
}
/* End Fares Page */
/* NEWS BLOG */
 .news-wrapper .post-contents {
 	display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 2.5rem 1rem;
}
/*Hide POST Subtitle */
 /*.post-subtitle {
 	display: none;
}*/
/*.news-wrapper .wp-pagination {
     grid-column: 1 / span 4;
}
*/
/*/
////////////////////////////////////////////////////////
/*/
/* PAGINATION START EDITS */
/* Paginate */
 .wp-paginate .current, .wp-paginate a, .wp-paginate a:visited, .entry-content .post-page-numbers, .entry-content .post-page-numbers:visited {
	background-color: #000000;
	border: 3px solid #000000;
	border-radius: 5px;
 	color: #fff;
 	display: inline-block;
 	padding: 5px 14px 3px;
 	text-decoration: none;
}
 .wp-paginate .current, .wp-paginate a:hover, .wp-paginate a:focus, .wp-paginate a:active, .entry-content .post-page-numbers:hover, .entry-content .post-page-numbers:focus, .entry-content .post-page-numbers:active {
	background-color: #fff;
 	color: #373737;
}
/* PAGINATION END EDITS */
/*/
////////////////////////////////////////////////////////
/*/
/*/
////////////////////////////////////////////////////////
/*/
/* 404 EDITS */
 .error-wrapper {
 	max-width: 1320px;
 	padding: 0 1rem;
 	margin: 0 auto;
}
 .error404 .page-content {
 	max-width: none;
}
 .error404 .page-content .primary-search-form button {
	background-color: #144b88;
}
 .error404 .page-content .primary-search-form input {
 	color: #333 !important;
}
/* 404 END EDITS */
/*/
////////////////////////////////////////////////////////
/*/
/*/
////////////////////////////////////////////////////////
/*/
/* TEMPLATE ARCHIVE EDITS */
 .archive-container {
 	padding-top: 2rem;
}
/* Event Mods */
 .event-controls {
 	padding-left: 4rem;
}
 .event-controls h2 {
	background-color: #f2f2f2;
 	padding: 40px 30px 10px 30px;
	border-radius: 10px 10px 0px 0px;
 	margin-bottom: 0px !important;
}
 .event-controls .control-panel {
	background-color: #f2f2f2;
 	padding: 10px 30px 20px 30px;
	border-radius: 0px 0px 10px 10px;
}
/* END Event Mods */
/* Bids Mods */
 .bid-controls {
 	padding-left: 4rem;
}
 .bid-controls h2 {
	background-color: #f2f2f2;
 	padding: 40px 30px 10px 30px;
	border-radius: 10px 10px 0px 0px;
 	margin-bottom: 0px !important;
}
 .bid-controls .control-panel {
	background-color: #f2f2f2;
 	padding: 10px 30px 20px 30px;
	border-radius: 0px 0px 10px 10px;
}
/* END Bids Mods */
/* Bulletins Mods */
 .bulletin-controls {
 	padding-left: 4rem;
}
 .bulletin-controls h2 {
	background-color: #f2f2f2;
 	padding: 40px 30px 10px 30px;
	border-radius: 10px 10px 0px 0px;
 	margin-bottom: 0px !important;
}
 .bulletin-controls .control-panel {
	background-color: #f2f2f2;
 	padding: 10px 30px 20px 30px;
	border-radius: 0px 0px 10px 10px;
}
/* END Bulletins Mods */
/* Meeting Mods */
 .meeting-controls {
 	padding-left: 4rem;
}
 .meeting-controls h2 {
	background-color: #f2f2f2;
 	padding: 40px 30px 10px 30px;
	border-radius: 10px 10px 0px 0px;
 	margin-bottom: 0px !important;
}
 .meeting-controls .control-panel {
	background-color: #f2f2f2;
 	padding: 10px 30px 20px 30px;
	border-radius: 0px 0px 10px 10px;
}
 .meeting-boards {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}
/* END Meeting Mods */
/* Style = Archive, hentry, serach, blog, archive-post */
.archive-actions a {
	background-color: black;
    color: #ffffff;
    border-color: #000000;
}
.archive-actions a:hover {
	background-color: #333333;
}

.archive-actions input[type="submit"] {
    background: #000;
    border-color: black;
}

.archive-actions input[type="submit"]:hover {
    background: #333333;
}

 .post-type-archive-bulletin .hentry, .archive-post .hentry, .blog .hentry, .search .hentry {
	border-top: none;
	box-shadow: none;
	background: none;
	border: 1px solid #f2f2f2;
}
 .bulletin-list {
	border: none;
}
/* Dynamic List Style - Events, Meetings, Bids */
 .dynamic-list {
	box-shadow: none;
 	margin-bottom: 24px;
	border: 1px solid #ecf3ff;
}
 .dynamic-list > li {
	border-left: 6px solid #fff;
 	padding: 30px 15px;
}
 .dynamic-list > li a {
 	color: #000;
}
 .dynamic-list > li a:hover {
 	color: #333;
 	text-decoration: underline;
}
 .event-calendar .dynamic-list > li {
 	padding: 30px 15px;
}
 .dynamic-list > li:nth-child(odd) {
	background-color: #ecf3ff;
	border-left-color: #ecf3ff;
}
 .dynamic-list > li:hover {
	border-left-color: #000;
}
/* END List Style */
/* Blog Mods */
 .blog-controls {
	background-color: #000000;
 	padding: 2rem;
 	margin: 3rem 0;
	border-radius: 5px;
}
 #control-form {
 	width: 100%;
}
 #control-form fieldset {
 	margin: 0;
	border: none;
}
 .control-category, .control-tag, .control-year {
 	width: calc(30.33% - 5px);
}
 .blog-controls-reset {
 	color: #fff !important;
}
 .archive-post .hentry, .blog .hentry, .search .hentry {
	background: none;
	border: none;
	border-radius: 0px;
	border-top: none;
	box-shadow: none;
 	margin-bottom: 0px;
 	padding: 0px;
}
 .hentry h2 a {
 	color: #333;
}
 .entry-content {
 	margin-top: 0px !important;
}
 .entry-content p {
 	margin: 0 0 12px;
}
 .cat-links {
 	display: none;
}
 .news-wrapper .post-contents {
 	display: grid;
     grid-template-columns: repeat(12, 1fr);
    /* 12-column layout */
     grid-gap: 3rem 2rem;
}
 .news-wrapper .post-contents > article {
     grid-column: span 4;
}
/*.news-wrapper .post-contents > article:nth-child(-n+4) {
     grid-column: span 6;
}
*/
 body:not(.paged) .news-wrapper .post-contents > article:nth-child(-n + 4) {
     grid-column: span 6;
}
 body.paged .news-wrapper .post-contents > article:nth-child(-n + 4) {
     grid-column: span 4;
}
 .news-wrapper .post-contents > div:last-of-type {
     grid-column: 1 / -1;
}
/*Blog Posts*/
 .single-wrapper {
 	margin-top: 2rem !important;
}
 .entry-header {
 	display: block !important;
	background-color: #fff !important;
 	padding: 0.5rem 0px 0.7rem 0px !important;
}
 .entry-title {
 	color: #333 !important;
 	margin: 0px !important;
}
 .single-post .sidebar {
 	margin-top: 0px;
	border-left: 0px;
}
 #block-30 {
	border-radius: 10px 10px 0px 0px;
}input
 .sidebar-blog h2 {
	background-color: #f2f2f2;
 	padding: 40px 0px 10px 0px;
 	margin-bottom: 0px !important;
}
 .sidebar-blog .widget {
	background-color: #f2f2f2;
 	padding: 0px 30px 10px 30px;
 	margin: 0px;
}
 .sidebar-blog .widget p {
 	margin: 0px;
}
 .sidebar-blog .widget_recent_entries {
	background-color: #f2f2f2;
 	padding: 10px 30px 20px 30px;
	border-radius: 0px 0px 10px 10px;
}
/* END Blog Posts Mods */
/* END Blog Mods */
/* START Search Template Edits */
/*** Search Index ***/
 input#adv-search-text {
	border-radius: 5px !important;
	border: solid 2px #4f8ffe;
 	color: #333 !important;
}
 .search h1 {
	background: none;
 	padding: 0;
 	color: black;
 	margin-bottom: 10px;
 	text-transform: none;
	border-left: none !important;
}
 .search-subtitle {
 	font-weight: 400;
 	font-size: 1.2rem;
}
 .entry-title a {
 	color: black;
}
 .entry-title a:hover {
 	text-decoration: underline;
}
 .search .entry-summary, .search .entry-summary p {
 	font-size: 1rem;
 	line-height: 1.2;
}
 .search .hentry {
	background: none;
	border-bottom: 1px solid #d4d4d4;
	border-right: none;
	border-top: none;
	border-left: none;
	box-shadow: none;
 	margin: 0px;
 	padding-top: 1em;
 	padding-bottom: 1em;
}
 .search-controls h2 {
	background-color: #fff;
 	padding: 40px 30px 10px 30px;
	border-radius: 10px 10px 0px 0px;
 	margin-bottom: 0px !important;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
 .search-controls .control-panel {
	background-color: #fff;
 	padding: 10px 30px 20px 30px;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-radius: 0px 0px 5px 5px;
}
/* END Serch Template Edits */
/* END TEMPLATE EDITS */
/*/
////////////////////////////////////////////////////////
/*/
/* Footer */

#mega-menu-wrap-menu-footer-2 #mega-menu-menu-footer-2 {
	display: grid;
	column-gap: 1rem;
	row-gap: 1rem;
	grid-template-columns: repeat(5,1fr);
}

 .site-footer {
 	margin-bottom: 0;
}
 .site-footer::after {
 	display: none;
}
 .septa-footer {
	background-color: #000000;
}
 .footer-logo {
 	max-width: 260px;
}
 .footer-content {
 	padding: 40px 0px;
}
 .footer-menu-grid {
 	display: grid;
     grid-template-columns: repeat(5, 1fr);
     grid-gap: 2.5rem 1rem;
 	font-size: 1.2rem;
 	line-height: 1.7;
}
 .footer-menu-main {
 	padding-top: 2rem;
}
 .footer-menu-grid .menu-item-has-children a {
 	color: #99c2ff;
 	font-weight: 600;
 	padding-bottom: 5px;
}
 .footer-menu-grid .sub-menu a {
 	color: #fff !important;
 	font-weight: 400;
 	padding-bottom: 2px;
}
 .submenu-toggle {
 	display: none;
}
 .footer-brand {
 	padding: 2.5em 0 1em 0;
 	display: flex;
     justify-content: space-between;
	border-bottom: 3px solid #f14728;
}
 .logo-name {
 	color: #ffffff;
 	font-size: 1rem;
}
 .footer-text {
 	color: #cccccc;
 	font-size: 1rem;
}
 .footer-social a, .footer-social a:visited {
 	color: #000;
 	width: 2.5rem;
	height: 2.5rem;
}

.footer-social a:hover,.footer-social a:focus,.footer-social a:active {
    background: #999;
    border-color: #fff;
    color: #fff
}

 .footer-end {
 	padding: 2.5em 0 1em 0;
 	display: flex;
     justify-content: space-between;
}

/* Live chat button styles */
.live-chat-offline .kt-infobox-textcontent {
	opacity: 0.5;
  }
  
  .live-chat-offline .kt-blocks-info-box-media-container {
	opacity: 0.75;
  }
/* End of live chat button styles */

/*NOV_23 Naviagtion Search Update */
 @media screen and (max-width: 1100px) {
     .site-header-content.flex {
     	display: flex;
     	flex-wrap: wrap;
    }
     .site-header .container {
     	padding: 0 20px;
    }
     .site-header-translate {
     	order: 2;
     	margin: auto 20px auto 0;
    }
     .site-header-tools {
     	flex-basis: 100%;
     	order: 4;
     	padding-left: 0px;
     	padding-bottom: 15px;
    }
     .main-navigation {
     	order: 3;
     	margin-left: 0px;
     	margin-right: 0px;
    }
     .site-logo {
     	margin-right: 0px;
    }
}
 @media screen and (min-width: 781px) {
     .single-stop-button-group {
         grid-template-columns: 1fr 1fr;
    }
}
 .color-box {
 	width: 100px;
	height: 100px;
 	margin: 0px auto;
}
 .color-label {
 	font-family: Arial, sans-serif;
 	font-size: 14px;
 	margin-top: 5px;
 	text-align: center;
}
 .color-label div p {
 	margin: 0px !important;
}
 .color-label > div > p:last-child {
 	font-size: 14px;
 	color: #c4c4c4;
}

/* Large devices (laptops/desktops, On screens that are 992px wide or less) */
 @media only screen and (max-width: 992px) {
    /* NEWS BLOG */
     .news-wrapper .post-contents {
         grid-template-columns: repeat(3, 1fr);
         grid-gap: 2.5rem 1rem;
    }
    /*Footer*/
     .footer-menu-grid {
         grid-template-columns: repeat(3, 1fr);
         grid-gap: 2.5rem 1rem;
    }
     .footer-end {
     	flex-direction: column;
     	text-align: center;
    }
}
/* MOBILE Menu Toggle */
 @media screen and (max-width: 940px) {
     .menu-toggle {
     	display: none;
    }
}
/*NOV_23 Naviagtion Search Update */
 @media screen and (max-width: 785px) {
     .search-controls .control-panel {
    	border-top: none;
    }
     .site-logo {
     	max-width: 160px;
    }
     .site-header-translate {
     	margin-right: 10px;
    }
}
/* Medium devices ( On screens that are 768px wide or less) */
 @media screen and (max-width: 768px) {
    /* Mobile Menu */
     #mega-menu-wrap-menu-header .mega-menu-toggle + #mega-menu-menu-header {
    	background: #333;
    }
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link {
     	font-size: 1.8rem;
    	border-bottom: 2px solid #cecece;
    	height: 80px;
     	line-height: 80px;
    }
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    	border-bottom: none;
    }
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu {
    	background: #000;
     	padding-top: 1rem;
     	padding-bottom: 2.5rem;
    }
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    	border-bottom: 2px solid #cecece;
    }
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu {
     	padding: 0px 0px 0px 0px;
    }
    /*2nd level title */
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
     	font-size: 1.6rem;
     	padding: 20px 0px 10px 0px;
    }
    /*Main Link*/
     #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
     	font-size: 1.4rem;
    }
     #mega-menu-10822-0 {
     	display: flex;
    }
     .mega-menu-item-13222 {
     	order: 1;
    }
     .mega-menu-item-reblex-widget-4 {
     	order: 2;
    }
     .site-logo img {
     	width: 200px;
     	max-height: 65px;
    }
     .site-branding {
     	position: absolute;
         z-index: 9;
    }
}
 @media screen and (max-width: 800px) {
     .menu-toggle {
     	display: none;
    }
}
/* Medium devices ( On screens that are 768px wide or less) */
 @media screen and (max-width: 768px) {
    /* blog controls */
     .control-category, .control-tag, .control-year, .control-language {
     	width: 100%;
     	padding-bottom: 15px;
    }
    /*page header*/
     .h1 {
     	line-height: 2rem;
     	padding-top: 1rem;
    }
     .wp-block-column.rborder {
    	border-right: none;
     	padding-right: 0;
    }
    /* NAV */
     .menu-toggle {
     	display: none;
    }
     .site-branding {
     	position: absolute;
         z-index: 9;
    }
    /* Page Header Image */
     .page-header-image {
    	box-shadow: none;
     	color: #1a1818;
     	font-size: 2rem;
     	min-height: 4rem;
    }
     .control-panel {
    	border: 1px solid #dfdfdf;
    }
    /* Events */
     .event-controls {
     	padding-left: 0px;
    }
     .event-controls .control-panel {
    	background-color: #fff;
     	padding: 1rem 1.5rem 1rem 1.5rem;
    }
     .event-controls h2 {
    	background-color: #fff;
     	padding: 0px;
    }
    /* End Events */
    /* Bids */
     .bid-controls {
     	padding-left: 0px;
    }
     .bid-controls .control-panel {
    	background-color: #fff;
     	padding: 1rem 1.5rem 1rem 1.5rem;
    }
     .bid-controls h2 {
     	padding: 0px;
    	border-radius: 0px;
    }
    /* End Bids */
    /* Bulletins */
     .bulletin-controls {
     	padding-left: 0px;
    }
     .bulletin-controls .control-panel {
    	background-color: #fff;
     	padding: 1rem 1.5rem 1rem 1.5rem;
    }
     .bulletin-controls h2 {
     	padding: 0px;
    	border-radius: 0px;
    }
    /* End Bulletins */
    /* Meetings */
     .meeting-controls {
     	padding-left: 0px;
    }
     .meeting-controls .control-panel {
    	background-color: #fff;
     	padding: 1rem 1.5rem 1rem 1.5rem;
    }
     .meeting-controls h2 {
     	padding: 0px;
    	border-radius: 0px;
    }
    /* End Meetings */
    /* NEWS BLOG */
     .news-wrapper .post-contents {
         grid-template-columns: repeat(2, 1fr);
         grid-gap: 2.5rem 1rem;
    }
    /* Column-Reverse */
     .column-reverse {
     	flex-direction: column-reverse;
    }
    /*Footer*/
     .footer-menu-grid {
         grid-template-columns: repeat(2, 1fr);
         grid-gap: 2.5rem 1rem;
    }
     .footer-logo {
     	max-width: 260px;
     	margin: 0 auto;
    }
     .footer-brand {
     	flex-direction: column;
     	align-items: center;
    }
}
/* Extra small devices (On screens that are 600px wide or less) */
 @media screen and (max-width: 600px) {
     .site-logo img {
     	width: 165px;
     	max-height: 65px;
    }
    /*Metro-banner */
     .metrobanner-wrapper {
     	flex-direction: column;
    }
    /*Footer*/
     .footer-menu-grid {
         grid-template-columns: repeat(1, 1fr);
         grid-gap: 2.5rem 1rem;
    }
    /* NEWS BLOG */
     .news-wrapper .post-contents {
         grid-template-columns: repeat(1, 1fr);
         grid-gap: 2.5rem 1rem;
    }
    /* Fares */
     .fare-tabs ul.kt-tabs-title-list.kb-tab-title-columns-4 > li {
     	flex: 0 1 calc(100%);
    }
     .fare-tabs ul.kt-tabs-title-list.kb-tab-title-columns-4 > li:not(:nth-child(3n)) {
     	margin-right: 0px !important;
    }
}
/* Fare Card Mobile Fix (On screens that are 450px wide or less) */
 @media screen and (max-width: 450px) {
     .fare-card {
         gap: 0.5rem;
    }
     .fare-card .wp-block-column {
     	flex-basis: 100% !important;
     	width: 100%;
    }
     .fare-card .fare-card-text {
     	text-align: left;
    }
	.site-logo img {
		width: 145px;
   }
}

/* Logo Mobile Fix (On screens that are 450px wide or less) */
@media screen and (max-width: 375px) {
	.site-logo img {
		width: 95px;
   }
 }

/* Logo Mobile Fix (On screens that are 450px wide or less) */
@media screen and (max-width: 320px) {
   .site-logo img {
	   width: 65px;
  }
}

/* Planning Pages */
/* full width footer */
/* #primary.site-main {
 	margin-bottom: 0px !important;
}
 */
 p.no-margin-bottom {
 	margin-bottom: 0px !important;
}