/* GENERAL TAG */
html, body{
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    height: 100%;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    padding-top: 100px;
}
header{
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(0,0,0,.5);
    z-index: 100;
}
main{
    display: block;
    background: #fff;
}
#skip-link {
    position: absolute;
    top: -5rem;
}

body.fixedPosition{
    position: fixed;
}

main section, footer > .column-thirds, #copyright{
    display: block;
    margin: 0px auto 0px;
    max-width: 1140px;
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main section{
    margin: 0px auto 30px;
}
main section.page-hero+section.content-slim{
    margin: -30px auto 0px;
}
nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main{
    position: relative;
    z-index: 10;
}
footer{
    background: #1c2439;
    color: #fff;
    padding: 30px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Helvetica Neue", Helvetica;
    font-weight: bold;
}

h1 {
    color: #3b5aa8;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 48px;
    margin: 0 0 32px 0;
}
h2 {
    color: #3b5aa8;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 38px;
    margin: 0 0 28px 0;
}
h3 {
    color: #3b5aa8;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 22px 0;
}
h4 {
    color: #3b5aa8;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 20px 0;
}
h5 {
    color: #3b5aa8;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 16px 0;
}
h6 {
    color: #3b5aa8;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 12px 0;
}

p{
    margin: 0px 0px 30px 0px;
}
.half-paragraph p {
    margin: 0 0 16px 0;
}
p:empty {
    display: none;
}
input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.break{
    clear: both;
}

/* section header custom css */

body.page-id-11930 section.headline.page-hero {
    height: 500px !important;
}



/* COLORS */
.color-red-normal {color: #ce5151 !important;}
.color-red-hover {color: #961e1e !important;}
.color-blue-dark {color: #1c2439 !important;} /* footer bkgd */
.color-blue-normal {color: #3b5aa8 !important;} /* headers */
.color-blue-light {color: #5b76bd !important;} /* nav hover */
.color-green-normal {color: #68bd45 !important;} /* links */
.color-cyan-normal {color: #38b2e6 !important;} /* search */
.color-cyan-dark {color: #1397d0 !important;} /* search icon */
.color-gray-dark {color: #444 !important;}
.color-gray-light {color: #eee !important;}
.color-gray-medium {color: #999 !important;} /* breadcrumbs */
.color-orange {color:#f08c36 !important;} /* rss */
.color-yellow-dark {color:#ffd54f !important;}
.color-yellow-medium {color:#ffecb3 !important;}
.color-yellow-light {color:#fff7e1 !important;}
.color-white {color: #fff !important;}
.color-black {color: #000 !important;}

.highlight {
    width: 1em;
    margin-right: 8px;
    padding: 5px;
    border-radius:50%;
    text-align:center;
    color:#fff;
}
.highlight-red { background-color: #ce5151; }
.highlight-cyan { background-color: #38b2e6; }

/* ICONS */
.callout-icon-note {
    font-size: 3em;
    float: left;
    padding-right: 16px;
}

/* HEADER */
header nav ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header nav > ul > li{
    display: block;
    float: left;
}

header #logo{
    display: inline-block;
    height: 60px;
    overflow: hidden;
}
header #logo img{
    width: auto;
    height: 65px;
    padding: 0px 10px 0px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* SERVICE ALERTS */
nav#service-alerts{
    background-color: #cc4a4a; /* was ce5151 */
    height: 40px;
    line-height: 40px;
    /* padding: 0px 15px; -- JAY 10/5 */
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 200;
    min-width: 0%;
    width: 180px;
    text-align: center;


    -webkit-transition: min-width .25s ease-in, height .25s ease-in;
    -moz-transition: min-width .25s ease-in, height .25s ease-in;
    transition: min-width .25s ease-in, height .25s ease-in;

}
nav#service-alerts a.nav-button{
    display: block;
}

nav#service-alerts .fa{
    color: #961e1e;
}
nav#service-alerts a, nav#service-alerts a:link, nav#service-alerts a:active, nav#service-alerts a:visited {
    color: #fff;
    text-decoration: none;
}
nav#service-alerts a:hover{

}

nav#service-alerts #service-alerts-modial{
    display: block;
    width: 0%;
    /* height: 0px; */
    overflow: hidden; /* IF THERE ARE PROBLEMS... */
    max-width: 900px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav#service-alerts.open #service-alerts-modial{
    width: 100%;
    /* overflow: auto; */
    padding: 50px 30px;
    margin: auto;
    /* height: auto; */
}
#service-alerts-modial h3{
    font-size: 4.5em;
    color: #961e1e;
    font-weight: 700;
    width: 0%;
    overflow: hidden;

    opacity: 0;
    transform: translateY(100px);
}


nav#service-alerts.open #service-alerts-modial h3{
    margin-bottom: 0px;
    width: 100%;
    overflow: inherit;

    font-size: 4.5em;
    border-bottom: 1px solid rgba(150, 30, 30, .5);
    color: #961e1e;
    font-weight: 700;

    opacity: 1;
    transform: translateY(0px);

    -webkit-transition: opacity .7s, transform .7s;
    -moz-transition: opacity .7s, transform .7s;
    transition: opacity .7s, transform .7s;

    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}



nav#service-alerts.open{

    min-width: 100%;
    height: 100%;
    z-index: 20000;

    -webkit-transition: min-width .4s, height .4s;
    -moz-transition: min-width .4s, height .4s;
    transition: min-width .4s, height .4s;
}
nav#service-alerts.open > a{
    opacity: 0;
    /*
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	*/
}
nav#service-alerts.open span.close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
nav#service-alerts.open span.close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
nav#service-alerts.open span.close::before, nav#service-alerts.open span.close::after {
    background: #000;
    content: '';
    height: 100%;
    left: 50%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 2px;
}

nav#service-alerts.open span.close:hover::before, nav#service-alerts.open span.close:hover::after {
    opacity: 1;
}

nav#service-alerts span.close{
    opacity: 0;

    transform: scale(1);
}
nav#service-alerts.open span.close {
    cursor: pointer;
    height: 36px;
    opacity: 1;
    overflow: hidden;
    /* pointer-events: none; */
    position: absolute;
    right: 1em;
    text-indent: 100%;
    top: 1em;
    width: 36px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    transform: scale(1);

    -webkit-transition: opacity .3s, transform .3s;
    -moz-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;

    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

nav#service-alerts #service-alerts-modial li{
    position: relative;
    padding: 30px 0px;
    margin: 0px;
    opacity: 0;
    transform: translateY(100px);

    border-bottom: 1px solid rgba(150, 30, 30, .5);

    /*
	-webkit-transition: opacity .4s, transform .4s;
	-moz-transition: opacity .4s, transform .4s;
	transition: opacity .4s, transform .4s;

	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	 */
}


nav#service-alerts .last-updated{
    font-size: 14px;
    display: none;
    text-align: center;
    line-height: 20px;
    margin-top: 60px;
}

nav#service-alerts .last-updated span{
    /* color: #ce5151; */
    color: rgb(150,30,30);
    /* text-shadow: 2px 2px 0px rgba(150,30,30,.8); */
    /* background: rgba(150, 30, 30, .2); */
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
}

nav#service-alerts.open .last-updated{
    display: block;
}

nav#service-alerts.open #service-alerts-modial li{
    opacity: 1;
    transform: translateY(0px);

    -webkit-transition: opacity .7s, transform .7s;
    -moz-transition: opacity .7s, transform .7s;
    transition: opacity .7s, transform .7s;

    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

#service-alerts-modial li h4{
    font-weight: 400;
    letter-spacing: 0.03em;
    text-shadow: 2px 2px 0px rgba(150,30,30,.8);
    font-size: 28px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

#service-alerts-modial li time{
    font-size: 14px;
    display: block;
    line-height: 20px;
}

ul.current-service-alerts{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

nav#service-alerts.open{
    overflow: auto;
}

nav#service-alerts.open span.close{
    position: fixed;
}

nav#service-alerts.open #service-alerts-modial{
    padding: 30px 50px 30px 15px;
}


#emergency{
    background-color:#CE5151;
    color:#fff !important;
    padding: 15px 30px;
    text-align:center;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-shadow: 2px 2px 0px rgba(150,30,30,.5);
    line-height: 20px;
    position: relative;

    text-transform: uppercase;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#emergency .icon{
    width: auto;
    height: 90%;
    position: absolute;
    left: 10px;
    top: 5%;
    display: block;
    opacity: .5;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 600px) and (min-width: 200px){
    #emergency .icon{
        display: none;
    }
}





/* GENERAL PAGE STYLES */
section.headline{
    padding: 20px 0px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section.headline.page-hero{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px rgba(0,0,0,.15);
    height: 350px;
    max-width: none;
    padding: 30px 0px 0px;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section.headline.page-hero > div{
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    /* margin: auto;
	max-width: 1140px;
	padding: 225px 0px 0px;
	 */
}
section.headline.page-hero h1{
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 0.01em;
    margin: 0px auto 5px;
    max-width: 1140px;
    text-shadow: 1px 1px 8px rgba(0,0,0,.8);
}
section#announcements h3{
    color: #fff;
    letter-spacing: 0.01em;
    margin: 0px auto 5px;
    max-width: 1140px;
    text-shadow: 2px 2px 2px rgba(0,0,0,.35);
}
section#announcements ul{
    margin-bottom: 30px;
}

section#announcements ul li:nth-child(n+4){
    margin-top: 30px;
}

main section a, main section a:link, main section a:active, main section a:visited {
    border-bottom: 0px;
    color: #68BD45;
    font-weight: bold;
    text-decoration: none;
}
main section a:hover{
    border-bottom: 1px dotted #68BD45;
}


/* TOP NAV(S) */
nav#top{
    font-weight: 300;
    line-height: 40px;
    height: 40px;
    background: #3b5aa8;
}
nav#top li{
    font-size: 15px;
    line-height: 40px;
    padding: 0px 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav#top li:hover{
    background: #5b76bd;
}
nav#top a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
nav#top li.search{
    background: #38b2e6;
    padding: 0px;
    width: 135px;
}
nav#top li.search .fa{
    background: #1397d0;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    width: 40px;
}
nav#primary{
    height: 60px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
nav#primary ul > li{
    padding: 0px 30px 0px 15px;
    position: relative;
    height: 60px;
    line-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav#primary ul a, nav#primary ul a:link, nav#primary ul a:active, nav#primary ul a:visited {
    color: #3b5aa8;
    display: block;
    font-size: 24px;
    height: 100%;
    text-decoration: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav#primary ul a.submenu:hover, nav#primary ul a.submenu.hl{
    border-bottom: 4px solid #3b5aa8;
}
nav#primary ul li:first-child{
    padding: 0px;
}

#submenu{
    display: none;
    background: #fff;
    border-top: 1px solid rgba(59, 90, 168, .15);
    box-shadow: 0px 5px 10px rgba(0,0,0,.25);
    font-size: 16px;
    left: 0px;
    line-height: 26px;
    padding: 15px 30px 15px 0px;
    position: absolute;
    top: 100px;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#submenu h5{
    color: #444;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    line-height: 26px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#submenu h5 + h5 {
    margin-top: 30px;
}
#submenu h5.single-nav-heading {
    margin-top: 30px;
}

#submenu .group ul{
    padding: 0px 15px 20px 0px;
}
#submenu .group ul > li{
    border-top: 0px solid rgba(59, 90, 168, .15);
}
#submenu .group{
    border-left: 1px solid rgba(59, 90, 168, .15);
    display: inline-block;
    padding-left: 15px;
    vertical-align: top;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#submenu div > .group:first-child{
    border-left: none;
    padding-left: 0px;
}
#submenu a, #submenu a:link, #submenu a:active, #submenu a:visited {
    color: #3b5aa8;
    text-decoration: none;
}
#submenu li a:hover{
    background: rgba(59, 90, 168, .05);
}

#submenu-img {
    width: 300px;
    height: 250px;
    float: left;
    margin-right: 50px;
    /* background: rgba(255,0,0,.1); */
    display: inline-block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#submenu-img.passengers{
    background: url(../../images/nav/passengers.png) top right no-repeat;
}

#submenu-img.agency{
    background: url(../../images/nav/agency.png) top right no-repeat;
}

#submenu-img.business{
    background: url(../../images/nav/business.png) top right no-repeat;
}

#mobile-home{
    display: none;
}
#hamburger{
    display: none;
}
#menu-close-mobile{
    display: none;
}
#mobile-menu-tabs{
    display: none;
}


/* FOOTER */
footer nav ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
footer nav ul li{
    line-height: 40px;
    border-top: 1px solid rgba(255,255,255,.05);
}
footer a, footer a:link, footer a:active, footer a:visited {
    color: #fff;
    text-decoration: none;
}
footer a:hover{
    color: #38b2e6;
}
footer h4{
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.05em;
    margin: 0px 0px 15px 0px;
    text-shadow: 2px 3px 3px rgba(0,0,0,.35);
}
footer form{
    padding-top: 30px;
}
#copyright{
    color: #7F8CA3;
    font-size: 14px;
    line-height: 16px;
    padding-top: 30px;
    text-align: center;
}
#social{
    padding-top: 30px;
}
#social a span{
    display: none;
}
#social a, .social a {
    background: #68bd45;
    border-radius: 18px;
    color: #fff !important;
    display: inline-block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    text-align: center;
    text-shadow: 2px 3px 3px rgba(0,0,0,.15);
    width: 36px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#social a:hover, .social a:hover {
    background: #1397d0;
    text-shadow: 1px 2px 2px rgba(0,0,0,.5);
}



