/*
CTC Separate Stylesheet
Updated: 2022-03-10 21:02:41
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automatic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.0.0.1646946161
*/

:root {
    --blue: #00457c;
    --dark-blue: #002a54;
    --white: #ffffff;
    --yellowgreen: #a7c738;
    --yellowgreen-hover: #dbf57f;
    --yellowgreen-light: #adc452;
    --yellowgreen-site: #a7c638;
}

html,
.jumbotron .btn,
.col-md-12.pleasenote-col h2 {
    background: var(--dark-blue);
}

body {
    font-family: 'calibri';
}

body,
p,
ul,
ol,
a,
select,
input,
h3.hero-subhead,
em,
li {
    font-weight: 400;
}

body.woocommerce #primary,
body.woocommerce-checkout #primary,
.site-header:after,
.jumbotron:after,
figure.woocommerce-product-gallery__wrapper img.wp-post-image,
.site-footer:before {
    width: 100%;
}

.site {
    /* keeps GT flags from being cut off @ y-axis for some reason */
    overflow-x: visible;
}

.site-branding {
    margin-bottom: 0;
}

.site-header .site-branding img {
    width: 153px;
    border-radius: 0;
}

.site-header,
.jumbotron {
    border-bottom: 6px solid var(--yellowgreen);
}

.site-header,
.col-md-7.right {
    padding-top: 15px;
}

.site-header {
    box-shadow: rgb(1 16 59 / 27%) 0 0 12px 6px;
}

.site-footer:before,
.site-header:after,
.jumbotron:after,
.extra:before,
.left:before,
.col-md-7.right:before {
    content: "";
    position: absolute;
}

.site-footer:before,
.site-header:after,
.jumbotron:after {
    left: 0;
    right: 0;
    border-bottom: 2px solid var(--yellowgreen);
}

.site-header:after {
    bottom: -9px;
}

.site-header ul.menu li.current-menu-item > a,
.jumbotron {
    color: var(--white);
}

#site-navigation.main-navigation ul li a,
.ul.menu li a,
.site-header-cart .widget_shopping_cart,
.secondary-navigation ul.menu a {
    color: var(--yellowgreen);
}

.ul.menu li a,
a.cart-contents {
    font-family: 'calibri', 'Calibri W01 Bold_904607';
}

.ul.menu li a,
a.cart-contents,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
p.catcall-btn .btn,
.row.la-note a {
    font-weight: 700;
}

@media (min-width: 768px) {
    .site-header-cart .cart-contents .count {
        opacity: .7;
    }
}

.ul.menu li a,
#site-header-cart.site-header-cart .cart-contents {
    padding: .81em 1em;
}

.site-header-cart .widget_shopping_cart,
p.catcall-btn .btn {
    background-color: var(--blue);
}

