/*
    Theme Name:   Primas Child
    Theme URI:    https://www.boldgrid.com
    Description:  BoldGrid Primas Child Theme
    Author:       BoldGrid Support
    Author URI:   https://www.boldgrid.com
    Template:     boldgrid-primas
    Text Domain:  boldgrid-primas-child
    Version:      1.2
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html
    Tags:
*/

:root {
    --black: #000;
    --blue: #00457c;
    --blue-bg: #011e48;
    --blue-dash: #0073A8;
    --blue-faded: #3279bc;
    --blue-heading: #002657;
    --blue-link: #266e9e;
    --charcoal: #333;
    --gray: #666;
    --gray-dark: #444;
    --gray-light: #ddd;
    --gray-medium: #999;
    --gray-elephant: #949598;
    --gray-shadow: #ccc;
    --green-cx: #4A7182;
    --white: #fff;
    --white-bg: #f5f5f5;
    --yellowgreen: #a7c539;
}

:focus {
    outline: revert;
}

html {
    background: var(--blue-bg);
}

body {
    background-color: var(--white-bg);
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-x: hidden;
}

/* SSDS VIDS */
.ssds-videos {
    padding: 20px;
}

.video-caption {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 1em;
    font-weight: bold;
}

.embed-responsive {
    margin-bottom: 6px;
}

/* RM SIDEBAR in RAs */
.post-template .main > .row > .col-md-9 {
    width: 100%;
}

.sidebar {
    display: none;
}

/* RIDER ALERT INIT STYLES */
main.main.container #header,
main.main.container #footer,
main.main.container hr {
    display: none !important;
}

body.single-rider_alert .sidebar {
    display: none;
}

.rider-alert-single .entry-title {
    font-size: 2em;
    color: var(--charcoal);
}

.rider-subheadline {
    font-size: 1.25em;
    color: var(--gray);
    margin-bottom: 1em;
}

.pf-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
}

.btn,
.button-primary,
.button-secondary {
    white-space: normal;
}

.palette-primary .allroutes-table a {
    color: var(--white) !important;
}

#content .boldgrid-section:nth-last-child(2) {
    position: relative;
}

form small {
    font-size: .69em;
    line-height: .72em;
}

.site-header {
    position: relative;
    z-index: 1;
    padding-top: 6px;
    padding-bottom: 9px;
    box-shadow: rgb(1 16 59 / 18%) 0 0 12px 6px;
}

.site-header {
    padding-top: 12px;
    padding-bottom: 12px;
}

.logo-site-title img {
    transition: .3s;
}

.element-is-sticky .logo-site-title img {
    width: 99px;
    transition: .3s;
}

.palette-primary .site-header,
.palette-primary .site-footer {
    background: rgb(255, 255, 255);
    background: -moz-radial-gradient(circle, transparent 59%, rgba(0, 19, 60, .75) 91%);
    background: -webkit-radial-gradient(circle, transparent 59%, rgba(0, 19, 60, .75) 91%);
    background: radial-gradient(circle, transparent 59%, rgba(1, 30, 72, 1) 91%), url(/wp-content/uploads/2023/06/bg_header_colorcorr_fin.png) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00133c", GradientType=1);
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#menu-social-items {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#searchform button[type="submit"] span:last-child {
    display: none;
}

aside#search-4 {
    padding: 0;
}

#searchform button[type="submit"] {
    background-color: var(--yellowgreen);
    color: var(--white);
    border: none;
    right: 39px;
    height: 34px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.widget_search .button-primary {
    padding: 0 12px;
}

.container .jumbotron .button-primary,
.container .jumbotron button[type="submit"],
.container .jumbotron .button-overrides {
    margin: 0;
    margin-left: 0;
}

.search .jumbotron {
    padding-top: 21px;
    padding-bottom: 39px;
}

.search .jumbotron h1 {
    margin-bottom: 5px;
}

.jumbotron #searchform button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 12px;
}

.jumbotron .form-inline {
    position: relative;
}

.label-success {
    background-color: #01204c;
}

.form-inline .form-group {
    vertical-align: bottom;
}

body.search hr {
    margin: 15px 0 12px 0;
}

body.search .jumbotron {
    margin-bottom: 0;
}

.search-results h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 21px;
}

@media screen and (max-width:767px) {
    aside#search-4 input {
        width: auto;
        margin: 0 auto;
    }

    #menu-social-items {
        /* social menu flex not quite centered on mobile - hack */
        padding: 0 0 0 7px;
    }
}

@media screen and (min-width:768px) {
    #searchform button[type="submit"] {
        right: 16px;
        position: absolute;
    }

    .jumbotron #searchform button[type="submit"] {
        position: static;
        margin: 0 0 0 -47px;
        padding: 0 12px;
    }
}

.site-footer .textwidget p {
    line-height: 1.5em !important;
    margin-top: 0.217em;
    text-shadow: 1px 1px 2px rgb(0 0 0);
}

.site-content {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif !important;
    font-size: 1.3em !important;
    line-height: 1.5em !important;
}

.site-content p,
.site-content li li {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif !important;
    font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: 'calibri', 'Calibri W01 Bold_904607' !important;
    font-weight: 700;
}

h5 {
    font-size: 1.09em !important;
}

.h3-details {
    margin-top: 3px !important;
    margin-bottom: 12px !important;
}

/* SECTION TITLES */
h2 {
    margin-bottom: 10px;
}

h2.heading-center {
    margin-top: 18px !important;
    margin-bottom: 15px;
}

.custom-logo,
.site-header .logo {
    max-width: 120px !important;
    height: auto !important;
}

.custom-logo-link:not(.bgc_logo) {
    margin-bottom: 0;
}

.site-title {
    font-family: 'calibri', 'Calibri W01 Bold_904607' !important;
    font-weight: 700;
    font-size: 27px !important;
    visibility: visible !important;
    margin-top: 6px;
    margin-bottom: 0 !important;
}

.site-title span.title-la {
    color: var(--white);
}

.logo-site-title img {
    width: 129px !important;
}

h3.site-description.site-description {
    position: absolute;
    left: -9999px;
}

.social-menu {
    float: none;
    text-align: center;
    margin-top: 3px;
}

@media screen and (max-width:767px) {
    .social-menu {
        margin-top: 15px;
    }

    .social-menu li:last-of-type {
        padding-right: 1em;
    }
}

.gglobe {
    height: 21px !important;
    width: 21px !important;
}

aside#search-4 {
    background-color: transparent;
    border: none;
    padding: 0 24px;
    text-align: right;
}

#searchform,
.well .button-primary,
#masthead aside.well {
    margin: 0 !important;
    box-shadow: none;
    z-index: 1;
}

.widget_search .button-primary {
    line-height: 2.3;
}

.bgtfw .row .header-8 {
    position: relative;
}

@media screen and (min-width:768px) {
    aside.widget_search {
        position: absolute;
        right: 0;
        top: -6px;
    }
}

@media screen and (max-width:767px) {
    .bgtfw .row .header-8 {
        margin-top: 0;
    }

    .bgtfw .row .header-8 .form-group {
        display: inline-block;
        margin-bottom: 0;
    }

    aside#search-4 {
        text-align: center;
    }

    #searchform button[type="submit"] {
        right: auto;
        margin-left: -38px !important;
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    #searchform {
        margin: 12px 0;
    }
}

/* MENUS */
.palette-primary .menu-social li a {
    color: var(--yellowgreen) !important;
}

.palette-primary a,
.palette-primary .widget-title,
.palette-primary #reply-title {
    color: var(--blue) !important;
}

.palette-primary .site-footer a {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif;
    color: var(--white) !important;
}

.palette-primary .social i:hover,
.palette-primary .site-footer a:hover,
.palette-primary .site-footer a:focus,
.palette-primary #footer-center-menu .current_page_item a[href] {
    color: #abd8fd !important;
}

.footer-center-items li:after {
    margin-left: 12px;
}

.site-footer li {
    text-align: center;
}

/* PRIMARY MENU */
@media screen and (max-width:767px) {
    #mega-menu-wrap-primary .mega-menu-toggle {
        left: 0;
        right: 0;
        width: 40px;
        margin: 0 auto;
    }

    .navbar {
        margin: 9px 0 0 0;
    }
}

.mega-menu-toggle {
    position: absolute;
    left: 4px;
    margin-top: 3px;
    display: flex;
    align-items: center;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
    position: absolute !important;
    left: 0;
    display: block !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
    margin-right: 0;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
    margin-left: 0;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    height: 6px;
}

.navbar {
    min-height: 36px;
}

@media only screen and (max-width: 9999px) {
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: #040e22;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background: #002849;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
        border-radius: 0;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
        cursor: pointer;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        text-transform: uppercase;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 40px;
        height: 40px;
        padding: 0 10px;
        background: transparent;
        text-align: left;
        color: var(--white);
        font-size: 18px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        line-height: 1.2em;
        height: 40px;
        padding: 0 10px 0 10px;
        vertical-align: baseline;
        width: auto;
        color: var(--white);
        text-transform: none;
        text-decoration: none;
        text-align: left;
        border: 0;
        border-radius: 0;
        font-family: inherit;
        font-size: 1.2em;
        font-weight: normal;
        outline: none;
        display: flex;
        align-items: center;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-disable-link > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
        cursor: inherit;
    }

    #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
        cursor: pointer;
        display: inline;
    }

    #mega-menu-wrap-primary,
    #mega-menu-wrap-primary #mega-menu-primary,
    #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column,
    #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
        transition: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
        border: 0;
        bottom: auto;
        box-sizing: border-box;
        clip: auto;
        color: var(--gray);
        display: block;
        float: none;
        font-family: inherit;
        font-size: 14px;
        height: auto;
        left: auto;
        line-height: 1.2;
        list-style-type: none;
        margin: 0;
        min-height: auto;
        max-height: none;
        min-width: auto;
        max-width: none;
        opacity: 1;
        outline: none;
        overflow: visible;
        padding: 0;
        position: relative;
        pointer-events: auto;
        right: auto;
        text-align: left;
        text-decoration: none;
        text-indent: 0;
        text-transform: none;
        transform: none;
        top: auto;
        visibility: inherit;
        width: auto;
        word-wrap: break-word;
        white-space: normal;
    }

    #mega-menu-wrap-primary {
        max-width: 50px;
    }

    .palette-primary #primary-navbar a,
    .palette-primary #mega-menu-primary a {
        color: var(--yellowgreen) !important;
    }

    .primary-menu ul li a,
    #mega-menu-primary li a {
        font-family: 'calibri', 'Calibri W01 Bold_904607', Helvetica, Arial, sans-serif !important;
        font-weight: 700;
    }

    .palette-primary a,
    .palette-primary .menu-item a,
    .palette-primary .widget-title,
    .palette-primary #reply-title,
    .palette-primary .social i:hover,
    .palette-primary .site-footer a:hover,
    .palette-primary .site-footer a:focus,
    .palette-primary #footer-center-menu .current_page_item a[href] {
        color: #01103b;
    }

    .palette-primary a,
    .palette-primary .widget-title,
    .palette-primary #reply-title {
        color: var(--blue) !important;
    }

    [role=button] {
        cursor: pointer;
    }

    a {
        color: var(--blue-link);
        background-color: transparent;
    }

    p > a:not(.button-primary),
    ul:not(.hp-nav) li > a,
    ol li > a,
    h4 a,
    th a {
        text-decoration: underline;

        &:hover {
            text-decoration: none;
        }
    }

    div.modal-body ul li a {
        text-decoration: none;
    }

    a,
    button {
        &:focus {
            outline: revert !important;
        }
    }

    p,
    li {
        font-size: 1em;
        line-height: 1.5em;
    }

    p,
    li,
    label,
    td,
    #results,
    #result_report,
    #other_pages {
        font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
    }

    li,
    p {
        -webkit-font-smoothing: subpixel-antialiased;
    }

    user agent stylesheet li {
        text-align: -webkit-match-parent;
    }

    #mega-menu-wrap-primary #mega-menu-primary {
        visibility: visible;
        text-align: left;
        padding: 0;
    }

    ul,
    ol {
        list-style-position: outside;
        margin-left: 1em;
        margin-bottom: 1em;
    }

    user agent stylesheet ul {
        list-style-type: disc;
    }

    .palette-primary .site-header {
        background: var(--blue);
        color: var(--white);
        border-bottom: 5px solid var(--yellowgreen);
    }

    .palette-primary {
        color: var(--charcoal);
    }

    body,
    p,
    .site-content,
    .site-footer {
        font-family: Raleway, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 175%;
    }

    body {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        line-height: 1.42857;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        overflow-x: hidden;
    }

    #mega-menu-wrap-primary:before,
    #mega-menu-wrap-primary #mega-menu-primary:before,
    #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before,
    #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before,
    #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:before,
    #mega-menu-wrap-primary:after,
    #mega-menu-wrap-primary #mega-menu-primary:after,
    #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after,
    #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after,
    #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:after {
        display: none;
    }

    *,
    :after,
    :before {
        box-sizing: border-box;
    }
}

.navbar-toggle {
    display: none;
}

.palette-primary .navbar-collapse.primary-menu,
.palette-primary #mega-menu-wrap-primary {
    background: transparent;
    background-color: transparent;
    color: var(--yellowgreen);
}

.palette-primary #primary-navbar a,
.palette-primary #mega-menu-primary a {
    color: var(--yellowgreen) !important;
}

.palette-primary #primary-navbar li li a:hover,
.palette-primary #mega-menu-primary li li a:hover {
    color: var(--blue) !important;
}

.primary-menu ul li a,
#mega-menu-primary li a {
    font-family: 'calibri', 'Calibri W01 Bold_904607', Helvetica, Arial, sans-serif !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    text-transform: uppercase !important;
    font-weight: 700;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
    width: 1.25em;
}

ul.mega-sub-menu {
    background-color: var(--blue) !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item ul li.mega-menu-item {
    background: #073a64;
    border-bottom: 1px solid rgba(167, 197, 57, .3);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding-left: 15px;
}

.mmenu-l2 {
    font-size: 18px;
}

.menu-l2-dest {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 1.2em;
    padding: 12px 10px;
    line-height: 1.5em;
}

/* PRE-FOOTER MENU */
#menu-bottom-menu,
.pf-menu,
.pf-menu ul li a {
    background-color: #041a2d;
}

#menu-bottom-menu {
    width: 100%;
    max-width: 1170px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.pf-menu {
    position: relative;
}

.pf-menu ul,
.pf-menu ul li {
    margin: 0;
}

.pf-menu ul {
    list-style: none;
    padding: 0;
    width: 100%;
    background-color: var(--gray);
    top: -60px;
}

.pf-menu ul li,
#menu-bottom-menu li {
    display: inline-block;
}

.pf-menu ul li a,
#menu-bottom-menu a:hover .fas:before {
    transition: all 0.3s ease;
}

.pf-menu ul li a,
.pf-menu ul li a:hover {
    display: block;
    padding: 12px;
}

#menu-bottom-menu li {
    width: 33.33%;
}

#menu-bottom-menu .fas:before {
    margin-right: 1em;
}

#menu-bottom-menu a:hover .fas:before {
    color: #abd8fd;
}

.pf-menu ul li a:hover {
    background-color: #002849;
}

@media screen and (max-width:767px) {
    #menu-bottom-menu li:nth-child(2) {
        margin: 0 .6em;
    }

    #mega-menu-wrap-primary {
        max-width: none;
    }
}