/* SPECIAL PLACES */
#alerts-signup, .alerts-signup{
    margin-bottom: 0px;
    padding: 30px 0px;
    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#alerts-signup h3{
    line-height: 50px;
    display: inline-block;
    margin: 0px;
}
#alerts-signup .error, #alerts-signup .thank-you{
    display: none;
}

#signup-alerts{
    display: inline;
    padding-left: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#signup-alerts input, #signup-alerts button{
    display: inline;
}
#signup-alerts button{
    border-radius: 0px 3px 3px 0px;
}
#signup-alerts input[type=text]{
    width: 400px;
}


/* POST META FOOTER */
#post-meta-footer{
    border-top: 1px solid #eee;
    padding-top: 15px;
    overflow:auto;
    padding-bottom: 45px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#post-meta-footer time{
    float: right;
}

#post-meta-footer ul.tags{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

#post-meta-footer ul.tags > li{
    display: inline;
    padding-right: 5px;
    white-space: nowrap;
}


/* WOOCOMMERCE */
.woocommerce-message, .woocommerce-privacy-policy-text{
    background: #eee;
    margin: 0px auto 30px;
    max-width: 75%;
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #ddd;
    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.woocommerce-privacy-policy-text{
    margin-top: 30px;
    width:100%;
    max-width: none;
    padding: 30px;
}
.woocommerce-privacy-policy-text > p{
    margin: 0px;
    padding: 0px;
}
.woocommerce-notices-wrapper{
    padding-bottom: 60px;
}
.woocommerce-notices-wrapper:empty{
    padding-bottom: 0px;
    display: none;
}
.woocommerce-notices-wrapper .woocommerce-message a.wc-forward{
    display: none;
}
.woocommerce-product-gallery, div.product .summary h1, div.product h3.gform_title, .woo-commerce-template .product_totals, .woo-commerce-template .quantity, .woo-commerce-template .product_meta{
    display: none;
}
.woocommerce table.cart .product-thumbnail{
    display: none;
}
main .woocommerce table.cart .product-name p{
    margin: 0px;
    padding: 0px;
}
.variation-PaymentAmount, .variation-Total{
    display: none;
}
.woocommerce .variation dd{
    margin-left: 0px;
    padding-left: 0px;
}
.woocommerce .variation p{
    margin: 0px;
    padding: 0px;
}
.woocommerce table.cart tbody tr, .woocommerce table.cart thead tr{
    border-bottom: 1px solid #eee;
}
.woocommerce table.cart .product-remove{
    font-size: 40px;
}
.woocommerce .variation{
    font-size: 14px;
    line-height: 18px;
    margin: 0px;
}
.woocommerce table.cart .product-subtotal, .woocommerce-checkout-review-order-table .product-total{
    text-align: right;
}
.woocommerce table.cart .screen-reader-text{
    display: none;
}
.woocommerce table.cart .actions{
    text-align: right;
}
.woocommerce .cart-subtotal td, .woocommerce .order-total td, .woocommerce .cart-subtotal th, .woocommerce .order-total th{
    text-align: right;
}
.woocommerce .cart-subtotal td, .woocommerce .order-total td{
    width: 20%;
}
.woocommerce .cart-subtotal th, .woocommerce .order-total th{
    width: 80%;
}
.cart_totals  h2{
    text-align: right;
}
.wc-proceed-to-checkout{
    text-align: right;
}
.woocommerce .cart-collaterals{
    padding-top: 30px;
}
.variation ul{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.woocommerce table.cart .product-quantity input.qty{
    width: 80px;
    text-align: center;
}
.wc-proceed-to-checkout{
    padding-top: 15px;
}
.woocommerce-checkout-review-order-table thead tr{
    border-bottom: 1px solid #eee;
}
.woocommerce-checkout-review-order-table tbody tr.cart_item{
    border-bottom: 1px solid #eee;
}
.woocommerce #payment ul.payment_methods{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.payment_method_elavon_converge_credit_card > p{
    margin: 0px;
    font-weight: bold;
}


/* BULK SALES */

#bf-continue{
    display: none;
}

#hrt-bulk-form #products input[type=text]{
    width: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hrt-bulk-form .quan{
    width: 100px;
    text-align: center;
}

#hrt-bulk-form .item-cost{
    text-align: right;
}

#hrt-bulk-form #products input.subtot, #hrt-bulk-form #products #shipping_cost{
    width: 200px;
    color: #666;
    text-align: right;
}

#hrt-bulk-form .subtot, #hrt-bulk-form #shipping_cost, #hrt-bulk-form #products input#total_price{
    text-align: right;
    background: transparent;
    border: 1px solid transparent;
    width: 200px;
    color: #666;
}

#hrt-bulk-form #products{
    border-collapse: collapse;
    border:0px;
    margin-top: 30px;
}

#hrt-bulk-form #products tr:nth-child(2n){
    background: #eee;
}
#hrt-bulk-form #products td{
    line-height: 50px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hrt-bulk-form label.shipping{
    display: block;
    text-align: right;
}

#hrt-bulk-form #above-limit{
    display: none;
}

#hrt-bulk-form input[type="submit"]:disabled {
    opacity: .5;
}

#hrt-bulk-form .the-item{
    width: 60%;
}

#hrt-bulk-form td.desc{
    white-space: nowrap;
}

/* MOBILE TICKETING PAGE */
h1.ticketing {
    color: #1397d0;
    text-shadow: 1px 1px 0 #000;
    font-weight: bold;
    font-size: 80px;
    line-height: 80px;
}
div.ticketing-routes {
    width: 82%;
}
div.ticketing-routes p {
    font-size: 28px !important;
    line-height: 140% !important;
    text-align: center;
}
.ticketing-route-number {
    background: #fff;
    padding: 5px;
    border-radius: 20px;
}
.ticketing-wave {
    width: 570px;
    position: absolute;
    bottom:-38px;
    right:0;
}
.ticketing-mailto {
    background-color: #fff;
    padding: 5px;
    border-radius: 8px;
}
.ticketing-column-halves {
    width: 70%;
    margin-left: 7% !important;
}
.column-halves a:hover {
    border-bottom: 0;
}

@media screen and (max-width: 600px) and (min-width: 200px){

    h1.ticketing {
        font-size: 50px;
        line-height: 55px;
    }
    div.ticketing-routes {
        width: 100%;
    }
    div.ticketing-routes p {
        font-size: 22px !important;
        line-height: 170% !important;
    }
    .ticketing-hide {
        display: none;
    }
    .ticketing-column-halves {
        width: auto;
        padding: 1em 10% 0 !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
}


/* UPCOMING */
@media screen and (max-width: 767px) and (min-width: 200px){
    div#upcoming-component table.SimpleCalendar {display: none;}
}

#upcoming-component .SimpleCalendar td > div{
    min-height: 80px;
}
table.SimpleCalendar td time{
    display: block;
    text-align: right;
    font-weight: bold;
}

#upcoming-component caption{
    text-align: left;
}

#upcoming-component table h5{
    color: #3b5aa8;
    font-size: 28px;
    letter-spacing: 0;
    line-height: initial;
    margin: 0px;
}

#upcoming-component table.SimpleCalendar th{
    font-size: 16px;
    line-height: 16px;
}

#upcoming-component table.SimpleCalendar .has-events{
    display: block;
}

#upcoming-component table.SimpleCalendar{
    border-bottom: 1px solid #999;
}
#upcoming-component table.SimpleCalendar tbody tr{
    border-left: 1px solid #999;
}


#upcoming-component table.SimpleCalendar td{
    padding: 5px;
    width: 14.285%;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

#upcoming-component table.SimpleCalendar a.date-link{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;

    max-width: 90px;
    text-overflow: ellipsis;
}
ul.event-list-ul{
    list-style-type: none;
    padding: 15px 0px 0px;
    margin: 0px 0px 30px;
}

ul.event-list-ul > li{
    border-top: 1px solid #eee;
    padding: 5px 0px;
}

ul.event-list-ul li:first-child{
    border-top: none;
}


/* MEDIA KIT */

ul.media-kit-items{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.media-kit-items > li{
    display: inline-block;
    padding: 0px 30px 30px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.media-kit-items > li img{
    max-width: 182px;
    display: block;
}



/* ROUTES PAGES */
table.mobile-scroll-horiz{
    position: relative;
}
table.mobile-scroll-horiz::before{
    content: "\f07e";
    font-family: FontAwesome;
    position: absolute;
    top: -25px;
    left: 0px;
    width: 85vw;
    text-align: right;
    font-size: 30px;
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: .15;
    }
}

.schedule h5{
    margin-bottom: 5px;
}
.route-page .pdf-schedule{
    float: left;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.route-schedule{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 30px;
}
.route-schedule td{
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 14px;
    white-space: nowrap;
}

.route-schedule td.fryday{
    background-image: url(../../images/stripe.png);
}

.route-schedule th{
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 14px;
}
.route-schedule .collapsible{
    display: none;
}
section.schedule{
    border-bottom: 1px solid #ddd;
}
section.schedule > h3{
    cursor: pointer;
}
section.schedule > h3::before{
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 15px;
}
section.schedule.show > h3::before{
    content: "\f078";
    font-family: FontAwesome;
    margin-right: 15px;
}
section.schedule > div{
    display: none;
}
section.schedule.show > div{
    display: block;
}
h1 .rt-desc{
    font-size: 30px;
    display: block;
}
div.toggle-bar{
    float: right;
}
a.toggle-collapsible span.upcoming{
    display: none;
}
a.toggle-collapsible.toggle > span.upcoming{
    display: inline;
}
a.toggle-collapsible.toggle > span.full{
    display: none;
}
.toggle .route-schedule .collapsible{
    display: table-row;
}
.times td{
    text-align: right;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
}
.route-schedule td{
    padding: 5px;
    line-height: 20px;
}
.route-schedule tr.times:hover{
    background: rgba(56, 178, 230, .25);
}

.route-schedule th.rotate {
    height: 140px;
    font-size: 11px;
    vertical-align: bottom;
    position: relative;
}

.route-schedule th.rotate > div {
    position: relative;
    width: 100%;
    min-width: 20px;
    height: 0px;
    /* padding: 0px 0px 0px 5px; */
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.route-schedule th.rotate > div > span {
    display: block;
    text-align: left;
    line-height: 12px;
    /* letter-spacing: 0.03em; */
    writing-mode: vertical-rl;
    height: 120px;
    transform: rotateZ(180deg);
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.route-schedule td.empty{
    background: rgba(238,238,238,0.5);
    color: #ccc;
    text-align: center;
}

table.route-schedule th.collapse, table.route-schedule td.collapse{
    display: none;
}



/* CALENDAR OPTIONS MODAL */
#calendar-modal{
    color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    background: rgba(0,0,0,.1);
    z-index: 10000;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#calendar-modal .box{
    background: #68bd45;
    margin: 0px auto;
    width: 500px;
    height: auto; /* was 500 */
    padding: 30px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 3px 3px 10px #aaa;
}
#calendar-modal h3{
    margin-top: 20px;
}
#calendar-modal h5 {
    color:#fff;
    text-shadow: 2px 3px 3px rgba(0,0,0,.35);
    margin-top: 42px;
    margin-bottom: 8px;
}
#calendar-modal a {
    text-decoration: none;
    background-color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
}
#calendar-modal a:hover {
    color: #68bd45;
}
#calendar-modal span.close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#calendar-modal span.close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#calendar-modal span.close::before, #calendar-modal span.close::after {
    background: #000;
    content: '';
    height: 100%;
    left: 50%;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 2px;
}
#calendar-modal span.close:hover::before, #calendar-modal span.close:hover::after {
    opacity: 1;
}
#calendar-modal span.close {
    cursor: pointer;
    height: 36px;
    opacity: 1;
    overflow: hidden;
    /* pointer-events: none; */
    position: absolute;
    right: 1em;
    text-indent: 100%;
    top: 1em;
    transform: scale(1);
    width: 36px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    transform: scale(1);

    -webkit-transition: opacity .3s, transform .3s;
    -moz-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;

    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}




/* QUICKLINKS & FAVES */
#where-to-buy{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#where-to-buy > li{
    line-height: 18px;
    padding: 15px 0px;
}
/* #where-to-buy a, #where-to-buy a:link, #where-to-buy a:active, #where-to-buy a:visited {
	color: #fff;
	font-weight: normal;
} */

#where-to-buy a:hover{

}
.wtb-business{
    display: block;
}

.wtb-address{
    font-size: 12px;
}

.wtb-address .space{
    display: inline-block;
    width: 5px;
}

#where-to-buy-table{
    width: auto;
    margin-bottom: 15px;
    /* margin: 0px auto; */
}

#where-to-buy-table span.or{
    margin-top: 12px;
}

#where-to-buy-results{
    /* padding-bottom: 30px; */
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#where-to-buy-results ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    column-count: 2;
    column-gap: 30px;
}
#where-to-buy-results ul > li{
    display: block;
    margin-bottom: 15px;

    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.distance-estimate, .address-estimate{
    font-size: 12px;
    color: #999;
}

.address-estimate{
    line-height: 14px;
    display: block;
}



