/* style overrides for client SBCTA - San Bernardino County Transportation Authority */

body {
    color: #999999;
    font-size: 17px;
}

a {
    color: #047dba;
}

.blue-title {
    color: #047dba;
}

.white-title {
    color: white;
}

ul.checkbox-before {
    list-style-type: none;
}
    ul.checkbox-before li:before {
        content: '✓ ';
    }

ol.FAQNumberedList {
    list-style-type: none;
}

    ol.FAQNumberedList li {
        margin-bottom: 15px;
        color: #e9711d;
        font-weight: 700;
    }

        ol.FAQNumberedList li ul li, ol.FAQNumberedList li p {
            margin-bottom: initial;
            color: rgb(153, 153, 153);
            font-weight: 400;
        }

#faqPage li {
    line-height: 150%;
}

#faqPage a {
    color: #e9711d;
}

#HomeFAQReturnLink {
    display: none;
}

.iconify.iconify-rm_logo {
    background-size: 201px;
    background-image: url('../Images/Logo_Loop_201x102_Head.png');
    width: 201px;
    height: 102px;
}


    .iconify.iconify-rm_logo.iconify-rm_logo_footer {
        margin-left: 0px;
        background-size: 102px;
        background-image: url('../Images/Logo_Loop_102x82.png');
        width: 102px;
        height: 82px;
    }

.brand-bg-gradient-alt, .event-avatar--default, .rm-nav-main li > a:after, .thumbnail--event figure .hover-img:before, .user-avatar--default {
    background: transparent;
    background: -moz-linear-gradient(-45deg,#ffffff 46%,#ffffff 100%);
    background: -webkit-linear-gradient(315deg,#ffffff 46%,#ffffff 100%);
    background: -moz-linear-gradient(315deg,#ffffff 46%,#ffffff 100%);
    background: linear-gradient(135deg,#ffffff 46%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}


.iconify.iconify-rm_user {
    background-image: url('../Images/Icon_Loop_140x140.png');
    background-position: center;
}

.event-avatar .icon-icon_image-edit, .event-avatar .iconify.iconify-rm_user, .user-avatar .icon-icon_image-edit, .user-avatar .iconify.iconify-rm_user {
    height: 100%;
    top: 15%;
}
    

.form-helper-label, label {
    color: #333333;
    font-size: 17px;
}

#TripSearchWidgetView .fieldset-search-advanced label {
    font-size: 14px;
}

h1, .h1 {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    color: #e9711d;
}

h2, .h2, h3, .h3, h4, .h4 {
    font-weight: 600;
    color: #333333;
    font-size: 22px;
}

h4.badgeTitle {
    font-size: 20px;
    font-weight: 400;
}

input[placeholder] {
    color: #999999 !important;
}

.rm-layout-header {
    background: none;
}
    .rm-layout-header a {
        font-weight: 400;
        font-size: 100%;
        color: #e9711d;
        font-size: 15px;
        line-height: 17px;
    }

        .rm-layout-header a:hover {
        }

        .rm-layout-header a.active {
            background: rgb(235,235,235);
        }

    .rm-layout-header .rm-nav-main > li > a {
        font-weight: 400;
        font-size: 100%;
    }

.navbar-nav a {
    font-weight: 700;
}

.rm-layout-header .navbar-nav > li > a:focus {
    background: transparent;
}

.navbar-nav > li > a.rm-nav-user-link .rm-nav-user-action {
    font-weight: 700;
    color: #047dba;
}


.navbar-nav > li > a.rm-nav-user-link:hover .rm-nav-user-action {
    color: #e9711d;
}

#signOutDiv {
    font-weight: 700;
    color: #047dba;
}

#cancelImpersonationDiv {
    font-weight: 700;
    color: #047dba;
}

#signOutDiv:hover {
    font-weight: 700;
    color: #e9711d;
}

#cancelImpersonationDiv:hover {
    font-weight: 700;
    color: #e9711d;
}

.rm-layout-header .navbar-toggle .icon-bar {
    background-color: #0066cc;
}


.rm-layout-footer {
    color: #333333;
    background-image: none;
    line-height: 20px;
    background-color: #dfdfdf;
    font-size: 15px;
    text-align: left;
}

@media (max-width: 991px) {
    .rm-layout-footer {
        text-align: center;
    }
}

    .rm-layout-footer .rm-footer-social
    {
        text-align: center;
    }
    
    .rm-layout-footer a {
        color: black;
    }

    .rm-layout-footer a.d-inline {
        display: inline;
    }


    .rm-layout-footer h2, .rm-layout-footer .h2, .rm-layout-footer h3, .rm-layout-footer .h3, .rm-layout-footer h4, .rm-layout-footer .h4, .rm-layout-footer h5, .rm-layout-footer .h5 {
        font-weight: 600;
        color: #047dba;
        font-size: 16px;
    }

    .rm-layout-footer .footer-nav-primary a {
        color: black;
    }

        .rm-layout-footer .footer-nav-primary a:hover, .rm-layout-footer a:hover {
            color: #e9711d;
        }

    .rm-layout-footer span[class^=icon-] {
        color: #047dba;
        font-size: 40px;
    }

        .rm-layout-footer span[class^=icon-]:hover {
            color: #e9711d;
        }