.palette-primary .pdf-download a.btn {
    color: #00113b !important;
    font-size: 21px;
    line-height: 36px;
}

.heading-center {
    text-align: center;
}

.gmp_MapPreview {
    border-radius: .6em;
}

.btn-color-2:hover,
.btn-color-2-flat:hover,
.btn-color-2:focus,
.btn-color-2-flat:focus {
    background-color: #e8ff94;
}

/* BTNS/ICONS */
.container .button-primary,
.container .button-overrides {
    margin: 0.6em 0 1.5em 0;
}

.container .button-primary.stopnumber-mobile,
.container .button-overrides.stopnumber-mobile {
    margin: 0;
}

.boldgrid-slider .slick-dots li button,
.boldgrid-slider .slick-dots li button:before {
    color: rgba(0, 68, 124, 1) !important;
}

.boldgrid-slider .slick-arrow {
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    background-color: rgba(0, 68, 124, .5) !important;
}

.boldgrid-slider .slick-next {
    right: 9px !important;
}

.boldgrid-slider .slick-prev {
    left: 9px !important;
}

.boldgrid-slider .slick-arrow .fa {
    line-height: 30px;
}

@media screen and (min-width:991px) {
    .home .hp-slider {
        z-index: 1;
        padding-right: 0;
    }

    .hp-nav-col {
        padding-left: 0;
    }
}

.hp-nav .button-primary,
.hp-nav .button-overrides {
    margin: 0;
    width: 100%;
    padding-right: 24px;
}

.button-primary.button-overrides .fas:before,
.button-primary.button-overrides .fab:before {
    margin-right: .75em;
}

.button-primary.button-overrides.stopnumber-mobile .fas:before,
.button-primary.button-overrides.stopnumber-mobile .fab:before {
    margin-right: 3px;
}

a.top.button-primary.button-overrides {
    border-radius: 50%;
    padding: 6px 9px;
    font-size: 1em;
    line-height: 1.27em;
}

.top span {
    position: absolute;
    left: 9999px;
}

.btn-totop-wrap {
    margin: 1.5em 0;
}

.button-primary.top .fas:before {
    margin-right: 0;
}

.button-primary,
.button-secondary {
    display: inline-block;
    margin-top: 0;
}

.entry-content,
.entry-summary,
.page-content {
    margin: 0;
}

.row.hero-row > .col-md-12,
.row.hero-row > .col-sm-12,
.row.hero-row > .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.routetitle .button-primary {
    display: inline-block;
    white-space: normal;
}

.row.hero-row img {
    width: 100%;
    max-width: 1170px;
}

#heroblock {
    position: relative;
    z-index: 1;
    border-bottom: 24px solid #86BE4C;
}

#heroblock > .container-fluid {
    position: relative;
}

#heroblock::after,
.intro-bg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

#heroblock::after {
    bottom: 0;
    border-top: 5px solid #E6EDC9;
}

.intro-bg {
    position: relative;
    border-top: 9px solid #0093D6;
}

.intro-bg::before {
    top: 0;
    border-top: 18px solid #29712A;
}

p.first-paragraph,
p.p-description {
    margin-top: 12px;
}

.logo-section-dash {
    width: 100%;
    max-width: 201px;
}

/* HIDE H1 TITLES */
.entry-header > .bgtfw.container {
    position: absolute;
    left: -9999px;
}

/* ICON LIST */
ul.icon-list li {
    padding: 0;
}

.icon-list li {
    text-align: center;
    margin: 24px 0;
    display: table-cell;
    vertical-align: top;
    width: 60px;
}

.icon-list {
    list-style: none;
    display: table;
    border-collapse: separate;
    border-spacing: 24px;
    margin: 0 auto;
    padding-left: 0 !important;
}

.icon-list i {
    color: var(--yellowgreen) !important;
    font-size: 39px;
}

.icon-list li {
    line-height: 12px;
}

.icon-list li a:hover,
.icon-list li a:hover i {
    color: #d6f36d !important;
    text-decoration: none;
    transition: 0.3s;
}

.icon-list li span {
    font-family: 'calibri', 'Calibri W01 Bold_904607' !important;
    font-weight: 700;
    font-size: 12px;
    color: var(--white);
}

.icon-list li span:before {
    content: ' ';
    display: block;
}

/* END ICON LIST */
#footer-widget-area {
    max-width: 1170px;
}

.footer-widgets-1.col-md-6 {
    text-align: left;
}

#colophon aside.widget {
    background-color: var(--blue);
}

#colophon aside.widget.well {
    border: none;
    padding: 0;
}

#colophon aside.widget img {
    width: auto;
    height: 60px !important;
}

.footer-widgets-2 {
    text-align: right;
}

.footer-widgets-2 aside {
    margin-bottom: 6px;
}

.site-footer {
    text-decoration: none;
    padding-top: 0;
    margin-top: 0;
}

#footer-widget-area {
    margin-top: 60px;
}

.cityseal {
    max-width: 75px !important;
}

#colophon aside.widget {
    background-color: transparent;
    text-align: center;
}

.palette-primary .site-footer p {
    background: transparent !important;
    line-height: 2;
}

.social-menu li {
    padding: 0 .5em;
}

/* IMAPS  */
.gm-style-iw-d {
    color: var(--charcoal) !important;
}

@media only screen and (min-width:300px) {
    body {
        word-break: normal;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .social-menu li {
        padding: 0 1em;
    }
}

@media only screen and (min-width:480px) {
    .sked {
        font-size: 18px;
    }

    .sked span.circle {
        width: 39px;
        height: 39px;
        line-height: 39px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .col-md-6.header-6,
    .footer-widgets-1.col-md-6 {
        float: left;
    }

    .col-md-6.header-6 {
        width: 60%;
    }

    .footer-widgets-1.col-md-6 {
        width: 50%;
    }

    .bgtfw div[data-role="content"] > .container {
        width: auto !important;
    }
}

@media only screen and (min-width: 768px) {
    .site-title,
    .site-logo {
        float: left;
    }

    .site-title {
        margin-right: 9px;
        margin-top: 0 !important;
    }

    .site-branding {
        display: flex;
        align-items: flex-end;
    }

    .site-branding h3.site-description {
        margin-bottom: 4px !important;
    }

    #masthead .container .site-description {
        text-align: left;
        font-size: 23px;
        line-height: 20px;
    }

    .social-menu {
        float: right;
        text-align: start;
    }

    .row.route-header h2 {
        margin-bottom: 0;
        font-size: 27px;
        color: var(--yellowgreen) !important;
    }

    h2.heading-center {
        margin-top: 39px;
        margin-bottom: 30px;
    }

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

    .footer-widgets-1 aside {
        text-align: left !important;
    }

    .footer-widgets-2 aside {
        text-align: right !important;
    }
}

@media only screen and (min-width:992px) {
    p.first-paragraph,
    .home div[data-role="content"] {
        margin-top: 0;
    }

    .navbar-default {
        float: none;
        margin-left: -24px
    }

    .navbar {
        margin-bottom: 0;
    }

    div[data-role="content"] {
        margin-top: 24px;
    }

    /* PRIMARY MENU */
    #mega-menu-wrap-primary {
        margin-left: 12px;
    }
}

/* ACCORDIONS WP BoldGrid */
#accordion h3 a.collapsed:before,
#accordion h3 a:before,
#accordion-in h3 a.collapsed:before,
#accordion-in h3 a:before,
#accordion h4 a.collapsed:before,
#accordion h4 a:before,
#accordion-in h4 a.collapsed:before,
#accordion-in h4 a:before {
    display: block;
    float: left;
    content: "\203A";
    margin-right: 1em;
}

#accordion h3 a.collapsed:before,
#accordion-in h3 a.collapsed:before,
#accordion h4 a.collapsed:before,
#accordion-in h4 a.collapsed:before,
.panel-heading .panel-title a[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

#accordion h3 a:before,
#accordion-in h3 a:before,
#accordion h4 a:before,
#accordion-in h4 a:before {
    transform: rotate(270deg);
}

#accordion h3 a::before,
#accordion h4 a::before {
    margin-bottom: 0;
}

.dashmenu {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 3px;
    margin: 0 6px -2px 0;
    border: 1px solid var(--white);
}

/* PREVENT flicker on panel open */
.accordion-collapse {
    display: flex !important;
    flex-direction: column !important;
}

.accordion-body {
    min-width: 100% !important;
}

.panel-default > .panel-heading {
    background-color: #fbfbfb;
}

.panel {
    box-shadow: 1px 1px 9px rgb(0 0 0 / 15%);
    background: var(--white);
}

.panel .panel-heading h3.panel-title {
    font-size: 20px;
    text-transform: uppercase;
}

.button-primary.button-overrides {
    background-color: #fbfbfb;
}

body {
    counter-reset: item;
}

ol.conduct-list {
    list-style: none;
    padding-left: 0;
}

.conduct-list li {
    counter-increment: item;
    margin-left: 0;
    padding: 12px 12px 12px 69px;
    position: relative;
    border-bottom: 1px solid #939598;
    min-height: 50px;
}

.conduct-list li:before {
    margin-right: 0;
    content: counter(item);
    background: var(--yellowgreen);
    border-radius: 100%;
    color: white;
    width: 36px;
    text-align: center;
    text-shadow: none;
    display: inline-block;
    margin-left: -54px;
    font-size: 24px;
    line-height: 36px;
    position: absolute;
    letter-spacing: 0;
}

ol.conduct-list li:nth-child(even) {
    background-color: #dfe1ce;
}

/* OLD STYLES - PARE DOWN */
* {
    box-sizing: border-box;
}

a[data-role="button"],
.ui-collapsible-heading a {
    white-space: normal;
}

h3,
h4,
h5,
h6,
ul,
ol,
li,
label,
p {
    margin: 0;
    padding: 0;
}

p,
ul,
ol {
    margin-bottom: 1em;
}

ul,
ol {
    list-style-position: outside;
    margin-left: 1em;
}

li,
p {
    -webkit-font-smoothing: subpixel-antialiased;
}

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

html.translated-ltr div[data-role=page] {
    top: 40px;
}

/* CLEARFIX */
.clearfix:after,
html[xmlns] .clearfix {
    display: block;
}

.clearfix:after {
    content: ".";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.ui-collapsible-set {
    margin: 1.5em 0;
}

* html .clearfix {
    height: 1%;
}

.ui-link strong,
strong,
th,
h1,
h2,
h3,
h4,
h5,
h6,
b,
.alerts a strong,
.alert p strong,
.alerts-sw a strong,
.alerts-sw p strong {
    font-family: 'calibri', "Calibri W01 Bold_904607", Helvetica, Arial, sans-serif;
}

p,
li,
label,
td,
#results,
#result_report,
#other_pages,
.alertText a,
strong,
th,
h1,
h2,
h3,
h4,
h5,
h6,
b,
.alerts a,
.alert a,
.alerts-sw a,
.alerts a strong,
.alert p strong,
.alerts-sw a strong,
.alerts-sw p strong {
    -webkit-font-smoothing: antialiased;
}

p,
li,
label,
td,
#results,
#result_report,
#other_pages,
.alerts a,
.alert a,
.alerts-sw a  {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.alertText a {
    font-family: 'calibri', "Calibri W01 Light", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

strong,
th,
h1,
h2,
h3,
h4,
h5,
h6,
b,
.alerts a strong,
.alert p strong,
.alerts-sw a strong,
.alerts-sw p strong {
    font-weight: 700;
}

h4 {
    color: var(--blue);
    font-size: 1.2em;
    margin-bottom: .4em;
}

#alerts h4 {
    margin: 12px 0 0 0;
    text-shadow: none;
    padding: 7px 15px 10px 0;
    display: flex;
    align-items: start;
    font-size: 24px;
    line-height: 19px;
}

.alerthead-wrap {
    overflow: hidden;
}

.alertbox-block {
    content: "";
    border-radius: .4em;
    width: 21px;
    height: 21px;
    margin-right: 6px;
    flex: none;
}

html,
body {
    height: 100%;
}

a {
    color: var(--blue-link);
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

#powered_by {
    display: none;
}

#home .ui-content,
.ui-content {
    padding: 0;
}

body {
    position: static !important;
    min-height: 100%;
    top: 0;
}

.skipToContent {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

[data-role="page"] {
    margin-top: 47px;
}

#global_nav_la_4324422-311 a,
#global_nav_la_4324422-311-icon-text,
#global_nav_la_4324422-citywide-alert-icon-text {
    text-shadow: none;
}

.pages {
    background-color: var(--white-bg) !important;
}

/* SAFARI CLUNKY LINK TEXT FIX */
.ui-page a {
    font-weight: 700 !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.ui-link {
    letter-spacing: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

.ui-btn-inner {
    white-space: normal !important;
}

.ui-body-a,
.ui-body-b,
.ui-body-c,
.ui-body-d,
.ui-body-e,
.ui-body-f {
    background-color: var(--white);
    line-height: 21px;
}

.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f,
.ui-btn-up-g,
.ui-btn-hover-g,
.ui-btn-down-g,
.ui-btn-up-h,
.ui-btn-hover-h,
.ui-btn-down-h,
.ui-btn-up-i,
.ui-btn-hover-i,
.ui-btn-down-i,
.ui-btn-up-j,
.ui-btn-hover-j,
.ui-btn-down-j,
.ui-btn-up-k,
.ui-btn-hover-k,
.ui-btn-down-k,
.ui-btn-up-l,
.ui-btn-hover-l,
.ui-btn-down-l,
.ui-btn-up-m,
.ui-btn-hover-m,
.ui-btn-down-m,
.ui-btn-up-n,
.ui-btn-hover-n,
.ui-btn-down-n {
    font-family: 'calibri', "Calibri W01 Bold_904607", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
}

.pic-right {
    float: right;
    margin: 0 0 0 12px;
}

.pic-left {
    float: left;
    margin: 0 12px 0 0;
}

/* MENU STYLES NEW */
.top {
    margin-bottom: 1.75em;
}

#headerId {
    background-color: transparent;
}

.container {
    /* RESETS PADDING WHEN BOOTSTRAP IS USED */
    padding-left: 0;
    padding-right: 0;
}

.hp-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-content ul.hp-nav {
    padding-left: 0;
}

@media only screen and (max-width:991px) {
    /* add padding to content area on mobile when no accordions */
    .col-lg-9.col-md-9.col-sm-12.col-xs-12 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .route-title-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .routetitle {
        max-height: none !important;
    }
}

/* REMOVE MARGIN FROM TOP P */
.col > p:first-child {
    margin-top: 0;
}

/* REMOVE ROUND CORNERS FROM COLLAPSIBLES ON MOBILE */
.routesections .ui-corner-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

.routesections .ui-corner-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-collapsible {
    margin: 0;
}

/* HOMEPAGE QUICK NAV DROPDOWN */
.containerHbanner div.container div#headerId.ui-header,
.containerHbannerA div.container div.ui-header {
    border: none !important;
    padding-bottom: 1px;
    padding-top: 1px;
}

.containerHbannerA {
    background: var(--blue);
}

.container h1 {
    color: var(--white);
}

.clear {
    clear: both;
}

div.ui-navbar,
#contentHome {
    overflow: hidden;
}

/* allows for double border on bottom navbar */
#footerId div.ui-navbar {
    overflow: visible;
}

.ui-page-active {
    overflow-y: scroll;
    min-height: 100% !important;
}

/* Homepage Extension */
.home {
    background-color: var(--blue);
}

.homecontent {
    z-index: 1000;
    margin-bottom: 24px;
}

#hp-ext a,
.alert a,
.alert-sw a {
    font-size: 1em;
    line-height: 1.21em;
    text-decoration: none;
    display: block;
    padding: 12px;
}

div.alert:has(a:hover),
div.alerts-sw:has(a:hover),
.palette-primary div.alert:has(a:hover) {
    background-color: rgba(173, 196, 82, .3);
    border: 1px solid var(--blue);
}

.alert,
.alerts-sw {
    border: 1px solid rgba(173, 196, 82, 1);
    transition: all 0.3s ease-in-out;
    padding: 0;
}

.icon-hp {
    font-size: .9em;
    margin-right: 0.3em;
}

#hp-ext h2,
#whatsnew .ui-block-b h2 {
    font-family: 'calibri', "Calibri W01 Bold_904607";
    color: var(--yellowgreen);
    font-size: 2em;
    line-height: 1.4em;
    border-top: 1px solid var(--yellowgreen);
    margin: 30px 0 9px 0;
    position: relative;
}