/* SEARCH RESULTS */
div.favorite{
    text-align: right;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.add-favorite{
    /* color: #961e1e; */
    color: #ce5151;
    text-decoration: none;
}
a.add-favorite i::before{
    content: "\f08a";
}
.desktop-nav a.add-favorite:hover, a.add-favorite.clicked{
    color: #ce5151;
    border-bottom: none;
    text-decoration: none;
}
.desktop-nav a.add-favorite:hover i::before, a.add-favorite.clicked i::before{
    content: "\f004";

}

.map-nav{

    list-style-type: none;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.map-nav > li{
    display: block;
    float: left;
    line-height: 14px;
    padding: 0px 10px 10px;
    height: 85px;
    font-size: 13px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.map-nav.mobile-nav > li{
    width: 33.333%;
}
.map-nav > li i.fa{
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    width: auto;
    display: block;
    clear: both;
    margin: 0px auto 4px;
}

#show_google_map.grayed-out, #show_google_map.grayed-out:hover{
    color: #ccc;
    text-decoration: none !important;
    outline: none;
    border-bottom: none !important;
}






/* SEARCH RESULTS */
.search-result h5{
    font-size: 18px;
    margin-bottom: 0px;
}
.search-result p{
    margin-bottom: 0px;
}
.search-result{
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.search-result .url{
    display: block;
    line-height: 14px;
}
.search-result .url a{
    font-size: 12px;
    font-weight: normal;
}
.pagination{
    display: block;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination .current{
    background: #68bd45;
    box-shadow: 0px 3px 8px rgba(0,0,0,.25);
    color: #fff;
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    text-align: center;
    width: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination a.inactive{
    background: #fff;
    border: 1px solid #bbb;
    color: #555;
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    text-align: center;
    width: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination a.inactive:hover{
    background: #eee;
}


/* FORMS */
::-webkit-input-placeholder{
    color: rgba(255,255,255,.5);
    font-weight: 300;
}
::-moz-placeholder{
    color: rgba(255,255,255,.5);
    font-weight: 300;
}
:-ms-input-placeholder{
    color: rgba(255,255,255,.5);
    font-weight: 300;
}
:-moz-placeholder{
    color: rgba(255,255,255,.5);
    font-weight: 300;
}
input:-webkit-autofill{
    background: #38b2e6;
    color: #fff;
}
input[type=text], input[type=password], input[type=date], input[type=number], input[type=tel], input[type=email], input[type=time]{
    background: #38b2e6;
    border: none;
    border-collapse: collapse;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    letter-spacing: 0.08em;
    line-height: 50px;
    padding: 0px 15px;
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea{
    background: #38b2e6;
    border: none;
    border-collapse: collapse;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    height: 250px;
    letter-spacing: 0.08em;
    line-height: 24px;
    padding: 15px;
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button, section #mc-embedded-subscribe, #mc_embed_signup #mc-embedded-subscribe{
    background: #68bd45;
    border: none;
    border-collapse: collapse;
    border-radius: 3px;
    /* box-shadow: 0px 2px 5px rgba(0,0,0,.15); */
    color: #fff;
    font-size: 16px;
    height: 50px;
    letter-spacing: 0.08em;
    line-height: 50px;
    padding: 0px 15px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select{
    background: #38b2e6;
    border: none;
    border-collapse: collapse;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    letter-spacing: 0.08em;
    line-height: 50px;
    padding: 0px 60px 0px 15px;
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand{
    display: none;
}
.select-decoration{
    display: inline-block;
    position: relative;
    width: 100%;
}
.select-decoration::after{
    background: #1397d0;
    content: "\f078";
    font-family: 'FontAwesome';
    height: 50px;
    line-height: 49px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 50px;
}

section.content div.required label::after {
    content: " *";
    color: #ce5151;
}
div.required fieldset label::after {
    content: "";
}
div.required fieldset legend::after {
    content: " *";
    color: #ce5151;
}
div.form-item h4, div.form-item p {
    margin: 30px 0 15px;
}
div.form-item h4 + p {
    margin-top: 0;
}
div.form-item option {
    color: #fff;
}
div.form-item optgroup {
    color: #444;
}

.min-checkboxes{
    padding: 0px 0px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toggle-fields{
    display: none;
}

.error-message{
    display: none;
    border: 1px solid rgba(255,0,0,.35);
    background: rgba(255,0,0,.15);
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.error-message h4 {
    color: #900;
}

.form-item input.err-highlight, .form-item select.err-highlight, .form-item textarea.err-highlight {
    background-color: #ce5151;
}



#vendor-form h4{
    padding-top: 45px;
    clear: both;
    display: block;
    margin-bottom: 5px;
}

input[type=checkbox] + input.other{
    display: inline-block;
    width: 50%;
    max-width: 300px;
}


@media screen and (min-width:0\0){
    select{
        background:none\9;
        padding: 5px\9;
    }
}

.form-item{
    padding: 0px 0px 15px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-item > label{
    display: block;
}

.form-item.more{
    display: none;
}

.form-item.fifty{
    float: left;
    width: 50%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-item.fifty + .form-item.fifty{
    padding-left: 15px;
    padding-right: 0px;
}

.form-item.third {
    float: left;
    width: 33%;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-item.third + .form-item.third + .form-item.third {
    padding-left: 12px;
    padding-right: 0;
}


h3.fold{
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.error-message{
    display: none;
}

#job-application section{
    padding: 0px 15px;
}

#job-application .rows li, #job-application .rows label{
    margin-bottom: 5px;
}

#job-application ul.rows, #job-application ul.yes-no, #job-application .touch-radio ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#job-application ul.rows > li{
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#job-application #statement input[type=checkbox]{
    float: left;
    margin-top: 8px;
}

#job-application #statement input[type=checkbox] + p{
    padding-left: 30px;
}

#job-application .touch-radio input[type=radio], #job-application .yes-no input[type=radio]{
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
}

/* MULTI COLUMN LAYOUT */
.column-halves, .column-thirds, .column-two-thirds, .column-two-thirds-invert{
    clear: both;
    list-style-type: none;
    margin: 0px;
    overflow: auto;
    padding: 0px;
}
.column-halves > div, .column-halves > li{
    float: left;
    width: calc(50% - 15px);
}

.col2-set{
    overflow: auto;
    clear: both;
}

.col2-set > .col-1, .col2-set > .col-2{
    float: left;
    width: calc(50% - 15px);
}
.col2-set > .col-1{
    margin-right: 30px;
}


.column-halves > li:nth-child(2n+1), .column-halves > div:nth-child(2n+1){
    margin-right: 30px;
}
.column-thirds > div, .column-thirds > li, .column-thirds > nav{
    float: left;
    list-style-type: none;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    width: calc(33.333% - 20px);
}
.column-thirds > li:nth-child(3n+3), .column-thirds > div:nth-child(3n+3){
    margin: 0px;
}

.column-two-thirds > div, .column-two-thirds > li{
    float: left;
    width: calc(66.666% - 15px);
}

.column-two-thirds > div:last-child, .column-two-thirds > li:last-child{
    width: calc(33.3333% - 15px);
    margin-left: 30px;
}

/* Big cell on right */
.column-two-thirds-invert > div, .column-two-thirds-invert > li{
    float: left;
    width: calc(33.3333% - 15px);
}

.column-two-thirds-invert > div:last-child, .column-two-thirds-invert > li:last-child{
    width: calc(66.666% - 15px);
    margin-left: 30px;
}





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.hl-legend{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 15px;
}
.hl-legend > strong{
    clear: both;
    display: block;
}
.hl-legend > div{
    margin-bottom: 5px;
    border: 1px solid #eee;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 30px;
}
.hl-legend .red{
    display: inline-block;
    background: rgba(206, 81, 81, 0.65) !important;
    border-right: 1px solid #eee;
    width: 80px;
    height: 30px;
    line-height: 31px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hl-legend .yellow{
    display: inline-block;
    background: rgba(254, 252, 55, 0.65) !important;
    border-right: 1px solid #eee;
    width: 80px;
    height: 30px;
    line-height: 31px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hl-legend2{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 15px;
}
.hl-legend2 > strong{
    clear: both;
    display: block;
}
.hl-legend2 .red{
    display: inline-block;
    background: rgba(206, 81, 81, 0.65) !important;
    border-right: 1px solid #eee;
    height: 30px;
    line-height: 31px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hl-legend2 .yellow{
    display: inline-block;
    background: rgba(254, 252, 55, 0.65) !important;
    border-right: 1px solid #eee;
    height: 30px;
    line-height: 31px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hl-legend2 .green-stripe{
    background-image: url(../../images/stripe.png);
    display: inline-block;
    border: 1px solid #eee;
    height: 30px;
    line-height: 31px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* MESS FOR NOW */

div.blue-box{
    text-align: center;
    background-color:#3b5cab;
    color:#fff;

    padding: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}

div.blue-box a:link, div.blue-box a:active, div.blue-box a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

div.blue-box a:hover{

}


div.next-commission-meeting{
    padding-left: 40px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.next-commission-meeting::before{
    position: absolute;
    top: 10px;
    left: 0px;
    content: "\f073";
    font-family: FontAwesome;
    font-size: 30px;
}

.accountability-min{
    min-height: 40vh;
}

#customer-service-updates-share{
    padding-top: 120px;
}

#customer-service-updates-share .route-interruptions{
    font-size: 14px;
    max-width: 550px;
}

#customer-service-updates-share .upd{
    text-align: right;
    font-style: italic;
}


.route-interruptions{
    width: 100%;
    max-width: 500px;
    margin: 0px 0px 30px;
    border-collapse: collapse;
}

.route-interruptions .tme{
    width: 80px;
    text-align: right;
}

.route-interruptions h5{
    margin: 0px;
}

.hl-hdr{
    background: #eee;
}

.hl-cancelled{
    background: rgba(206, 81, 81, 0.65);
    vertical-align: middle;
}

.hl-delayed{
    background: rgba(254, 252, 55, 0.65);
    vertical-align: middle;
}


@media screen and (max-width: 900px) and (min-width: 200px){
    #customer-service-updates-share{
        padding-left: 15px;
        padding-right: 15px;
    }

    #customer-service-updates-share table.route-interruptions td:nth-of-type(1){
        background-color: transparent;
        font-weight: normal;
    }

    #customer-service-updates-share table.route-interruptions {
        font-size: 12px !important;
    }
}



section.scic-small-text{
    font-size: 16px;
    line-height: 24px;
}

#meeting-calendar li.cancelled::before{
    content: "Cancelled";
    display: block;
    color: #961e1e;
    font-weight: bold;
}
#meeting-calendar li.rescheduled::before{
    content: "Rescheduled";
    display: block;
    color: #961e1e;
    font-weight: bold;
}

.single-cpt_meetings section ol ul, .single-cpt_meetings section ul ul, .single-cpt_meetings section ul ol, .single-cpt_meetings section ol ol{
    margin-bottom: 0px;
}

.scic-action-items{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 45px;
}

.scic-action-items td{
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px;
}

.scic-action-items tr.head td{
    font-weight: bold;
    border-bottom: 1px solid #aaa;
}
.scic-action-items td.desc{
    padding-bottom: 30px;
    border-bottom: 1px solid #aaa;
}
.scic-action-items .status-new{
    background: rgba(0,0,255,.1);
}

.scic-action-items .status-open{
    background: rgba(0,255,0,.1);
}

.scic-action-items .status-ongoing{
    background: rgba(255,255,0,.1);
}

.scic-action-items .status-closed{
    background: rgba(0,0,0,.05);
}


section.flex-promos.promo-bottom-margins > div > div{
    margin-bottom: 30px;
}

section.flex-promos h5{
    margin-bottom: 5px;
}

small.imeanit{
    font-size: 13px;
    display: block;
    text-align: center;
}

hr{
    border-collapse: collapse;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 30px 0px;
}

hr.thin{
    margin: 15px 0px;
}

hr.green {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(104, 189, 69, 0.75), rgba(0, 0, 0, 0));
    height: 3px;
    border: 0;
}
hr.cyan {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(56, 178, 2309, 0.75), rgba(0, 0, 0, 0));
    height: 3px;
    border: 0;
}

.icon-nolink {
    background-color: transparent;
    color: #ce5151;
    padding: 0 8px;
    font-size: 1.25em;
}

.column-two-thirds.ultra-wide > div{
    width: 100%;
}

.column-two-thirds.ultra-wide > div:last-child{
    display: none;
}

.spacing-top{
    margin-top: 70px;
}

.fish-corral::after{
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    opacity: .2;
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 0;
    background-image: url(/wp-content/themes/gohrt_com/images/FishCoral.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fish-corral p{
    position: relative;
    z-index: 20;
}


button.sitw-route-button.clicked{
    background: #1397d0 !important;
}


section a.bnrad{
    display: block;
}
section a.bnrad:hover{
    border-bottom: none;
}


/* body.page-id-5820, body.page-id-5820 main{
	background-color: #c0eaf9;
} */

/* body.page-id-5820 .headline #breadcrumbs, body.page-id-5820 .headline h1{
	display: none;
} */

body.page-id-5820 section p{
    font-size: 20px;
    line-height: 32px;
}

h1.yellow-orange{
    color: #1397d0;
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
}

#top .mobile-ticketing .fa{
    /* font-size: 20px; */
    font-size: 28px;
    transform: rotate(10deg) translateY(3px);
    margin-left: 2px;
}

#map_canvas > span{
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#map_canvas > a img{
    vertical-align: middle;
    height: 20px;
    width: auto;
    margin: 0px 5px 0px 0px;
}


#gopass-partner-logos a:hover{
    border-bottom: none;
}

#gopass-partner-logos img{
    width: 50%;
    padding: 10px;
    display: inline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#favorite-routes-h3{
    margin-bottom: 10px;
}

#favorite-routes-list em, #stop-routes em{
    color: #fff;
    font-size: 14px;
}

.customer-alert-footer{
    border-top: 1px solid #eee;
    padding: 30px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

.customer-alert-footer .tags > a {
    margin: 0px 10px 0px 0px;
}

.customer-alert-footer .posted{
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}

time.effective-date{
    color: #961e1e;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

#paratransit-where-to-buy{
    overflow: auto;
}

#paratransit-where-to-buy span.note{
    font-size: 12px;
    line-height: 18px;
    display: block;
}

#paratransit-where-to-buy h4{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

#paratransit-where-to-buy li{
    margin-bottom: 10px;
}

#paratransit-where-to-buy > div{
    width: 33.33%;
    float: left;
    padding: 0px 30px 30px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#paratransit-where-to-buy > div:nth-child(3n+1){
    clear: both;
}