.btn-mode.btn-van, .btn-mode.btn-park {
    color: white;
    border-color: #f3883e;
}

input + .btn-mode.btn-van:hover, input:focus + .btn-mode.btn-van,
input + .btn-mode.btn-park:hover, input:focus + .btn-mode.btn-park {
    color: white;
    border-color: white;
}

.btn-primary, .btn-block, input:checked + .btn-mode.btn-van, input:checked + .btn-mode.btn-park {
    background-color: #f3883e;
    border-color: #f3883e;
    color: white;
}

.map-search-checkbox-modes {
    text-align: left;
}

@media (min-width:992px) {
    .checkbox-mode-vanpool .btn {
        width: 160px;
    }
}

.btn-cancel {
    background-color: rgba(4, 125, 186, .6);
    border-color: rgba(4, 125, 186, .6);
    color: #333333;
}

.newsNotification {
    background-color: rgba(4,125,186,.7);
}


@media (max-width: 991px) {
    .newsNotification {
        background-color: rgba(4,125,186,.7);
    }
}

#home-rm-map-search-form #locateButton {
    background-color: rgb(243, 136, 62);
    border-color: rgb(243, 136, 62);
    font-size: 16px;
    padding: 3px 8px 4px 8px;
}

.rm-map-search-mobile .form-group.has-addon-action.no-location-input #searchModalButton {
    background-color: rgb(243, 136, 62);
    border-color: rgb(243, 136, 62);
    padding: 8px 12px 8px 12px;
    vertical-align: middle;
}

@media (min-width:992px) {
    .rm-layout-myaccount {
        background: url(../images/BackgroundLoggedInR2.jpg) #3c4350;
        background-size: cover;
    }

    .rm-layout-onboarding {
        background: url(../images/BackgroundNotLoggedInR2.jpg) #3c4350;
        background-size: cover;
    }

    .container, .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }

}

input[placeholder],
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: black !important;
}


.rm-map-search-form {
    background: rgba(4,125,186,.8);
}

    .rm-map-search-form .bootstrap-select .btn-link {
        color: black !important;
    }

    .rm-map-search-form .input-group-addon, .rm-map-search-form .bootstrap-select .bs-caret:before {
        color: white;
    }


    .rm-map-search-form input[placeholder] {
        color: #b3bdc2 !important;
    }

.rm-map-search-form input[placeholder], .rm-map-search-form .form-group .dropdown-rm-style, .rm-map-search-form .form-group input[placeholder].form-control, .rm-map-search-form .form-group input[type=text].form-control, .rm-map-search-form .form-group label, .rm-map-search-form .form-group select, .rm-map-search-form .form-group > label:first-child:not(.sr-only) {
    color: white !important;
    background: 0 0;
    border: 0;
    font-weight: 300;
    padding: 15px 0;
}

#faqPage h1 {
    display: none;
}

/* commuter calendar - make 'run' mode look like 'transit' for 'Rail/Train' */
.zmdi-run:before {
    content: '\f1d5'
}

.rm-layout-header .rm-nav-main .signin-login-menu-item {
    background-color: rgb(243, 136, 62);
    border-color: rgb(243, 136, 62);
    border-radius: 20px;
    top: 28px;
    height: 36px;
    max-width: 160px;
    margin: auto;
}

    .rm-layout-header .rm-nav-main .signin-login-menu-item:focus,
    .rm-layout-header .rm-nav-main .signin-login-menu-item:hover,
    .rm-layout-header .rm-nav-main .signin-login-menu-item:active {
        background-color: white;
        border-color: white;
    }

    .rm-layout-header .rm-nav-main .signin-login-menu-item a {
        color: white;
        padding: 8px 8px 8px 8px !important;
    }
        .rm-layout-header .rm-nav-main .signin-login-menu-item a:focus,
        .rm-layout-header .rm-nav-main .signin-login-menu-item a:hover,
        .rm-layout-header .rm-nav-main .signin-login-menu-item a:active {
            color: #e9711d;
        }

        .rm-layout-header .rm-nav-main .signin-login-menu-item a:after {
            background-image: none !important;
        }
    .rm-layout-header .rm-nav-main .signin-login-menu-item a.active {
        color: #e9711d;
    }
@media (max-width: 1389px) {
    .rm-layout-header .rm-nav-main .signin-login-menu-item {
        top: -4px;
    }

        .rm-layout-header .rm-nav-main .signin-login-menu-item a {
        }
}