#hp-ext h2:before,
#whatsnew .ui-block-b h2:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    bottom: 2px;
    border-top: 2px solid var(--yellowgreen);
}

#hp-ext h3,
#alerts h3,
#whatsnew .routesections h3,
#ra-dash h3,
#ra-cx h3 {
    font-family: 'calibri', "Calibri W01 Bold_904607";
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1;
    margin: 0 0 12px 0;
    color: var(--blue);
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

#ra-lanow h3 em {
    text-transform: lowercase;
}

#hp-ext h3 img,
.route .ui-block-a h3 img {
    flex: none;
    align-self: flex-start;
}

#raheadline {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0;
}

.ra-system,
.ra-dash,
.ra-cx,
.ra-cityride,
.ra-lanow {
    background-color: #dbe6ea;
    border-radius: .4em;
    margin-bottom: 18px;
    padding: 15px;
    box-shadow: 2px 2px 2px var(--gray-shadow);
}

.r-1q9bdsx {
    box-shadow: 2px 2px 6px var(--gray-shadow);
}

.twitterbutton {
    text-align: center;
    margin-top: 15px;
}

div.alert,
div.alert-sw,
.palette-primary div.alert {
    width: 100%;
    margin: 0 0 15px 0;
    background: var(--white);
    border-radius: .4em;
}

.newswrap div.alert,
.newswrap div.alert-sw,
.newswrap .palette-primary div.alert {
    margin: 0;
}


/* FIXES BOLDGRID ALERT CLASS CONFLICT IN SIDEBAR */
.palette-primary .alert-route-wrap .alert {
    box-shadow: none !important;
    display: block !important;
    margin: 0 0 15px 0 !important;
}

.route div.alert,
.route div.alert.sw {
    width: 100%;
    margin-bottom: 15px;
    background: var(--white);
    border-radius: .4em;
    padding: 15px;
}

div.alert:last-child,
div.alert-sw:last-child {
    margin-bottom: 0;
}

.alerthead {
    vertical-align: baseline;
}

#alert-route,
#alert-system {
    text-transform: uppercase;
}

h3.alert-maintitle:not(.alt-font):not(.site-description) {
    font-size: 28px;
    line-height: 1;
    align-items: start !important;
}

.warning {
    width: 33px;
    height: auto;
    margin: 0 9px 0 2px;
    padding-top: 7px;
    flex: none;
}

.alerth3-wrap,
#news .alertwrap {
    overflow: hidden;
}

.pic-news-hp {
    width: 100%;
    margin: 0 0 18px 0;
}

.modal-header {
    position: relative;
}

.modal .close {
    color: #adc453;
    text-shadow: 0 1px 0 var(--black);
    opacity: 1;
    border: 1px solid var(--white);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    transform: translateY(75%);
}

.modal .close span {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
}

.modal-content {
    background-color: #002F53;
}

.modal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.modal-title {
    font-size: 1.8em !important;
    line-height: 1.8em !important;
}

.palette-primary .modal ul a,
.modal-title {
    color: var(--white) !important;
    line-height: 1.2em !important;

}

.palette-primary .modal ul a:hover {
    text-decoration: none;
    color: #aacddc !important;
}

.cxModalNavWrap {
    display: block;
}

#mNavDash li a,
span.cxMenuRoute {
    font-weight: 700;
    text-transform: uppercase;
}

#mNavCE .cxModalNavWrap {
    margin: .6em 0;
}

.modal .menu-l2-dest {
    font-size: .8em;
}

.modal li {
    padding: 6px 0;
    border-bottom: 1px solid #003964;
}

/* homepage extension */
.home .palette-primary h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--blue-heading);
    margin: 0;
}

.home .ra-system,
.home .ra-dash,
.home .ra-cx,
.home .ra-cityride,
.home .ra-lanow {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}

.newswrap .alert {
    margin-top: 0 !important;
}

ul.list-h {
    list-style: none;
    margin: inherit;
    padding: 0;
}

ul.list-h li {
    float: left;
    margin-right: 6px;
    width: 100%;
}

.newslinks-outer {
    display: table;
    margin: 24px auto 12px;
    text-align: center;
    margin-top: -12px;
}

#whatsnew .newslinks-outer {
    margin: 0 auto 12px;
}

.newslinks-wrap,
.newslinks {
    position: relative;
}

.newslinks-wrap {
    float: right;
    right: 50%;
}

.newslinks {
    float: left;
    left: 50%;
}

.newslinks li {
    text-align: center;
    margin: 0 auto;
}

h3,
#alerts h3 {
    color: var(--blue-heading);
}

h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    margin: 0 0 .25em 0;
}

.panel-heading {
    padding: 0
}

.panel-heading .panel-title a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    position: relative;
}

.panel-heading .panel-title a::before {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
    transform-origin: 50% 60%;
    /* To align it like a flex item */
    flex-shrink: 0;
}

.panel-group {
    /* sometimes panel-group adds spacing that causes jumps */
    margin-bottom: 0;
}


a[data-toggle="collapse"]:hover,
a[data-toggle="collapse"]:active,
a[data-toggle="collapse"]:visited,
a[data-toggle="collapse"]:focus {
    text-decoration: none;
}

p,
li {
    font-size: 1em;
    line-height: 1.5em;
}

.effective-wrap {
    position: relative;
    z-index: 2;
}

.effective {
    font-family: 'calibri', "Calibri W01 Bold_904607", Helvetica, Arial, sans-serif;
    font-weight: 700;
    width: 100%;
    background-color: var(--blue);
    /* DEFAULT - SET INLINE PER UPDATE */
    color: var(--white);
    text-shadow: none;
    text-transform: uppercase;
    padding: 0 0 3px 0;
    letter-spacing: 2px;
    font-size: .8em !important;
    line-height: 2em;
    position: absolute;
    bottom: 0;
    margin: 0;
}

.effective-upcoming a,
.effective-upcoming a:hover,
.effective-upcoming a:visited {
    color: var(--white);
}

p.effective em {
    font-style: normal;
}

.destinations {
    text-align: center;
    color: #7391a5;
}

.routetitle,
.routetitle.cxt {
    background-position: center;
}

.routetitle {
    height: 250px;
    max-height: 250px;
}

.routetitle.cxt {
    height: 350px;
    max-height: 350px;
}

.routetitle.lamobile {
    height: 333px;
    max-height: 333px;
}

.routetitle.textonly {
    padding: 0;
}

#rideralert .entry-content {
    padding-inline: 1em;
}

.palette-primary .routetitle h2.nopic,
#rideralert h1,
.routetitle .destinations {
    text-shadow: none;
}

.palette-primary .routetitle h2.nopic,
#rideralert h1 {
    color: var(--blue);
    text-align: left;
    padding: 0;
}

.routetitle .destinations {
    color: var(--white);
    background-color: rgba(76, 116, 133, .8);
    z-index: 1;
    position: absolute;
    bottom: 31px;
    width: 100%;
}

.routetitle .destinations p {
    padding: 12px;
    text-shadow: 1px 1px 0 var(--black);
    margin-bottom: 0;
    font-size: .8em;
}

@media screen and (min-width:992px) {
    /* SET ROUTE PIC HEIGHT FOR MOBILE */
    .routetitle {
        height: 460px;
        max-height: 460px;
    }
}

p.dos {
    margin-top: 0;
}

.dos-left h3 {
    margin: 0;
}

.topdrawer {
    padding: 12px 0 12px 12px;
}

.topdrawer .ui-block-b,
.route-title-wrap {
    position: relative;
}

.searchLabel {
    position: absolute;
    left: -9999px;
}

.route-title-wrap {
    z-index: 1;
}

.routetitle {
    color: var(--white);
    text-shadow: 2px 2px 2px var(--black);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 12px 0 0 0;
    margin-bottom: .3em;
    /* PREVENT OPEN MENU OVERLAY */
    z-index: 0;
}

.routetitle .button-primary {
    text-shadow: none;
}

.routetitle .darkoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .33);
    z-index: -1;
    border-radius: 0;
}

.routetitle.textonly {
    height: auto;
    box-shadow: none;
}

.routetitle.other h2.nopic,
#rideralert h1 {
    text-align: left;
    margin: .5em 0 1em 0;
}

.textonly .darkoverlay {
    display: none;
}

.routetitle img,
.routetitle img.dashlogo {
    width: 50%;
    height: auto;
}

.routetitle img {
    max-width: 292px;
}

.routetitle.lamobile img {
    max-width: 200px;
}

.routetitle img.dashlogo {
    margin-top: 1em;
    margin-bottom: 12px;
}

.palette-primary .routetitle h2 {
    color: var(--white);
    width: 100%;
}

.routetitle.rg h2,
.palette-primary .routetitle.cxt h2 {
    line-height: .7em;
    font-size: 7.5em;
    margin-top: -.08em;
}

.routetitle.cxt h2.longname,
.routetitle.other h2.longname,
.palette-primary .routetitle h2 {
    font-size: 2em;
}

.routetitle.cxt h2.longname,
.palette-primary .routetitle h2 {
    line-height: 1em;
}

.routetitle.other h2.shortname {
    font-size: 3.3em;
    line-height: .3 !important;
}

.palette-primary .routetitle h2 {
    margin-top: 0;
    padding: 0 15px;
}

.dos-left {
    padding: 0 12px 12px 12px;
}

.ui-page div#footerId.ui-footer div.ui-navbar:before,
.containerIcons:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.ui-page div#footerId.ui-footer div.ui-navbar:before {
    top: -13px;
    border-top: 2px solid var(--yellowgreen);
}

.ui-page div#footerId.ui-footer div.ui-navbar {
    position: relative;
}

.ui-page div#footerId.ui-footer div.ui-navbar,
.ui-page div#footerId.ui-footer div.ui-navbar {
    border-top: 9px solid var(--yellowgreen);
}

.ui-page div#footerId.ui-footer div.ui-navbar,
.containerIcons {
    background-color: var(--blue);
}

.containerIcons {
    border-bottom: 8px solid var(--yellowgreen);
}

.containerIcons:after {
    bottom: -4px;
    border-bottom: 2px solid var(--yellowgreen);
}

#home .containerIcons,
#home .containerIcons:after {
    border-bottom: none;
}

#home .containerIcons:after {
    bottom: 0;
}

.icons-wrap {
    max-width: 1250px;
    margin: 0 auto;
}

.iconsInner {
    height: 48px;
    position: relative;
}

.menubtn-block {
    text-align: left;
}

.transbtn-block {
    text-align: right;
}

/* GET RID OF CIRCLES IN ON PAGE BTNS */
.ui-content .ui-btn-icon-left:after,
.ui-content .ui-btn-icon-right:after,
.ui-content .ui-btn-icon-top:after,
.ui-content .ui-btn-icon-bottom:after,
.ui-content .ui-btn-icon-notext:after,
.ui-content .ui-btn-c:after,
.ui-footer .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-top:after,
.ui-footer .ui-btn-icon-bottom:after,
.ui-footer .ui-btn-icon-notext:after,
.ui-footer .ui-btn-c:after,
.ui-page-theme-c .ui-content .ui-collapsible h3 a:after,
.ui-page-theme-b .ui-content .ui-collapsible h3 a:after {
    background-color: transparent;
}

/* REPLACE ORIG BGs FOR FORM ELEMENTS */
.ui-btn.ui-checkbox-off:after {
    background-color: rgba(0, 0, 0, .3);
}

.ui-page-theme-d .ui-checkbox-on:after {
    background-color: var(--blue);
}

.menuButton::before,
.transbtn::before {
    position: absolute;
}

.menuButton::before {
    font-size: 2em;
    color: var(--white);
    top: .23em;
}

a.menuButton.fas.fa-bars.ui-link {
    line-height: 38px;
    margin-left: 12px;
}

.menuButton,
.transbtn {
    font-family: 'calibri', 'Calibri W01 Regular_904604', Helvetica, Arial, "sans-serif";
    font-weight: normal;
    letter-spacing: .3px;
}

.transbtn::before {
    top: .15em;
    right: .35em;
    font-size: 3em;
    color: var(--white);
    z-index: 101;
}

.topDrawer .ui-button.inner {
    line-height: 16px;
}

/* responsive social sprites */
.icons-resp-wrap {
    width: 100%;
    margin: 9px auto 0 auto;
    max-width: 136px;
}

/* ALERT ICONS */
.alerthead .fa-bell,
.dash-pre-footer {
    align-items: center;
}

.alerthead .fa-bell {
    width: 27px;
    font-size: .63em;
    display: flex !important;
    color: var(--white);
    background-color: var(--blue);
    justify-content: center !important;
    border-radius: 50%;
    height: 27px;
    text-align: center;
    border: 1px solid #052039;
}

.alerthead .fa-bell {
    margin-right: 6px !important;
    margin-top: 2px;
}

.dash-pre-footer {
    margin: 0;
}

#planTripLink {
    border-left: none;
}

/* SOCIAL ICONS BUTTONS */
.footerL,
.footerR,
.footerC,
.footerC a {
    float: left;
}

.footerL,
.footerR {
    width: 20%;
}

.footerC {
    width: 60%;
}

#footerlogos {
    width: 100% !important;
}

.footerR {
    text-align: right;
}

.footerL {
    text-align: left;
}

.footerC {
    text-align: center !important;
    white-space: nowrap;
}

#footerlogos .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext {
    margin-left: 3px;
    margin-right: 3px;
}

.footer-soc {
    margin: 0 auto;
    text-align: center;
}

.ui-bar-d .footer-soc .ui-btn,
.ui-bar-d .footer-soc .ui-btn:visited {
    background-color: transparent;
    border-color: transparent;
}

#planTrip label {
    margin: 12px 0 0 0;
}

.labelAmPm span {
    text-indent: -9999px;
}

.gobuttonwrapper .ui-submit {
    width: 50%;
    right: 5px;
}

.logowrapper {
    width: 100%;
}

.logo-mobile,
.logo-mobile-int,
.nav-home-m {
    display: block;
}

.logo-mobile,
.logo-mobile-int,
.logo-mobile img {
    width: 106px;
}

.logo-mobile {
    margin: 12px 9px;
}

.logo-mobile-int {
    margin: 0 0 6px;
}

.logo-mobile img {
    height: 36px;
}

#access,
.banner {
    display: none;
}

#ladotaccess .col-sm img {
    margin-bottom: 9px;
}

.access-img {
    margin-bottom: 1em;
}

.nav-home-m {
    margin-bottom: 12px;
}