.ferry-data.hl{
    background-color: #eee;
}

.ferry-data h5{
    padding: 15px;
}

.ferry-data table td{
    padding: 5px 10px;
    font-size: 16px;
    text-align: right;
}
.ferry-data .sched-label {
    padding-right: 1em;
}

@media screen and (max-width: 900px) and (min-width: 200px) {
    .ferry-data.hl {
        background-color: initial;
    }
}
.smallhdr{
    font-size: 12px;
    line-height: 14px;
}

.quick-schedule h4{
    margin-bottom: 5px;
}

.quick-schedule table td{
    line-height: 30px;
    padding: 0px;
}
.quick-schedule table tr{
    border-top: 1px solid #eee;
}


.goog-te-menu-value img + span{
    display: none;
}

.goog-te-gadget-simple::after {
    color: #fff !important;
    font-size: 18px;
    background: #1397d0;
    content: "\f078";
    font-family: 'FontAwesome';
    height: 50px;
    line-height: 49px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 50px;
}
.goog-te-gadget-simple{
    font-family: system-ui;
    padding: 0px 0px 0px 10px !important;
    position: relative;
    background-color: #38b2e6 !important;
    line-height: 50px;
    height: 50px;
    border: none !important;
    display: block !important;
    letter-spacing: 0.08em;
    font-weight: 300 !important;
}

.goog-te-gadget img{
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value{
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 300 !important;
}

.snlegend{
    margin-top: -30px;
    text-align: right;
}
main section .snlegend .selected-stop a{
    color: #38b2e6;
}
main section .snlegend .selected-stop a:hover{
    text-decoration: none;
    border-bottom: 1px dotted #38b2e6;
}
.snlegend img{
    height: 22px;
    width: auto;
    vertical-align: middle;
}



.bar.gray {
    background: #eee;
    position: relative;
    z-index: 2;
}

main .bar.route-alerts section{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.bar.route-alerts{
    background: #ce5151;
    position: relative;
    z-index: 2;
    padding: 15px 0px;
    margin-bottom: 15px;
}

.bar.route-alerts ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.bar.route-alerts li > a{
    color: #fff;
}

.bar.route-alerts li > a:hover{
    border-bottom: 1px solid #961e1e;
}

.bar.route-alerts li > time{
    font-style: italic;
    margin-left: 15px;
    color: rgba(255,255,255,.65);
}

#careers-home{
    margin-bottom: 0px;
    padding: 30px 0px;
}

blockquote{
    background: #fff; /* rgba(200,200,200,.15); */
    border-left: 10px solid #68BD45;
    margin: 0px;
    padding: 30px 30px 30px 30px;
    position: relative;

    /* ************ */

    font-style: italic;
    margin: 30px 90px 30px 90px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote p{
    margin: 0px 0px 15px 0px;
}

blockquote p:last-child{
    margin: 0px;
}

blockquote::after{
    color: rgba(104,189,69,.3);
    content: "\f10e";
    font-family: "FontAwesome";
    font-size: 110px;
    font-style: normal;
    line-height: 110px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 0;
}

blockquote.careers-no-quote hr {
    margin: 0.5em 0;
}

blockquote.careers-no-quote {
    margin: 0px;
    padding: 15px;
    font-style: normal;
}

blockquote.careers-no-quote .home-careers-container{
    width: 100%;
    background-color:#3b5cab;
    font-weight:normal;
}
blockquote.careers-no-quote .home-careers-heading {
    height: 50px;
    background-color:#cfe6f6;
    color:#3b5cab;
    text-align:center;
    /* */
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
}
blockquote.careers-no-quote .home-careers-copy {
    padding:1em;
    color:#fff;
}
blockquote.careers-no-quote .home-careers-copy span {
    font-size:1.125rem;
}

blockquote.careers-no-quote::after {
    content: none;
}

blockquote.careers-no-quote img{
    display: block;
    width: 100%;
    height: auto;
}
blockquote.careers-with-quote {
    padding: 30px;
    margin: 0;
}

div.gray > section.content{
    margin-bottom: 0px;
    padding: 30px 0px;
}




#where-to-buy-form-search #location{
    width: calc(100% - 50px);
}

#where-to-buy-form-search button{
    border-radius: 0px 3px 3px 0px;
}

span.or{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 41px;
    color: #666;
    background: #ddd;
    font-size: 12px;
}

table td.or{
    vertical-align: middle;
}


#quick-links form input[type=text]{
    width: calc(100% - 50px);
}
#quick-links form button {
    border-radius: 0px 3px 3px 0px;
}

h1 span.paren{
    display: block;
    font-size: 36px;
    line-height: 38px;
}

a.career-promo{
    display: block;
    position: relative;
}

a.career-promo em{
    bottom: 0px;
    color: #fff;
    display: block;
    font-size: 28px;
    font-style: normal;
    left: 0px;
    padding: 15px;
    position: absolute;
    text-shadow: 2px 2px 2px rgba(0,0,0,.35);
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.career-promo:hover{
    border-bottom: 0px;
    text-decoration: none;
}

img.full-block{
    display: block;
    height: auto;
    width: 100%;
}

#fare-table .highlight, #discounted-fare-table .highlight, .toggle .route-schedule .collapsible td{
    background: rgba(56, 178, 230, .25);
}

#fare-table tr:first-child td:first-child, #discounted-fare-table tr:first-child td:first-child {
    border-top: 0;
    border-left: 0;
}

#fare-table td.hide, #discounted-fare-table td.hide {
    display: none;
}

#fare-table td.cost, #discounted-fare-table td.cost {
    text-align: right;
}

#fare-table td, #discounted-fare-table td, #holiday-table td {
    border: 1px solid #aaa;
}

ul.dividers > li{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

ul.dividers > li:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 20px;
}

ul.list-spacer > li, ol.list-spacer > li {
    padding-bottom: 10px;
}

ul.list-spacer > li:last-child, ul.list-spacer > li:last-child {
    padding-bottom: 0;
}

.bar.grey-blue{
    background: #3d4b6e;
    position: relative;
    z-index: 2;
}

.bar.purple-blue{
    background: #3b5aa8;
    position: relative;
    z-index: 2;
}

.bar.purple-blue section.content{
    margin-bottom: 0px;
}


#top-img-area{
    background: url(../../images/plan-trip-bg.jpg) top center no-repeat;
    background-size: cover;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.callout{
    background: #f6f6f6;
    margin: 30px auto;
    max-width: 75%;
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #ddd;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.callout.full{
    background: #f6f6f6;
    margin: 30px auto;
    max-width: 100%;
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #ddd;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.callout.top{
    margin: 0px auto 30px;
}

.error-callout{
    background: #ce5151;
    color: #fff;
    margin: 30px auto;
    max-width: 90%;
    padding: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.error-callout.full{
    max-width: 100%;
}

.gform_wrapper div.validation_error{
    background: #ce5151;
    color: #fff;
    margin: 30px auto;
    max-width: 100%;
    padding: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.error-callout a:link, .error-callout a:active, .error-callout a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

.error-callout a:hover{
    border-bottom: none;
}



.error-callout h4{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0px 0px 5px 0px;
}

.error-callout h4::after{
    color: #961e1e;
    content: "\f06a";
    font-family: 'FontAwesome';
    margin-left: 5px;
}

.error-callout p:last-child, .callout p:last-child{
    margin: 0px;
}

.callout-right, .callout-left{
    background: #f6f6f6;
    margin: 0 18px;
    max-width: 35%;
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #ddd;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.callout-left{
    float: left;
}
.callout-right{
    float: right;
}

div.callout h4, div.callout h3 {
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    /* border-radius: 5px; */
    /* padding: 4px 0; */
    /* text-align: center; */
}

section.first{
    /*padding-top: 90px;*/
}

.promo-card{
    /* background: #f00; */
    background-position: center center;
    background-size: cover;
    box-shadow: 0px -130px 90px -20px rgba(0,0,0,.9) inset;
    display: block;
    height: 300px;
    position: relative;
    width: 100%;
}
.promo-card span{
    bottom: 10px;
    color: #fff;
    font-size: 20px;
    left: 15px;
    line-height: 28px;
    padding: 0px 15px 0px 0px;
    position: absolute;
    text-shadow: 2px 2px 1px rgba(0,0,0,.5);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.promo-card:hover {
    border-bottom: 0;
}


#quick-links{
    background: #3b5aa8;
    padding: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.invert h3, .invert h1, .invert h4{
    color: #fff;
    text-shadow: 2px 3px 3px rgba(0,0,0,.35);
}

.hidden, .hide, .hide-desktop {
    display: none !important;
}

.tip{
    display: none;
}

#breadcrumbs{
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    line-height: 16px;
}

#breadcrumbs .sep{
    font-family: 'FontAwesome';
    margin: 0px 5px;
}
.content-slim > #breadcrumbs{
    padding-top: 5px;
}


#meeting-calendar{
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#meeting-calendar > .column{
    float: left;
    min-height: 100px;
    width: 30%;
}

#meeting-calendar > .column:last-child{
    width: 70%;
}

#meeting-calendar .text-list{
    list-style-type: none;
    margin: 0px;
    padding: 0px 30px 0px 0px;
}

#meeting-calendar .text-list > li{
    border-top: 1px solid #eee;
    padding: 15px 0px;
}

a.attached-file::before {
    font-family: fontawesome;
    font-size: small;
    color: #38b2e6;
    padding: 0 0.625em;
    content: "\f0f6";
}

#year-cal{
    list-style-type: none;
    margin: 0px;
    overflow: auto;
    padding: 0px;
}
#year-cal > li{
    float: left;
    padding: 5px;
    width: 33.333%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#year-cal > li:nth-child(3n+1){
    clear: both;
}

#year-cal h5{
    margin: 0px;
    padding: 0px;
}