p,
ul,
ol,
a,
select,
input,
h3.hero-subhead {
    font-family: 'calibri', 'Calibri W01 Regular_904604';
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
p.catcall-btn .btn,
.row.la-note a {
    font-family: 'calibri', 'Calibri W01 Bold_904607';
}

em,
li {
    font-family: 'calibri', 'Calibri W01 Italic_904613';
    font-style: normal;
}

.site-header,
.site-footer {
    background: radial-gradient(circle, transparent 59%, rgba(0, 19, 60, .75) 91%), url(https://buyfares.ladottransit.com/wp-content/uploads/2022/03/bg_header_colorcorr_fin.png) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.gglobe {
    aspect-ratio: 1;
    height: 22px !important;
}

.widget_product_search form:not(.wp-block-search) input[type=search] {
    border-radius: .5em;
    padding: .66em 1.41575em;
    padding-left: 2.617924em;
    line-height: 1;
}

.site-search .widget_product_search form::before {
    top: .84em;
}

.home.page:not(.page-template-template-homepage) .site-header,
.row.la-note {
    margin-bottom: 3px;
}

.jumbotron,
.row.la-note {
    background-repeat: no-repeat;
}

.jumbotron {
    box-shadow: rgb(1 16 59 / 18%) 0 0 12px 6px;
    background-image: url("https://buyfares.ladottransit.com/wp-content/uploads/2022/03/pic_dashbus_hero.jpg");
    background-position: center;
    background-size: cover;
    height: 600px !important;
}

.jumbotron:after {
    margin-top: 7px;
}

.jumbotron h2,
.jumbotron p {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .75);
}

.jumbotron h2 {
    color: var(--yellowgreen-site);
    font-size: 3.5em;
}

.jumbotron h2,
.footer-widget-4 .wp-block-image,
.site-footer .widget,
.storefront-breadcrumb,
.hentry,
.site-main,
.content-area {
    margin: 0;
}

.jumbotron h2,
p.catcall-btn .btn,
strong.tapalert {
    text-transform: uppercase;
}

h3.hero-subhead {
    font-size: 19px;
    color: #f5f5f5;
    padding-right: 1em;
}

.jumbotron p {
    font-size: 1.2em;
}

.jumbotron .container {
    width: 70%;
    margin: auto;
    overflow: visible;
    z-index: 0;
}

.jumbotron .container,
.extra [class*="col"],
.site-footer {
    position: relative;
}

.container.extra {
    display: flex;
    padding: 0 2.617924em;
}

.container.extra,
.extra:before,
.col-md-7.right:before {
    height: 100%;
}

.container.extra,
.secondary-navigation ul li {
    align-items: center;
}

.extra:before,
.secondary-navigation {
    display: block;
}

.extra:before,
.col-md-7.right:before {
    top: 0;
    width: 100vw;
}

.extra:before {
    /* override bootstrap */
    left: 50%;
    transform: translate(-50%, 0);
}

.extra [class*="col"] {
    min-height: 120px;
}

.h1-fayf span {
    font-size: .399em;
}

.col-md-7.right {
    padding-left: 30px;
    padding-bottom: 33px;
}

.col-md-7.right:before {
    left: 0;
    background: rgba(26, 72, 120, .90);
    z-index: -1;
    border-top-left-radius: 0.9em;
    border-bottom-left-radius: 0.9em;
}

/* JT BADGES*/
.badges {
    width: fit-content;
}

.badge,
img.size-woocommerce_thumbnail,
.site-footer img {
    width: auto;
}

.badge {
    height: 60px;
    max-width: 200px;
    object-fit: cover;
}

.secondary-navigation,
.catcall h4,
.catcall-btn {
    text-align: center;
}

ul#menu-social-icon,
.pleasenote-text {
    margin: 0 0 18px;
}

.secondary-navigation ul.menu a:hover,
p.catcall-btn .btn {
    color: var(--yellowgreen-hover);
}

.secondary-navigation ul li {
    display: inline-flex;
}

body.home h1.entry-title {
    position: absolute;
    left: -9999px;
}

p.catcall-btn .btn,
.catcall .btn {
    font-size: 1.3em;
    line-height: 1.9;
}

p.catcall-btn .btn {
    border-radius: .3em;
    min-height: auto !important;
    white-space: normal;
    text-decoration: none;
}

.catcall .btn-color-1 i.fa {
    transition-duration: 0.3s;
    transition-property: all;
}

.catcall .btn-color-1:hover,
.row.la-note a {
    color: var(--blue);
}

.catcall .btn-color-1:hover {
    background-color: var(--yellowgreen);
}

.catcall .btn-color-1:hover i.fa {
    color: var(--blue) !important;
}

.catcall .btn {
    height: auto !important;
    padding: 12px 18px;
}

.catcall .btn i.fa {
    color: rgb(219, 245, 127) !important;
    font-size: .9em !important;
    margin-right: 9px;
}

.row.la-note,
.col-md-12.pleasenote-col h2 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.row.la-note {
    padding-block: 0;
    background: url(https://buyfares.ladottransit.com/wp-content/uploads/2022/03/pic_tapcards_all_bg_33_540.png) #849b28;
    background-position: -9%;
}

.row.la-note .row > [class*=col-md],
.row.la-note p {
    min-height: 0;
}

.pleasenote-body-wrap {
    box-shadow: 3px 3px 3px rgb(100 100 100 / 50%);
}

.pleasenote-body {
    background: rgba(255, 255, 255, .66);
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.col-md-12.pleasenote-col {
    padding-inline: 0;
    overflow-x: hidden;
}

.col-md-12.pleasenote-col p {
    padding: 15px;
}

.col-md-12.pleasenote-col h2 {
    font-size: 2.4em;
    line-height: 1.5;
    padding-bottom: 0.1em;
}

strong.tapalert {
    font-size: 1.8em;
    line-height: 1.2;
    color: var(--dark-blue);
    margin-bottom: 0.3em;
    display: inline-block;
}

header h1,
.storefront-breadcrumb nav {
    padding: 0;
}

/* PRODUCT LISTINGS */
img.size-woocommerce_thumbnail {
    max-width: 173px;
}

@media only screen and (max-width: 991px) {

    h2.h-pleasenote,
    .pleasenote-text {
        margin: 0;
    }

    .pleasenote-body {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .pleasenote-text {
        text-align: center !important;
    }

    strong.tapalert {
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 1.2em;
        color: var(--dark-blue);
        margin-bottom: 0.3em;
        display: inline-block;
    }

    .row.la-note {
        padding-bottom: 0 !important;
    }
}

.site-footer {
    padding: 1.618em 0 0;
    border-top: 6px solid var(--yellowgreen);
}

.site-footer:before {
    top: -9px;
}

.footer-widgets {
    padding-top: 0;
}

.site-footer img {
    height: 60px !important;
}

.site-info {
    display: none;
}

@media only screen and (min-width: 300px) {
    .secondary-navigation li {
        padding: 0 .6em !important;
    }

    .secondary-navigation li:last-of-type {
        padding-right: 0 !important;
    }

    .secondary-navigation .menu a {
        padding: 0;
    }

    .secondary-navigation .dashicons {
        aspect-ratio: 1;
        width: 22px;
        font-size: 22px;
    }

    .site-header-cart .cart-contents {
        color: var(--yellowgreen);
    }
}

@media only screen and (min-width: 768px) {
    .container.col-full {
        max-width: 66.4989378333em;
    }

    #masthead .col-full {
        position: relative;
    }

    .gsatelites .gsatelite {
        /* prevent flag shadows on page load desktop*/
        display: none;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
    .site-header .custom-logo-link,
    .site-branding:after,
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: auto;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        float: right;
        margin-right: 1em !important;
    }

    .site-header .custom-logo-link,
    .site-branding:after,
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        float: left;
    }

    .site-header .site-branding {
        display: inline-flex;
        align-items: baseline;
    }

    header.element-is-sticky .site-branding img {
        width: 99px;
    }

    header.element-is-sticky .secondary-navigation {
        height: 41.38px !important;
        margin-bottom: 0;
    }

    header.element-is-sticky .storefront-primary-navigation .col-full {
        margin-top: 0;
    }

    header.element-is-not-sticky .site-branding img {
        width: 153px;
    }

    header.element-is-sticky .site-branding img,
    header.element-is-sticky .secondary-navigation,
    header.element-is-not-sticky .secondary-navigation,
    header.element-is-not-sticky .site-branding img,
    header.element-is-not-sticky,
    .storefront-primary-navigation .col-full,
    header.element-is-sticky .site-branding:after,
    header.element-is-not-sticky .site-branding:after {
        transition: all 0.5s ease;
    }

    .storefront-primary-navigation .col-full {
        margin-top: 1em;
    }

    .site-branding:after {
        font-size: 21px !important;
        line-height: 1;
        content: "Online Transit Store";
        color: var(--yellowgreen-site);
        font-family: 'calibri', 'Calibri W01 Bold_904607';
        font-weight: 700;
        text-transform: uppercase;
        margin-left: .6em;
    }

    header.element-is-sticky .site-branding:after {
        font-size: 15px !important;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        margin-right: 0;
    }

    .footer-widgets.col-4 .block {
        width: 47%;
    }

    .footer-widget-4 p {
        font-size: 18px;
        line-height: 175%;
        margin-right: 9px;
    }
}

@media (max-width: 767px) {
    .site-header {
        padding-block: 1.5em;
    }

    .site-branding,
    #site-navigation,
    .jumbotron h2,
    p,
    h4,
    .site-footer .widget p {
        text-align: center;
    }

    .woocommerce-active .site-branding,
    .container.extra,
    .extra:before,
    .col-md-7.right {
        width: 100%;
    }

    header h1,
    .storefront-breadcrumb nav {
        padding: inherit;
    }

    img.custom-logo {
        margin: 0 auto 1.5em;
    }

    button.menu-toggle,
    .site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
        color: var(--yellowgreen-site);
    }

    button.menu-toggle {
        border: 2px solid var(--yellowgreen-site);
        background-color: var(--dark-blue);
        border-radius: 3px;
        float: none;
        margin: 0 auto;
    }

    button.menu-toggle:hover {
        background-color: var(--blue);
    }

    button.menu-toggle:after,
    button.menu-toggle:before,
    button.menu-toggle span:before,
    .storefront-handheld-footer-bar ul li.cart .count {
        background-color: var(--yellowgreen-site);
    }

    .secondary-navigation li:last-of-type {
        padding-right: .6em !important;
    }

    .secondary-navigation ul li {
        vertical-align: middle;
    }

    .jumbotron {
        height: 100% !important;
    }

    .jumbotron h2 {
        font-size: 2.1em;
        line-height: 1;
        margin: 15px 0 6px;
    }

    .container.extra,
    .col-md-7.right {
        padding-inline: 15px;
    }

    .container.extra {
        display: block;
        height: 100%;
    }

    .extra [class*="col"] {
        min-height: auto;
        position: relative;
    }

    .left,
    .left:before {
        display: none;
    }

    .col-md-7.right {
        padding-top: 0;
    }

    .col-md-7.right:before {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .storefront-handheld-footer-bar ul li.cart .count {
        color: var(--blue);
        border-color: var(--blue);
    }

    .block.footer-widget-4 .wp-block-image figure {
        margin: 0.5em 0;
    }

    /*JT BADGES MOBILE*/
    .badges {
        width: auto;
    }

    .row.badges div,
    .site-footer .widget {
        display: flex;
        justify-content: center;
        margin-top: .6em;
    }

    .site-footer {
        padding: 1.618em 0 3.706325903em;
    }

    .site-footer .widget p {
        font-size: .9em;
        margin-top: 3px
    }

    .site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
        background: var(--dark-blue);
    }
}

@media only screen and (max-width: 960px) {
    .row.la-note .row > [class*=col-md] {
        min-height: 0;
    }
}

@media only screen and (max-width: 66.4989378333em) {
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        padding-right: 0;
    }
}