/* mobile banners */
.mobilebanner,
img.mobilebanner-img {
    width: 100%;
}

.mobilebanner {
    height: auto;
    text-align: center;
}

@media only screen and (min-width:600px) {
    .mobilebanner {
        display: none;
    }
}

/* BOLDGRID SLIDER */
@media screen and (max-width:767px) {
    .hp-nav-col {
        border-top: 6px solid var(--yellowgreen);
    }
}

.boldgrid-slider .slick-list .slick-slide .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

.hp-nav li {
    font-size: 1.2em;
}

@media screen and (max-width:1199px) {
    .hp-nav li {
        font-size: 1em;
        line-height: 1.2em;
    }
}

.hp-nav li a.button-primary.button-overrides,
.palette-primary .hp-nav a {
    background-color: var(--blue-bg);
    border: 1px solid #000d21;
    color: var(--white) !important;
    position: relative;
}

.hp-nav li a.button-primary.button-overrides:hover,
.palette-primary .hp-nav a:hover {
    background-color: var(--blue);
}

.hp-nav i.fas.fa-angle-right,
.hp-nav i.fas,
.hp-nav i.fas.fa-bell {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--white);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: .63em;
}

.hp-nav .button-primary.button-overrides .fas:before,
.hp-nav .button-primary.button-overrides .fab:before {
    margin-right: 0;
}

ul.hp-nav li.hpDash a i {
    background-color: var(--blue-dash);
}

ul.hp-nav li.hpCx a i {
    background-color: var(--green-cx);
}

ul.hp-nav li.hpAlerts a i {
    background-color: #ac6501;
}

ul.hp-nav li.hpGuide a i {
    background-color: #081a36;
}

ul.hp-nav li.hpRealTime a i {
    background-color: #2f5405;
}

ul.hp-nav li.hpCityride a i {
    background-color: #77960b;
}

ul.hp-nav li.hpAccess a i {
    background-color: #340060;
}

.hp-nav .button-primary {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

@media screen and (min-width:992px) {
    .dNavWrap {
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .dNavWrap .button-primary,
    .dNavWrap .button-secondary {
        padding: 9px 0 9px 30px;
    }

    .hp-nav li:first-child a.button-primary {
        border-top-right-radius: 6px;
    }

    .hp-nav li:last-child a.button-primary {
        border-bottom-right-radius: 6px;
    }
}

/* FOOTER */
#footerlogos {
    padding: 12px 0 0 0;
}

.logo-ladot-footer {
    float: right;
    margin: 18px 12px 0 0;
    width: 74px;
}

.seal {
    width: 42px;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
}

.policyLinks,
.policyLinks ul {
    padding: 0;
    text-align: center;
    width: 100%;
}

.policyLinks {
    font-size: 0.75em;
    max-width: 960px;
    margin: 12px auto;
}

.policyLinks ul {
    list-style: none;
    margin: 0;
}

.policyLinks li.nav-privacy,
.policyLinks li.nav-titlevi {
    padding-right: 9px;
}

.policyLinks li.nav-privacy {
    display: inline;
}

.policyLinks li.nav-titlevi,
.policyLinks li.nav-access {
    display: inline;
    padding-left: 9px;
    border-left: 1px solid #2489ce;
}

.policyLinks a {
    display: inline-block;
}

.map img {
    width: 100%;
}

.rtmap,
.rtmap2 {
    overflow: hidden;
    padding: 0;
}

.rtmap iframe,
.rtmap2 iframe,
.boldgrid-section iframe,
iframe.boldgrid-google-maps {
    width: 100%;
}

.rtmap iframe,
.rtmap2 iframe {
    height: 600px;
    position: relative;
    border: none;
}

.station iframe {
    height: 300px;
}

.requestform iframe {
    border: 0;
}

.pdflink,
.pdflink-rt,
.pdflink-rt2 {
    margin: 36px 0;
    text-align: center;
}

#schedules .pdflink {
    margin: 0;
}

#realtime .pdflink-rt {
    margin: 1em 0 0 0;
}

.timesapprox {
    margin-top: 1.5em;
}

.pdf-acrobat {
    text-align: center;
}

/* Move fa icons a lil closer to text */
.ui-btn-icon-right {
    padding-right: 2.0em;
}

/* PAGE BGCOLOR */
.ui-page-theme-a .ui-body-inherit,
.ui-page-theme-b .ui-body-inherit,
.ui-page-theme-c .ui-body-inherit,
.ui-page-theme-d .ui-body-inherit,
.ui-page-theme-e .ui-body-inherit,
.ui-page-theme-f .ui-body-inherit,
.ui-page-theme-g .ui-body-inherit,
.ui-page-theme-h .ui-body-inherit,
.ui-page-theme-i .ui-body-inherit,
.ui-page-theme-j .ui-body-inherit,
.ui-page-theme-k .ui-body-inherit,
.ui-page-theme-l .ui-body-inherit {
    background-color: var(--white-bg);
}

.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
    right: .6525em;
}

span.stopnumber-mobile {
    display: inline;
}

a.stopnumber-mobile.button-primary.button-overrides {
    padding: 6px;
    font-size: 15px;
}

a.stopnumber {
    display: none;
}

.astopnumberCol,
.newslinkCenter {
    text-align: center;
}

.newslinkCenter,
.pdflink ul {
    list-style: none;
}

.newslinkCenter {
    margin-top: 12px;
    padding: 0;
}

.pdflink ul {
    padding-left: 0;
}

form.slimButtonForm,
div.slimButtonForm {
    margin: 24px auto 0 auto;
}

#home .ui-navbar .ui-btn-inner {
    padding-bottom: 0;
}

/* Video in swiper */
.wrapper,
.h_iframe .ratio,
.h_iframe iframe {
    width: 100%;
}

.wrapper,
.h_iframe iframe {
    height: 100%;
}

.wrapper {
    margin: 0 auto;
    background: var(--gray-shadow);
}

.h_iframe {
    position: relative;
}

.h_iframe .ratio {
    display: block;
    height: auto;
}

.h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.mapObject {
    margin: 0 auto;
    width: 914px;
}

.votecontent {
    margin-top: 24px;
}

/* RIDER'S GUIDE */
.zyes {
    background-color: #556e00;
}

.zno {
    background-color: darkgray;
}

.zyes-x,
.zno--,
.accessonly {
    position: absolute;
    left: -99999px;
}

.denotes-box {
    display: flex;
    align-items: center;
}

p.question {
    cursor: pointer;
    color: var(--blue);
}

.content-faq p.question {
    margin: 0 0 12px 0;
}

.img-contain {
    width: 50%;
    height: 15em;
    margin: 0 auto;
    overflow: hidden;
}

.callout-fullwidth {
    border-bottom: 1px dotted var(--gray-dark);
    margin-bottom: 24px;
}

.picwrap-left,
.picwrap-left-sm {
    float: left;
    margin: 0 15px 12px 0;
}

.picwrap-right,
.picwrap-right-sm {
    float: right;
    margin: 0 0 12px 15px;
}

.picwrap-left,
.picwrap-right,
.picwrap-left-sm,
.picwrap-right-sm,
.picwrap-left img,
.picwrap-right img {
    min-width: 100px;
}

.picwrap-left,
.picwrap-right,
.picwrap-left-sm,
.picwrap-right-sm {
    width: 25%;
}

.picwrap-left img,
.picwrap-right img,
.picwrap-left-sm img,
.picwrap-right-sm img,
.logosRG img {
    width: 100%;
}

.picwrap-left img,
.picwrap-right img {
    max-width: 250px;
}

.picwrap-left-sm img,
.picwrap-right-sm img {
    max-width: 150px;
    min-width: 50px;
}

.pic-left-tap {
    float: left;
    margin: 0 15px 12px 0;
    width: 30%;
    height: 30%;
    max-height: 394px;
}

.logosRGwrap {
    display: flex;
    justify-content: center;
    margin: 0 0 15px 0;
}

.logosRG {
    padding: 12px;
    max-width: 300px;
}

/* IN PAGE ALERT STYLES */
.alerts a {
    color: var(--blue-link);
}

#map.ui-collapsible div.ui-collapsible-content {
    padding: 0;
}

/* remove borders from collapsible content */
.ui-collapsible-themed-content .ui-collapsible-content {
    border-bottom: none;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border-left-width: 0;
    border-right-width: 0;
}

/* SKED STYLES */
.legendBox-new,
.legendBox-changed,
.legendBox-eliminated {
    float: left;
    margin-right: 1em;
    width: 1em;
    height: 1em;
}

.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text {
    white-space: normal;
}

.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text span {
    font-size: .875em;
}

.daysofservice {
    padding-bottom: 20px;
    text-align: left;
}

.sked,
.faretable,
.stopstable,
.newstable {
    width: 100%;
    border-left: 1px solid var(--black);
    border-top: 1px solid var(--black);
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 1em;
    color: #464646;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #f0f0f0;
    text-shadow: none;
    box-sizing: border-box;
}

.tablebottom {
    margin-bottom: 24px;
    width: 100%;
    height: 15px;
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    box-sizing: border-box;
}

.newstable td,
.newstable th,
.sked tfoot td,
.faretable tfoot td,
.faretable ol,
.routefares td,
.stopstable,
.stopstable th,
.stopstable caption,
.faretable th,
.sked p,
.stopstable th {
    text-align: left;
}

.newstable .ui-link {
    font-weight: normal;
}

#dashindex-table tr th:first-child a {
    color: var(--white) !important;
}

#dashdowntown .sked th,
#dashdowntown .sked th p,
.faretable th.farebox-sub {
    text-align: center;
}

#dashdowntown .sked th {
    padding-bottom: 21px;
}

#dashdowntown .sked th:first-child {
    padding-left: 6px;
}

.faretable th[scope="col"] {
    background-color: var(--gray-shadow);
}

.leftAlignCells td {
    text-align: left;
}

.centertablerow th {
    text-align: center !important;
    color: #f7931e;
}

.faretable th.farebox-sub {
    background-color: var(--gray-light);
}

.faretable tr.metro-only th,
.faretable tr.metro-only {
    background-color: #ffefdf !important;
}

.footnote {
    display: inline;
    position: relative;
}

.footnote:hover:after {
    background: var(--charcoal);
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: var(--white);
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

tfoot p {
    font-size: 1em;
    margin: 6px;
}

.stopstable th {
    background: #cfcfcf;
}

.stopstable p,
.stopstable form,
.stopstable form {
    margin: 0;
}

.legendBox-new {
    background-color: #dcf092;
}

.legendBox-changed {
    background-color: #fadd8d;
}

.legendBox-eliminated {
    text-decoration: line-through;
    background-color: #de8c8c;
}

.skedWrap {
    overflow-x: auto;
}

#skedcontent .notable {
    margin-top: 20px;
    padding: 0 10px;
}

.sked .sked-headrow1 th,
.sked .sked-headrow2 th,
.sked .sked-bodyrow th {
    text-align: center;
}

.sked td,
.sked th,
.faretable td,
.faretable th,
.stopstable td,
.stopstable th {
    border-right: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    padding: 6px;
}

.sked,
.sked,
.faretable,
.faretable,
.stopstable,
.stopstable {
    border-left: none;
}

.sked td:last-child,
.sked th:last-child,
.faretable td:last-child,
.faretable th:last-child,
.stopstable td:last-child,
.stopstable th:last-child {
    border-right: none;
}


.sked td:first-child,
.sked th:first-child,
.faretable td:first-child,
.faretable th:first-child,
.stopstable td:first-child,
.stopstable th:first-child {
    padding-left: 16px;
}

.sked td,
.sked th,
.faretable td,
.faretable th {
    vertical-align: top;
}

.faretable {
    background-color: var(--white);
}

.stopstable td:nth-child(2),
.stopNumberCell {
    text-align: center;
}

.stopstable p,
.faretable p {
    font-size: 1em;
    line-height: 1em;
}

.stopstable p {
    margin: 0.25em 0;
}

.sked caption,
.faretable caption,
.stopstable caption {
    font-weight: bold;
    padding: 10px 16px;
    text-align: left;
    color: var(--white);
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    letter-spacing: .5px;
    text-shadow: 1px 1px var(--charcoal);
    font-size: 1.3em;
}

.sked tr.schedtimepoint,
.sked tr.schedtimepoint th {
    background: var(--gray-shadow);
}

.sked tr.schedtimepoint th {
    vertical-align: top;
}

.schedtimepoint th abbr {
    white-space: nowrap;
}

.timepointrow td:nth-child(1),
.tpEmpty {
    background: inherit;
    background-image: none;
}

.timepointrow td {
    padding: 0;
}

.dtintervalcolumn {
    width: 220px;
}

.tploc,
.palette-primary .routetitle h2 {
    margin-top: .5em;
    hyphens: manual;
    line-height: initial;
    text-align: center;
}

.routetitle h2 {
    line-height: 1em !important;
}

.circle-cx,
.circle-beachwood,
.circle-boyleheights,
.circle-chesterfield,
.circle-crenshaw,
.circle-elsereno,
.circle-fairfax,
.circle-highland,
.circle-hollywood,
.circle-hollywilshire,
.circle-kingeast,
.circle-leimert,
.circle-lincolnhts,
.circle-losfeliz,
.circle-midtown,
.circle-northridge,
.circle-observatory,
.circle-obslf,
.circle-pcity,
.circle-pico,
.circle-sanpedro,
.circle-southeast,
.circle-sylmar,
.circle-pdr,
.circle-vannuys,
.circle-vermont,
.circle-watts,
.circle-wilmington,
.circle-wilshire,
.circle-usbhs,
.circle-cityride,
.circle-dta,
.circle-dtb,
.circle-dtc,
.circle-dtd,
.circle-dte,
.circle-dtf,
.circle-bhw,
.circle-nholly,
.circle-canoga,
.circle-ctep,
.circle-pacoima {
    border-radius: 50%;
    height: 17px;
    margin: 0.25em auto 0;
    padding-top: 4px;
    width: 21px;
}

.circle-cx span,
.circle-cxb span,
.circle-beachwood span,
.circle-boyleheights span,
.circle-chesterfield span,
.circle-crenshaw span,
.circle-elsereno span,
.circle-fairfax span,
.circle-highland span,
.circle-hollywood span,
.circle-hollywilshire span,
.circle-kingeast span,
.circle-leimert span,
.circle-lincolnhts span,
.circle-losfeliz span,
.circle-midtown span,
.circle-northridge span,
.circle-observatory span,
.circle-obslf span,
.circle-pcity span,
.circle-pico span,
.circle-sanpedro span,
.circle-southeast span,
.circle-sylmar span,
.circle-pdr span,
.circle-vannuys span,
.circle-vermont span,
.circle-watts span,
.circle-wilmington span,
.circle-wilshire span,
.circle-usbhs span,
.circle-cityride span,
.circle-dta span,
.circle-dtb span,
.circle-dtc span,
.circle-dtd span,
.circle-dte span,
.circle-dtf span,
.circle-cxb span,
.circle-bhw span,
.circle-nholly span,
.circle-canoga span,
.circle-ctep span,
.circle-pacoima span {
    color: var(--white);
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    text-shadow: none;
    display: flex;
    flex-flow: column;
    text-align: center;
}

.cx,
.circle-cx {
    background: var(--green-cx);
}

.cxb,
.circle-cxb {
    background: #AD5893;
}

.beachwood,
.circle-beachwood,
html body .ui-group-theme-b .ui-btn.beachwood:after {
    background-color: #33460c;
}