table.SimpleCalendar{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table.SimpleCalendar th{
    font-size: 12px;
    text-align: center;
}
table.SimpleCalendar td{
    background: #eee;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table.SimpleCalendar td.disabled{
    background: transparent;
}
table.SimpleCalendar a.date-link{
    display: block;
    background: #38b2e6;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    padding: 0px 2px;
    margin-bottom: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table.SimpleCalendar a.date-link:hover{
    background: #1397d0;
    border-bottom: 0px;
}

table.SimpleCalendar .has-events{
    display: none;
}

.stability-promo{
    background: url(/wp-content/uploads/2018/09/Stability-Is-Here.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0px;
    margin: 0px;
}

.stability-promo section{
    /* padding-bottom: 0px; */
    margin-bottom: 0px;
}

.stability-promo a.button {

}

.stability-promo h1 {
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    margin-bottom: 15px;
}

.stability-promo h3 {
    text-shadow: 1px 1px 3px rgba(255,255,255,.35);
}

.stability-promo ul {
    max-width: 350px;
    font-size: 22px;
    margin-left: 15px;
}

.stability-promo div {
    position: relative;
}

.stability-promo div a.button {
    position: absolute;
    bottom: 0px;
    left: 400px;
}

.vbwave-promo {
    background: url(/wp-content/uploads/2019/05/hero-mobile-pay-background.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0;
    margin: 0;
}
.vbwave-promo-container {
    position: relative;
}
.vbwave-promo-buttons {
    position:absolute;
    bottom:60px;
    left:795px;
    max-width:300px;
}
.vbwave-promo-buttons a img {
    max-width: 140px;
}
@media screen and (max-width: 1139px){
    .vbwave-promo-buttons {
        margin: 1em auto 0;
        position: unset !important;
    }
}
.vbwave-promo-route {
    width:28px;
    margin:0 4px;
    padding:2px;
    text-align:center;
    display:inline;
    background:#ce5151;
    color:#fff;
    border-radius:50%;
    vertical-align:top;
    font-weight:bold;
}
.vbwave-promo-dates {
    display:inline-block;
    width:80%;
}

/* END MESS */


/* MESS TOO */

body main section.immediate-alert{
    position: relative;
    z-index: 10;
}

body main section.immediate-alert p a{
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

.immediate-alert p{
    background: #ce5151;
    color: #fff;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.first-fix {
    margin-bottom: -90px;
    padding-top: 20px;
}

u {
    text-decoration: none;
    border-bottom: 1px solid #999;
}

img {
    max-width: 100%;
}

mark {
    background:#ffff99;
    border:1px solid #EE0;
    border-radius:5px;
    padding:0 2px;
}

a.no-text-decoration:hover {
    text-decoration: none;
    border-bottom: 0;
}

a:hover, .pointatme:hover {
    cursor: pointer;
}

/* a[href$=".pdf"]:after {
	font-family: "fontawesome";
	content: " \f1c1";
	font-weight: normal;
	font-size: 80%;
} */

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.full-width {
    width: 100%;
}
.nowrap {
    white-space: nowrap;
}
.no-list-style {
    list-style: none;
}

.no-top-margin {
    margin-top: auto !important; /* for some callouts */
}
.add-top-margin {
    margin-top: 30px !important; /* spacing for meetings */
}
.half-top-margin {
    margin-top: 15px !important;
}
.shrink-top-margin {
    margin-top: -30px;
}
.shrink-bottom-margin {
    margin-bottom: -30px;
}
.no-bottom-margin {
    margin-bottom: auto !important; /* Over-ride p-tag bottom margin */
}
.add-bottom-margin {
    margin-bottom: 30px; /* spacing after multi-columns */
}
.half-bottom-margin {
    margin-bottom: 15px;
}
.no-auto-margin {
    margin-left: 0;
    margin-right: 0;
}

.img-border {
    /* border: 1px solid #ddd;
	border-radius: 4px; */
    border-radius: 3px;
    box-shadow: 0px 3px 15px rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}

/* home page arrival time */
.position-arrival-time {
    vertical-align: middle;
    line-height: 130%;
}
.hp-stop-times tr td a.button {
    display:block;
}

figure.leftside {
    margin-left: 0;
}
figure.rightside {
    margin-right: 0;
}
figure figcaption {
    line-height: 120%;
}

main section a.button{
    background: #68bd45;
    border: none;
    border-collapse: collapse;
    border-radius: 3px;
    box-shadow: 0px 2px 5px rgba(0,0,0,.15);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: auto; /* was 50 */
    letter-spacing: 0.08em;
    line-height: normal; /* was 50 */
    padding: 15px; /* was 0 15 */
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}
.button:hover {
    border-bottom: 0;
}

/* Play with formatting a border/title for forms */
fieldset.forform {
    position: relative;
    margin: 2rem 0;
    padding-top: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

fieldset.forform legend.form-heading {
    font-weight: bold;
    position: absolute;
    top: -16px;
    background: #fff;
    padding: 0 12px;
    font-size: 20px;
    text-transform: uppercase;
}

fieldset.forform div p {
    margin: 8px 0 20px;
}

/* Native accordion function */
details {
    margin-bottom: 8px;
}

details summary:hover {
    cursor: pointer;
}

details summary + div {
    border-radius: 5px;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 12px;
    margin: 16px 0;
}

/* jQuery accordion */
.accordion {
    cursor: pointer;
    padding: 10px 16px 8px 0;
    border: none;
    text-align: left;
    transition: 0.4s;
}

.accordion::before {
    font-family: "fontawesome";
    content: '\f0da'; /* arrow right */
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.accordion:first-child {
    padding-top: 0;
}

.active::before {
    content: "\f0d7"; /* arrow down */
    font-family: 'FontAwesome';
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel span {
    display: block;
    margin: 5px;
    padding: 8px 12px;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 5px;
}
/* end jQuery accordion */

/* TABS */
.tab-set { overflow: hidden; }
.tab-content { display: none; padding: 6px 12px 0; margin-top: 1em; border: 1px solid #ccc; border-radius: 5px; }
.tab-content table { margin-bottom: 6px; }
.tab-content table td { padding: 4px 10px; }
.tab-heading { text-align: center; background-color: #eee; font-weight: bold; font-size: smaller; margin-bottom: 10px ;}


table{
    border: none;
    border-collapse: collapse;
    width: 100%;
}

table td, table th{
    margin: 0px;
    padding: 10px;
    text-align: left;
    vertical-align: top;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.table-striped tbody tr:nth-child(2n+1){
    background: #eee;
}

table.table-striped.nc-procurements tbody tr:nth-child(2n+1){
    background: inherit;
}

table.table-striped.nc-procurements tbody tr:nth-child(4n+1){
    background: #eee;
}
table.table-striped.nc-procurements tbody tr:nth-child(4n+2){
    background: #eee;
}

table.procurements td.basis{
    padding: 0px 10px 50px 50px;
}

/* bullet options */
ul.no-list-style {
    padding-left: 4px;
}
ul.no-list-style.bullets-small-dot li::before {
    content: "\2022";
    padding-right: 4px;
}
ul.no-list-style.bullets-pdf li::before {
    font-family: fontawesome;
    font-size: 12px;
    content: "\f1c1";
    padding-right: 4px;
    color: #68bd45;
}
ul.no-list-style.bullets-map li::before {
    font-family: fontawesome;
    font-size: 12px;
    content: "\f278";
    padding-right: 4px;
    color: #68bd45;
}
ul.no-list-style.bullets-map-marker li::before {
    font-family: fontawesome;
    font-size: 12px;
    content: "\f278";
    padding-right: 4px;
    color: #68bd45;
}

ul.ellipses {
    padding-left: 10px;
}
ul.ellipses li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}
ul.ellipses li::before {
    content: "\2022";
    padding-right: 4px;
}

/* play with tableau positioning */
div.tableauPlaceholder {
    margin: 0 auto 4em;
}

/* TARGETED PAGES */

/*mobile ticketing prod*/
body.page-id-9884, body.page-id-9884 main{ background-color: #c0eaf9; }
body.page-id-9884 .headline #breadcrumbs, body.page-id-9884 .headline h1{ display: none; }
body.page-id-9884 section p{ font-size: 20px; line-height: 32px; }
/*mobile ticketing dev*/
body.page-id-5820, body.page-id-5820 main{ background-color: #c0eaf9; }
body.page-id-5820 .headline #breadcrumbs, body.page-id-5820 .headline h1{ display: none; }
body.page-id-5820 section p{ font-size: 20px; line-height: 32px; }

/* END MESS TOO */



/* SOCIAL FEEDS LISTS */
ul.social-list{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.social-list > li{
    border-bottom: 1px solid #eee;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.social-list > li:last-child{
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
ul.social-list time{
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 5px;
    padding-right: 45px;
    text-align: right;
}
ul.social-list .badge{
    background: #68bd45;
    border-radius: 15px;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-shadow: 2px 3px 3px rgba(0,0,0,.15);
    top: 0px;
    right: 0px;
    width: 30px;
}
ul.social-list a.badge:hover{
    background: #1397d0;
    border-bottom: 0px;
}
ul.social-list span.text{
    display: block;
}
ul.social-list img{
    display: block;
    height: auto;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}


/* JOB LISTINGS */
.job-listing .rail a.button{
    clear: both;
    margin-top: 1px;
}
.job-listing .rail::before{
    clear: both;
    content: "";
    display: block;
}

ul.list-menu{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.list-menu > li{
    border-top: 0px solid #eee;
}

ul.list-menu li::before {
    content: "" !important;
}

ul.routes-list {
    list-style-type: none;
}

/* MORPH SEARCH */
.morphsearch{
    background: #38b2e6;
    left: 0px;
    min-height: 40px;
    position: fixed;
    top: 0px;
    width: 135px;
    z-index: 10000;

    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition-property: min-height, width, top, right;
    transition-property: min-height, width, top, right;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open{
    min-height: 100%;
    right: 0px;
    top: 0px;
    width: 100%;
}
.morphsearch.open::after{
    background: url(../../images/vector-bus.png) center center no-repeat;
    bottom: 0px;
    content: '';
    height: 500px;
    left: 0px;
    opacity: .1;
    position: absolute;
    width: 100%;
}
.morphsearch-form{
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 100%;

    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open .morphsearch-form{
    height: 160px;
    margin: 0px;
    padding: 30px;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate3d(0,3em,0);
    transform: translate3d(0,3em,0);
}
.morphsearch::before{
    background: #1397d0;
    color: #fff;
    content: '\f002';
    font-family: 'FontAwesome';
    display: block;
    height: 40px;
    left: 0px;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
    z-index: 10;

    -webkit-transition: opacity 0.2s cubic-bezier(0.7,0,0.3,1) .25s;
    transition: opacity 0.2s cubic-bezier(0.7,0,0.3,1) .25s;
}
.morphsearch.open::before{
    opacity: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0.7,0,0.3,1);
    transition: opacity 0.1s cubic-bezier(0.7,0,0.3,1);
}
.morphsearch-input{
    background: transparent;
    border: none;
    color: #117dac;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    padding: 0px 0px 0px 50px;
    width: 100%;

    -webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
    transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open .morphsearch-input{
    padding: 0px;
    width: calc(100% - 80px);
}
.morphsearch-input::-ms-clear{
    display: none;
}
.morphsearch.hideInput .morphsearch-input{
    color: transparent;

    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.morphsearch.open .morphsearch-input{
    font-size: 4.5em;
    border-bottom: 1px solid rgba(17, 125, 172, .5);
}
.morphsearch-input:focus, .morphsearch-submit:focus{
    outline: none;
}
.morphsearch-submit{
    background: transparent;
    border: none;
    font-size: 74px;
    height: 80px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;

    -webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
    transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
}
.morphsearch.open .morphsearch-submit{
    opacity: 1;
    pointer-events: auto;

    -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
    transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.morphsearch-close{
    cursor: pointer;
    height: 36px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 1em;
    text-indent: 100%;
    top: 1em;
    width: 36px;

    -webkit-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
}
.morphsearch.open .morphsearch-close{
    opacity: 1;
    pointer-events: auto;

    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.morphsearch-close::before, .morphsearch-close::after{
    background: #000;
    content: '';
    height: 100%;
    left: 50%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 2px;
}
.morphsearch-close:hover.morphsearch-close::before, .morphsearch-close:hover.morphsearch-close::after{
    opacity: 1;
}
.morphsearch-close::before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.morphsearch-close::after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.morphsearch-content{
    color: #333;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 30px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.morphsearch.open .morphsearch-content{
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;

    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}
.morphsearch-input::-webkit-input-placeholder{
    color: #a0d9f1;
}
.morphsearch-input:-moz-placeholder{
    color: #a0d9f1;
}
.morphsearch-input::-moz-placeholder{
    color: #a0d9f1;
}
.morphsearch-input:-ms-input-placeholder{
    color: #a0d9f1;
}
.gn-search:focus::-webkit-input-placeholder{
    color: transparent;
}
.ms-column{
    -webkit-transform: translate3d(0,100px,0);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.75s, opacity 0.75s;
    transition: transform 0.75s, opacity 0.75s;
}
.morphsearch.open .ms-column:first-child{
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.morphsearch.open .ms-column:nth-child(2){
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.morphsearch.open .ms-column:nth-child(3){
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.morphsearch.open .ms-column{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.morphsearch.open .ms-column a{
    background: #1397d0;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 40px;
    margin: 0px 0px 5px 0px;
    padding: 0px 15px;
    text-decoration: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.morphsearch.open .ms-column a span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.morphsearch.open .ms-column h4{
    color: #fff;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 30px 0 15px 0;
    text-shadow: 0px 2px 3px rgba(0,0,0,.35);
}

.morphsearch.open .ms-column a:hover{
    background: rgba(19, 151,208, .5);
}
.overlay{
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;

    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open ~ .overlay{
    opacity: 1;
}

/* @media screen and (max-width: 53.125em){
	.morphsearch-input {
		padding: 0 25% 0 10px;
	}
	.morphsearch.open .morphsearch-input {
		font-size: 2em;
	}
	.ms-column {
		float: none;
		width: auto;
		padding: 0 0 2em;
	}
	.ms-column:nth-child(2) {
		margin: 0;
	}
	.morphsearch.open .morphsearch-submit {
		-webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
		transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
	}
} */

/* @media screen and (max-width: 60.625em){
	.morphsearch {
		width: 80%;
		top: 10%;
		right: 10%;
	}
} */


@media screen and (min-width: 900px) {
    main{
        min-height: 60vh;
    }

}

@media screen and (max-width: 1180px){
    .stability-promo{ padding: 30px; }
}

@media screen and (max-width: 1140px){
    main{
        /* padding: 0px 10px; */
    }

    footer{
        padding: 30px 10px;
    }

    section.content, section.content-slim{
        padding: 0px 15px;
    }

    section.headline.page-hero > div{
        padding: 0px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



}

/* @media screen and (max-width: 1140px) and (min-width: 768px){
	nav#top > ul a .fa {
		display: none;
	}
} */

/* TABLET */
@media screen and (max-width: 1024px) and (min-width: 768px){

    .stability-promo div a.button{
        position: relative; left: auto; bottom: auto;
    }

    nav#primary ul a,
    nav#primary ul a:link,
    nav#primary ul a:active,
    nav#primary ul a:visited {
        /* font-size: 22px; PRE-CORONA */
        font-size: 18px;
    }

    #submenu-img {
        display: none;
    }

    div.passengers, div.agency, div.business {
        padding-left: 28px;
    }

    #signup-alerts input[type=text] {
        width: 330px;
    }

    #year-cal > li {
        float: none;
        width: 90%;
        margin-top: 32px;
    }

    #meeting-calendar > .column{
        width: 40%;
    }

    #meeting-calendar > .column:last-child{
        width: 60%;
    }

}

/* MIDDLE GROUND */
@media screen and (max-width: 940px) and (min-width: 550px){

    nav#top li.search{
        width: 40px;
    }

    .stability-promo div a.button{
        position: relative; left: auto; bottom: auto;
    }

    .stability-promo{ padding: 30px; }

    body nav#top li a .fa{
        display: none;
    }

    nav#top li{
        padding: 0px 15px;
    }

    #top li.search{
        padding: 0px;
        width: 40px;
    }

    #morphsearch{
        display:  none;
    }

    #top li.search a{
        display: block;
    }

    #top li.search a span{
        display: none;
    }

    /* #morphsearch{
		display: none;
	} */

    nav#top li.search .fa{
        margin-right: 0px;
    }

    /* body nav#top li.this-week span{
		display: inline;
	} */

    .form-item.fifty, .form-item.third{
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        float: none;
    }
}

/* MOBILE */
/* @media screen and (max-width: 767px) and (min-width: 200px){ */

@media screen and (max-width: 900px) and (min-width: 200px){
    /* BAM */
    .map-nav > li:first-child{
        display: block;
    }

    section.map-nav-section{
        position: relative;
        z-index: 30;
        border-bottom: 1px solid #eee;
        margin: -15px 0px 10px;
    }

    body main section.immediate-alert{
        margin: 0px 0px 15px;
    }

    #paratransit-where-to-buy > div{
        width: 100%;
        float: none;
        padding: 0px 0px 30px 0px;
        margin: 0px;
    }

    .hide-mobile{
        display: none !important;
    }
    .hide-desktop {
        display: block !important;
    }

    .stability-promo div a.button {
        position: relative; left: auto; bottom: auto;
    }

    .stability-promo {
        background-image: none;
        background-color: #eee;
        padding: 30px;
        margin: 0px;
    }

    .stability-promo h3 {
        font-size: 18px;
    }

    .stability-promo ul {
        font-size: inherit;
    }

    #meeting-calendar #year-cal {
        display: none;
    }

    .callout img {
        display: block;
        clear: both;
        margin-bottom: 10px;
    }

    html, body{
        font-size: 16px;
        line-height: 24px;
    }

    p{
        margin: 0px 0px 15px 0px;
    }

    .column-halves, .column-thirds, .column-two-thirds{
        clear: both;
        list-style-type: none;
        margin: 0px;
        overflow: auto;
        padding: 0px;
    }

    .column-halves > div, .column-halves > li{
        float: none;
        width: 100%;
        margin: 0px;
        padding-bottom: 15px;
    }

    .column-halves > li:nth-child(2n+1), .column-halves > div:nth-child(2n+1){
        margin-right: 0px;
    }

    .column-thirds > div, .column-thirds > li, .column-thirds > nav{
        float: none;
        width: 100%;
        margin: 0px;
        padding-bottom: 15px;
    }

    .column-two-thirds > div, .column-two-thirds > li{
        float: none;
        width: 100% !important;
        margin: 0px;
    }

    .column-two-thirds > div:last-child, .column-two-thirds > li:last-child{
        margin-left: 0px;
    }

    .column-two-thirds-invert > div, .column-two-thirds-invert > li{
        float: none;
        width: 100% !important;
        margin: 0px;
    }

    .column-two-thirds-invert > div:last-child, .column-two-thirds-invert > li:last-child{
        margin-left: 0px;
    }

    footer{
        padding: 30px 10px 80px;
    }

    body footer .column-thirds > div, body footer .column-thirds > nav{
        margin-bottom: 30px;
    }

    #social{
        text-align: center;
    }

    #copyright span{
        color: transparent;
        display: block;
        clear: both;
    }

    header{
        position: absolute;
    }

    nav#service-alerts{
        top: auto;
        right: auto;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

    nav#service-alerts a.nav-button{
        display:block;
    }

    input{
        /*-webkit-appearance: none;*/
        border-radius: 0px;
    }

    #morphsearch{
        display: none;
    }

    #morphsearch.open{
        display: block;
        overflow: auto;
    }

    .morphsearch.open::after{
        display: none;
        background-image: none;
    }

    #morphsearch .morphsearch-content{
        padding: 30px 0px;
    }

    #morphsearch .ms-column{
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #morphsearch .ms-column h4{
        font-size: 16px;
        line-height: 40px;
        font-weight: 700;
        text-shadow: 2px 2px 0px rgba(19,151,208,.5);

        margin: 0px;
        text-transform: uppercase;
    }

    .morphsearch.open .morphsearch-form{
        height: 120px;
    }

    .morphsearch.open .morphsearch-input{
        font-size: 2.5em;
        width: calc(100% - 45px);
    }

    .morphsearch.open .morphsearch-form{
        padding: 15px;
    }

    .morphsearch-input{
        height: 75px;
    }

    .morphsearch.open .morphsearch-submit{
        font-size: 40px;
        width: 70px;
        pointer-events: all;
        -webkit-transform: translate3d(0px,-50%,0) scale3d(1,1,1);
        transform: translate3d(0px,-50%,0) scale3d(1,1,1);
    }

    nav#top li.search .fa{
        float: none;
        margin: 0px;
    }

    body nav#top li.search{
        padding: 0px;
        width: 40px;
    }

    #top li.search a{
        display: block;
    }

    #top li.search a span{
        display: none;
    }

    #top li.pt span{
        /* display: none; */
    }

    #top li.this-week span{
        /* display: none; */
    }

    #top li.mobile-ticketing span{
        /* display: none; */
    }

    nav#top li{
        padding: 0px 15px;
        font-size: 15px;
    }

    body nav#primary li a.submenu{
        display: none;
    }

    section.headline{
        padding: 10px 15px 0px;
    }

    section.content, section.content-slim{
        padding: 0px 15px;
    }

    #hamburger{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        color: #000;
        font-size: 26px;
        line-height: 60px;
        padding: 0px 15px;
    }

    nav#primary ul > li{
        padding: 0px;
    }

    .callout-right, .callout-left{
        margin: 0 18px 32px;
        max-width: 100%;
        float: none;
    }

    .callout {
        /*display: inline-block;*/
        max-width: 100%;
    }

    .alignleft {
        float: none;
    }

    img.alignleft, img.alignright {
        display: block;
        float: none;
        margin:0 auto 16px;
    }

    h1{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    h1 .rt-desc {
        font-size: 24px;
        display: block;
    }


    section.headline.page-hero h1{
        font-size: 30px;
        line-height: 36px;
    }

    #breadcrumbs{
        margin-bottom: 14px;
    }

    section.headline.page-hero{
        height: 190px;
    }

    h2{
        font-size: 28px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }

    h3{
        font-size: 26px;
        line-height: normal;
        margin: 0 0 15px 0;
    }

    #submenu.mobile-open{
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 50px 0px;
    }

    #submenu-img{
        display: none !important;
    }

    #submenu.mobile-open > div{
        display: none;
    }

    #submenu.mobile-open > div.passengers{
        display: block;
    }

    #submenu div > .group{
        padding: 15px !important;
        border: none;
        display: block;
        margin: 0px;
    }

    #submenu.mobile-open .group ul{
        padding: 0px;
    }

    #submenu.mobile-open .group ul li{
        border-top: 1px solid #eee;
    }

    #submenu.mobile-open .group h5{
        text-transform: uppercase;
    }

    #submenu.mobile-open .group a{
        font-size: 16px;
        line-height: 40px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body.fixedPosition{
        position: fixed;
    }

    /* BOOM */
    #menu-close-mobile{
        display: inline;
        position: absolute;
        top: 1em;
        right: 1em;
        width: 36px;
        height: 36px;
    }


    #menu-close-mobile::before, #menu-close-mobile::after {
        background: #000;
        content: '';
        height: 100%;
        left: 50%;
        opacity: 0.2;
        position: absolute;
        top: 0;
        width: 2px;
    }

    #menu-close-mobile::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #menu-close-mobile::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #menu-close-mobile:hover::before, #menu-close-mobile:hover::after {
        opacity: 1;
    }



    #signup-alerts{
        padding-left: 0px;
    }

    #signup-alerts input[type=text] {
        width: 80%;
    }

    #careers-home.content{
        padding: 15px;
    }

    #mobile-menu-tabs{
        display: block;
        clear: both;
        margin-bottom: 5px;
        overflow: auto;
        margin-top: 1em;
    }

    #mobile-menu-tabs > li{
        text-align: center;
        width: 33.333%;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #mobile-menu-tabs > li a{
        line-height: 40px;
        display: block;
    }

    #mobile-menu-tabs > li a.selected{
        color: #fff;
        background: #3b5aa8;
    }

    #mobile-menu-tabs > li:nth-child(3n+1){
        border-left: 0px;
    }

    li#full-width-menu {
        width: 100% !important;
    }

    #mobile-home{
        display: block;
    }

    #mobile-home img{
        width: auto;
        height: 50px;
        margin-top: 10px;
        padding: 0px 10px 0px 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #trip-planner{
        /*padding-top: 15px;*/
    }



    nav#service-alerts.open #service-alerts-modial h3{
        font-size: 2em;
    }

    nav#service-alerts.open #service-alerts-modial li{
        padding: 15px 0px;
    }

    #service-alerts-modial li h4 {
        font-size: 20px;
        line-height: 24px;
    }

    #year-cal > li {
        float: none;
        margin-top: 32px;
    }
    #meeting-calendar > .column,
    #meeting-calendar > .column:last-child {
        float: none;
        width: 100%;
    }

    /* collapsable tables - holidays */
    #holiday-table {
        margin-top:32px;
    }

    table, thead, tbody, th, td, tr {
        /*display: block;*/
    }
    table#where-to-buy-table,
    table#where-to-buy-table thead,
    table#where-to-buy-table tbody,
    table#where-to-buy-table tr,
    table#where-to-buy-table th,
    table#where-to-buy-table td {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.route-schedule thead tr{
       position: relative;
       top: 0px;
       left: 0px;
    }
    
    #daily-schedule table.route-schedule thead th span.stop_id{
       font-size: 14px;
    }
    
    #daily-schedule table.route-schedule thead th{
       padding: 5px;
    }
    
    #daily-schedule table.route-schedule thead th span.stop_name{
       font-size: 8px;
       line-height: 10px;
    }
    
    #daily-schedule #inbound, #daily-schedule #outbound{
       width: 100%;
       overflow-y: scroll;
    }
    
    #daily-schedule table.route-schedule tr.times td {
       font-size: 13px;
       min-width: 80px;
    }
    
    #daily-schedule table.route-schedule{
       table-layout: auto;
    }
    
    #daily-schedule h3{
       font-size: 20px;
       padding: 0px 15px;
       box-sizing: border-box;
    }
    
    .fullw #date-picker-form #date-picker{
       width: calc(100% - 80px);
    }
    
    /*
    #outbound-to-span, #inbound-to-span{
       display: block;
    }
    */
    
    
    

    tr {
        margin: 0 0 1rem 0;
    }

    tr:nth-child(odd) {
        /*background: #ccc;*/
    }

    td {
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 50%;
    }

    td::before {
        /*position: absolute;*/
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table:not(.route-schedule) td:nth-of-type(1) {
        /*background-color: #eee;*/
        font-weight: bold;
    }

    table.table-striped tbody tr:nth-child(2n+1) {
        background: none;
    }
    table.table-striped.nc-procurements tbody tr:nth-child(4n+1) {
        background: none;
    }
    table#fare-table td, #discounted-fare-table td {
        font-size:14px !important;
        padding-left: 0.5em;
    }
    table#fare-table td:nth-of-type(1), #discounted-fare-table td:nth-of-type(1) {
        font-weight: normal;
        background-color: #cdecf9;
        padding-left: .5em;
    }

    table.mobile-collapse,
    table.mobile-collapse thead,
    table.mobile-collapse tbody,
    table.mobile-collapse th,
    table.mobile-collapse tr,
    table.mobile-collapse td,
    table.mobile-collapse tfoot {
        display: block;
    }

    /* mobile table labels */
    table.mobilize, .mobilize thead, .mobilize tbody, .mobilize tr, .mobilize th, .mobilize td {display: block; padding: 0;}
    table.procurements, .procurements thead, .procurements tbody, .procurements tr, .procurements th, .procurements td {display: block; padding: 0;}
    table#products, table#products thead, table#products tbody, table#products footer, table#products tr, table#products th, table#products td {display:block;}

    table#fare-table td:nth-of-type(2)::before {content: "Bus, Ferry, Light Rail";}
    table#fare-table td:nth-of-type(3)::before {content: "Routes 960,961,980";}
    table#fare-table td:nth-of-type(4)::before {content: "757 Express";}
    table#fare-table td:nth-of-type(5)::before {content: "VB Wave";}
    table#fare-table td.cost {text-align: left;}
    table#fare-table tr.hdr td:nth-child(n+2) { display: none;}

    table#discounted-fare-table td:nth-of-type(2)::before {content: "Bus, Ferry, Light Rail";}
    table#discounted-fare-table td:nth-of-type(3)::before {content: "Routes 960,961,980";}
    table#discounted-fare-table td:nth-of-type(4)::before {content: "757 Express";}
    table#discounted-fare-table td:nth-of-type(5)::before {content: "VB Wave";}
    table#discounted-fare-table td.cost {text-align: left;}
    table#discounted-fare-table tr.hdr td:nth-child(n+2) { display: none;}

    table.open-procurements td:nth-of-type(2)::before {content: "Solicitation:";}
    table.open-procurements td:nth-of-type(3)::before {content: "Type:";}
    table.open-procurements td:nth-of-type(4)::before {content: "Posted:";}
    table.open-procurements td:nth-of-type(5)::before {content: "Pre-Bid Conference:";}
    table.open-procurements td:nth-of-type(6)::before {content: "Closing:";}

    table.upcoming-procurements td:nth-of-type(1)::before {content: "Type:";}
    table.upcoming-procurements td:nth-of-type(2)::before {content: "Solicitation:";}

    table.nc-procurements td:nth-of-type(2)::before {content: "Solicitation:";}
    table.nc-procurements td:nth-of-type(3)::before {content: "Suplier/Service Provider:";}
    table.nc-procurements td:nth-of-type(4)::before {content: "Awarded:";}

    table.closed-procurements td:nth-of-type(2)::before {content: "Solicitation:";}
    table.closed-procurements td:nth-of-type(3)::before {content: "Type:";}
    table.closed-procurements td:nth-of-type(4)::before {content: "Posted:";}
    table.closed-procurements td:nth-of-type(5)::before {content: "Pre-Bid Conference:";}
    table.closed-procurements td:nth-of-type(6)::before {content: "Closed:";}
    table.closed-procurements td:nth-of-type(7)::before {content: "Status:";}

    table#holiday-table td::before {content: attr(data-label)":";}
    table.tbl-snow td::before {content: attr(data-label);}

    #hrt-bulk-form table#products tr:first-child { display: none; }
    #hrt-bulk-form table#products td { line-height: initial; }
    #hrt-bulk-form table#products .item-cost,
    #hrt-bulk-form table#products input.subtot,
    #hrt-bulk-form table#products #shipping_cost,
    #hrt-bulk-form table#products label.shipping { text-align: initial; }
    #hrt-bulk-form table#products tr:nth-child(2n) { background: initial; }
    #hrt-bulk-form table#products .the-item { width: 100%; }
    #hrt-bulk-form table#products input#total_price { text-align: inherit; }
    #hrt-bulk-form table#products tr:last-child td { text-align: center !important; }

    #hrt-bulk-form table#products tr:first-child::before { content: "Select items from the following:"; }
    #hrt-bulk-form table#products .the-item::before { content: "Item:"; }
    #hrt-bulk-form table#products .desc::before { content: "Description:"; }
    #hrt-bulk-form table#products .item-cost::before { content: "Price:"; }
    #hrt-bulk-form table#products tr:last-child td:nth-of-type(4)::before {content: "" ;}
    #hrt-bulk-form table#products td:nth-of-type(4)::before {content: "Quantity" ;}
    #hrt-bulk-form table#products td:nth-of-type(5)::before {content: "Cost:" ;}
    #hrt-bulk-form table#products #shipping_cost::before { content: "Shipping"; }

    /* arrival times */
    .hp-stop-times tr td {
        display: block;
        text-align: left !important;
        border-bottom: 1px solid rgba(0,0,0,.25);
    }

    .hp-stop-times tr td span{
        font-size: 14px !important;
        line-height: 30px !important;

    }

    .hp-stop-times tr td small:before{
        content: " - ";
    }

    .hp-stop-times tr td small {
        display: inline !important;
        font-size: 14px !important;
        line-height: 30px !important;

    }

    /* .hp-stop-times tr td small {
		font-size:.6em;
	} */

    .hp-stop-times tr:first-child {
        display: none;
    }
    .hp-stop-times tr td:first-child {
        border-bottom: 0;
    }
    .hp-stop-times tr td a {
        display: block;
    }

    .hp-stop-times tr td:last-child {
        border-bottom:0;
    }
    div#stop-routes {
        margin-bottom: 40px;
    }
    /* end arrival times */

    header{
        z-index: 1000;
    }

    main section a.button {
        line-height: normal;
        padding: 15px;
        height: auto;
    }



    #post-meta-footer{
        border-top: 1px solid #eee;
        padding-top: 15px;
        overflow:auto;
        padding-bottom: 45px;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #post-meta-footer time{
        float: none;
        display: block;
        padding-bottom: 15px;
    }

    #post-meta-footer ul.tags{
        width: 100%;
    }

    #post-meta-footer ul.tags > li{
        display: block;
        padding-right: 0px;
        white-space: wrap;
    }

    #calendar-modal .box {
        width: 100%;
        height: auto;
    }

    .form-item.fifty, .form-item.third {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        float: none;
    }

    blockquote {
        margin: 30px 10px;
        padding: 1em;
    }
    blockquote::after {
        content: none;
    }

}