.boyleheights,
.circle-boyleheights,
html body .ui-group-theme-b .ui-btn.boyleheights:after {
    background-color: #843c10;
}

.chesterfield,
.circle-chesterfield,
html body .ui-group-theme-b .ui-btn.chesterfield:after {
    background-color: #9E6C00;
}

.crenshaw,
.circle-crenshaw,
html body .ui-group-theme-b .ui-btn.crenshaw:after {
    background-color: #0077d4;
}

.downtowna,
html body .ui-group-theme-b .ui-btn.downtowna:after,
.downtowna.alertbox-block {
    background-color: #007ac3;
}

.downtowna,
.circle-dta {
    background: #007ac3;
}

.downtownb,
.circle-dtb {
    background: #9b5ba4;
}

.downtownb.alertbox-block {
    background-color: #9b5ba4;
}

.downtownc,
.circle-dtc {
    background: purple;
}

.downtownc.alertbox-block {
    background-color: purple;
}

.downtownd,
.circle-dtd {
    background: #B66407;
}

.downtownd.alertbox-block {
    background-color: #B66407;
}

.downtowne,
.circle-dte {
    background: #ed1c24;
}

.downtowne.alertbox-block {
    background-color: #ed1c24;
}

.downtownf,
.circle-dtf {
    background: #DE177A;
}

.downtownf.alertbox-block {
    background-color: #DE177A;
}

.elsereno,
.circle-elsereno,
html body .ui-group-theme-b .ui-btn.elsereno:after {
    background-color: #a30059;
}

.fairfax,
.circle-fairfax,
html body .ui-group-theme-b .ui-btn.fairfax:after {
    background-color: #7e2342;
}

.highland,
.circle-highland,
html body .ui-group-theme-b .ui-btn.highland:after {
    background-color: #BC527D;
}

.hollywood,
.circle-hollywood,
html body .ui-group-theme-b .ui-btn.hollywood:after {
    background-color: #00818F;
}

.hollywilshire,
.circle-hollywilshire,
html body .ui-group-theme-b .ui-btn.hollywilshire:after {
    background-color: #667079;
}

.larchmont,
.circle-larchmont,
html body .ui-group-theme-b .ui-btn.larchmont:after {
    background-color: #D14200;
}

.kingeast,
.circle-kingeast,
html body .ui-group-theme-b .ui-btn.kingeast:after {
    background-color: #4555c7;
}

.leimert,
.circle-leimert,
html body .ui-group-theme-b .ui-btn.leimert:after {
    background-color: #006233;
}

.hydepark,
.circle-hydepark,
html body .ui-group-theme-b .ui-btn.hydepark:after {
    background-color: #ef2233;
}

.lincolnhts,
.circle-lincolnhts,
html body .ui-group-theme-b .ui-btn.lincolnhts:after {
    background-color: #836e2c;
}

.losfeliz,
.circle-losfeliz,
html body .ui-group-theme-b .ui-btn.losfeliz:after {
    background-color: #003066;
}

.midtown,
.circle-midtown,
html body .ui-group-theme-b .ui-btn.midtown:after {
    background-color: #857300;
}

.northridge,
.circle-northridge,
html body .ui-group-theme-b .ui-btn.northridge:after {
    background-color: #6f5048;
}

.northridgecommuter,
.circle-northridgecommuter {
    background-color: #009dd9;
}

.pcity,
.circle-pcity,
html body .ui-group-theme-b .ui-btn.pcity:after {
    background-color: #b0232a;
}

.pico,
.circle-pico,
html body .ui-group-theme-b .ui-btn.pico:after {
    background-color: #288077;
}

.sanpedro,
.circle-sanpedro,
html body .ui-group-theme-b .ui-btn.sanpedro:after {
    background-color: #27865A;
}

.southeast,
.circle-southeast,
html body .ui-group-theme-b .ui-btn.southeast:after {
    background-color: #cf5200;
}

.sylmar,
.circle-sylmar,
html body .ui-group-theme-b .ui-btn.sylmar:after {
    background-color: #5B797B;
}

.pdr,
.circle-pdr,
html body .ui-group-theme-b .ui-btn.pdr:after {
    background-color: #5d0e8b;
}

.vannuys,
.circle-vannuys,
html body .ui-group-theme-b .ui-btn.vannuys:after {
    background-color: #00667c;
}

.vermont,
.circle-vermont,
html body .ui-group-theme-b .ui-btn.vermont:after {
    background-color: #0D8720;
}

.watts,
.circle-watts,
html body .ui-group-theme-b .ui-btn.watts:after {
    background-color: #786490;
}

.wilmington,
.circle-wilmington,
html body .ui-group-theme-b .ui-btn.wilmington:after {
    background-color: #9D692A;
}

.wilshire,
.circle-wilshire,
html body .ui-group-theme-b .ui-btn.wilshire:after {
    background-color: #e34585;
}

.metrolink,
.circle-metrolink,
.usbhs,
.circle-usbhs {
    background-color: #678f00;
}

.observatory,
.circle-observatory,
html body .ui-group-theme-b .ui-btn.observatory:after,
.obslf,
.circle-obslf,
html body .ui-group-theme-b .ui-btn.obslf:after {
    background-color: #c02d19;
}

.cityride,
.circle-cityride {
    background: #657321;
}

/* 2022 DASH ADDITIONS */
.bhw,
.circle-bhw,
html body .ui-group-theme-b .ui-btn.bhw:after {
    background-color: pink;
}

.canoga,
.circle-canoga,
html body .ui-group-theme-b .ui-btn.canoga:after {
    background-color: cadetblue;
}

.nholly,
.circle-nholly,
html body .ui-group-theme-b .ui-btn.nholly:after {
    background-color: #a76820;
}

.pacoima,
.circle-pacoima,
html body .ui-group-theme-b .ui-btn.pacoima:after {
    background-color: indianred;
}

.ctep,
.circle-ctep,
html body .ui-group-theme-b .ui-btn.ctep:after {
    background-color: greenyellow;
}

/* NOT SURE IF NEEDED FOR MERGE */
.circle-dta,
.circle-dtb,
.circle-dtc,
.circle-dtd,
.circle-dte,
.circle-dtf {
    display: inline-block;
}

.dash {
    background-color: var(--blue-dash);
}

.commuter {
    background-color: var(--green-cx);
}

abbr {
    white-space: nowrap;
}

/* FOOTER FOR METROLINK */
.metrolink-footer {
    width: 700px;
}

.metrolink-footer p {
    padding: 5px 10px;
}

.metrolink-footer th {
    background-color: #678f00;
    border: none;
}

.metrolink-footer td,
.metrolink-footer th {
    padding: 5px;
}

.ml-subhead {
    background-color: #8fb924;
}

td abbr {
    white-space: nowrap;
}

.mapswipe {
    width: 105px;
    margin: 9px auto;
}

.mapSwipeWrap {
    display: none;
}

.swiper {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff8c6;
    color: var(--charcoal);
    padding: 10px 12px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid var(--gray-light);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.map {
    z-index: -10;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    padding-top: 24px;
}

/* MAX-WIDTH 960 */
@media screen and (max-width:960px) {
    .searchContainer {
        padding: 12px 17px 0 9%;
    }

    .map {
        overflow-x: scroll;
    }

    .alerthead {
        display: flex;
    }

    .alertbox-block {
        border-radius: .2em;
        width: 18px;
        height: 18px;
    }

    #whatsnew .hp-row {
        padding: 0 15px;
    }

    .palette-primary .routetitle h2 {
        font-size: 2.1em;
        margin-top: 0;
    }

    .routetitle img.dashlogo {
        margin-bottom: 0;
    }
}

.sked tr:nth-child(2n),
.stopstable tr:nth-child(2n),
.faretable tr:nth-child(2n) {
    background-color: #eee;
}

.sked tr:nth-child(2n+1),
.stopstable tr:nth-child(2n+1),
.faretable tr:nth-child(2n+1) {
    background-color: var(--white);
}

/* clear row colors for new DASH fare table */
.faretable#dashTable tr:nth-child(2n+1),
.faretable#dashTable tr:nth-child(2n),
.faretable#dashTable th[scope="col"] {
    background-color: transparent;
}

/* CALENDAR */
#cal * {
    box-sizing: border-box;
}

#cal,
#cal .cal-col,
#cal .col-row,
.cal-none {
    display: inline-block;
}

#cal {
    width: 99.96%;
    border-top: 1px solid var(--gray-medium);
    border-right: 1px solid var(--gray-medium);
    text-align: center;
}

#cal div {
    vertical-align: top;
}

#cal .first,
#cal .second,
#cal .third,
#cal .fourth,
#cal .fifth,
#cal .clabel {
    padding: 0 6px 6px;
    border-bottom: 1px solid var(--gray-medium);
    border-left: 1px solid var(--gray-medium);
}

#cal .cal-col,
#cal .col-row {
    width: 100%;
}

#cal .col-row {
    height: auto;
}

#cal .cal-loc,
.cal-none {
    font-size: 10px;
    line-height: 11px;
}

#cal .cal-loc {
    margin-bottom: 6px;
    background-color: var(--white);
    border-radius: 10px;
    padding: 3px;
}

#cal .s {
    display: inline;
}

.col-row:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.10);
}

.col-row:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.10);

}

#cal .clabel,
.number-day {
    text-shadow: none;
}

#cal .clabel {
    text-align: center;
    padding-top: 6px;
    background-color: rgba(0, 69, 124, .25);
    width: 100%;
}

.number-day {
    color: var(--white);
    background-color: #253E71;
    border-radius: 10px;
    padding: 3px;
    font-size: 12px;
    margin: 6px 0 12px 0;
    line-height: 24px;
}

@media screen and (min-width:768px) {
    .cal-none,
    #cal .s {
        display: none;
    }

    #cal .cal-col {
        float: left;
        width: 14.285%;
    }

    #cal .col-row {
        height: 180px;
        overflow: scroll;
    }
}

/* DASH FareTable 2019 */
#dashTable.faretable {
    color: #2E2E2E;
}

.faretable td.rightborder {
    border-right: 1px solid var(--black);
}

#dashTable tbody td,
#dashTable thead th,
#dashTable.faretable caption.dash,
#dashExpTable.faretable caption.dash {
    text-align: center;
}

#dashTable tbody td:first-child,
#dashTable thead th:first-child {
    text-align: left;
}

.faretable caption,
#dashTable.faretable caption.dash,
#dashExpTable.faretable caption.dash {
    caption-side: top;
}

#dashTable.faretable caption.dash,
#dashExpTable.faretable caption.dash {
    text-transform: uppercase;
    background-color: var(--blue);
    color: var(--white) !important;
    border-top-right-radius: .4rem;
    border-top-left-radius: .4rem;
    border: none;
    font-size: 2rem;
    line-height: 2rem;
}

#dashTable a {
    color: #092F49;
}

.othercell {
    padding: 0;

}

.faretable td .nested td,
.faretable td .nested th {
    border-right: none;
    border-bottom: none;
}

.faretable table.nested tr:nth-child(2n),
.faretable table.nested tr:nth-child(2n+1),
.nested th {
    background-color: transparent;
}

.nested th,
.nested p {
    margin: 0;
}

.nested th {
    padding: 0;
}

.nested th[scope=col] {
    background-color: var(--gray-shadow);
}

.nested td,
.nested th {
    padding: 6px;
    vertical-align: middle;
}

col.fare-rider {
    background-color: #f8f9f5;
}

col.fare-cash,
col.fare-tap,
col.fare-weekly,
col.fare-monthly,
td.fare-free {
    text-align: center;
}

col.fare-cash {
    background-color: #e3e9c3;
}

col.fare-tap {
    background-color: #d3dea0;
}

col.fare-weekly {
    background-color: #bbe0e9;
}

col.fare-monthly {
    background-color: #90cedb;
}

col.fare-other {
    background-color: #f6d4ba;
}

#rider {
    background-color: #e1e1d0 !important;
}

#cash,
#tap,
#weekly,
#monthly,
#other,
#otherpasstype,
#otherpasscost {
    color: var(--black);
}

#cash,
#tap {
    background-color: #adc451 !important;
}

#weekly,
#monthly {
    background-color: #00abc1 !important;
}

#other {
    background-color: #e47d47 !important;
}

.otherpasslist {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 6px;
    letter-spacing: -.5px;
    border-right: 1px solid var(--gray-medium);
}

.otherpasslist li {
    margin-bottom: 6px;
}

.nested th,
.nested td {
    padding: 6px 0;
}

/* TIPSO ROLLOVERS FOR FARE TABLE FOOTNOTES */
.tipso_bubble,
.tipso_bubble > .tipso_arrow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tipso_bubble {
    position: absolute;
    text-align: center;
    border-radius: 6px;
    z-index: 9999;
}

.tipso_style {
    cursor: help;
}

.tipso_title {
    border-radius: 6px 6px 0 0;
}

.tipso_content {
    word-wrap: break-word;
    padding: 0.5em;
    text-shadow: none;
    font-family: 'calibri', 'Calibri W01 Regular_904604';
    font-weight: normal;
}

/* Tipso Bubble size classes - Similar to Foundation's syntax */
.tipso_bubble.tiny {
    font-size: 0.6rem;
}

.tipso_bubble.small {
    font-size: 0.8rem;
}

.tipso_bubble.default {
    font-size: 1rem;
}

.tipso_bubble.large {
    font-size: 1.2rem;
    width: 100%;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    pointer-events: none;
}

.tipso_bubble.top > .tipso_arrow,
.tipso_bubble.bottom > .tipso_arrow {
    margin-left: -8px;
    left: 50%;
    border-right-color: transparent;
    border-left-color: transparent;
}

.tipso_bubble.top > .tipso_arrow {
    border-top-color: var(--black);
    border-bottom-color: transparent;
    top: 100%;
}

.tipso_bubble.bottom > .tipso_arrow {
    border-bottom-color: var(--black);
    border-top-color: transparent;
    bottom: 100%;
}

.tipso_bubble.left > .tipso_arrow {
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 50%;
    right: 100%;
    margin-top: -8px;
}

.tipso_bubble.left > .tipso_arrow {
    border-left-color: var(--black);
    border-right-color: transparent;
}

.tipso_bubble.right > .tipso_arrow {
    border-right-color: var(--black);
    border-left-color: transparent;
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
    border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
    border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
    border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
    border-top-right-radius: 0;
}

/* DASH FareTable 2019 */
.oddRow {
    background-color: var(--white);
}

.evenRow {
    background-color: #eee;
}

/* ROW COLORS DASH Fare Explanation Table 2025 */
#dashExpTable.faretable tr:nth-child(odd) {
    background-color: #dbeaf5;
}

#dashExpTable.faretable tr:nth-child(even) {
    background-color: #f0f0e8;
}

.ui-block-b ol.fare-footnotes {
    font-size: 1em;
}

#dashExpTable.faretable tr.dashfare-exp-tableheader {
    background-color: #0291d1;
    color: var(--white);
}

#dashExpTable.faretable th[scope="col"] {
    background-color: transparent;
}

#dashExpTable.faretable td[headers="cost"],
#dashExpTable.faretable #cost {
    text-align: center;
}

.sked tr.schedtimepoint,
.sked col.ampmcol {
    background-color: var(--gray-shadow);
}

.imap ul.nav {
    margin-bottom: 0;
}

#mapload div section {
    margin: 0;
    padding: 0;
    background-color: var(--white);
    border-left: 1px solid var(--gray-light);
    border-right: 1px solid var(--gray-light);
    border-bottom: 1px solid var(--gray-light);
}

#mapload div section div {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

section#tab1,
section#tab2,
section#tab3 {
    text-align: center;
}

.col1,
.col2 {
    float: left;
    width: 48%;
}

.col1 {
    padding-right: 2%;
}

.col2 {
    padding-left: 2%;
}

/* EMBEDDED VIDEO */
.video-container,
iframe .video-container,
.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
}

.video-container,
iframe .video-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    /* USED FOR INLINE VIDEO - DEPRECATED */
    height: auto;
    margin: 18px 0;
}

/* CX vid gets black bars without this */
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

/* EMBEDDED VIDEO */
.searchBox form#searchform {
    position: static;
}

/* SIGNUP FORM */
.signup {
    margin: 6px 0;
}

.signup div.signupC1,
.signup div.signupC2 {
    padding: 0 3px;
}

.signupR1,
.signupR2 {
    margin: 3px 0;
}

.signupR3 {
    margin: 3px 0 0 0;
}

.signupC1,
.signupC2 {
    width: 48%;
    min-width: 300px;
}

.signupC1 {
    float: left;
}

.signupC2 {
    float: right;
}

ul#list-memberships {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

input.text {
    padding: 3px;
    border: 2px solid #adc2d1;
    outline: none;
    color: #3a3a3a;
    font-size: 12px;
    margin: 0;
}

input.text:focus {
    border: 2px solid #0090ff;
}

fieldset {
    border: 0;
    padding: 20px 0 0 0;
    margin: 0;
    background-color: #f7f7f7;
}

div.form-tools {
    text-align: center;
}

div.form-tools input.submit {
    border-top: 1px solid var(--gray-shadow);
    border-right: 1px solid var(--gray);
    border-bottom: 1px solid #323232;
    border-left: 1px solid #ababab;
    background: #dedede;
    padding: 9px;
    border-width: 1px;
}

ul#list-memberships li {
    margin-bottom: 3px;
}

ul#list-memberships li label {
    font-weight: normal;
    font-size: 1em;
}

div#unsubscribe-section {
    padding: 10px 30px;
    background-color: var(--white)edf;
    border-top: 1px solid #f1ee98;
    margin: 10px 0 0 0;
}

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

table#unsubscribe-table tr td {
    padding: 0;
}

#error_messages {
    color: #C00;
}

/* ALERTS */
.alert-date {
    text-align: right;
}

/* landing pages ALL */
.banner-int,
.banner-int img,
ul.socialList {
    width: 100%;
}

.banner-int,
.banner-int img {
    display: block;
}

.banner-int img {
    margin: 0 auto;
    height: auto;
}

ul.socialList {
    text-align: center;
    list-style: none;
    padding-bottom: 65px;
    padding-left: 0;
}

.socialList li {
    float: left;
    margin-right: 9px;
    line-height: 18px;
}

.btn-tickets {
    margin: 24px 0 12px 0;
}

.bannerimg-wrap a,
.video-container {
    vertical-align: bottom;
}

/* CITYRIDE PAGE STYLES */
body#cityride-body {
    font-size: 16px;
}

.ui-btn,
.ui-btn-inner,
.ui-btn-inner span.ui-btn-text,
#menu ul li a,
.topDrawer .container,
.ui-content > .container {
    box-sizing: content-box;
}

.video-container iframe {
    border: none;
}

#cityride-body p {
    margin-top: 6px;
    margin-bottom: 1.5rem;
}

#cityride-body h4,
.trips {
    color: #617321;
}

#cityride-body h4 {
    font-family: 'calibri', 'Calibri W01 Bold_904607';
    font-size: 24px;
    /* FOR AAA COMPLIANCE */
    margin-bottom: 0;
    margin-top: 19px;
}

ul.download {
    margin-top: 9px;
}

.download li,
.entry-content ul.grouptrips,
.grouptrips li {
    padding-left: 0;
}

.download li,
.grouptrips li {
    margin-bottom: 15px;
}

.download li {
    list-style: none;
    text-align: center;
}

.linkbanner,
.pic-cr-bus {
    width: 100%;
}

.cr-registerlink {
    margin-bottom: 2rem;
}

.entry-content ul.grouptrips {
    margin-left: 0;
}

.grouptrips li,
.grouptrips li span {
    font-size: 1.9em;
}

.grouptrips li {
    font-family: 'calibri', 'Calibri W01 Regular_904604';
    font-weight: normal;
    list-style: none;
}

.grouptrips li span,
.b-ready-listwrap,
.b-ready-listwrap ol li::before,
ol.arealist,
ol.arealist li,
.grd-wrapper h4 {
    font-family: 'calibri', 'Calibri W01 Bold_904607';
    font-weight: 700;
}

.grouptrips li span {
    color: var(--blue-faded);
}

@media screen and (max-width:767px) {
    .grouptrips li {
        text-align: center;
    }

    .pic-cr-bus {
        width: 66.66%;
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }
}

.grouptrips.standby,
.b-ready-listwrap h5 {
    text-align: center;
}

.b-ready-listwrap ol,
.b-ready-listwrap ul,
.cr_taxiservice ol,
.cr_taxiservice ul {
    margin-left: 0;
}

ol.taxiprocess,
table.mpc {
    margin-top: 6px;
}

.b-ready-listwrap h5 {
    background-color: var(--blue-faded);
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    color: var(--white);
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-shadow: none;
    margin-bottom: 0;
}

.b-ready-listwrap ol,
.b-ready-listwrap ul {
    list-style: none;
    list-style-position: inside;
    counter-reset: b-ready-count;
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
    padding-left: 0;
}

.b-ready-listwrap ol li,
.b-ready-listwrap ul li {
    font-size: 1.2em;
    counter-increment: b-ready-count;
    min-height: 3em;
    position: relative;
    padding: .7em 1em .5em 3.5em;
    border-bottom: 2px solid var(--charcoal);
}

.b-ready-listwrap ul li {
    padding: .7em 1em .5em 1em;
}

.b-ready-listwrap ol li::before {
    content: counter(b-ready-count) ". ";
    color: var(--blue-faded);
    font-size: 2em;
    padding-left: 1em;
    position: absolute;
    left: -.5em;
}

.b-ready-listwrap ol li:nth-child(odd),
.b-ready-listwrap ul li:nth-child(odd) {
    background-color: #f8f9f3;
}

.b-ready-listwrap ol li:nth-child(even),
.b-ready-listwrap ul li:nth-child(even) {
    background-color: #e2eaf6;
}

.head-refund {
    color: #0078bc;
}

.subhead-refund {
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
}

.refundtable colgroup col {
    width: 33.333%;
}

.refundtable th:nth-child(1),
.refundtable td:nth-child(1),
ol.taxiprocess {
    border-right: 1px solid var(--gray-elephant);
}

.refundtable th:nth-child(1),
.refundtable td:nth-child(1) {
    background-color: #ecf0d6;
    text-align: center;
}

.refundtable th:nth-child(2),
.refundtable td:nth-child(2) {
    background-color: #f8f9f5;
}

.refundtable th:nth-child(3),
.refundtable td:nth-child(3),
ol.taxiprocess li:nth-child(2) {
    background-color: #e3ebf6;
}

.dar-row {
    margin-top: 1rem;
}

ol.taxiprocess {
    list-style-type: none;
    padding: 0;
    border-top: 1px solid var(--gray-elephant);
    background-color: #fcfcfc;
    margin-bottom: 2rem;
}

ol.taxiprocess li,
ol.taxiprocess li div.processcopy {
    border-left: 1px solid var(--gray-elephant);
}

ol.taxiprocess li {
    border-bottom: 1px solid var(--gray-elephant);
}

ol.taxiprocess li div.processcopy {
    margin-left: 150px;
    padding: 18px 9px 18px 18px;
}

li .listpic {
    float: left;
    padding: 15px;
}

.listpic.crcard,
.listpic.lic {
    width: 150px;
}

.listpic.receipt {
    width: 100px;
    position: relative;
    left: 24px;
}

@media screen and (max-width:319px) {
    li .listpic {
        display: none;
    }

    ol.taxiprocess li div.processcopy {
        margin-left: 0;
        padding: 18px 9px 18px 18px;
        border-left: none;
    }
}

.sf-links {
    text-align: center;
}

.cr-dash-bus {
    width: 100%;
}

.providertable {
    margin-top: 1rem;
}

ol.arealist {
    list-style-type: none;
    counter-reset: elementcounter;
    list-style-position: outside;
    margin-left: 0;
    font-size: 1.6em;
    padding-left: 0;
}

ol.arealist li {
    position: relative;
    padding-left: 3.2em;
}

ol.arealist li:before {
    content: "Area " counter(elementcounter) ". ";
    counter-increment: elementcounter;
    position: absolute;
    left: 0;
}

.list-north {
    color: #b685bc;
}

.list-central {
    color: #61a0d6;
}

.list-south {
    color: #7C932A;
}

.arealist li span,
table.mpc tr th span {
    font-family: 'calibri', 'Calibri W01 Regular_904604';
    font-weight: normal;
}

.arealist li span {
    color: var(--charcoal);
    font-size: .85em;
}

.areamap {
    margin-bottom: 28px;
}

.areamap img {
    width: 100%;
    max-width: 960px;
}

.cityridetable th.taxi-table-header:first-child {
    background-color: var(--gray-shadow);
    text-align: center;
}

address {
    position: absolute;
    left: -99999px;
}

.map-wide,
.pic-pg,
.pic-app,
.pic-broc  {
    width: 100%;
    height: auto;
}

.map-wide {
    max-width: 200px;
}

.pic-pg {
    max-width: 125px;
}

.pic-app {
    max-width: 82px;
}

.pic-broc {
    max-width: 88px;
}

.map-wide,
.pic-pg,
.pic-app,
.pic-broc {
    margin-bottom: 6px;
}

@media screen and (max-width: 599px) {
    #cityride-body h4,
    #cityride-body h5,
    #cityride-body td,
    #cityride-body th,
    .b-ready-listwrap ol li {
        font-size: 1rem;
    }

    #cityride-body p {
        margin-top: 3px;
        margin-bottom: 1rem;
    }

    .cr-registerlink {
        margin-bottom: 1.2rem;
    }

    .cityridetable td,
    .cityridetable th,
    .cityridetable ul li {
        font-size: .9rem;
    }

    .cityridetable caption {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .cityridetable colgroup col.tbl-name {
        width: 60%;
    }

    .cityridetable colgroup col.tbl-number {
        width: 40%;
    }
}

/* LANOW PAGE STYLES */
li {
    text-align: left;
}

body .lanow-body {
    font-size: 16px;
}

.lanow-accordion em {
    text-transform: lowercase;
}

.lanow-body #menu h5,
#cityride-body #menu h5 {
    width: 100%;
    font-size: 1em;
    margin-bottom: 1px;
}

.lanow-body #menu ul li a:link,
#cityride-body #menu ul li a:link {
    width: 100%;
    max-width: 155px;
}

.lanow-body a#menuBtn:focus,
.lanow-body a#menuBtn:hover,
#cityride-body a#menuBtn:focus,
#cityride-body a#menuBtn:hover,
#cityride-body .ui-collapsible-heading a:focus,
.lanow-body .ui-collapsible-heading a:hover,
#cityride-body .ui-collapsible-heading a:hover {
    color: var(--white);
    text-decoration: none;
}

.lanow-body button.bcs-searchbox-submit,
#cityride-body button.bcs-searchbox-submit {
    font-size: revert;
}

.lanow-body #menu ul,
#cityride-body #menu ul {
    font-size: 1em;
}

.lanow-body .topDrawer .container,
#cityride-body .topDrawer .container,
.lanow-body .ui-content .container,
#cityride-body .ui-content .container {
    padding-right: 0;
    padding-left: 0;
}

.logo-lanow {
    width: 100%;
}

.grd-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbe5ec+0,eef2f5+48,dbe5ec+100 */
    border: 3px solid var(--blue);
    padding: 18px;
    overflow-x: hidden;
    background: #dbe5ec;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #dbe5ec 0%, #eef2f5 48%, #dbe5ec 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #dbe5ec 0%, #eef2f5 48%, #dbe5ec 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #dbe5ec 0%, #eef2f5 48%, #dbe5ec 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe5ec', endColorstr='#dbe5ec', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.grd-wrapper h4 {
    color: var(--blue);
    font-size: 42px !important;
    margin-left: 15px;
}

.entry-content ul.payment {
    padding-left: 0;
}

.applinks-app a {
    display: block;
    cursor: pointer;
}

.payment .col-lg-4,
.payment .col-sm-4,
.payment .col-md-4,
.payment .col-md-6 {
    background-clip: content-box;
    height: 290px;
}

.payment ul {
    padding-left: 0;
}

.bgblue {
    background-color: var(--blue);
}

.payment li,
.payopt {
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
    color: var(--white);
}

.payment li {
    margin: 0;
    padding-left: 0;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    list-style-type: none;
    font-size: 19px;
    text-shadow: 1px 1px 0 var(--black);
}

.payment li span.lg {
    font-size: 24px;
}

.img-payment-w {
    position: relative;
    background-color: #9ec83c;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    margin: 50px auto 12px auto;
}