@media screen and (max-width: 600px) and (min-width: 200px){
    header #logo img{
        height: 60px;
        padding: 10px 10px 0px 0px;
    }

    #top li.pt span{
        display: none;
    }

    .form-item.fifty, .form-item.third {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        float: none;
    }

    #top ul li a span{
        display: none;
    }

    body nav#top li a .fa{
        display: block;
    }

    body #top .mobile-ticketing .fa{
        font-size: 25px;
        transform: rotate(00deg) translateY(3px);
        margin: 0px;
    }

}


/* PRINT */
@media print {

    *{
        color: #000 !important;
        background-color: none !important;
    }

    body{
        padding: 0px !important;
    }

    header, footer, #service-alerts, #morphsearch{
        display: none !important;
    }
}

/* PARATRANSIT DASHBOARD */

#via-status{
    /* padding: 30px 0px; */
}

#via-status{
    padding: 5px 0px;
}


#via-status .lg_num{
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

#via-status .sm_lbl{
    display: block;
    color: rgba(255,255,255,.85);
    text-align: center;
}


#via-status .last_updated{
    /* padding-top: 15px; */
    padding-top: 5px;
    color: rgba(255,255,255,.5);
    font-size: 14px;
    text-align: center;
}

#via-status h2{
    text-align: center;
    color: #fff;
    text-shadow: 2px 3px 3px rgba(0,0,0,.35);
    margin-bottom: 5px;
}