.payment-w img {
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* PAYMENT OPTIONS  */
.payopt-wrap-opt {
    padding: 2.4em 0;
}

.payopt {
    text-align: center;
    font-size: 24px;
}

.payopt span {
    font-family: 'calibri', 'Calibri W01 Regular_904604';
    font-weight: normal;
    text-shadow: 2px 2px 2px var(--black);
}

.payopt span.contact-details {
    font-size: 21px;
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
}

.payopt-icon-wrap {
    background: #9ec83c;
    width: 80px;
    height: 80px;
    border-radius: 500px;
    position: relative;
    margin: 0 auto 6px auto;
    box-shadow: 2px 2px 2px var(--black);
}

.payopt .payopt-icon-wrap i {
    font-size: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* PAYMENT OPTIONS  */
@media screen and (max-width:767px) {
    .routesections .covid-outer {
        margin-top: 15px;
    }

    .payopt-wrap-opt.first {
        padding: 2.4em 0 0 0;
    }

    .applinks-wrap div {
        display: block;
        text-align: center;
    }

    .applinks-wrap div:nth-child(2) {
        margin-top: 12px;
    }

    .applinks-wrap img {
        width: 100%;
        padding: 0 20%;
    }

    .appstore img {
        margin-top: 12px;
    }
}

@media screen and (max-width:960px) and (min-width:599px) {
    .covid-inner li,
    .covid-inner p {
        font-size: 1rem;
    }
}

@media screen and (min-width:768px) {
    .applinks-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 76%;
        margin: 24px auto;
    }

    .applinks-app,
    .applinks-play,
    .applinks-wrap div {
        width: 33.3%;
    }

    .applinks-wrap img {
        width: 100%;
    }

    .applinks-wrap div {
        display: inline-block;
    }

    .applinks-play {
        margin-right: 5%;
    }

    .col-md-12.badgerow {
        border-top: 1px solid var(--gray-shadow);
        border-bottom: 1px solid var(--gray-shadow);
    }
}

@media screen and (min-width:517px) and (max-width:640px) {
    .farepill-lanow {
        font-size: 24px !important;
    }
}

@media screen and (min-width:441px) and (max-width:516px) {
    .farepill-lanow {
        font-size: 18px !important;
    }
}

@media screen and (max-width:440px) {
    .farepill-lanow {
        font-size: 14px !important;
    }
}

img.img-debcred {
    width: 50px;
}

img.img-cityridecard {
    width: 45px;
}

.m {
    font-family: 'calibri', 'Calibri W01 Bold_904607';
    font-weight: 700;
    font-size: 40px;
    line-height: 75px;
    color: var(--white);
    text-shadow: none;
}

.dollar-wrap {
    text-align: center;
    position: relative;
}

.dollar {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #a9cf3d;
    border-radius: 50%;
    box-shadow: 2px 2px 2px var(--charcoal);
    font-family: 'calibri', 'Calibri W01 Bold_904607';
    font-weight: 700;
    font-size: 75px;
    line-height: 125px;
    color: var(--white);
    width: 135px;
    height: 135px;
}

.farepill-lanow {
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
    font-size: 28px;
    line-height: 48px;
    width: 100%;
    white-space: nowrap;
    height: 54px;
    margin-bottom: 12px;
}

.fp-left,
.fp-right {
    float: left;
}

.fp-left {
    color: var(--charcoal);
    background-color: transparent;
    border: 3px solid #a9cf3d;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    width: 80%;
    text-align: center;
}

.fp-right {
    background-color: #a9cf3d;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 500px;
    color: var(--white);
    width: 20%;
    text-align: center;
    line-height: 48px;
    border: 3px solid #a9cf3d;
    height: 54px;
}

.motiv-phone {
    width: 100%;
}

.center {
    text-align: center;
}

.days {
    font-size: 24px;
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
    margin-top: 60px;
}

.excl {
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}

.mba-stepsub {
    background-color: var(--blue);
    text-shadow: none;
    color: var(--white);
    padding: 18px;
    margin-right: -50px;
}

.grd-wrapper ol {
    padding-left: 0;
    list-style-position: inside;
}

.grd-wrapper h4 span {
    font-size: 24px;
    display: block;
}

.reservelist li {
    font-size: 24px;
    font-family: 'calibri', 'Calibri W01 Light';
    font-weight: 300;
    line-height: 48px;
}

.phone-dload {
    width: 100%;
}

.btn_appdownload {
    margin: 18px 0;
}

.btn_appdownload img {
    width: 45%;
}

.btn_appdownload img:first-child {
    margin-right: 18px;
}

h4.noleftmarg {
    margin-left: 0;
}

.phonemobile {
    display: none;
}

.container.list {
    padding-left: 15px;
    padding-right: 15px;
}

.list-unstyled {
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;
}

.list-unstyled .list-item {
    padding: 6px;
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
}

.list-unstyled .list-item:nth-child(even) {
    background: var(--white);
}

.list-unstyled .list-item:nth-child(odd) {
    background: #ebf2d1;
}

@media screen and (min-width:10px) {
    .cityridetable caption {
        caption-side: top;
        background-color: var(--blue-faded);
        border-top-right-radius: .3rem;
        border-top-left-radius: .3rem;
        border: none;
    }

    .cityridetable {
        font-family: 'calibri', 'Calibri W01 Regular_904604';
        font-weight: normal;
        text-shadow: none;
        border-left: none;
        border-top: none;
        table-layout: fixed;
    }

    .cityridetable td,
    .cityridetable th {
        border-right: none;
        border-bottom: 1px solid var(--gray-elephant);
        text-align: left;
    }

    .cityridetable td,
    .cityridetable ul li {
        font-family: 'calibri', 'Calibri W01 Regular_904604';
        font-weight: 400;
    }

    .cityridetable ul {
        margin-bottom: 0;
        padding-left: 0;
    }

    #cityride ul.download {
        margin-left: 0;
    }

    .cityridetable ul li {
        list-style-position: outside;
        font-size: 1em;
        line-height: 1em;
    }

    .cityridetable td,
    .cityridetable th {
        border-right: 1px solid var(--gray-elephant);
    }

    .cityridetable th:last-child,
    .cityridetable td:last-child {
        border-right: none;
    }

    .cityridetable th,
    .cityridetable td:last-child span strong {
        font-family: 'calibri', 'Calibri W01 Bold_904607';
        font-weight: 700;
    }

    .cityridetable caption {
        text-align: center;
    }
}

@media screen and (max-width:440px) {
    .farepill-lanow {
        font-size: 14px;
    }
}

@media screen and (max-width:516px) {
    .farepill-lanow {
        font-size: 18px;
    }
}

@media screen and (max-width:640px) {
    .farepill-lanow {
        font-size: 24px;
    }
}

@media screen and (max-width:767px) {
    .logo-lanow {
        padding: 24px;
    }

    .payment li {
        margin-bottom: 12px;
    }

    .grd-wrapper h4 {
        margin-left: 0;
    }

    .dollar {
        position: relative;
        margin-bottom: 24px
    }

    .mba-stepsub,
    .btn_appdownload a:last-child img {
        margin-right: 0;
    }

    .phone-dload {
        width: 50%;
        transform: translate(50%, 0);
    }

    .btn_appdownload,
    .grd-wrapper h4 {
        text-align: center;
    }

    .picture {
        order: 2;
    }

    .headline {
        order: 1;
    }

    .phonewide {
        display: none;
    }

    .phonemobile {
        display: block;
    }

    .cityridetable ul li {
        list-style-position: outside;
        font-family: 'calibri', 'Calibri W01 Regular_904604';
        font-weight: 400;
        font-size: 1em;
        line-height: 1em;
    }
}

/* COVID MESSAGING */
.covid-outer {
    background-color: goldenrod;
    box-sizing: border-box;
}

.covid-inner {
    color: var(--charcoal);
    padding: 9px;
    text-shadow: none;
    text-align: center;
}

.covid-p {
    color: var(--charcoal);
    font-size: 1.2em;
    margin-bottom: 0;
}

.covid-p span {
    background-color: var(--black);
    padding: 3px 9px;
    border-radius: 6px;
    margin-right: 3px;
    color: #cfcfcf;
}

.covid-p a {
    color: #194361 !important;
}

@media only screen and (max-width: 599px) {
    .covid-p {
        font-size: .825em;
        line-height: 1.6em;
    }
}

@media only screen and (max-width:610px) {
    span.global_nav_la_4324422-vh {
        display: none !important;
    }
}

@media only screen and (max-width : 480px) {
    .map img {
        width: 660px;
    }

    a.menuButton.fas.fa-bars.ui-link {
        line-height: 35px;
    }

    a.goog-te-menu-value.fas.fa-language.transbtn.ui-link {
        line-height: 37px;
    }
}

@media only screen and (min-width : 480px) {
    .ui-header .ui-btn,
    .ui-footer .ui-btn,
    .ui-navbar li .ui-btn {
        font-size: 14.5px;
    }

    .iconsInner {
        height: 54px;
    }
}

@media only screen and (max-width : 320px) {
    img.seal,
    .logo-ladot-footer {
        width: 80%;
        max-width: 42px;
    }

    .signupC1,
    .signupC2 {
        float: none;
        width: 98%;
        padding: 2%;
        min-width: 100px;
    }
}

@media only screen and (min-width : 321px) and (max-width : 480px) {
    .footerlogos .ui-block-a {
        text-align: center;
    }

    img.seal,
    .logo-ladot-footer {
        width: 80%;
        max-width: 42px;
    }

    .signupC1,
    .signupC2 {
        float: none;
        width: 98%;
        padding: 2%;
    }
}

.stopcircle {
    margin: 0 .6em 0 0 !important;
}

.stop-tp-wrap {
    display: flex;
    align-items: center;
}

@media only screen and (max-width : 599px) {
    p,
    li,
    label,
    caption,
    #results,
    #result_report,
    #other_pages {
        font-size: .825em;
        line-height: 1.6em;
    }

    .faretable td,
    .faretable th,
    .stopstable td,
    .stopstable th,
    .sked td,
    .sked th {
        font-size: .625em;
        line-height: 1.2em;
    }

    .circle-cx,
    .circle-cxb,
    .circle-beachwood,
    .circle-boyleheights,
    .circle-chesterfield,
    .circle-crenshaw,
    .circle-elsereno,
    .circle-fairfax,
    .circle-highland,
    .circle-hollywood,
    .circle-hollywilshire,
    .circle-kingeast,
    .circle-leimert,
    .circle-lincolnhts,
    .circle-losfeliz,
    .circle-midtown,
    .circle-northridge,
    .circle-observatory,
    .circle-obslf,
    .circle-pcity,
    .circle-pico,
    .circle-sanpedro,
    .circle-southeast,
    .circle-sylmar,
    .circle-pdr,
    .circle-vannuys,
    .circle-vermont,
    .circle-watts,
    .circle-wilmington,
    .circle-wilshire,
    .circle-dta,
    .circle-dtb,
    .circle-dtc,
    .circle-dtd,
    .circle.dte,
    .circle.dtf,
    .circle-bhw,
    .circle-canoga,
    .circle-ctep,
    .circle-pacoima,
    .circle-nholly {
        border-radius: 50%;
        height: 18px;
        margin: 0.25em auto 0;
        padding-top: 4px;
        width: 18px;
        box-sizing: border-box;
    }

    .circle-cx span,
    .circle-cxb span,
    .circle-beachwood span,
    .circle-boyleheights span,
    .circle-chesterfield span,
    .circle-crenshaw span,
    .circle-elsereno span,
    .circle-fairfax span,
    .circle-highland span,
    .circle-hollywood span,
    .circle-hollywilshire span,
    .circle-kingeast span,
    .circle-leimert span,
    .circle-lincolnhts span,
    .circle-losfeliz span,
    .circle-midtown span,
    .circle-northridge span,
    .circle-observatory span,
    .circle-obslf span,
    .circle-pcity span,
    .circle-pico span,
    .circle-sanpedro span,
    .circle-southeast span,
    .circle-sylmar span,
    .circle-pdr span,
    .circle-vannuys span,
    .circle-vermont span,
    .circle-watts span,
    .circle-wilmington span,
    .circle-wilshire span,
    .circle-bhw span,
    .circle-canoga span,
    .circle-ctep span,
    .circle-nholly span,
    .circle-pacoima span,
    .circle-usbhs span,
    .circle-dta span,
    .circle-dtb span,
    .circle-dtc span,
    .circle-dtd span,
    .circle.dte span,
    .circle.dtf span {
        color: var(--white);
        font-size: 12px;
        line-height: 9px;
        font-weight: bold;
        text-shadow: none;
    }

    .schedtimepoint .tploc {
        line-height: 1em;
    }
}

@media only screen and (min-width : 481px) and (max-width : 599px) {
    .signupC1,
    .signupC2 {
        float: none;
        width: 100%;
        padding: 2%;
    }
}

@media only screen and (min-width : 600px) and (max-width : 758px) {
    .faretable td,
    .faretable th,
    .stopstable td,
    .stopstable th,
    .sked td,
    .sked th {
        font-size: .7em;
        line-height: 1em;
    }

    .circle-cx span,
    .circle-beachwood span,
    .circle-boyleheights span,
    .circle-chesterfield span,
    .circle-crenshaw span,
    .circle-elsereno span,
    .circle-fairfax span,
    .circle-highland span,
    .circle-hollywood span,
    .circle-hollywilshire span,
    .circle-kingeast span,
    .circle-leimert span,
    .circle-lincolnhts span,
    .circle-losfeliz span,
    .circle-midtown span,
    .circle-northridge span,
    .circle-observatory span,
    .circle-obslf span,
    .circle-pcity span,
    .circle-pico span,
    .circle-sanpedro span,
    .circle-southeast span,
    .circle-sylmar span,
    .circle-pdr span,
    .circle-vannuys span,
    .circle-vermont span,
    .circle-watts span,
    .circle-wilmington span,
    .circle-wilshire span,
    .circle-bhw span,
    .circle-canoga span,
    .circle-ctep span,
    .circle-nholly span,
    .circle-pacoima span,
    .circle-usbhs span,
    .circle-cityride span {
        font-size: 12px;
        line-height: 18px;
    }

    .legendBox-new,
    .legendBox-changed,
    .legendBox-eliminated {
        width: .75em;
        height: .75em;
    }
}

@media only screen and (min-width : 600px) and (max-width : 959px) {
    .circle-cx,
    .circle-cxb,
    .circle-beachwood,
    .circle-boyleheights,
    .circle-chesterfield,
    .circle-crenshaw,
    .circle-elsereno,
    .circle-fairfax,
    .circle-highland,
    .circle-hollywood,
    .circle-hollywilshire,
    .circle-kingeast,
    .circle-leimert,
    .circle-lincolnhts,
    .circle-losfeliz,
    .circle-midtown,
    .circle-northridge,
    .circle-observatory,
    .circle-obslf,
    .circle-pcity,
    .circle-pico,
    .circle-sanpedro,
    .circle-southeast,
    .circle-sylmar,
    .circle-pdr,
    .circle-vannuys,
    .circle-vermont,
    .circle-watts,
    .circle-wilmington,
    .circle-wilshire,
    .circle-usbhs,
    .circle-cityride,
    .circle-dta,
    .circle-dtb,
    .circle-dtc,
    .circle-dtd,
    .circle.dte,
    .circle.dtf {
        border-radius: 50%;
        height: 20px;
        margin: 0.25em auto 0;
        padding-top: 1px;
        width: 21px;
    }
}

@media only screen and (max-width : 815px) {
    /* landing pages SMALL SCREEN */
    .video-container {
        max-height: none;
        margin: 0;
    }

    .callout-wrapper,
    .callout,
    div.callout-fullwidth,
    .btn-tickets,
    .pic1 img {
        width: 100%;
    }

    .callout-wrapper,
    .btn-tickets,
    .pic1,
    h3.mobility,
    ul.socialList {
        text-align: center;
    }

    .callout {
        border-top: 1px dotted var(--gray-dark);
        font-style: italic;
        text-align: left;
        display: table;
        margin: 0 auto;
    }

    div.callout-wrapper-fullwidth {
        margin-top: 18px;
    }

    div.callout-fullwidth {
        border-top: 1px dotted var(--gray-dark);
        max-width: 100%;
    }

    .item p {
        margin-bottom: 30px;
    }

    .btn-tickets {
        margin: 24px 0 12px 0;
    }

    .btn-tickets a {
        font-style: normal;
    }

    .pic1 {
        width: 80%;
        float: none;
        margin: 12px auto;
    }

    .pic1 img {
        height: auto;
    }

    .items {
        border-top: 1px dotted var(--gray-dark);
    }

    .item {
        margin-top: 39px;
        border-bottom: 1px dotted var(--gray-dark);
    }

    h3.mobility {
        font-size: 2em;
        margin-bottom: 42px;
        line-height: 1.3em;
    }

    .item h4 {
        font-size: 1.75em;
        line-height: 1.1em;
        color: var(--gray-dark);
        margin: 0;
    }

    ul.socialList {
        width: 100%;
        list-style: none;
        padding-bottom: 39px;
    }

    .socialList li {
        float: none;
        margin-right: 0;
    }

    /* POSITION BTN ICONS FOR MOBILE */
    .ui-mini.ui-btn-icon-right:after,
    .ui-mini .ui-btn-icon-right:after,
    .ui-header .ui-btn-icon-right:after,
    .ui-footer .ui-btn-icon-right:after {
        right: .47em;
    }

    .ui-btn-icon-right {
        padding-right: 2.6em;
    }

    .ui-icon-file:after {
        background-position: 6px 3px;
    }

    .ui-icon-twitter:after {
        background-position: 4px 3.5px;
    }
}

@media only screen and (max-width:600px) {
    .stopstable td:first-child p {
        line-height: 3;
    }
}

@media only screen and (min-width: 601px) and (max-width:959px) {
    .stopstable td:first-child p {
        line-height: 2;
    }
}

@media only screen and (max-width: 814px) {
    .dNavWrap {
        padding: 0;
    }

    #hp-ext h2 {
        margin: 24px 0 12px 0;
    }

    .homecontent {
        margin-bottom: 18px;
    }

    .policyLinks {
        margin: 0 auto 12px auto;
    }
}

@media only screen and (min-width : 600px) and (max-width : 814px) {
    .swipeOuter,
    .hp-row {
        width: 100%;
    }

    .swipeOuter,
    .hp-row.clearfix {
        display: block;
    }

    .dNavWrap {
        clear: both;
    }

    .signupC1,
    .signupC2 {
        float: none;
        width: 98%;
        padding: 2%;
    }
}

.bottomwrap {
    background: linear-gradient(180deg, rgba(1, 30, 72, 1) 0%, rgba(0, 0, 0, 0) 15%);
}

@media only screen and (min-width: 815px) {
    .toparea.topwrap,
    .bottomwrap {
        width: 100%;
        height: auto;
    }

    .toparea.topwrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(34, 156, 209, 0) 76%, rgba(0, 68, 124, 1) 100%), url('https://www.update.ladottransit.com/wp-content/uploads/2022/07/bg-home.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 0
    }

    .bottomwrap {
        border-top: 6px solid var(--yellowgreen);
    }

    .hp-row.clearfix {
        display: block;
    }

    .hp-col-twitnews {
        margin: 0;
    }

    .hp-news a {
        font-size: 1em;
    }

    .dNavInner .ui-listview > li.ui-first-child > a.ui-btn {
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
    }

    .dNavInner .ui-listview > li.ui-last-child > a.ui-btn {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (min-width : 992px) {
    .pic-news-hp {
        width: 210px;
        float: left;
        margin: 0 18px 0 0;
    }

    .routetitle.other h2.nopic,
    #rideralert h1 {
        margin-top: 0;
        text-align: right;
    }

    h2.nonroute {
        margin: 1.5em 0 2em 0;
    }

    .routetitle img.dashlogo {
        width: 100%;
        max-width: 200px;
        margin: 12px 0 0 0;
    }

    .routetitle img.cityridelogo {
        max-width: 250px;
        padding: 0 9px 0 15px;
    }

    .dos-left {
        padding: 0;
    }

    .ui-collapsible {
        margin: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .routesections h3.ui-collapsible-heading {
        border-left: 1px solid #aaaaaa;
        border-right: 1px solid #aaaaaa;
    }

    .routesections .ui-corner-bottom {
        border-bottom-left-radius: .4em;
        border-bottom-right-radius: .4em;
        border-bottom: none;
    }

    .routesections .ui-corner-top {
        border-top-left-radius: .4em;
        border-top-right-radius: .4em;
    }

    .routepic {
        width: 100%;
        max-width: 336px;
    }

    .effective {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .alerts p,
    .alert p,
    .alerts a,
    .alerts-sw a,
    .alert a,
    .alerts li,
    .alert li {
        font-size: 1em;
        line-height: 1.21em;
        margin: 0;
    }

    .alerts strong,
    .alert strong,
    .alerts-sw strong {
        font-size: 1.1em;
    }
}

@media only screen and (min-width:992px) {
    .routetitle .darkoverlay,
    .routetitle,
    .ra-system,
    .ra-dash,
    .ra-cx,
    .ra-cityride,
    .ra-lanow {
        border-radius: 12px;
    }
}

@media only screen and (min-width : 815px) and (max-width : 959px) {
    /* 1.4.5 */
    .dNavInner .ui-btn {
        padding-bottom: .463em;
        padding-right: 40px;
        padding-top: .49em;
        font-size: 16px
    }

    #home .ui-li-has-arrow .ui-btn-inner {
        font-size: 13.5px;
    }

    .ui-content div.dNavWrap div.dNavInner div.ui-grid-a {
        margin: 6px 0 6px 0;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner,
    html.ui-mobile body.ui-mobile-viewport div#home.ui-page div#contentHome.ui-content div.container div.dNavWrap div.dNavInner ul.ui-listview li.ui-btn,
    .dNavInner.ui-corner-top {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner {
        border-left-width: 0;
    }

    .dNavInner .ui-shadow {
        box-shadow: 0 0 9px rgba(255, 255, 255, 0.2);
    }

    div#home div.ui-navbar span.ui-btn-inner {
        border-top: none;
    }

    .alertText,
    .alertTextB {
        font-size: 1.3em;
        line-height: 1.5em;
    }

    #whatsnew .alertText,
    #whatsnew .alertTextB {
        font-size: 2.3em;
    }

    .dNavInner li {
        line-height: 1.2em;
    }

    .callout-wrapper,
    .callout,
    div.callout-fullwidth,
    .btn-tickets,
    .pic1 img {
        width: 100%;
    }

    .callout-wrapper,
    .btn-tickets,
    h3.mobility {
        text-align: center;
    }

    .callout {
        border-top: 1px dotted var(--gray-dark);
        font-style: italic;
        text-align: left;
        display: table;
        margin: 0 auto 39px auto;
    }

    div.callout-wrapper-fullwidth {
        margin-top: 18px;
    }

    div.callout-fullwidth {
        border-top: 1px dotted var(--gray-dark);
        max-width: 100%;
    }

    .callout p:first-child {
        margin: 12px 0;
    }

    .btn-tickets {
        margin-bottom: 12px;
    }

    .btn-tickets a {
        font-style: normal;
    }

    .pic1 {
        width: 33.3%;
        float: left;
        margin: 0 24px 42px 0;
    }

    .pic1 img {
        height: auto;
    }

    .items {
        border-top: 1px dotted var(--gray-dark);
    }

    .item {
        margin-top: 39px;
        border-bottom: 1px dotted var(--gray-dark);
    }

    h3.mobility {
        font-size: 2.5em;
        margin-bottom: 42px;
    }

    .item h4 {
        font-size: 2em;
        line-height: 1.5em;
        color: var(--gray-dark);
        margin: 0;
    }
}

.home .hp-slider {
    margin-bottom: -8px;
}

/* DESKTOP */
@media only screen and (min-width: 991px) {
    .home div.container div.hp-slider:before,
    .home div.container div.hp-slider:after {
        height: 100%;
        position: absolute;
        top: -8px;
        width: 25px;
    }

    .home div.container div.hp-slider:before {
        box-shadow: -15px 0 15px -5px rgba(0, 0, 0, 0.3) inset;
        content: " ";
        left: -10px;
    }

    .home div.container div.hp-slider:after {
        box-shadow: 15px 0 15px -5px rgba(0, 0, 0, 0.3) inset;
        content: "";
        right: -25px;
    }
}

@media only screen and (min-width: 960px) {
    .circle-cx,
    .circle-cxb,
    .circle-beachwood,
    .circle-boyleheights,
    .circle-chesterfield,
    .circle-crenshaw,
    .circle-elsereno,
    .circle-fairfax,
    .circle-highland,
    .circle-hollywood,
    .circle-hollywilshire,
    .circle-kingeast,
    .circle-leimert,
    .circle-lincolnhts,
    .circle-losfeliz,
    .circle-midtown,
    .circle-northridge,
    .circle-observatory,
    .circle-obslf,
    .circle-pcity,
    .circle-pico,
    .circle-sanpedro,
    .circle-southeast,
    .circle-sylmar,
    .circle-pdr,
    .circle-vannuys,
    .circle-vermont,
    .circle-watts,
    .circle-wilmington,
    .circle-wilshire,
    .circle-bhw,
    .circle-canoga,
    .circle-ctep,
    .circle-nholly,
    .circle-pacoima,
    .circle-usbhs,
    .circle-cityride,
    .circle-dta,
    .circle-dtb,
    .circle-dtc,
    .circle-dtd,
    .circle-dte,
    .circle-dtf {
        border-radius: 50%;
        height: 21px;
        margin: 0.25em auto 0;
        padding-top: 1px;
        width: 21px;
    }

    .ui-fullsize .ui-btn-inner,
    .ui-fullsize .ui-btn-inner {
        font-size: 16px;
    }

    .containerHbanner div.container div#headerId.ui-header,
    .containerHbannerB div.container div#headerId.ui-header {
        border: none !important;
        padding-bottom: 1px;
        padding-top: 1px;
    }

    .containerHbanner {
        background: linear-gradient(#1D6AB4, #5592CC) repeat scroll 0 0 #2BA0E3;
    }

    .logo-mobile {
        margin: 12px 0 12px 12px;
        width: 128px;
    }

    #searchform {
        margin: 12px 0;
    }

    .ui-mobile .ui-page-active {
        overflow: hidden;
    }

    .homepageContent {
        text-align: center;
        background-image: url(../img/sep_vert.gif);
        background-position: 50% 0;
        background-repeat: repeat-y;
    }

    .col2Home,
    .update-home {
        text-align: left;
        width: 48%;
        float: left;
    }

    .col2Home {
        min-width: 350px;
    }

    .update-home {
        margin-right: 4%;
        min-width: 349px;
    }

    .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
    .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn {
        overflow: hidden;
    }

    .icons-wrap,
    .iconsInner {
        padding-top: 0;
    }

    .iconsInner,
    .container-icons {
        position: relative;
    }

    .icons {
        margin: 2px auto;
    }

    form.slimButtonForm,
    div.slimButtonForm {
        margin: 8px auto;
    }

    .homeButtons {
        text-align: center;
    }

    .homeButtons > *:nth-child(n) {
        width: 100%;
    }

    .buyFares {
        clear: both;
    }

    p.stopnumber {
        display: inline;
    }

    .mapSwipeWrap {
        display: none;
    }

    .swipeOuter {
        float: left;
        width: 61%;
    }

    html.ui-mobile body.ui-mobile-viewport div#home.ui-page div#contentHome.ui-content div.container div.swipeOuter {
        z-index: 1000;
    }

    /* NO SHADOWS ON TOP OR BOTTOM OF SLIDER */
    .home .hp-slider {
        margin-bottom: -8px;
    }

    .dNavInner a.ui-link-inherit {
        line-height: 1.2em;
    }

    .ui-content div.dNavWrap div.dNavInner div.ui-grid-a {
        margin: 6px 0 6px 0;
    }

    .dNavInner {
        padding: 0;
        width: 100%;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner,
    html.ui-mobile body.ui-mobile-viewport div#home.ui-page div#contentHome.ui-content div.container div.dNavWrap div.dNavInner ul.ui-listview li.ui-btn,
    .dNavInner.ui-corner-top {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner {
        border-left-width: 0;
    }

    .dNavInner .ui-shadow {
        box-shadow: 0 0 9px rgba(255, 255, 255, 0.2);
    }

    div#home div.ui-navbar span.ui-btn-inner {
        border-top: none;
    }

    #footerlogos,
    #alertsHome,
    #contactHome {
        display: block;
    }

    .rightButtons {
        margin-top: 6px;
    }

    .smap {
        display: none;
    }

    #home {
        padding-bottom: 0;
    }

    .routetitle {
        margin-bottom: 30px;
        box-shadow: 2px 2px 2px var(--gray-shadow);
    }

    /* landing pages DESKTOP */
    .callout-wrapper,
    div.callout-fullwidth,
    .btn-tickets,
    .pic1 img {
        width: 100%;
    }

    .callout-wrapper,
    .btn-tickets,
    h3.mobility {
        text-align: center;
    }

    .callout {
        border-top: 1px dotted var(--gray-dark);
        font-style: italic;
        text-align: left;
        max-width: 600px;
        width: 50%;
        display: table;
        margin: 0 auto 39px auto;
    }

    .callout p:first-child {
        margin: 12px 0;
    }

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

    div.callout-wrapper-fullwidth {
        margin-top: 18px;
    }

    div.callout-fullwidth {
        border-top: 1px dotted var(--gray-dark);
        max-width: 100%;
    }

    .btn-tickets {
        margin-bottom: 12px;
    }

    .btn-tickets a {
        font-style: normal;
    }

    .pic1 {
        width: 33.3%;
        float: left;
        margin: 0 24px 42px 0;
    }

    .pic1 img {
        height: auto;
    }

    .items {
        border-top: 1px dotted var(--gray-dark);
    }

    .item {
        margin-top: 39px;
        border-bottom: 1px dotted var(--gray-dark);
    }

    h3.mobility {
        font-size: 3em;
        line-height: 2em;
    }

    .item h4 {
        font-size: 2em;
        line-height: 1.3em;
        color: var(--gray-dark);
        margin: 0;
    }

    .formcontainer,
    .logosRG {
        float: right;
    }

    .formcontainer {
        position: relative;
        right: 50%;
    }

    .logosRGwrap,
    .logosRG {
        display: block;
    }

    .logosRG {
        padding: 12px 0 12px 12px;
        max-width: 292px;
        width: 33%;
    }

    .routetitle.lamobile,
    .routetitle.cxt {
        height: 460px;
        max-height: 460px;
    }

    .routetitle.lamobile img {
        max-width: 200px;
    }

    .ui-block-b ul ul {
        font-size: 1em;
    }
}

/* DESKTOP WIDE */
@media only screen and (max-width: 1250px) {
    #hp-ext {
        padding: 0 15px;
    }
}

@media only screen and (min-width : 1250px) {
    .dNavInner a.ui-link-inherit {
        line-height: 1.2em;
    }

    .ui-content div.dNavWrap div.dNavInner div.ui-grid-a {
        margin: 6px 0 6px 0;
    }

    html.ui-mobile body.ui-mobile-viewport div#home.ui-page div#contentHome.ui-content {
        margin-top: 1px;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner,
    html.ui-mobile body.ui-mobile-viewport div#home.ui-page div#contentHome.ui-content div.container div.dNavWrap div.dNavInner ul.ui-listview li.ui-btn,
    .dNavInner.ui-corner-top {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dNavInner ul.ui-listview li.ui-btn div.ui-btn-inner {
        border-left-width: 0;
    }

    .dNavInner .ui-shadow {
        box-shadow: 0 0 9px rgba(255, 255, 255, 0.2);
    }

    div#home div.ui-navbar span.ui-btn-inner {
        border-top: none;
    }

    .ui-block-b ul ul {
        font-size: 1em;
    }
}


@media only screen and (min-width:100px) {
    .formwrapper,
    .formcontainer {
        position: relative;
    }

    .formwrapper,
    .formrow span,
    .formrow label {
        float: left;
    }

    .formwrapper {
        left: 50%;
        margin-top: 30px;
    }

    .formcontainer {
        right: 50%;
        float: right;
    }

    .formrow span.ui-btn-inner {
        float: none;
    }

    .profile-form th {
        text-align: right;
        white-space: nowrap;
        padding-right: 6px;
    }

    .formrow {
        margin-bottom: 12px;
    }

    .formrow p,
    .formrow label,
    .formrow input {
        margin: 0;
    }

    .formrow p,
    .formrow label {
        padding: 0;
    }

    .formrow input {
        padding: 3px;
    }
}

@media screen and (min-width:768px) and (max-width: 991px) {
    .mega-menu-toggle {
        left: -9px;
    }

    .routetitle {
        max-height: none;
    }
}