#via-status .lg_num.red{
    color: #ce5151;
}

#via-status .lg_num.yellow{
    color: #cebb51;
}

#via-status .lg_num.green{
    /* color: #68bd45; */
    color: #338410;
}

#via-status .lg_num.red, #via-status .lg_num.yellow, #via-status .lg_num.green {
    background-color: #fff;
    border-radius: 50%;
    width: 3em;
    margin: 0 auto;
}

.facility-container {
    margin-bottom: 1em;
}
.facility-label {
    background-color: #fff7e1;
    color: #000;
    font-size: small;
    display: inline;
    padding: 4px 8px;
}




/* section.schedule, */
#customer-service-updates-share, #trip-planner{
    /*display: none !important;*/
}


img.esp{
    width: auto;
    margin: 0px auto 60px;
    max-width: 100%;
}

body.home main{
    padding-top: 60px;
}

/* home page stop times */

.hp-stop-times{
    margin-bottom: 40px;
    border-spacing: 2px;
    border-collapse: inherit;
    /* border-bottom: 1px solid #999; */
    /* border-right: 1px solid #999; */
    /* border-collapse: collapse; */
}

.hp-stop-times td{
    color: #fff;
    padding: 0px;
    /* border-top: 1px solid #999; */
    /* border-left: 1px solid #999; */
    background: inherit !important;
}




.hp-stop-times td.time{
    padding: 0px 5px;
    text-align: right;
    vertical-align: middle;
    line-height: 16px;
}

.hp-stop-times tr:nth-child(2n+1){
    background: rgba(0,0,0,.1);
}
.hp-stop-times tr:nth-child(2n+2){
    background: rgba(0,0,0,.2);
}
.hp-stop-times tr:last-child{
    background: none;
}

.hp-stop-times tr td:first-child {
    background: #3B5AA8 !important;
}


.hp-stop-times td.delayed, .hp-legend .yellow{
    background: #fdfe84 !important;
    color: #000;
}

.hp-stop-times td.cancelled, .hp-legend .red{
    background: #c78c89 !important;
    color: #000;
}

.hp-stop-times td.time small{
    display: block;
    font-size: 11px;
    text-transform: uppercase;

}

.hp-stop-times td.time span{
    text-transform: uppercase;
}


.hp-legend span{
    line-height: 24px;
    margin-right: 10px;
    display: inline-block;
}

/* LIGHTBOX EFFECT
<a href="#img1"><img src="https://smallimage.jpg" class="thumbnail"></a>
<a href="#_" class="lightbox" id="img1"><img src="https://bigimage.jpg"></a>
*/
.thumbnail {
    /* max-width: 40%; */
}
.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}
.lightbox img {
    max-width: 90%;
    max-height: 60%;
    margin-top: 10%;
    border: 1px solid white;
}
.lightbox:target {
    outline: none;
    display: block;
}
@media only screen and (min-device-width: 200px) and (max-device-width: 600px) {
    p.thumbnail { max-width: 95%; }
    .lightbox img { margin-top: 30%; }
}
/* end Lightbox effect */

.mobile-only {
    display: none;
}

@media only screen and (max-width: 600px) {
    .mobile-only {
        display: block;
    }
}

form.mobile-only button#btnStopCleanReport {
    border-radius: 3px;
}



.aic-help-panels .column-thirds {
    display: flex;
    align-items: flex-end;
}

section.one-column{
    clear: both;
}

.aic-help-panels p{
    text-align: center;
    line-height: 20px;
    margin: 10px 0px 20px 0px;
    font-size: 16px;
}

.aic-how{
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.aic-how h2{
    margin-bottom: 5px;
}

div.numbered{
    position: relative;
}

div.numbered > div {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;

    background: #68BD45;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.65);
}

@media only screen and (max-width: 600px){
    .aic-help-panels .column-thirds {
        display: block;
    }

    .aic-help-panels p{
        text-align: center;
        line-height: 20px;
        margin: 10px 0px 20px 0px;
        font-size: 14px;
    }

    div.gray > section.content.air-more-help{
        padding: 30px;
    }

    div.gray > section.content.air-more-help a.phone{
        display: block;
    }
}



.embed-container iframe { height: auto; width: 100%; aspect-ratio: 16 / 9; }



.social.spacing a{
    margin: 5px 20px 5px 0px;
}


p.oa{
    overflow: auto;
    margin-bottom: 0px;
}


p.oa img.alignleft{
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
    float: left;
}


#quick-links h5 {
    color: #fff;
    margin: -10px 0px 10px 0px;
    /* text-transform: uppercase; */
    text-shadow: 2px 3px 3px rgba(0,0,0,.35);
    font-size: 20px;
    letter-spacing: 0.08em;
    font-weight: normal;
}


/* **************************** */

#cf-jobs-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill,21.1111em);
    justify-content: center;
}

#cf-jobs-grid h3 {font-size: 24px; padding-left:1em; padding-right: 1em;}
/* section.content a {font-weight: normal !important;} */
.top-banner {background-color: #3b5cab; text-align: center; padding: 1em 1em;}
.top-banner h3 {font-weight: normal; color: #fff;}
.top-banner h4 {margin-bottom: 0; font-size:21px; font-weight: normal; color: #fff;}
.top-banner button {letter-spacing: normal;}
#cf-jobs-grid .positions-container {background-color: #f3ee98; padding: 2em 14px; text-align: center;}
#cf-jobs-grid .positions-container div {margin-left: 1em;}
#cf-jobs-grid .positions-container ul {line-height:2.2em;}
#cf-jobs-grid .positions-container a {background-color:#68bd45; padding:6px 15px; border-radius:3px; color:#fff !important; font-weight: normal !important; font-size:16px; text-transform: uppercase; letter-spacing:0.08em;}
#cf-jobs-grid .bonus-container {line-height: 1.25em; font-size: 16px;}
#cf-jobs-grid .benefits-container {text-align: center; font-style: italic; font-size: 1.125em;}
#cf-jobs-grid .benefits-container ul {padding-left:0;}
.image-container {display: flex; justify-content: center;}
.flex {display: flex; justify-content: space-around;}
#cf-jobs-grid .job {padding-top: 1em; margin: 0 5px 1em; text-align: center; background:#cfe6f6; overflow: hidden; position: relative; padding-bottom: 50px;}
#cf-jobs-grid .job-link {position: absolute; bottom: 0; width: 100%;}
#cf-jobs-grid p.job-link a.button {display: block;}
.plug {padding:1em 8px; margin: 0 30px; text-align: center; background:#cfe6f6;}
.color-yellow {color: #f3ee98;}
/* @media only screen and (max-width: 768px) {width: 100%;}} */


#route-pg-stop-search{
    min-width: 300px;
    padding-top: 10px;
    text-align: left;
}

#route-pg-stop-search > div{
    width: 100%;
}
#route-pg-stop-search > div input[type="text"]{
    width: calc(100% - 60px);
    display: inline;
    vertical-align: middle;
}

#route-pg-stop-search span{
    display: none;
    margin: 10px 0px 0px;
    text-align: center;
}

#route-pg-stop-search span.show{
    display: block;
}

#rail-selector-form select{
    vertical-align: middle;
}

#railstop{
    max-width: 300px;
}

#raildirection{
    max-width: 270px;
}

@media only screen and (min-width: 200px) and (max-width: 719px) {
    .postid-11029 .headline h1, .postid-11132 .headline h1{
        text-indent: -99999px;
        background: url(https://beta.gohrt.com/wp-content/uploads/2023/01/cf-se-logo.png) center center no-repeat;
        background-size: contain;
        width: 320px;
        height: 132px;

    }

    h1 .rt-desc{
       font-size: 20px;
       line-height: 24px;
    }

    #route-pg-stop-search{
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-width: none;
        padding-top: 0px;
    }

    .map-nav.mobile-nav > li.fullw{
        width: 100%;
    }

    #date-picker-form{
       margin-bottom: 15px;
    }
    
    a.view-today{
       display: block;
    }
    
    .map-nav > li.fullw{
       height: auto;
    }

    section.note{
       padding: 5px 15px;
    }

    #route-pg-stop-search em, #date-picker-form em{
        color: #aaa;
        font-size: 11px;
        text-align: center;
        display: block;
        margin: 5px 0px;
    }

    #rail-schedule-widget{
        height: 150px;
        width: 100%;
    }


    #rail-selector-form select{
        vertical-align: middle;
    }

    #railstop{
        max-width: none;
        width: 100%;
        margin-bottom: 10px;
    }

    #raildirection{
        max-width: none;
        width: calc(100% - 50px);
    }


}






@media only screen and (min-width: 720px) and (max-width: 900px) {
    .postid-11029 .headline h1, .postid-11132 .headline h1{
        text-indent: -99999px;
        background: url(https://beta.gohrt.com/wp-content/uploads/2023/01/cf-se-logo.png) center center no-repeat;
        background-size: contain;
        width: 435px;
        height: 180px;

    }
}

@media only screen and (min-width: 901px) {
    .postid-11029 .headline h1, .postid-11132 .headline h1{
        text-indent: -99999px;
        background: url(https://beta.gohrt.com/wp-content/uploads/2023/01/cf-se-logo.png) center center no-repeat;
        background-size: contain;
        width: 700px;
        height: 290px;
    }
}

#cf-offering p{
    margin-bottom: 5px;
}

/* **************************** */


.callout-lg{
    font-size: 26px;
    line-height: 32px;
}





.postid-11167 .headline h1{
    opacity: 0;
}

#community-fair{
    text-align: center;
    margin: 45px 0px;
}

#community-fair > div{
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
}

#community-fair > div > em{
    font-size: 30px;
    font-weight: normal;
}

#community-fair a{
    font-size: 20px;
}



.four-column .col4{
    display: block;
    float: left;
    width: calc(50% - 15px);
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    margin-bottom: 60px;
}

.four-column .col4:nth-child(2n){
    margin-right: 30px;
}

.light-rail-extension{
    padding: 45px 0px;
}

.light-rail-extension h1{
    color: #fff;
    margin-bottom: 10px;
}
.light-rail-extension h2{
    color: #fff;
    margin-bottom: 10px;
}

.light-rail-extension h3{
    color: #fff;
    margin-bottom: 0px;
}

.postid-11178 .bar.grey-blue{
    margin-top: -30px;
}

.lrdate{
    font-size: 21px;
    font-weight: bold;
}

.lrtime{
    font-size: 30px;
    line-height: 60px;
}

/* MEDIA FARE CSS */

/*@media screen and (max-width: 900px) and (min-width: 200px){


.flex-column-reverse{
	display: flex;
	flex-direction: column-reverse;
   }
  } */

@media screen and (max-width: 900px) and (min-width: 200px) {
    .column-thirds {
        display: flex;
        /* flex-direction: column-reverse; -- Hey Barry, I took this out because it was affecting more than just the trolley page, if you need to "fix", add a custom class and target that */
        flex-direction: column;
    }
}




em.wage{
    font-style: normal;
    font-size: 30px;
    margin-top: -10px;
    margin-bottom: 5px;
    display: block;
}


.color-orange-gold{
    color: #f7b519;
}
.bg-color-orange-gold{
    background-color: #f7b519;
}

h2.color-orange-gold{
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

h2.color-orange-gold + h5{
    margin-top: -15px;
    margin-bottom: 45px;
}


.inline-highlight{
    display: inline-block;
    padding: 10px 25px;
}

.blue-box-padding{
    padding: 30px 0px;
    margin-bottom: 30px !important;
}

@media screen and (max-width: 3000px) and (min-width: 200px){
    section.content.blue-box-padding{
        padding: 30px 0px !important;
        margin-bottom: 30px !important;

        font-size: 18px;
    }



}

.blue-box-padding p{
    margin: 0px 0px 15px 0px;
}

.blue-box-padding :last-child{
    margin-bottom: 0px;
}

.blue-box-padding .color-orange-gold{
    text-shadow: 2px 2px 0px rgba(0,0,0,.25);
}

.blue-box-padding{
    color: #fff;
    font-size: 24px;
}

main section.blue-box-padding a, main section.blue-box-padding a:link, main section.blue-box-padding a:active{
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

body.postid-11747 div.bar.purple-blue{
    background: linear-gradient(90deg, rgba(35,50,109,1) 0%, rgba(10,94,156,1) 100%);
}



nav#top #my-stop-number{
    display: inline;
}
















/* ******************* */


section.accountability-center{
    padding-top: 30px;
}

section.accountability-center .callout{
    max-width: 100%;
    width: 100%;
    margin: 0px 0px 30px;
}

section.accountability-center .callout h6{
    margin-bottom: 0px;
    font-size: 17px;
}

section.accountability-center .callout h5{
    margin-bottom: 5px;
}

section.accountability-center .callout h3 a{
    color: #3b5aa8;
    font-weight: bold;
}

section.accountability-center .callout h3{
    margin-bottom: 10px;
}





html.translated-ltr body > header{
    margin-top: 40px;
}

html.translated-ltr nav#service-alerts{
    top: 40px;
}


html.translated-ltr nav#service-alerts.open span.close{
    top: 50px;
}



#inbound-outbound-legend{
    margin: 90px auto 60px;
    display: block;
    max-width: 650px;
    font-size: 15px;
    text-align: center;
    background: #eee;
    border-radius: 4px;
    padding: 15px;
}



.cf-job-listings .column-thirds{
    text-align: center;
    font-size: 22px;
    line-height: 36px;
}

.cf-job-listings .column-thirds strong{
    font-weight: normal;
    font-size: 28px;
}

.cf-job-listings .column-thirds em{
    font-size: 12px;
}

.cf-benes h5{
    font-size: 30px;
    color: #ed6e2c;
    line-height: 38px;
}

.cf-benes h6{
    font-size: 22px;
    line-height: 28px;
    color: #a64524;
}

.wp-image-12354{
    position: absolute;
    height: 200px;
    width: auto;
    right: 60px;
    top: -120px;
    z-index: 0;
}


.cf-three-dates .column-thirds div:nth-child(2), .cf-three-dates .column-thirds div:nth-child(3){
    box-sizing: border-box;
    padding-top: 60px;
}

.cf-three-dates .column-thirds div:nth-child(2) h3, .cf-three-dates .column-thirds div:nth-child(3) h3{
    position: relative;
    z-index: 10;
}
body.postid-12416 main{
    background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(204,232,249,1) 100%);
}






.city-code{
    font-style: italic;
    color: #961e1e;
    white-space: nowrap;
}

body.page-id-12570 .headline h1{
    display: none;
}


body.page-id-12570 section.headline.page-hero{
    height: auto;
    aspect-ratio: 2000 / 750;
}





.location-alerts-top{
    background-color: #ce5151;
    border-radius: 3px;
    padding: 5px 15px;
    margin-bottom: 10px;
}

.location-alerts{
    background-color: #ce5151;
    border-radius: 3px;
    padding: 3px 8px;
}

.location-alerts > h3, .location-alerts-top > h3{
    color: #fff;
    margin: 10px 0px;
}

.location-alerts > span, .location-alerts-top > span{
    color: rgba(255,255,255,.8);
    font-size: 13px;
    font-style: italic;
    display: block;
    margin-bottom: 5px;
    line-height: 14px;
}

main section .location-alerts > a, main section .location-alerts-top > a{
    color: #fff;
    text-decoration: underline;
}


body.postid-12626 main {
    position: relative;
    background-image: url('https://beta.gohrt.com/wp-content/uploads/2024/09/fallbg2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: hidden;
}


body.postid-12824 main {

    position: relative;
    background-image: url('https://gohrt.com/wp-content/uploads/2024/12/snowbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: hidden;

}

/*body.postid-12832 main {
    position: relative;
    z-index: 1;
    overflow: hidden;
} */

/* Content above the background */
body.postid-12832 main > * {
    position: relative;
    z-index: 1;

}

/* Blurred and dimmed background */
body.postid-12832 main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://gohrt.com/wp-content/uploads/2024/12/determined-scaled-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(2px) brightness(0.4);
    z-index: 1;
    pointer-events: none;
}




/* Text styling */
body.postid-12832 h1,
body.postid-12832 h2,
body.postid-12832 h3,
body.postid-12832 h6,
body.postid-12832 p,
body.postid-12832 .cf-job-listings {
    color: white !important;
}

/* postid-12898 */

/*body.postid-12898 main {
    position: relative;

    overflow: hidden;
} */

/* Content above the background */
body.postid-12898 main > * {
    position: relative;
    z-index: 1;

}

body.postid-12898 main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://beta.gohrt.com/wp-content/uploads/2025/01/hearts_reimaged.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    opacity: 0.3; /* Added this to reduce the overall image opacity */
    background-color: rgba(255, 255, 255, 0.1);
    mix-blend-mode: multiply;
}





main section.summer-waves{
    max-width: none;
    background: url("/wp-content/themes/gohrt_com/images/cf-se25-bg.png");
    background-size: cover;
    padding: 10vw 0px;
    color: #fff;
    font-size: 2vh;
    margin-bottom: 0px;
}

main section.summer-waves h4{
    font-size: 2.5vh;
    line-height: 2.4vh;
    margin-bottom: 10px;
    color: #fff;
}

main section.summer-waves h4 + p{
    margin-bottom: 4vh;
}


main section.summer-waves .column-halves{
    max-width: 1140px;
    margin: auto;
}

main section.summer-waves .column-halves > div{
    padding: 30px;
    box-sizing: border-box;
}


.summer-blues{
    color: #fff;
    margin-bottom: 0px;
    box-sizing: border-box;
    padding: 2vw 0px;
}

.summer-blues p{
    margin: 0px;
    padding: 0px;
}

body.postid-12946 h1{
    display: none;
}


.summer-were-looking{
    z-index: 100;
}

.summer-were-looking h2{
    margin-top: 4vh;
    margin-bottom: -10vh;
    color: #fff;
    font-size: 4vh;
}

.summer-were-looking img{
    position: absolute;
    top: -10vh;
    right: -10vh;
    width: 28vh;
}


@media screen and (max-width: 768px) and (min-width: 200px){

    .summer-were-looking img{
        display: none;
    }

    .summer-were-looking h2{
        font-size: 8vw;
        margin-bottom: -8vh;
    }

    .summer-blues p{
        padding: 30px;
    }

    .summer-blues p br{
        display: none;
    }



}

#times tr.hl{
    background-color: #ADF58A !important;
}


#times tr.hl .label span:after{
    content: "\f207";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 10px;
}


#times tr.cancelled, #daily-schedule tr.cancelled{
    background-color: #cc4a4a !important;
    text-decoration: line-through;
}

#times tr.cancelled .label span:after{
    content: "";
}

#times .route-times{
    padding: 10px;
    box-sizing: border-box;
}
#times .route-times.selected,
#times .route-times:hover{
    background: #fafafa;
    border-radius: 3px;
}





#daily-schedule h3 > img{
    height: 30px;
    width: auto;
    vertical-align: bottom;
    margin-right: 5px;
}

#daily-schedule th{
    text-align: right;
}

#daily-schedule th span.stop_id{
    display: block;
    line-height: 14px;
    font-size: 18px;
    margin-bottom: 3px;
}

#daily-schedule th span.stop_name{
    display: block;
    line-height: 14px;
    font-size: 11px;
}

#daily-schedule .times td{
    font-size: 16px;
    line-height: 24px;
}

#daily-schedule h3{
    margin-top: 40px;
}

#daily-schedule .times td em{
    display: none;
}

.route-schedule{
    table-layout: fixed
}

section.note{
    background: #eee;
    color: #222;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}




#progress{
    margin-top: -10px;
    background: #eee;
    margin-bottom: 5px;
}

#progress #bar{
    width: 0%;
    height: 5px;
    background: #3b5aa8;
}

#progress #bar.load{
    width: 100%;
    transition: width 30s;
}

.stop_id em{
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: bottom;
}


#daily-schedule, #no-schedule{
    display: none;
}



#map_canvas {
    background: #eee;
    width: 100%;
    height: 0;
    margin: 5px 0 10px;
}
#map_canvas.active {
    height: 400px;
}

#outbound-done, #inbound-done{
    display: none;

    background: #eee;
    color: #222;
    text-align: center;
    padding: 5px;
    border-radius: 3px;

}


#daily-schedule tr.collapsible{
    background: #eee;
    color: #999;
}

a.toggle-collapsible{
    display: none;
}


#date-picker-form{
   padding-top: 10px;
}

#date-picker-form input[type=date]{
   width: calc(100% - 45px);
   vertical-align: middle;
}