:root{
    --rta-dark-blue: #062743;
    --rta-blue: #5285c4;
    --rta-blue-alt: #0655b7;
    --rta-red: #CE1141;
    --rta-dark-red: #7d112b;
    --light-neutral-1: #f8fafd;
    --light-neutral-2: #eff2f5;
    --light-neutral-3: #cfd6e4;
    --light-neutral-4: #a6b0c3;
    --light-neutral-5: #808a9d;
    --light-neutral-6: #58667e;
    --light-neutral-7: #eff2f5;
}
body.is-keyboard *:focus{
    outline: none;
    box-shadow: 0 0 0 4px hsla(220, 100%, 50%, 1) !important;
}
html{
    max-width: 2000px;
    font-size: 16px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    background-color: #f5f5f5;
}
table tr th{
    background-color: var(--rta-blue-alt);
}
html.main-menu-visible{
    overflow-y: hidden;
}
body{
    overflow-x: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-bottom: .5em;
    margin-top: 0;
    display:inline-block;
}
#page{/*fixes slight horizontal scroll issue*/
    position: relative;
    overflow: hidden;
    padding-top: 5em;
}
.node--type-route-schedule #page{
    padding: 0;
}
figcaption{
    text-align: center;
    background-color: var(--light-neutral-2);
    padding: 0.5em;
}
@media(min-width: 1400px){
    #page-wrapper{
        margin-top: 0;
    }
    #page{
        padding-top: 0;
    }
}
h2{
    color: var(--rta-dark-blue);
    font-weight: 300;
    font-size: 3rem;
    font-size: clamp(2em, 5vw, 2.5em);
}
h3,h4,h5{
    font-weight: 400;
    color: var(--rta-dark-blue);
}
input[type="submit"], .ui-dialog .button{
    background-color: transparent;
    transition: all 300ms ease;
    width: auto;
    text-align: center;
    border: 2px solid var(--rta-dark-blue);
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    padding: 1em;
    display: block;
    color: var(--rta-dark-blue);
    text-decoration: none;
    display: inline-block;
    min-width: 200px;
    border-radius: 0;
    background-image: none;
}
.ui-dialog a.button:focus{
    color: inherit;
}
input[type="submit"]:hover, .ui-dialog .button:hover{
    color: #ffffff !important;
    background-color: var(--rta-dark-blue);
}
h3{
    font-weight: 400;
    font-size: 1.50rem;
}
/*------------Misc Overrides----------*/
.skip-link{
    background-color: #055FFC;
    display: block;
    left: 0;
    text-align: center;
    padding: 8px;
    padding: 0;
    display: block;
    font-weight: 500;
    font-size: 1.2em;
    border-radius: 0;
    color: white !important;
    transform: translate(-100%);
    clip: rect(1px,1px,1px,1px);
    padding: .5em;
    height: 0px;
    padding: 0;
    line-height: inherit;
    text-decoration: underline;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 0 0 5px 5px;
}
.skip-link:focus {
    clip: auto;
    overflow: hidden !important;
    transform: translate(0) !important;
    height: 50px !important;
    padding: .5em !important;
    position: fixed;
    width: 300px;
}
.node .field--type-image{
    margin: 0;
}
input{
    border-radius: 4px;
    border: 1px solid #cecece;
}
input[type="submit"]{
    border: 2px solid var(--rta-dark-blue);
    background-color: #ffffff;
    color: var(--rta-dark-blue);
    transition: all 300ms ease;
    width: auto;
    margin-bottom: 1em;
    border-radius: 0;
}
input[type="submit"]:hover{
    background-color: var(--rta-dark-blue);
    color: #ffffff;
}
/*-------- RSS Feed -------------*/
@media (min-width: 1400px){
    .rider-tools__rss-link{
        position: absolute;
        right: 0;
        bottom: 1em;
    }
}
.page-node-6914 .rider-tools__rss-link{
    bottom: -0.5em;
    position: absolute;
    right: 0;
}
/*-------- End of RSS Feed -------------*/
/*-------- Administration Dropdown Action Buttons -------------*/
.dropbutton-wrapper{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
}
.dropbutton-widget{
    width: 100%;
    max-width: 200px;
    border: 0;
    border-radius: 0;
}
/*-------- End of Administration Dropdown Action Buttons -------------*/
/*------------WebForm---------------*/
.webform-submission-form{
    padding: 1em;
    background-color: var(--light-neutral-1);
    border: 1px solid var(--light-neutral-3);
}
.webform-submission-form .fieldset-legend{
    font-size: 1.2rem;
}
form.webform-submission-form section{
    padding: 2em;
    border: 1px solid var(--rta-dark-blue);
    margin: 3em 0 1em 0;
}
form.webform-submission-form section h2{
    margin-top: -60px;
    background-color: var(--light-neutral-1);
    position: absolute;   
}
.form-select{
    padding: 1em;
}
select{
    /* border-radius: 100px !important; */
    /* border: 2px solid #ced4da !important; */
    padding: 1em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDE1IDcgOWgxMHoiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    appearance: none;
    background-position: right 1rem center;
    background-repeat: no-repeat;
}
select[disabled="disabled"]{
    opacity: .6;
}
/*------------WebForm - Board Resolution---------------*/
.block-views-exposed-filter-blockpublic-records-docs-block-7 label{
    font-weight: 600;
    font-size: 1.15em;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 fieldset{
    border: 1px solid #ced4da;
    padding: 1.5em 1em 1em 1em!important;
    position: relative;
    border-radius: 4px;
    margin: 0 !important;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 select{
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 .fieldset-wrapper{
    display: flex;
    gap: 1.5em;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 .fieldset-legend{
    background-color: var(--light-neutral-2);
    top: -1em;
    position: absolute;
    padding: 0.2em 2em;
    border: 1px solid #ced4da;
    font-weight: 600;
    border-radius: 50px;
    font-size: 1.25rem;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 form > div{
    gap: 1.5em;
}
.block-views-exposed-filter-blockpublic-records-docs-block-7 form #edit-actions{
    width: 100%;
}
/*------------End of WebForm - Board Resolution---------------*/
/*------------Page Wrapper Content Offset-----------*/
#main-wrapper{
    transition:all 300ms ease;
}
#main-wrapper #main{
    margin-bottom: 4em;
}
.path-frontpage #main-wrapper #main{
    margin-bottom: 0;
}
@media (min-width:1400px){
    #main-wrapper{
        margin-top: 0px;
    }
}
/*-----------Bootstrap Alerts--------*/
.alert-success{
    border-left: 10px solid #0f5132;
    margin-top: 1em;
    border-radius: 4px;
}
/*-------------Modifiers-------------*/
.font-md{
    font-size: 1.2em;
}
.font-lg{
    font-size: 1.5em;
}
.font-weight-light{
    font-weight: 500;
}
.font-weight-bold{
    font-weight: bold;
}
.background-light-1{
    background-color: var(--light-neutral-1);
}
.background-light-2{
    background-color: var(--light-neutral-2);
}
.background-light-3{
    background-color: var(--light-neutral-3);
}
.background-light-4{
    background-color: var(--light-neutral-4);
}
.background-light-5{
    background-color: var(--light-neutral-5);
}
.background-light-6{
    background-color: var(--light-neutral-6);
}
.background-light-7{
    background-color: var(--light-neutral-7);
}
.box-shadow{
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.header-style{
    color: var(--rta-dark-blue);
    font-weight: 300;
    font-size: 3rem;
    font-size: clamp(2em, 5vw, 2.5em);
}
a.button{
    text-align: center;
    border: 1px solid var(--rta-dark-blue);
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    min-width: 250px;
    padding: 1em;
    display: inline-block;
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.button__is-full-width{
    min-width: 100% !important;
}
.button:hover{
    background-color: var(--rta-dark-blue);
    color: #ffffff;
}
.button.has-dark-background{
    background-color: var(--rta-dark-blue);
    border: 0;
    color: #fff;
}
.button__has-border-radius{
    border-radius: 150px;
}
.button.editor{
    background-color: var(--rta-blue-alt);
    color: #ffffff;
    font-weight: bold;
    border: 0;
    border-radius: 2px;
    color: var(--bs-nav-tabs-link-active-color);
    font-weight: bold;
    border: 0;
    border-radius: 2px;
    border-top: 10px solid #2494db;
    border-top: 10px solid var(--rta-blue-alt);
    font-weight: 500;
    background-color: #f7f9fa;
    border-radius: 0;
    font-weight: 500;
    border-bottom: 1px solid #e7edf1;
    border-left: 1px solid #e7edf1;
    border-right: 1px solid #e7edf1;
    transition: all 300ms ease;
}
.button.editor:hover{
    background-color: var(--rta-blue-alt);
    color: #ffffff;
}
/*-------------PullQuoute-----------------*/
.pullquote{
    z-index: 1;
    background: #F5F5F5;
    border: 1px solid var(--bs-link-color);
    border-width: 8px 0;
    color: #05254F;
    float: right;
    font: italic 120% Arial,Helvetica,"Nimbus Sans L",sans-serif;
    margin: 1em 0 0.4em 1em;
    line-height: 150%;
    padding: 0.5em 1em 0.5em 1em;
    width: 30%;
}
.mb-6{
    margin-bottom: 2.5rem !important;
}
/*-------------Accordion View--------------*/
.ui-accordion .ui-accordion-header{
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 1em !important;
    font-size: inherit;
    background-color: var(--light-neutral-2);
    color: var(--rta-dark-blue);
    position: relative;
    border-radius: 0;
    font-size: 1.2em;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active{
    background-color: var(--rta-blue-alt);
    color: #ffffff;
    border: 0;
    box-shadow: none;
}
.ui-accordion-content{
    height: initial !important;
}
.ui-accordion .ui-accordion-content{
    padding: 1em;
    border-bottom: 10px solid var(--rta-blue-alt);
    border-radius: 0;
}
.ui-accordion .ui-accordion-header:hover{
    background-color: var(--rta-blue-alt);
    color: #ffffff;
}
/*-------------End of Accordion View--------------*/
/*-------------Fares ECK Accordion - View --------------*/
.view-fares-eck .ui-accordion-content .views-row{
    display: flex;
    gap: 0.5em;
    padding: 1em;
    font-size: 1.1em;
    align-items: center;
    flex-wrap: wrap;
}
.view-fares-eck .ui-accordion-content .views-row:nth-of-type(odd){
    background-color: var(--light-neutral-2);
}
.view-fares-eck .ui-accordion-content .views-row .views-field-field-fare-price{
    margin: auto 0 auto auto;
    font-weight: bold;
}
/*-------------End of Fares ECK Accordion - View --------------*/
/*-------------Admin Nav Tabs--------------*/
.nav-tabs .nav-link.active{
    border-top: 10px solid #2494db;
    border-radius: 0;
    font-weight: 500;
    background-color: #f7f9fa;
    border-radius: 0;
    font-weight: 500;
}
/*-------------Navigation Header----------*/
#header #navbar-header{
    background-color: #F6F6F6;
    height: 60px;
    display: none;
}
@media (min-width: 1400px){
    #header #navbar-header{
        display: flex;
    }
}
/*-------------Navigation----------------*/
#header #navbar-top{
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
    background-color: #ffffff;
}
#header a.branding{
    display: flex;
    text-decoration: none;
    column-gap: 1em;
    align-items: center;
    height: 100%;
    background-color: var(--rta-dark-blue);
    padding: 0 1em;
    position: absolute;
    min-width: 120px;
    z-index: 10;
}
#header a.branding::after{
    content: "";
    border-style: solid;
    border-width: 0 30px 80px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right: -1px;
}

#header #navbar-main{
    background-color: var(--rta-dark-blue);
    align-items: center;
    min-height: 80px;
    display: none;
}
#header .rta-logo{
    width: 60px;
    transition: all 300ms ease;
}
#header .site-name{
    display: none;
    font-weight: 400;
    font-size: 1em;
    color: white;
}
@media (min-width: 1400px){
    #header a.branding{
        position: relative;
        width: 380px;
        height: 120px;
        align-items: center;
    }
    #header a.branding::after{
        border-width: 0 60px 120px 0;
    }
    #header .rta-logo{
        width: 80px;
        z-index: 4;
        position: absolute;
        left: 1.5em;
    }
    #header .site-name{
        display: flex;
        padding-left: 6.5em;
        padding-right: 1em;
    }
}
/*--------------JuiceBox Image Gallery Overrides--------------------*/
.jb-caption{
    overflow: auto !important;
}
/* IMAGE TITLE */
.jb-caption .jb-caption-title {
    font-size: 1.4em !important;
    font-weight: bold !important;
}

/* IMAGE CAPTION */
.jb-caption .jb-caption-desc {
    font-size: 1.1em !important;
    padding: 0.5em !important;
    /* text-shadow: 1px 1px #3b3b3b; */
    /* background-color: #3b3b3b; */
}

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    font-size: 1.1em !important;
}
/*--------------End of JuiceBox Image Gallery Overrides--------------------*/
/*------------Header Overrides--------------*/
#header .navbar{
    align-items: flex-start;
    justify-content: start;
    flex-wrap:nowrap;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 3;
}
@media (min-width: 1400px){
    #header .navbar{
        position: relative;
    }
}
/*-----------Header - Region-----------------------*/
.region-top-header{
    flex-grow: 1;
    background-color: #ffffff;
}
@media(min-width: 1400px){
    .region-top-header{
        margin: 0;
    }
}
/*-----------Search View Page-----------*/
.view.view-search #edit-text{
    padding: 1em;
}
.view.view-search #edit-items-per-page{
    max-width: 100px;
    padding: 0.5em;
}
/*-----------End of Search View Page-----------*/
/*-----------Search Bar / button-----------*/
#search-block-form input[type="search"]{
    border-radius: 0;
    border-radius: 25px 0 0 25px;
    height: 50px;
    border: 0;
    background-color: #F1F1F1;
}
#search-block-form .form-submit{
    border-radius: 0;
    background: var(--rta-red);
    border-radius: 0 25px 25px 0;
    color: #ffffff;
    border: 0;
    height: 50px;
    min-width: 100px;
}
#search-block-form{
    display: none;
}
#search-mobile{
    border: 0;
    background-color: inherit;
}
/*-----------Main Navigation-------------*/
#block-mainmenu{
    z-index: 3;
    width: 100%;
}
.tbm{
    background-color: inherit;
}
#block-mainmenu, #block-mainmenu .content,#block-mainmenu .tbm {
    height: 80px;
}
#header #navbar-main a{
    color: #ffffff;
    font-weight: inherit;
    font-size:1.1rem;
    display: flex;
    min-height: 60px;
    align-items: center;
    border: 0;
    width: 90%;
}
#CollapsingNavbar{
    justify-content: center;
}
@media (min-width: 1400px){
    #header #navbar-main a{
       min-height: auto;
       width: 100%;
    }
    #block-mainmenu{
        width: 88%;
        /* border-right: 1px solid var(--rta-dark-blue); */
    }
    #block-mainmenu, #block-mainmenu .content,#block-mainmenu .tbm {
        height: auto;
        padding: 0;
    }
}
/*-----------End of Main Navigation-------------*/
/*-----------Main Navigation - Paratransit Menu Item-------------*/
p.paratransit-menu-item{
    margin: 0;
}
p.paratransit-menu-item a{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    /* font-weight: bold !important;
    color: var(--rta-blue) !important; */
}
p.paratransit-menu-item a:hover{
    color: var(--rta-blue) !important;
}
p.paratransit-menu-item a img{
    width: 50px;
}
/*-----------End of Main Navigation - Paratransit Menu Item-------------*/
/*-----------Main Navigation - Mobile-------------*/
#mobile-menu{
    cursor: pointer;
    color: #ffffff;
    background: transparent;
    border: 0;
    display: flex;
    justify-content: center;
    margin: 0;
    height: 100%;
    align-items: center;
    box-shadow: none;
    position: absolute;
    right: 5em;
    padding: 0;
    outline: none;
    flex-direction: column;
}
#mobile-menu__text{
    color: #3b3b3b;
    text-shadow: none;
    font-size: 16px;
    /* font-weight: 500; */
    font-family: 'Roboto', sans-serif;
}
.collapse:not(.show){
    display: block;
}
@media (min-width: 1400px) {
    #mobile-menu,.collapse:not(.show){
        display: none;
    }
}
#mobile-menu #nav-icon {
    width: 50px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#mobile-menu #nav-icon span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: var(--rta-dark-blue);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#mobile-menu #nav-icon span:nth-child(1) {
    top: 6px;
}
#mobile-menu #nav-icon span:nth-child(2), #mobile-menu #nav-icon span:nth-child(3) {
    top: 22px;
    width: 100%;
    left: inherit;
    right: 0;
}
#mobile-menu #nav-icon span:nth-child(4) {
    top: 38px;
}
.tbm .nav-collapse{
    margin: 0;
    transition: transform 300ms ease;
    transform: translateX(100%);
}
.header .tbm .nav-collapse{
    transform: translateX(0);
    border: 0;
}
.tbm-item .dropdown{
    pointer-events: none;
}
/*-----Mobile and Desktop-------*/
.tbm .nav-collapse .tbm-nav{
    background-color: #ffffff;
}
.tbm .nav-collapse .tbm-nav > li{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.tbm .nav-collapse .tbm-nav > li.open .mega-dropdown-inner .row > div{
    padding-right: 0;
}
.tbm .nav-collapse .tbm-nav > li > .tbm-link{
    border: 0;
    color:#3b3b3b !important;
    display: flex;
    align-items: center;
    flex-basis: 60px;
    padding: 1em;
    background-color: inherit !important;
    font-weight: 500;
    font-size: 1.1em;
    position: relative;
    text-align: left;
    width: 100%;
}
.tbm .nav-collapse .tbm-nav > li .tbm-link.level-1{
    font-weight: 500;
    font-size: 1.1em;
}
@media(min-width: 1400px){
    .tbm .nav-collapse .tbm-nav > li .tbm-link{
        width: auto;
        justify-content: center;
        /* position: absolute;
        width: 100%;
        height: 100%; */
    }
    .tbm .nav-collapse .tbm-nav > li .tbm-link.level-1{
        padding: 0;
        text-align:center;
    }
}
.tbm .dropdown-menu{
    background-color: #ffffff !important;
}
.tbm .dropdown-menu a{
    background-image: none !important;
    /* background-color: #ffffff !important; */
    /* font-weight: 500 !important; */
    /* color: #3b3b3b !important; */
}
.tbm .mega-inner{
    padding: 0 !important;
}
.tbm .row-fluid + .row-fluid{
    border-top: 1px solid #ddd;
}
@media(min-width: 1400px){
    .tbm .nav-collapse .tbm-nav > li{
        position:inherit;
        border: 0;
    }
    .tbm .nav-collapse .tbm-nav > li.is-relative{
        position:relative;
        border: 0;
    }
    .tbm .nav-collapse .tbm-nav > li.is-relative > a{
        position: absolute;
        height: 100%;
    }
    .tbm .nav-collapse .tbm-nav > li > a{
        padding: 0;
        align-self: inherit;
    }
    .tbm .mega-inner{
        padding: 1em !important;
    }
}
/*-----Smaller devices (less than 1400px)-------*/
@media (max-width: 1400px) {
    .header .tbm .nav-collapse{
        transform: translateX(200%);
        border-top: 1px solid var(--rta-dark-blue);
        top: 80px;
        height: calc(100vh - 80px) !important;
        position: fixed;
        visibility: hidden;
    }
    .header.open .tbm .nav-collapse{
        overflow-y: auto !important;
        transform: translateX(0%);
        position: absolute;
        left: 0;
        margin: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.95);
        visibility: visible;
    }
}
/*----------Main Navigation - Mobile opened ------*/
.tbm-main.open #mobile-menu #nav-icon span:nth-child(2), #mobile-menu #nav-icon.open span:nth-child(3) {
    width: 100%;
}
.tbm-main.open #mobile-menu #nav-icon span:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tbm-main.open #mobile-menu #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tbm-main.open #mobile-menu #nav-icon span:nth-child(1), .tbm-main.open #mobile-menu #nav-icon span:nth-child(4){
    width: 0%;
}
/*----------Main Navigation - Mobile Icons -------*/
.tbm .sub-menu-icon-wrapper{
    width: 59px;
    height: 59px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #353641;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 0;
}
.tbm .sub-menu-icon-wrapper span{
    color: #ffffff;
}
.tbm .sub-menu-icon-wrapper::after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: rotate(45deg);
    transition: all 300ms ease;
}
.tbm .level-2 .sub-menu-icon-wrapper,.tbm .level-3 .sub-menu-icon-wrapper,.tbm .level-4 .sub-menu-icon-wrapper{
    height: 55px;
}
.tbm .tbm-item.open{
    background-color: #353641;
    animation: growDown 200ms ease;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
.tbm .tbm-item.open > .tbm-link-container > .tbm-link.tbm-toggle, .tbm .tbm-item.open > .tbm-link-container > .tbm-submenu-toggle{
    color: #ffffff;
}
.tbm .tbm-item.open a.dropdown-toggle{
    color: #ffffff !important;
}
.tbm .tbm-item.open a.dropdown-toggle.is-link{
    text-decoration: none;
}
.tbm .tbm-item.open > .sub-menu-icon-wrapper{
    background-color: #15151A;
}
.tbm .tbm-item.open > .sub-menu-icon-wrapper::after{
    transform: rotate(225deg);
}
.tbm .level-2.open > .sub-menu-icon-wrapper,.tbm .level-3.open > .sub-menu-icon-wrapper,.tbm .level-4.open > .sub-menu-icon-wrapper{
    height: 100%;
}
@media (min-width: 1400px){
    .tbm-link-container{
        width: 100%;
    }
    .tbm .tbm-item.open{
        background-color: var(--light-neutral-2);
    }
    .tbm .tbm-item.open > .tbm-link-container > .tbm-link.tbm-toggle, .tbm .tbm-item.open > .tbm-link-container > .tbm-submenu-toggle{
        color: inherit;
    }
    .tbm .tbm-item.level-1.open.tbm, .tbm-item.level-1.has-children:hover{
        background-color: var(--light-neutral-2);
    }
    .tbm .tbm-item.level-2.open{
        background-color: inherit;
    }
    .tbm-item.level-1.open>.tbm-submenu{
        top: 120px;
        border-top: 6px solid var(--rta-dark-blue);
    }
    .tbm .tbm-item.open a.dropdown-toggle{
        color: var(--rta-dark-blue) !important;
        text-decoration: underline;
    }
    .tbm .sub-menu-icon-wrapper{
        display: none;
    }
}
/*----------Main Navigation TB Menu Resets--------*/
.tbm .tbm-nav{
    width: 100%;
}
.tbm.tbm--mobile .tbm-subnav .tbm-item{
    border: 0;
}
.tbm.tbm--mobile .tbm-subnav .tbm-item.open{
    border-bottom: 1px solid #353641;
    border-left: 1px solid #353641;
    border-right: 1px solid #353641;
}
.tbm-subnav .tbm-link.no-link.tbm-no-submenu{
    margin: 0.5em 0 !important;
    font-weight: 500;
    border: 0;
    border-bottom: 2px solid var(--rta-dark-blue);
    border-top: 2px solid var(--rta-dark-blue) !important;
    text-align: center;
    color: var(--rta-dark-blue);
    padding: 0.8em !important;
}
.tbm-submenu-toggle, .tbm-submenu-toggle:hover, .tbm-link.level-1:hover, .tbm-link.level-1:focus{
    background-color: inherit;
}
.tbm-submenu-toggle[aria-expanded="true"]{
    background-color: #353641 !important;
}
.tbm .dropdown-menu .active > a{
    background-color: transparent !important;
    color: inherit !important;
}
@media (min-width: 1400px){
    .tbm-submenu-toggle[aria-expanded="true"]{
        background-color: inherit !important;
    }
    .tbm .nav-collapse .tbm-nav{
        height: 120px;
        margin: 0;
        width: 100%;
    }

    .tbm .tbm-nav > li{
        position: inherit;
        /* background-color: #ffffff; */
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tbm-subnav .tbm-link.no-link.tbm-no-submenu{
        
    }

}
/* .tbm .nav > li.open{
    background-color: #ffffff;
} */
.tbm .tbm-nav > li a{
    text-decoration: none;
    border: 0;
    color: #3b3b3b !important;
}
.tbm .tbm-nav li.dropdown > .dropdown-toggle .caret{
    display: none;
}
.tbm .mega-nav > li a, .tbm .dropdown-menu .mega-nav > li a{
    padding-top: 1em !important;
    padding: 0 0 1em 0;
    height: auto;
    border: 0;
    margin: 0;
    font-weight: 400;
    color: #3b3b3b;
    font-size: 1em;
}
.tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link{ /*Headers with sub menus*/
    padding: 1em 0 !important;
    height: auto;
    border: 0;
    margin: 0;
    font-weight: 400;
    color: #3b3b3b;
    font-size: 1em;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
}
/*--Remove top border on menu block items--*/
.tbm .nav-collapse .tbm-nav li a{
    border-top: 0;
    width: 100%;
    height: 100%;
}
/*---2nd level dropdown menu - Remove hover effects on mobile since it causes visual anomalies with sub menus on click---*/
.tbm .mega.dropdown-submenu:hover > .mega-dropdown-menu {
    display: none;
}
.tbm .mega.open > .mega-dropdown-menu{
    display: block !important;
}
/*---End of 2nd level dropdown menu visual anomalie---*/
@media(min-width: 1400px){
    .tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link{/*--Sub items that have a dropdown submenu--*/
        padding: .5em !important;
    }
}
.tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link[aria-expanded="true"]{/*--Active Sub items that have a dropdown submenu--*/
    color: #ffffff;
    font-weight: 500;
    font-size: 1.1em;
    padding: 1em !important;
}
.tbm .mega.open > .mega-dropdown-menu, .tbm .mega.animating > .mega-dropdown-menu{/*--Dropdown submenu--*/
    animation: growDown 200ms ease;
    padding: 1em 0 1em 1em;
    padding-right: 0em;
    background-color: var(--light-neutral-2);
    border-left: 1px solid #3b3b3b;
    /* border-right: 1px solid #3b3b3b; */
    border-bottom: 1px solid #3b3b3b3b;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
@media (min-width: 979px) and (max-width: 1399px){
    .tbm .mega.open > .mega-dropdown-menu{
        position: relative;
        width: 100% !important;
        left: 0;
    }
    .tbm .mega.open > .mega-dropdown-menu .row{
        margin: auto !important;
    }
}
@media (min-width: 1400px){
    .tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link[aria-expanded="true"]{/*--Active Sub items that have a dropdown submenu--*/
        padding:  .5em !important;
    }
    .tbm .mega.open > .mega-dropdown-menu, .tbm .mega.animating > .mega-dropdown-menu{/*--All Dropdown submenu--*/
        border: 0;
        padding: 1em;
    }
    .tbm .mega.open.level-1::after{
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        border-bottom: 15px solid var(--rta-dark-blue);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        bottom: 0;
    }
    .tbm .mega-nav > li a, .tbm .dropdown-menu .mega-nav > li a{
        padding-top: 0.5em !important;
        padding: 0.5em 0;
    }
    .tbm .row{
        margin: 0;
    }
    .tbm .mega.open.level-1 > .mega-dropdown-menu{/*1st level deep sub menu*/
        top: 120px;
        border-top: 6px solid var(--rta-dark-blue);
    }
    .tbm .mega.open.level-2 > .mega-dropdown-menu, .tbm .mega.animating.level-2 > .mega-dropdown-menu{ /*2nd level deep submenu*/
        left: calc(100% + 2.8em);
    }
    .tbm .mega.open > .mega-dropdown-menu.full{/*Top level menu*/
        left: 0;
        right: 0;
    }
    .tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link::after{ /*All menu items with sub menus*/
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        border-right: 2px solid #3b3b3b;
        border-top: 0;
        border-left: 0;
        border-bottom: 2px solid #3b3b3b;
        right: -20px;
        top: 50%;
        transition: all 300ms ease;
        margin: 0;
        transform: translatey(-50%) rotate(-45deg);
    }
    .tbm .mega.open > .mega-dropdown-menu, .tbm .mega.animating > .mega-dropdown-menu{
        padding-right: 1em;
    }
    .tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link[aria-expanded="true"]{/*--Active Sub menu that have a dropdown--*/
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        border-left: 2px solid var(--rta-red);
        font-weight: 500;
        color: var(--rta-dark-blue);
    }
    .tbm .nav-collapse .dropdown-menu span.dropdown-toggle.tbm-no-link[aria-expanded="true"]:hover{
        border-left: 0;
    }
}
.tbm .dropdown-menu{
    border-bottom: 1px solid #cecece;
}
.tbm-subnav li{
    position: relative;
}
@media(min-width: 1400px){
    .tbm-subnav li.copy-of-parent-menu-item{
        display: none;
    }  
}
.tbm .nav-collapse .dropdown-menu span.tbm-no-link.tbm-no-submenu{ /*Main menu items without sub menus*/
    margin: 0.5em 0 !important;
    font-weight: 500;
    border: 0;
    border-bottom: 2px solid var(--rta-dark-blue);
    border-top: 2px solid var(--rta-dark-blue);
    text-align: center;
    color: var(--rta-dark-blue);
    padding: 0.8em !important;
}
.tbm .nav-collapse .dropdown-menu span.tbm-no-link.tbm-no-submenu::after{
    display: none;
}
.tbm-subnav li .tbm-no-link.tbm-no-submenu{
    font-weight: bold;
}
.tbm-subnav li .tbm-no-link.tbm-no-submenu::after{
    content: "";
    width:50px;
    height: 2px;
    background-color: var(--rta-dark-blue);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms ease;
}
/*----Menu Item - Caret---*/
.dropdown-toggle::after{
    display: none;
}
@media (min-width: 1400px){
    .tbm-item .dropdown-toggle::after{
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        /* position: absolute; */
        border-right: 2px solid #3b3b3b;
        border-top: 0;
        border-left: 0;
        border-bottom: 2px solid #3b3b3b;
        /* right: 1.5em; */
        /* top: 50%; */
        transition: all 300ms ease;
        margin: 0;
        transform: rotate(45deg);
        margin-left: 1em;
    }
    .tbm-item.open .dropdown-toggle::after{
        transform: rotate(-135deg);
    }
    .tbm-item.open{
        background-color: var(--light-neutral-2);
    }
    .tbm .nav-collapse .tbm-nav > li.open::after{
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        border-bottom: 15px solid var(--rta-dark-blue);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        bottom: 0;
    }
}
@media (min-width: 1800px){
    .tbm .nav-collapse .tbm-nav > li.is-relative > a::after{
        right: 1.5em;
    }
}
/*-----------Main Navigation Hover Effect---------*/
/*-- 2nd level dropdown submenu --*/
@media(min-width: 1400px){
    /* .tbm .nav-collapse li.tbm-item--has-flyout{
        padding-left: 1em;
    } */
    /* .tbm .nav-collapse li.tbm-item--has-flyout:hover{
        border-left: 2px solid var(--rta-red);
    }
    li.tbm-item.level-2 a::after{
        display: none;
    } */
    li.tbm-item.level-2 a::after{
        content: "";
        width:0;
        height: 2px;
        background-color: var(--rta-red);
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 300ms ease;
    }
    li.tbm-item.level-2 a:hover::after{
        width: 50px;
    }
}
/*-- End of 2nd level dropdown submenu --*/
/*----------Secondary Menu - Block----------*/
#block-views-block-secondary-menu-block-1{
    flex-basis: 100%;
    align-self: center;
}
/*----------Secondary Menu - View----------*/
.view-secondary-menu{
    background-color: var(--light-neutral-1);
}
.view-secondary-menu img{
    margin: 0;
    transition: all 300ms ease;
}
.view-secondary-menu a{
    text-decoration: none;
    color: inherit;
    transition: all 300ms ease;
    font-size: .95em;
    display: block;
}
.view-secondary-menu a:hover{
    border-bottom: 1px solid var(--rta-dark-blue);
}
#navbar-secondary .view-secondary-menu{
    display: none;
}
.tbm .view-secondary-menu{
    display: block;
    
}
.tbm .view-secondary-menu .view-content.row{
    margin: 0;
}
.tbm .view-secondary-menu .views-field.views-field-field-icon{
    text-align: center;
}
@media (min-width: 576px) {
    .view-secondary-menu .views-row{
        justify-content: center;
    }
}
@media (min-width: 1400px){
    #navbar-secondary .view-secondary-menu{
        display: block;
    }
    .tbm .view-secondary-menu{
        display: none;
    }
}
/*----------Search - Block---------------*/
#block-riderta-search{
    position: absolute;
    z-index: 3;
    width: 10%;
    display: flex;
    justify-content: center;
    height: 100%;
    right: 60px;
    width: 80px;
}
@media (min-width: 1400px){
    #block-riderta-search{
        position: relative;
        width: 12%;
        padding-left: 0;
        right: 0;
        align-self: center;
    }
}
#block-riderta-search fieldset, #block-riderta-search div,#block-riderta-search input{
    margin: 0 !important;
    align-self:center;
}
/*----------Homepage Customizations-------*/
.path-frontpage h1{
    line-height: 1.5em;
    margin: 0;
}
.path-frontpage .tabs{
    display: none;
}
.path-frontpage .homepage-banner{
    background-image: url(/themes/custom/riderta/assets/global/images/city.jpg);
    background-position: 0 -600px;
    background-repeat: no-repeat;
    position: relative;
    min-height: 150px;
    font-size: 2em;
    background-size: cover;
    background-size: cover;
    background-position: 0px -600px;
    display: none;
}
@media (min-width: 2000px){
    .path-frontpage .homepage-banner{
        background-attachment:inherit;
    }
}
.path-frontpage .homepage-banner::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg,rgba(6, 39, 67, .3),transparent);
}
.path-frontpage .homepage-banner .headline{
    color: white;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(0,0,0,.2);
    font-size: 1em;
}
/* @media (min-width: 992px) {
    .path-frontpage .gcrta-two-column .left-region{
        border-right: 1px solid #cecece;
    }
} */
@media (min-width: 1400px){
    .path-frontpage .homepage-banner{
        min-height: 300px;
        display: block;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4em;
    }
}
.node__content{
    margin: 0;
}
/*---------- All instances of Flexslider - Overrides----------*/
.flexslider{
    background: transparent;
}
.flex-direction-nav{
    position: relative;
    width: 100%;
    bottom: 0;
    margin: 0 auto;
    display: block;
}
.flex-direction-nav li{
    position: absolute;
    top: -35px;
}
.flex-direction-nav .flex-nav-prev{
    left: 0;
}
.flex-direction-nav .flex-nav-next{
    right: 0;
}
.flex-direction-nav a{
    width: 30px;
    height: 50px;
}
.flexslider .flex-control-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    position: relative;
    bottom: inherit;
}
.flex-direction-nav a{
    top: 38%;   
}

.flex-control-paging li a{
    transition: all 300ms ease;
    background-color: #3b3b3b;
    color: #ffffff;
    box-shadow: none;
    width: 24px;
    height: 24px;
}
.flex-control-paging li a.flex-active{
    background: var(--rta-blue-alt);
    border: 2px solid var(--rta-blue-alt);
}
/*----------Homepage Banner instance only - Flexslider Overrides----------*/
.view-homepage-banner .flexslider{
    margin: 0 !important;
    border: 0 !important;
}
.view-homepage-banner .flexslider .flex-control-nav{
    margin-top: 1em;
    z-index: 2;
    background: rgba(255,255,255,.9);
    height: 0;
}
.view-homepage-banner .flexslider .slides a{
    display: block;
}
.view-homepage-banner .flexslider .slides img{
    width: 100%;
    margin: 0 auto;
    transition: all 300ms ease;
}
.view-homepage-banner .flexslider .slides img:hover{
    transform: scale(1.02);
}
.view-homepage-banner .flexslider .views-field.views-field-field-alt-text .field-content{
    font-size: 1em;
    color: white;
    padding: 0.5em 0.5em 0.5em 0;
}
.view-homepage-banner .flexslider .views-field.views-field-field-alt-text .field-content a{
    font-weight: 500;
    position: relative;
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view-homepage-banner .flexslider .views-field.views-field-field-alt-text .field-content a::after{
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--rta-red);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms ease;
}
/* @media(min-width: 1400px){
    .view-homepage-banner .flexslider .views-field.views-field-field-alt-text .field-content a{
        background-color: var(--rta-dark-blue);
        color: white;
        padding: 0.5em 1em;
        border-top: 4px solid var(--rta-red);
    }
    .view-homepage-banner .flexslider .views-field.views-field-field-alt-text .field-content{
        margin-top: -1.5em;
    }
} */
.view-homepage-banner .flexslider li.hover .views-field.views-field-field-alt-text .field-content a::after{
    width: 100%;
}
.view-homepage-slides .flexslider{
    margin: 0;
}
.view-homepage-slides .flex-viewport{
    height: 100% !important;
}
.view-homepage-slides img{
    margin-bottom: .5em;
    transition: all 300ms ease;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.view-homepage-slides img:hover{
    transform: scale(1.02);
}
.view-homepage-slides .field--type-image{
    float: inherit;
}
.view-homepage-slides .views-field-field-link .field-content a{ 
    padding: 0.5em 0.5em 0.5em 0;
    font-weight: 500;
    position: relative;
    color: var(--rta-dark-blue);
    text-decoration: none;
}
/*----------Homepage News & Updates instance only - Flexslider Overrides-------*/
/*----------Image Gallery instance only - Flexslider Overrides----------*/
.view-blog-gallery .flexslider .slides li{
    padding: 1em;
    box-shadow: rgb(16 75 138 / 40%) 0px 10px 30px -16px;
    border-radius: 4px;
    margin: 5px;
    transition: all 300ms ease 0s;
    width: 500px;
    transition: all 300ms ease;
}
.view-blog-gallery .flexslider .slides li:hover{
    transform: scale(1.02);
}
/*----------End of Image Gallery instance only - Flexslider Overrides----------*/
/*----------Image Gallery - Narrative----------*/
.view.view-gallery .slides li{
    padding: 1em;
    transition: all 300ms ease;
}
.view.view-gallery .slides li .views-field-thumbnail__alt{
    background-color: var(--rta-dark-blue);
    padding: 0.5em 1em;
    border-top: 4px solid var(--rta-red);
    color: white;
}
.view.view-gallery .slides li:hover{
    transform: scale(1.05)
}
/*----------End of Image Gallery - Narrative ----------*/
/*----------Media Center - Narrative Page-------*/
.view-news-updates.view-display-id-block_4{
    margin-top: 3em;
}
/*----------New to RTA - Views------------*/
.block-views-blocknew-to-rta-block-1{
    padding: 1em;
    position: relative;
    margin: 1em;
}
/*----------Homepage Transportation Mode - Block----------*/
.block-views-blocktransportation-modes-block-1 img{
    height: auto;
    width: 120px;
}
/*----------Homepage News - Block----------*/
.block-views-blocknews-updates-block-1 h2{
    text-align: center;
}
.block-views-blocknews-updates-block-1 h2::after{
    width: 100px;
    height: 4px;
    content: "";
    display: block;
    background-color: #104B8A;
    margin: 10px auto;
}
/*------------------- Content Moderation - Block -----------------------------*/
#content-moderation-entity-moderation-form {
    border-top: 10px solid #2494db;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
#content-moderation-entity-moderation-form .entity-moderation-form{
    justify-content: space-around;
    align-items: center;
    padding: 1em;
    background-color: #f7f9fa;
    border: 1px solid #e7edf1;
    margin: 0;
}
#content-moderation-entity-moderation-form .entity-moderation-form .form-item-new-state{
    display: flex;
    gap: 1em;
}
#content-moderation-entity-moderation-form .entity-moderation-form label{
    font-weight: bold;
}
/*------------------- End of Content Moderation - Block --------------------------*/
/*-------------------QuickTabs - All Instances of quicktabs--------------------*/
ul.quicktabs-tabs{
    display: flex;
    flex-direction: row;
    border-radius: 0;
    margin-bottom: 2em;
    padding: 0;
    list-style-type: none;
    flex-wrap: wrap;
}

ul.quicktabs-tabs li{
    flex-grow: 1;
    flex-basis: 200px;
    border-radius: 0;
    padding: 1em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    min-height: 90px;
}
ul.quicktabs-tabs li:hover a{
    color: var(--rta-dark-blue);
}
ul.quicktabs-tabs li.active{
    border: 1px solid var(--rta-dark-blue);
    border-bottom: 6px solid var(--rta-dark-blue);
    position: relative;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
    background-color: var(--rta-dark-blue);
}
ul.quicktabs-tabs li.active::after{
    content: "";
    width: 25px;
    height: 25px;
    positioN: absolute;
    bottom: -14px;
    background-color: var(--rta-dark-blue);
    margin: 0 auto;
    left: 0;
    border: 6px solid var(--rta-dark-blue);
    right: 0;
    transform: rotate(45deg);
    border-radius: 0;
}
ul.quicktabs-tabs li a{
    color: #3b3b3b;
    font-size: 1.4em;
    font-weight: 400;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
ul.quicktabs-tabs li.active a{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
/*-------------------QuickTabs - Routes (Bus)--------------------*/
#quicktabs-container-routes .view.view-routes .views-row{
    margin-bottom: 1em;
    border-bottom: 1px dotted #E1E1E1;
    padding-bottom: 1em;
}
#quicktabs-container-routes .view.view-routes .bus{
    margin-bottom: 1em;
}
#quicktabs-container-routes .view.view-routes .bus .number{
    background-color: var(--rta-dark-blue);
    color: white;
    font-size: 1.4em;
    text-align: center;
    border-bottom: 10px solid var(--rta-blue);
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5em;
}
#quicktabs-container-routes .view.view-routes .bus a, #quicktabs-container-routes .view.view-routes .views-field-title a, #quicktabs-container-routes .view.view-routes .views-field-views-conditional-field a{
    text-decoration: none;
    display: flex;
    font-size: 2em;
    font-weight: 300;
    gap: .5em;
    flex-wrap: wrap;
    color: var(--rta-blue);
}
#quicktabs-container-routes .view.view-routes .headsign{
    align-self: center;
}
/*-------------------End of QuickTabs - Routes--------------------*/
/*-----------------Quicktabs - Job Descriptions-----------------*/
.quicktabs-wrapper{
    margin-bottom: 2em;
}
#quicktabs-job_descriptions.quicktabs-wrapper{
    display: flex;
    flex-direction: row;
}
#quicktabs-job_descriptions.quicktabs-wrapper .item-list{
    flex: 1 1 400px;
    background-color: var(--light-neutral-2);
}
#quicktabs-job_descriptions.quicktabs-wrapper .quicktabs-main{
    flex-basis: 100%;
    padding: 2em;
    border: 4px solid var(--rta-blue-alt);
}
#quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li{
    white-space: normal;
}
#quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li a{
    font-size: 1em;
}
#quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li.active::after{
    display: none;
}
#quicktabs-job_descriptions.quicktabs-wrapper .quicktabs-main ul.quicktabs-tabs li a{
    white-space: initial;
    font-weight: normal;
    font-size: 1em;
}
#quicktabs-container-job_descriptions{
    display: none;
}
@media(min-width: 1400px){
    #quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li.active{
        border: 1px solid #e6e6e6;
        background-color: #f9f9f9;
        box-shadow: none;
    }
    #quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li.active a{
        color: #ffffff;
        font-weight: 500;
    }
    #quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li.active{
        background-color: var(--rta-blue-alt);
        border: 0;
    }
    #quicktabs-job_descriptions.quicktabs-wrapper ul.quicktabs-tabs li.active::after{
        content: "";
        position: absolute;
        background-color: transparent;
        margin: 0 auto;
        right: 0;
        border: 0;
        top: 50%;
        transform: translateY(-50%);
        right: -25px;
        border-radius: 0;
        display: block;
        left: inherit;
        border-left: 15px solid var(--rta-blue-alt);
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 0;
    }
    #quicktabs-container-job_descriptions{
        display: block;
    }
}
/*-----------------End of Quicktabs - Job Descriptions-----------------*/
/*------------------------- Quicktabs - Careers-------------------------*/
#quicktabs-careers{
    border: 1px solid var(--rta-dark-blue);   
}
#quicktabs-container-careers{
    padding: 1em;
}
#quicktabs-job_descriptions{
    margin: 0;
}
/*------------------------- End of Quicktabs - Careers-------------------------*/
/*---------Homepage News - View--------------*/
.view-news-updates{
    background-color: transparent;
}
.view-news-updates .view-footer{
    text-align: center;
    border: 1px solid var(--rta-dark-blue);
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    max-width: 250px;
    margin: 0 auto;
}
.view-news-updates .view-footer a{
    padding: 1em;
    display: block;
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view-news-updates .view-footer a:hover{
    background-color: var(--rta-dark-blue);
    color: #ffffff;
}
/*---------Active Service Alerts - View ----------*/
.view.view-active-service-alerts .views-row:nth-child(odd) .views-col:nth-child(odd){
    background-color: #f1f1f1;
}
.view.view-active-service-alerts .views-row:nth-child(odd) .views-col:nth-child(even){
    background-color: #F8F8F8;
}
.view.view-active-service-alerts .views-row:nth-child(even) .views-col:nth-child(odd){
    background-color: #F8F8F8;
}
.view.view-active-service-alerts .views-row:nth-child(even) .views-col:nth-child(even){
    background-color: #f1f1f1;
}
/*---------End of Active Service Alerts - View-----------------*/
/*---------Service Alerts by Route - View -----------------------*/
.view.view-service-alerts-by-route.view-display-id-page_1 .views-field.views-field-field-effective-date{
    width: 200px;
    text-align: left;
}
/*---------End of Service Alerts by Route - View -----------------------*/
/*---------Crisis Alerts - View ----------*/
.view.view-crisis-alert.view-display-id-block_1{
    background-color: var(--rta-red);
    color: #ffffff;
    transition: all 300ms ease;
    z-index: 1;
    min-height: 100px;
    display: flex;
    flex-direction: column;
}
.view.view-crisis-alert.view-display-id-block_1 .view-content{
    position: relative;
    flex: 1;
    margin: 0;
}
.view.view-crisis-alert.view-display-id-block_1 .views-field a{
    text-decoration: none;
    color: #ffffff;
}
.view.view-crisis-alert.view-display-id-block_1 .views-field a:hover{
    text-decoration: underline;
}
.view.view-crisis-alert.view-display-id-block_1 .crisis-alert-views-row__icon{
    padding: 1em;
    width: 100%;
    background: repeating-linear-gradient(45deg, #7d112b, #7d112b 10px, var(--rta-red) 0px, var(--rta-red) 25px);
    transition: all 500ms ease;
    /* margin-top: 80px; */
}
.view.view-crisis-alert.view-display-id-block_1 .crisis-alert-views-row__icon img{
    height: 50px;
}
.view.view-crisis-alert.view-display-id-block_1 .crisis-alert-views-row__all-icon img{
    width: 20px;
    margin-left: 1em;
}
.crisis-alert-views-row__content{
    padding: 1em 1em 0 1em;
    text-align: center;
    /* width: 100%; */
    flex-basis: 100%;
}
.crisis-alert-views-row__content h3, .crisis-alert-views-row__content h2{
    color: #ffffff;
    margin: 0 0 .5em 0;
}
.crisis-alert-views-row__count{
    width: 100%;
    margin-bottom: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    padding: 0;
}
.crisis-alert-views-row__count a{
    text-decoration: none;
    color: #ffffff;
    border-radius: 4px;
    font-size: 1.2em;
    border-radius: 0;
    padding: 0.5em;
    background-color: #7d112b;
    flex-basis: 100px;
    text-align: center;
    border: 2px solid #ffffff;
    align-self: stretch;
    align-items: center;
    display: flex;
    justify-content: center;
}
@media(min-width: 1400px){
    .crisis-alert-views-row__content{
        flex-basis: calc(100% - 240px); 
    }
    .crisis-alert-views-row__count a{
        border: 0;
    }
    .view.view-crisis-alert.view-display-id-block_1 .crisis-alert-views-row__icon{
        margin-top: 0;
        flex-basis: 120px;
    }
    .crisis-alert-views-row__count{
        background-color: #7d112b;
        flex-basis: 120px;
        margin: 0;
    }
}
/*---------End of Crisis Alerts - View ----------*/
/*---------Rider's Alerts (All) - View -----------------*/
.view.view.view-rider-s-alert-all .views-field-field-effective-date{
    /* background-color: var(--light-neutral-2); */
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
    border-left: 5px solid var(--rta-red);
    font-weight: 500;
    flex-wrap: wrap;
    background: linear-gradient(45deg,rgba(239,242,245, 1),transparent);
}
.view.view.view-rider-s-alert-all .views-field-title{
    margin-bottom: .5em;
    padding-left: 1.5em;
}
.view.view.view-rider-s-alert-all .views-field-title a:hover{
    text-decoration: underline;
}
.view.view-rider-s-alert-all .views-field-field-effective-date{
    display: flex;
    gap: 0.5em;
   
}
.view.view-rider-s-alert-all .views-field-field-routes{
    display: flex;
    gap: 0.5em;
    font-size: .9em;
    flex-wrap: wrap;
    padding-left: 1.5em;
}
.view.view-rider-s-alert-all .views-field-field-effective-date, .view.view-rider-s-alert-all .views-field-field-ro.view.view-rider-s-alert-all .views-field-field-effective-date, .view.view-rider-s-alert-all .views-field-field-routesutes ul{
    list-style: none;
    margin: 0 0 0.25em 0;
    padding: 0;
    flex-direction: row;
    gap: 0.5em;
}
.view.view-rider-s-alert-all .views-field-field-routes ul {
    flex-direction: row;
    gap: 0.5em;
    flex-wrap: wrap;
}
.view.view-rider-s-alert-all .views-field-field-effective-date, .view.view-rider-s-alert-all .views-field-field-routes ul li{
    border: 0;
    color: var(--rta-dark-blue);
    padding: 0.2em 0.5em;
    background-color: var(--light-neutral-2);
    border-radius: 0;
}
.view.view-rider-s-alert-all .views-field-field-routes ul li{
    box-shadow: 0 2px 0 rgb(91 105 135 / 25%);
    border-radius: 6px;
}
.view.view-rider-s-alert-all .views-label ,.view.view-rider-s-alert-all .views-field-field-effective-date .field-content, .view.view-rider-s-alert-all .views-field-field-routes .field-content{
    display: inline-flex;
}
.view.view-rider-s-alert-all .view-content .views-row{
    padding: .5em;
}
.view.view-rider-s-alert-all .view-filters form.views-exposed-form .form-type-select{
    flex: 1 1 100%;
}
/*---------end of Rider's Alerts (All) - View ----------*/
/*----------Footer-------------*/
.site-footer{
    background-color: var(--light-neutral-1);
    padding: 0;
    font-family: inherit;
    padding: 0;
}
.site-footer .block{
    border: 0;
    padding: 0;
}
.site-footer #block-aptalogo{
    text-align: center;
}
@media (min-width: 1400px){
    .site-footer #block-aptalogo{
        text-align: inherit;
    }
}
.site-footer__top h2{
    border-color: rgba(255,255,255,0.15);
    color: #3b3b3b;
    border-right: 2px dotted #cecece;
    font-weight: 400;
    padding: 1em;
    display: none;
}
@media (min-width: 1400px){
    .site-footer__top h2{
        align-items: center;
        display: flex;
    }
}
.site-footer__top .region{
    width: 100%;
}
.site-footer__top .region:nth-child(2n+1){
    padding: 0;
    margin: 0;
}
.site-footer__top > .row:first-of-type{
    background-color: #ffffff;
    padding: 3em 0 2em 0;
}
.site-footer .content{
    color: inherit;
    font-size: inherit;
}
.site-footer__top p{
    margin: 0;
}
#block-companyinfo{
    margin: 0;
}
#block-companyinfo img{
    width: 120px;
    height: auto;
}
#block-companyinfo .wrapper{
    display: flex;
    gap: 1em;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#block-companyinfo .wrapper a{
    color: var(--bs-link-color);
}
@media (min-width: 1400px){
    #block-companyinfo .wrapper{
        flex-direction: row;
        text-align: left;
    }
}
.site-footer .location-info{
    display: flex;
    column-gap: 1em;
}
.site-footer .copyright-wrapper{
    padding: 1em;
    background-color: var(--rta-dark-blue);
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 1em;
    flex-wrap: wrap;
}
.site-footer .copyright-wrapper .wcag-logo{
    width: 88px;
}
.site-footer .nav{
    flex-direction: column;
    max-width: 410px;
    margin: 0 auto;
    padding: 0 1em;
    margin-bottom: 1em;
}
.site-footer .nav a{
    color: var(--bs-link-color);
    position: relative;
    padding-top: 0;
    padding-left: 0;
}
.site-footer .nav a::after{
    content: "";
    width:0;
    height: 2px;
    background-color: var(--rta-red);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms ease;
}
.site-footer .nav a:hover::after{
    width: 50px;
}
.site-footer .nav a:hover{
    text-decoration: inherit;
}
.site-footer span.nav-link.nav-link-{
    padding: 0;
    padding-bottom: 1em; 
    color: var(--bs-link-color);
}
.site-footer span.nav-link.nav-link-::after:hover{
    width: 50px;
}
.site-footer span.nav-link.nav-link-::after{
    content: "";
    width:0;
    height: 2px;
    background-color: var(--rta-red);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms ease;
}
@media (min-width: 1200px){
    .site-footer .nav{
        padding: 0;
        margin: 0;
        border: 0;
    }
}
/*----------Footer - Transit App -------------*/
.site-footer-ad{
    padding: 3em 0 0 0;
}
.site-footer-ad__link{
    background-color: var(--light-neutral-1);
}
.site-footer-ad__link, .site-footer-ad__link:hover{
    text-decoration: none;
    color: inherit;
}
.site-footer-ad .left{
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-footer-ad .right{
    display: flex;
    justify-content: center;
}
.site-footer-ad__text{
    list-style-type: none;
    font-size: 2em;
    font-weight: 300;
    padding:0;
}
.site-footer-ad__image{
    height: 250px;
}
@media (min-width: 1200px){
    .site-footer-ad .left{
        justify-content: flex-end;
    }
    .site-footer-ad__image{
        height: 300px;
    }
    .site-footer-ad .right{
        justify-content: flex-start;
    }
}
/*---------- Footer - Paratransit Menu -------------*/
.region-footer-third #block-paratransitmenuitemblock{
    display: none;
}
/*---------- End of Footer - Paratransit menu -------------------*/
/*----------Footer - Social Icons - View --------*/
.view-social-icons .views-row img{
    width: auto;
    height: 25px;
    margin: 0;
}
.view-social-icons .view-content{
    justify-content: center;
}
#block-views-block-social-icons-block-1{
    display: flex;
    justify-content: center;
    margin-top: 0;
}
@media (min-width: 1400px){
    .view-social-icons .view-content{
        justify-content: flex-start;
    }
    #block-views-block-social-icons-block-1{
        margin: 1em 0;
    }
}
/*----------Footer - Apta Logo -----------*/
.site-footer .apta-logo{
    width: 120px;
}
/*----------*/
/*----------Footer Column 1-------------*/
/*----------Footer Column 2-------------*/
/*----------Footer Column 3-------------*/
/*----------Page Title--------------*/
#page-title__wrapper{
    /* padding: 2em 0; */
    /* background-color: var(--light-neutral-1); */
    /* background: linear-gradient(135deg,rgb(72, 72, 245) 95% , rgba(255, 255, 255, 0) 5%) ; */
    /*https://stackoverflow.com/questions/41393260/cut-corners-of-image-using-css*/
    /* margin-bottom: 1em; */
    /* overflow: hidden; */
    /* position: relative; */
}
.page-title.headsign-route{
    display: flex;
    margin-bottom: .5em;
}
.page-title::after, #page-title__headsign::after{
    width: 0;
    height: 4px;
    content: "";
    display: block;
    margin-top: 10px;
    background-color: var(--rta-dark-blue);
    animation: pageTitleSlideInX 800ms forwards;
    margin-left: 4px;
}
.page-title.headsign-route::after{
    display: none;
}
.page-title__text{
    font-weight: 300;
    font-size: 3rem;
    flex: 1 1 auto;
    font-weight: bold;
    color: var(--rta-dark-blue);
}
.page-title.headsign-route .page-title__text{
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 3.75rem;
    flex-wrap: wrap;
}
.page-title.headsign-route .page-title__text{
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.page-title__text::after{
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    background-color: var(--rta-dark-blue);
    /* animation: pageTitleSlideInX 800ms forwards; */
    /* z-index: 0; */
    /* right: -100%; */
    margin-left: .5em;
    display: none;
}
#page-title__route-num{
    background-color: var(--rta-dark-blue);
    color: white;
    padding: 15px 0.5em;
    font-size: 1em;
    border-bottom: 10px solid var(--rta-blue);
    text-align:center;
    min-width: 150px;
    font-weight: 300;
}
#page-title__headsign{
    font-size: .75em;
}
#page-title__summary, #page-title__body{
    font-size: 1.2em;
    margin-bottom: 1em;
}
#page-title__alerts{
    margin: 0 0 1em 0;
}
#page-title__alerts__wrapper{
    display: flex;
    align-items: center;
    gap: 1em;
    margin-bottom: 1em;
    padding: 1em;
    background-color: var(--rta-red);
    border-bottom: 6px solid #7d112b;
}
h2#page-title__alerts-text{
    margin: 0;
    color: white;
    font-weight: 300;
    font-size: clamp(2em,5vw,2em);
}
#page-title__alerts a{
    color: var(--rta-red);
    /* text-decoration: none; */
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: 1.2em;
}
#page-title__alerts a:hover{
    text-decoration: underline;
}
#page-title__alerts img{
    max-width: 40px;
}
.block-riderta-page-title__wrapper{
    overflow: hidden;
    position: relative;
}
.block-riderta-page-title__img{
    position: relative;
    margin-bottom: 2em;
    /* border-radius: 4px; */
    max-height: 500px;
}
@media (min-width: 1400px){
    #page-title__wrapper{
        padding: 0;
    }
    #block-riderta-page-title{
        max-width: 600px;
    }
    .no-page-title-image #block-riderta-page-title{
        margin: 0;
        max-width: 100%;
        margin-top: 1.5rem;
    }
    .block-riderta-page-title__img{
        display: block;
        z-index: 1;
        /* border-radius: 4px; */
        /* width: 100%; */
        margin-bottom: 1em;
    }
    .block-riderta-page-title__img_placeholder{
        margin-bottom: 5em;
    }
    .block-riderta-page-title__img_placeholder .wrapper{
        position: relative;
        box-shadow: 0 10px 30px -16px rgb(16 75 138 / 80%);
    }
    .block-riderta-page-title__img_placeholder .wrapper::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--light-neutral-2);
        left: 0;
        top: 0;
        z-index: 0;
        transition: all 300ms ease;
        /* border-radius: 4px; */
        transform: translate(-25px, 25px);
    }
}
/* .block-riderta-page-title__img_placeholder{
    background-color: #f9f9f9;
    transform: translate(-2em, 4em);
} */
/*----------Page Title Tracks SVG ----------*/
.svg-tracks{
    position: absolute;
    left: 60px;
    top: 0;
    max-width: 100%;
    z-index: 0;
    opacity: .3;
    display: none;
}
@media (min-width: 1400px){
    .svg-tracks{
        /* display:block; */
    }
}
/*----------breadcrumbs------*/
#block-riderta-breadcrumbs__wrapper{
    position: relative;
    /* margin-bottom: 1em; */
    /* display: none; */
}
#block-riderta-breadcrumbs__wrapper .right{
    justify-content: flex-start;
}
@media (min-width: 768px) {
    #block-riderta-breadcrumbs__wrapper .right{
        justify-content: flex-end;
    } 
}
.breadcrumb{
    font-size: 1em;
    margin: 0;
    margin-bottom: .5em;
}
ol.breadcrumb li:first-child a::before{
    display: none;
}
ol.breadcrumb li a{
    /* color: #3b3b3b; */
    text-decoration: none;
}
ol.breadcrumb li a:hover{
    color: #0d6efd;
    text-decoration: underline;
}
/*------------------Service Alert Content Type - Date Section ------------------*/
.node--type-service-update .view.view-service-alerts-date .views-field-field-effective-date .field-content{
    padding: 0.5em 0 0.5em 0;
    position: relative;
    z-index: 1;
}
/*------------------End of Serivce Alert Content Type - Date Section ------------------*/
/*------------------News Content Type - Date Section ------------------*/
.node--type-news .view.view-news-date .views-field-field-date .field-content{
    background: var(--light-neutral-2);
    padding: 0.5em;
    position: relative;
    z-index: 1;
    transform: tran;
    border-top: 10px solid var(--rta-dark-blue);
}
/*------------------End of News Content Type - Date Section ------------------*/
/*------------------Event Content Type - Date Section ------------------*/
.node--type-event .view.view-events-date .views-field-field-event-date .field-content{
    background: var(--light-neutral-2);
    padding: 0.5em;
    position: relative;
    z-index: 1;
    transform: tran;
    border-top: 10px solid var(--rta-dark-blue);
}
/*------------------End of Event Content Type - Date Section ------------------*/
/*------------------Event Content Type - Section ------------------*/
.node--type-event .media-oembed-content{
    max-width: 100%;
    width: 100%;
    height: 400px;
}
/*------------------End of Event Content Type - Section ------------------*/
/*------------------ Event Content Type - Event Tags View------------------*/
.view.view-event-tags .view-content .views-row{
    margin: 0 0em 1.5em 0;
    display: inline-block;
    width: auto;
}
.view.view-event-tags .views-field-field-event-type{
    display: inline-block;
    padding: 1em;
    background-color: var(--light-neutral-2);
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.view.view-event-tags .views-field-field-event-type:hover{
    background-color: var(--rta-blue-alt);
    border-radius: 30px;
}
.view.view-event-tags .views-field-field-event-type:hover a{
    color: #ffffff;
}
.view.view-event-tags .views-field-field-event-type a{
    color: var(--rta-dark-blue);
    text-decoration: none;
}
/*------------------End of Event Content Type - Event Tags View------------------*/
/*------------------ Routes Dropdown - View ------------------*/
.view.view-routes-dropdown #route-form_dropdown{
    display: flex;
    flex-direction: column;
}
.view.view-routes-dropdown #route-form_dropdown label{
    margin-bottom: .5em;
}
/*------------------ End of Routes Dropdown - View ------------------*/
/*------------------ROUTE Content Type - Schedules Section ------------------*/
.container.schedules .gcrta-three-column__container-title::after, .container.schedules .gcrta-one-column__container-title::after, .container.schedules .gcrta-two-column__container-title::after{
    content: url(/themes/custom/riderta/assets/global/icons/schedule-icon.png);
    transform: scale(.8);
}
@media( min-width: 1400px){
    .container.schedules .gcrta-three-column__container-title::after, .container.schedules .gcrta-one-column__container-title::after, .container.schedules .gcrta-two-column__container-title::after{
        transform: scale(1);
    } 
}
/*------------------End of ROUTE Content Type - Schedules Section ------------------*/
/*------------------ROUTE Content Type - Schedules View ------------------*/
.view.view-route-schedules .schedule-effective-title{
    display: inline-block;
    /* background-color: var(--rta-dark-blue); */
    position: relative;
    z-index: 2;
    /* padding: 0.5em; */
    /* color: white; */
    /* font-weight: 300; */
    /* margin-right: 0.5em; */
    /* font-size: .8em; */
}
.view.view-route-schedules h3{
    margin: 0;
}
/* .view.view-route-schedules .schedule-effective-title::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 115%;
    height: 100%;
    background-color: var(--rta-dark-blue);
    clip-path: polygon(0 0,87% 0%,100% 150%,0% 100%);
    z-index: -1;
    transition: all 300ms ease;
    transform: translate(0);
} */
/* .view.view-route-schedules .views-field-field-effective-date .field-content, .view.view-route-schedules h3{
    margin: 0;
    background: linear-gradient(45deg,rgba(239,239,239,1),#ffffff);
} */
/*------------------End of ROUTE Content Type - Schedules View ------------------*/
/*------------------ROUTE Content Type - Fares Section ------------------*/
.container.fares .gcrta-three-column__container-title::after, .container.fares .gcrta-one-column__container-title::after, .container.fares .gcrta-two-column__container-title::after{
    content: url(/themes/custom/riderta/assets/global/icons/pass-icon.png);
    transform: scale(.8);
}
@media(min-width: 1400px){
    .container.fares .gcrta-three-column__container-title::after, .container.fares .gcrta-one-column__container-title::after, .container.fares .gcrta-two-column__container-title::after{
        transform: scale(1);
    }
}
/*------------------End of ROUTE Content Type - Fares Section ------------------*/
/*------------------ROUTE Content Type - About this Route Section ------------------*/
.container.about-route .gcrta-three-column__container-title::after, .container.about-route .gcrta-one-column__container-title::after, .container.about-route .gcrta-two-column__container-title::after{
    content: url(/themes/custom/riderta/assets/global/icons/info-icon.png);
    transform: scale(.8);
}
@media(min-width: 1400px){
    .container.about-route .gcrta-three-column__container-title::after, .container.about-route .gcrta-one-column__container-title::after, .container.about-route .gcrta-two-column__container-title::after{
        transform: scale(1);
    }
}
/*------------------End of ROUTE Content Type - About this Route Section ------------------*/
.container.schedule .gcrta-three-column__container-title::after, .container.schedule .gcrta-one-column__container-title::after, .container.schedule .gcrta-two-column__container-title::after{
    content: url(/themes/custom/riderta/assets/global/icons/clock-icon.png);
}
.container.contractors .gcrta-three-column__container-title::after, .container.contractors .gcrta-one-column__container-title::after, .container.contractors .gcrta-two-column__container-title::after, .container.partners .gcrta-three-column__container-title::after, .container.partners .gcrta-one-column__container-title::after, .container.partners .gcrta-two-column__container-title::after{
    content: url(/themes/custom/riderta/assets/global/icons/handshake-icon.png);
}
/*------------------Major Projects Content Type - Schedule Section ------------------*/
/*------------------End of Major Projects Content Type - Schedule Section ------------------*/
/*------------------ROUTE Content Type - Schedules View ------------------*/
.view.view-route-schedules a.pdf-schedule{
    display: flex;
    align-items: center;
    gap: 1em;
}
.view.view-route-schedules a.pdf-schedule img{
    max-width: 25px;
    display: none;
}
.view-route-schedules .views-row{
    /* max-width: 800px; */
    margin:0 auto;
}
.view.view-route-schedules .schedule-icon{
    height: 66px;
    margin-right: 1em;
    display: none;
}
@media(min-width: 1400px){
    .view.view-route-schedules .schedule-icon{
        display: inline-block;
    }
    .view.view-route-schedules a.pdf-schedule img{
        display: block;
    }
}
/*------------------End of ROUTE Content Type - Schedules View ------------------*/
/*------------------Major Projects Content Type - Contractors and Consultants View ------------------*/

/**Contractors**/
.view.view-major-projects-contractors.view-display-id-block_2 .field-content{
    display: flex;
    height: 250px;
    align-items: center;
    flex: 1;
    justify-content: center;
    background-image: url(/themes/custom/riderta/assets/global/images/traction-power.jpg);
    background-size: cover;
    position: relative;
    border-bottom: 10px solid var(--rta-blue-alt);
}
.view.view-major-projects-contractors.view-display-id-block_2 .field-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
}
.view.view-major-projects-contractors.view-display-id-block_2 .field-content a{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    z-index: 1;
    font-weight: 100;
    background: rgba(0,0,0,.75);
    padding: 0.5em;
    transition: all 300ms ease;
}
.view.view-major-projects-contractors.view-display-id-block_2 .field-content a:hover{
    background: var(--rta-blue-alt);
}
/**Consultants**/
.view.view-major-projects-consultants.view-display-id-block_2 .field-content{
    display: flex;
    height: 250px;
    align-items: center;
    flex: 1;
    justify-content: center;
    background-image: url(/themes/custom/riderta/assets/global/images/rail-demo-consultant.jpg);
    background-size: cover;
    position: relative;
    border-bottom: 10px solid var(--rta-blue-alt);
}
.view.view-major-projects-consultants.view-display-id-block_2 .field-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
}
.view.view-major-projects-consultants.view-display-id-block_2 .field-content a{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    z-index: 1;
    font-weight: 100;
    background: rgba(0,0,0,.75);
    padding: 0.5em;
    transition: all 300ms ease;
}
.view.view-major-projects-consultants.view-display-id-block_2 .field-content a:hover{
    background: var(--rta-blue-alt);
}
/*------------------End of Major Projects Type - Contractors and Consultants View ------------------*/
/*------------------ROUTE Content Type - Popular Destinations View ------------------*/
.view.view-route-popular-destinations.view-display-id-block_2 .field-content{
    display: flex;
    height: 250px;
    align-items: center;
    flex: 1;
    justify-content: center;
    background-image: url(/themes/custom/riderta/assets/global/images/browns-helmet.jpg);
    background-size: cover;
    position: relative;
    border-bottom: 10px solid var(--rta-blue-alt);
}
.view.view-route-popular-destinations.view-display-id-block_2 .field-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
}
.view.view-route-popular-destinations.view-display-id-block_2 .field-content a{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    z-index: 1;
    font-weight: 100;
    background: rgba(0,0,0,.75);
    padding: 0.5em;
    transition: all 300ms ease;
}
.view.view-route-popular-destinations.view-display-id-block_2 .field-content a:hover{
    background: var(--rta-blue-alt);
}
/*------------------End of ROUTE Content Type - Popular Destinations View ------------------*/
/*------------------ROUTE Content Type - Facilities on this Route View ------------------*/
.view.view-routes-facilities-on-route.view-display-id-block_2 .field-content{
    display: flex;
    height: 250px;
    align-items: center;
    flex: 1;
    justify-content: center;
    background-image: url("/themes/custom/riderta/assets/global/images/facilities.jpg");
    background-size: cover;
    position: relative;
    border-bottom: 10px solid var(--rta-blue-alt);
}
.view.view-routes-facilities-on-route.view-display-id-block_2 .field-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
}
.view.view-routes-facilities-on-route.view-display-id-block_2 .field-content a{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    z-index: 1;
    font-weight: 100;
    background: rgba(0,0,0,.75);
    padding: 0.5em;
    transition: all 300ms ease;
}
.view.view-routes-facilities-on-route.view-display-id-block_2 .field-content a:hover{
    background: var(--rta-blue-alt);
}
/*------------------End of ROUTE Content Type - Facilities on this Route View ------------------*/
/*------------------ROUTE Content Type - News View ------------------*/
.view.view-route-news.view-display-id-block_2 .field-content{
    display: flex;
    height: 250px;
    align-items: center;
    flex: 1;
    justify-content: center;
    background-image: url("/themes/custom/riderta/assets/global/images/news.jpg");
    background-size: cover;
    position: relative;
    border-bottom: 10px solid var(--rta-blue-alt);
}
.view.view-route-news.view-display-id-block_2 .field-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
}
.view.view-route-news.view-display-id-block_2 .field-content a{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    z-index: 1;
    font-weight: 100;
    background: rgba(0,0,0,.5);
    padding: 0.5em;
    transition: all 300ms ease;
}
.view.view-route-news.view-display-id-block_2 .field-content a:hover{
    background: var(--rta-blue-alt);
}
/*------------------End of ROUTE Content Type - News View ------------------*/
/*------------------ROUTE Content Type - interactive Map View ------------------*/
.view.view-routes-map .route__interactive-map-icon{
    max-width: 80px;
    margin-right: 0.5em;
}
.view.view-routes-map .route__interactive-map-link{
    min-height: 200px;
}
.view.view-routes-map .left-col{
    position: relative;
    background-color: var(--rta-dark-blue);
}
.view.view-routes-map .left-col .views-row{
    position: relative;
    z-index: 1;
}
.view.view-routes-map .left-col .views-row, .view.view-routes-map .left-col .views-field{
    height: 100%;
}
.view.view-routes-map .left-col .views-field{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.view.view-routes-map .left-col .field-content{
    display: flex;
    justify-content: center;
}
.view.view-routes-map .left-col .views-row a{
    align-items: center;
    font-size: 2em;
    font-size: clamp(1.6em, 5vw, 2em);
    text-decoration: none;
    font-weight: 100;
    padding: 0.5em;
    transition: all 300ms ease;
    color: #ffffff;
    gap: .5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.view.view-routes-map .left-col .views-row a span{
    text-align: center;
}
.view.view-routes-map .right-col{
    height: 200px;
    background-color: #e6e6e6;
    background-image: url("/themes/custom/riderta/assets/global/images/interactive-map.png");
    background-size: cover;
    display: none;
}
@media (min-width: 768px){
    .view.view-routes-map .right-col{
        display: block;
    }
}
@media (min-width: 1200px){
    .view.view-routes-map .left-col::before{
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 115%;
        height: 101%;
        background-color: var(--rta-dark-blue);
        clip-path: polygon(0 0,87% 0%,100% 150%,0% 100%);
        z-index: 1;
        transition: all 300ms ease;
        transform: translate(0);
    }
    .view.view-routes-map .left-col::after{
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 115%;
        height: 101%;
        background-color: var(--rta-blue-alt);
        clip-path: polygon(0 0,87% 0%,100% 150%,0% 100%);
        z-index: 0;
    }
    .view.view-routes-map .left-col:hover::before{
        /* background: var(--rta-red); */
        /* border-bottom: 10px solid var(--rta-red); */
        transform: translate(15px, 15px);
    }
}

@media (min-width: 1400px){
    .view.view-routes-map .right-col{
        height: auto;
    }
}
/*------------------End of ROUTE Content Type - Interactive Map View ------------------*/
/*------------------Narrative Content Type - News Page (/news) ------------------*/
.view-news-updates.view-display-id-block_4 .view-content{
    gap: 2em;
    justify-content: center;
}
.view-news-updates.view-display-id-block_4 .views-row{
    margin-bottom: 1em;
    position: relative;
    z-index: 2;
    background-color: var(--light-neutral-2);
    max-width: 400px;
    gap: 2em;
    border-radius: 4px;
}
.view-news-updates.view-display-id-block_4 .views-field-title{
    padding: 2em 1em 1em 1em;
}
.view-news-updates.view-display-id-block_4 .views-field-body{
    padding: 0 1em 3.5em 1em;
}
.view-news-updates.view-display-id-block_4 .views-field-title a{
    color: var(--rta-dark-blue);
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
}
.view-news-updates.view-display-id-block_4 .views-field-title a:hover{
    text-decoration: underline;
}
.view-news-updates.view-display-id-block_4 .views-field-field-date{
    padding: 1em;
    background-color: var(--rta-blue-alt);
    color: white;
    display: inline;
    position: relative;
    top: -.5em;
    
}
.view-news-updates.view-display-id-block_4 .views-field-field-date::after{
    content: "";
    position: absolute;
    top: 0;
    right: -29px;
    width: 30px;
    height: 100%;
    background-color: var(--rta-blue-alt);
    clip-path: polygon(0 0,2% 0%,100% 100%,0% 100%);
    z-index: 1;
}
/*-------View Style - Calendar Style Events-------*/
.view.calendar-event-style .views-field.views-field-field-event-date{
    position: relative;
}
.view.calendar-event-style .views-field.views-field-field-event-date .field-content{
    color: white;
    padding: 0.3em;
    background-color: var(--rta-dark-blue);
    font-weight: 500;
}
.view.calendar-event-style .views-field-title{
    padding: 1em;
    background-color: var(--light-neutral-2);
}
.view.calendar-event-style .views-field-title a{
    color: var(--rta-dark-blue);
}
.view.calendar-event-style .views-field-title a:hover{
    text-decoration: underline;
}
.view.calendar-event-style .view-content{
    justify-content: center;
    text-align: center;
    width: 100%;
}
.view.calendar-event-style .view-content .views-row{
    flex: 0 0 100%;
    max-width: 300px;
}
/*-------End of View Style - Calendar Style Events-------*/
/*-------Simple Timeline Style overrides - View-------*/
ul.timeline-list{
    margin-bottom: 50px;
}
ul.timeline-list.alternate:after{
    display: none;
}
.timeline-item-wrapper::before{
    content: "";
    width: 60px;
    height: 8px;
    position: absolute;
    top: 48%;
    transform: translateY(-100%);
    border-top: 4px dotted var(--rta-dark-blue);
    right: 0;
    display: none;
}
ul.timeline-list.marker-center .timeline-marker{
    top: 46% !important;
    display: none;
}
.timeline-item.even .timeline-item-wrapper::before{
    left: 0 !important;
}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper{
    width: 100%;
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper{
    width: 100%;
}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker{
    right: -12px !important;   
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker{
    left: -13px !important;
}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker{
    width: 25px !important;
    height: 25px !important;
    border: 4px solid var(--rta-dark-blue) !important;
}
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper{
    padding: 1em;
}
ul.timeline-list:after{
    border-right: 4px solid var(--rta-dark-blue) !important;
    width:auto !important;
    background-color: transparent !important;
}
.view-milestones{
    max-height: 700px;
    overflow-y: auto;
    overflow-X: hidden;
}
.view-milestones .views-field-views-conditional-field-2{
    background-color: var(--light-neutral-3);
    text-align: center;
    padding: 0.5em;
    font-weight: 600;
    /* border-bottom: 4px solid var(--rta-dark-blue); */
    font-size: 1.2em;
    color: var(--rta-dark-blue);
}
.view-milestones .views-field-views-conditional-field{
    padding: 1em;
    text-align: center;
    background-color: var(--light-neutral-2);
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
.view-milestones .views-field-views-conditional-field a{
    display: flex;
    width: 100%;
    justify-content: center;
    font-weight: 600;
}
.view-milestones .views-field-field-body{
    padding: 1em;
    text-align: left;
}
.view-milestones .views-field-field-status{
    background-color: #84BD00;
    color: white;
    font-weight: 600;
    text-align: center;
    padding: 0.5em;
    border-bottom: 6px solid #72a400;
}
@media(min-width: 1400px){
    ul.timeline-list.alternate:after{
        display: block;
    }
    .timeline-item-wrapper::before{
        display: block;
    }
    ul.timeline-list.marker-center .timeline-marker{
        display: block;
    }
    ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper{
        width: 50%;
        padding-right: 4em !important;
    }
    ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper{
        width: 50%;
        padding-left: 4em !important;
    }
    .view-milestones .views-field-field-status{
        position: absolute;
        top: 0;
        width: 125px;
    }
    ul.timeline-list.item-list.alternate.marker-center::before{
        content: "";
        width: 50px;
        height: 50px;
        background: #72a400;
        left: 1px;
        bottom: -2.8em;
        margin: 0 auto;
        position: absolute;
        right: 0;
        border: 4px solid var(--rta-dark-blue);
        border-radius: 100%;
        background-image: url(/themes/custom/riderta/assets/global/icons/checkmark-icon.png);
        background-size: cover;
        z-index: 2;
    }
}
/*-------End of Simple Timeline Style overrides - View-------*/
/*-------Partners - View-------*/
.view-partners .partner{
    display: flex;
    gap: .5em;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--light-neutral-3);
    padding: .8em;
    border-radius: 10px;
    flex-direction: column;
    box-shadow: 0 10px 30px -30px rgb(16 75 138 / 50%);
}
.view-partners .views-col{
    padding: .5em;
}
.view-partners .partner__logo img{
    margin: 0;
    max-height: 50px;
    width: auto;
}
.view-partners .partner__link{
    text-align: center;
}
/*-------End of Partners - View-------*/
/*-------Events Attachment - View -------*/
.block-views-blockevent-attachments-block-1{
    padding: 0;
    background-color: var(--light-neutral-1);
}
.block-views-blockevent-attachments-block-1 h2{
    background-color: var(--rta-dark-blue);
    color: white;
    padding: 0.2em 0.5em;
    width: 100%;
}
.block-views-blockevent-attachments-block-1 .view-event-attachments{
    padding: 0 1em 1em 1em;
}
/*-------End of Events Attachment - View-------*/
/*-------RTA In The Land -----*/
.container.rta-in-the-land{
    margin-top: 250px;
}
.container.rta-in-the-land .field--name-body{
    text-align: center;
}
.container.rta-in-the-land h2.gcrta-one-column__container-title::after{
    content: url("/themes/custom/riderta/assets/global/icons/rta-in-the-land-icon.png");
    position: absolute;
    top: -250px;
    left: 0;
    right: 0;
}

/*------- RTA In the Land (News Mentions) - View --------------------*/
.view.view-news-mentions .view-footer a{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    color: var(--rta-dark-blue);
    font-weight: 500;
    justify-content: center;
}
.view.view-news-mentions .view-footer a:hover{
    text-decoration: underline;
}
@media(min-width: 1400px){
    .view.view-news-mentions .view-footer a{
        justify-content: left;
    }
}
/*--------------------------------------------------*/
/*------------------End of Narrative Content Type - News Page (/news) ------------------*/
/*------------------Blog - Narrative Content Type--------------*/
/*----------------- Most Recent Blog - Homepage-------------------*/
.view-blog.view-display-id-block_4 .views-row .left-col{
    background-color: var(--rta-dark-blue);
    position: relative;
    height: 300px;
    text-align: center;
}
.view-blog.view-display-id-block_4 .views-row .left-col::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 150px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 60px solid var(--rta-dark-blue);
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.view-blog.view-display-id-block_4 .views-row .left-col h3{
    color: #ffffff;
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
}
.view-blog.view-display-id-block_4 .views-row .right-col{
    background-color: var(--light-neutral-1);
    background-size: cover;
}
/*----------------- End of Most Recent Blog - /blogs-------------------*/
/*----------------- Most Recent Blog with View ALl Link- Homepage-------------------*/
.view-blog.view-display-id-block_5 .views-row{
    /* min-height: 450px; */
    border-radius: 4px;
}
.view-blog.view-display-id-block_5 .views-row a{
    color: var(--rta-dark-blue);
    text-decoration: none;
}
/* .view-blog.view-display-id-block_5 .views-row a:focus{
    display: block;
} */
.is-keyboard .view-blog.view-display-id-block_5 .views-row .wrapper::after{
    display: none;
}
.view-blog.view-display-id-block_5 .views-row .views-blog-title{
    color: var(--rta-dark-blue);
    /* font-size: 2em; */
    font-weight: 500;
    margin-top: .5em;
    line-height: 45px;
    font-weight: 400;
}
.view-blog.view-display-id-block_5 .views-row .left-col{
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}
.view-blog.view-display-id-block_5 .views-row .left-col .top{
    display: flex;
    align-items: center;
    gap: 1em;
}
.view-blog.view-display-id-block_5 .views-row .views-blog-tags{
    display: none;
    padding: 1em;
    color: var(--rta-dark-blue);
    background-color: var(--light-neutral-2);
    border-radius: 4px;
}
.view-blog.view-display-id-block_5 .views-row .views-blog-date{
    background-color: var(--rta-dark-blue);
    color: white;
    padding: 0.5em 1em;
}
.view-blog.view-display-id-block_5 .views-row .wrapper{
    max-width: 550px;
    margin:0 auto;
    position: relative;
    border-radius: 4px;
    /* box-shadow: 0 10px 30px -16px rgb(16 75 138 / 80%); */
}
@media(min-width: 1200px){
    .view-blog.view-display-id-block_5.views-row .wrapper{
        max-width: 550px;
        position: absolute;
        right: 2em;
        top: -3em;
        border-radius: 4px;
        box-shadow: 0 10px 30px -16px rgb(16 75 138 / 80%);
    }
    .view-blog.view-display-id-block_5 .views-row .wrapper::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--light-neutral-2);
        left: 0;
        z-index: 0;
        transition: all 300ms ease;
        /* border-radius: 4px; */
        transform: translate(-30px, 30px);
    }
    .view-blog.view-display-id-block_5 .views-row .left-col{
        padding-right: 1em;
    }
}
.view-blog.view-display-id-block_5 .views-row .right-col{
    position: relative;
    display: none;
}
.view-blog.view-display-id-block_5 .views-row:hover .right-col .wrapper::after{
    background-color: var(--rta-dark-blue);
}
.view-blog.view-display-id-block_5 .views-row .wrapper .views-blog-image{
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.view-blog.view-display-id-block_5 .views-row .views-blog-summary{
    font-weight: normal;
    margin-bottom: 1em;
}
.views-blog-read-more{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: flex-end;
    background: linear-gradient(45deg,rgba(239,242,245,1),transparent);
    padding: .5em;
}
.views-blog-read-more span{
    font-weight: 500;
    /* text-decoration: underline; */
}
.views-blog-read-more__icon{
    position: relative;
    background-color: var(--rta-dark-blue);
    width: 35px;
    padding: 0.5em;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
@media(min-width: 1200px){
    /* .view-blog.view-display-id-block_5{
        margin-top: 4em;
    } */
}
.view-blog.view-display-id-block_5 .view-footer{
    text-align: center;
    border: 1px solid var(--rta-dark-blue);
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    max-width: 250px;
    margin: 2em auto 0 auto;
}
@media(min-width: 1200px){
    .view-blog.view-display-id-block_5 .views-row .wrapper .views-blog-image{
        max-height: 350px;
    }
    .view-blog.view-display-id-block_5 .view-footer{
        margin: 0 auto;
    }
}
.view-blog.view-display-id-block_5 .view-footer a{
    padding: 1em;
    display: block;
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view-blog.view-display-id-block_5 .view-footer a:hover{
    background-color: var(--rta-dark-blue);
    color: #ffffff;
}
/*----------------- End of Most Recent Blog with View All Link- Homepage-------------------*/
/*------Main Blog listing - View ------*/
.view-blog.view-display-id-block_6{
    margin-bottom: 1em;
}
.view-blog.view-display-id-block_6 .views-row a , .view-blog.view-display-id-block_6 .view-footer span{
    color: var(--rta-dark-blue);
}

.view-blog.view-display-id-block_6 .views-row .views-field-field-date{
    margin-bottom: 1em;
}
.view-blog.view-display-id-block_6 .views-row .datetime{
    background-color: var(--rta-dark-blue);
    color: white;
    padding: 0.5em 1em;
}
.view-blog.view-display-id-block_6 .views-footer{
    text-align: right;
}
.views-blog-read-more{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: flex-end;
    background: linear-gradient(45deg,rgba(239,242,245,1),transparent);
    padding: 0.5em;
}
.views-blog-read-more span{
    font-weight: 500;
}
.views-blog-read-more .views-blog-read-more__icon{
    position: relative;
    background-color: var(--rta-dark-blue);
    width: 35px;
    padding: 0.5em;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
/*------End of Main Blog listing - View ------*/
/*------Main Blog listing - View (Exposed Form )----*/
.view-blog .views-exposed-form .d-flex{
    gap: 1em;
    margin-bottom: 2em;
    max-width: 900px;
}
.view-blog .views-exposed-form .d-flex input[type="submit"]{
    margin-bottom: 0;
}
/*------End of Main Blog listing - View (Exposed Form )
/*----------------- Blog Tags - View -------------------------*/
.view.view-blog-tags{
    display: flex;
    gap: 1em;
    align-items: center;
    margin: 0 0 1em 0;
}
.view.view-blog-tags .views-row{
    width: auto;
}
.view.view-blog-tags .views-row .views-field.views-field-field-blog-tags{
    display: inline-block;
    padding: 1em;
    background-color: var(--light-neutral-2);
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.view.view-blog-tags .views-row .views-field.views-field-field-blog-tags a{
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view.view-blog-tags .views-row .views-field.views-field-field-blog-tags:hover{
    background-color: var(--rta-blue-alt);
    border-radius: 30px;
}
.view.view-blog-tags .views-row .views-field.views-field-field-blog-tags:hover a{
    color: #ffffff;
}
/*----------------- End of Blog Tags - View -------------------------*/
/*----------------- Most Recent Blog - View-------------------*/
.view-blog.view-display-id-block_2 .views-row{
    min-height: 450px;
    border-radius: 4px;
}
.view-blog.view-display-id-block_2 .views-row a{
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view-blog.view-display-id-block_2 .views-row .views-blog-title{
    color: var(--rta-dark-blue);
    font-size: 2em;
    font-weight: 500;
    margin-top: .5em;
}
.view-blog.view-display-id-block_2 .views-row .left-col{
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}
.view-blog.view-display-id-block_2 .views-row .left-col .top{
    display: flex;
    align-items: center;
    gap: 1em;
}
.view-blog.view-display-id-block_2 .views-row .views-blog-tags{
    display: inline-block;
    padding: 1em;
    color: var(--rta-dark-blue);
    background-color: var(--light-neutral-2);
    border-radius: 4px;
}
.view-blog.view-display-id-block_2 .views-row .wrapper{
    max-width: 550px;
    position: relative;
    border-radius: 4px;
    /* box-shadow: 0 10px 30px -16px rgb(16 75 138 / 80%); */
}
@media(min-width: 1200px){
    .view-blog.view-display-id-block_2 .views-row .wrapper{
        max-width: 550px;
        margin: 0 0 0 auto;
        position: relative;
        border-radius: 4px;
    }
    .view-blog.view-display-id-block_2 .views-row .wrapper::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--light-neutral-2);
        left: 0;
        top: 0;
        z-index: 0;
        transition: all 300ms ease;
        border-radius: 4px;
        transform: translate(-30px, 30px);
    }
    .view-blog.view-display-id-block_2 .views-row .left-col{
        padding: 1em 0 1em 0em
    }
}
.view-blog.view-display-id-block_2 .views-row .right-col{
    position: relative;
}
.view-blog.view-display-id-block_2 .views-row:hover .right-col .wrapper::after{
    background-color: var(--rta-dark-blue);
}
.view-blog.view-display-id-block_2 .views-row .wrapper .views-blog-image{
    border-radius: 4px;
    position: relative;
    z-index: 1;
    max-height: 350px;
    width: 100%;
    margin-bottom: 1em;
}
@media (min-width: 1400px){
    .view-blog.view-display-id-block_2 .views-row .wrapper .views-blog-image{
        margin-bottom: 0;
    }
}
.view-blog.view-display-id-block_2 .views-row .views-blog-summary{
    margin-top: 1em;
}
/*----------------- End of Most Recent Blog-------------------*/
/*----------------- Most Recent Blog (Flexslider) - Blog Entry ---------------------*/
.view.view-blog-recent-blog-post .slides li{
    padding: 1em;
    transition: all 300ms ease;
}
.view.view-blog-recent-blog-post .slides li:hover{
    transform: scale(1.05);
}
.view.view-blog-recent-blog-post .slides li .views-field-title{
    background-color: var(--rta-dark-blue);
    padding: 0.5em 1em;
    border-top:4px solid var(--rta-red);
}
.view.view-blog-recent-blog-post .slides li .views-field-title a{
    color: white;
    text-decoration: none;
}
/*----------------- Most Recent Blog (Flexslider) - Blog Entry ---------------*/
/*----------------- Transit Police Blogs (Flexslider) - /transitpolice page ---------------------*/
.view.view-blog.transit-police .slides li{
    padding: 1em;
    transition: all 300ms ease;
}
.view.view-blog.transit-police .slides li:hover{
    transform: scale(1.05)
}
.view.view-blog.transit-police .slides li .views-field-title{
    background-color: var(--rta-dark-blue);
    padding: 0.5em 1em;
    border-top: 4px solid var(--rta-red);
}
.view.view-blog.transit-police .slides li .views-field-title a{
    color: white;
    text-decoration: none;
}
/*----------------- End of Transit Police Blog (Flexslider) - /transitpolice page ---------------*/
/*----------------- 6 Recent Blogs - View-------------------*/
.view-blog.view-display-id-block_3 .view-content{
    gap: 2em;
    justify-content: center;
    margin-bottom: 1em;
}
.view-blog.view-display-id-block_3 .view-content .views-row{
    position: relative;
    background-color: var(--light-neutral-2);
    max-width: 400px;
    border-radius: 4px;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-field-date{
    padding: 1em;
    background-color: var(--rta-blue-alt);
    color: white;
    display: inline;
    position: relative;
    top: -.5em;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-field-date::after{
    content: "";
    position: absolute;
    top: 0;
    right: -29px;
    width: 30px;
    height: 100%;
    background-color: var(--rta-blue-alt);
    clip-path: polygon(0 0,2% 0%,100% 100%,0% 100%);
    z-index: 1;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-title{
    padding: 2em 1em 1em 1em;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-title a{
    color: var(--rta-dark-blue);
    text-decoration: none;
    font-size: 1.3em;
    line-height: 1em;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-title a:hover{
    text-decoration: underline;
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-body{
    padding: 0 1em 1em 1em
}
.view-blog.view-display-id-block_3 .view-content .views-row .views-field-body img{
    display: none;
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags{
    padding: 0 1em 1em 1em;
    display: inline-block;
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags .list-group{
    gap: 0.5em;
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags .list-group .list-group-item{
    display: inline-block;
    padding: 0.5em 1em;
    color: var(--rta-dark-blue);
    background-color: var(--light-neutral-3);
    border-radius: 4px;
    border:0;
    font-size: .8em;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags .list-group .list-group-item a{
    color: var(--rta-dark-blue);
    text-decoration: none;
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags .list-group .list-group-item:hover{
    background-color: var(--rta-blue-alt);
    border-radius: 30px;
}
.view-display-id-block_3 .view-content .views-row .views-field-field-blog-tags .list-group .list-group-item:hover a{
    color: #ffffff;
}
/*----------------- End of 6 Recent Blogs - View------------*/
/*------------------ New Schedules - View--------------------*/
.view-route-schedule-future-schedules.view-display-id-block_2{
    background-color: var(--rta-blue-alt);
    color: white;
}
.view-route-schedule-future-schedules.view-display-id-block_2 .view-header{
    font-weight: bold;
    font-size: 1.4em;
    font-weight: 500;
    color: #ffffff;
    padding: 0.5em 1em 0 0.9em;
}
.view-route-schedule-future-schedules.view-display-id-block_2 .view-content{
    padding: 0em 0.6em 1em 0.6em;
    margin: 0;
    justify-content: flex-start;
}
.view-route-schedule-future-schedules.view-display-id-block_2 .view-content .views-row{
    width: auto;
}
.view-route-schedule-future-schedules.view-display-id-block_2 .view-content .views-row .views-field-title a{
    color: #ffffff;
    text-decoration: underline;
}
/*------------------ End of New Schedules - View--------------------*/
/*------------------ Route Content Type Route Dropdown - View-----------------*/
#page-title__routes-dropdown-wrapper{
    margin: 1em 0;
    flex-grow: 1;
}
@media (min-width: 768px) {
    #page-title__routes-dropdown-wrapper{
        flex-grow: inherit;
    }
}
.route-form_dropdown__select{
    padding: .5em;
    padding-right: 1.5em;
    border-radius: 4px;
    border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #ced4da;
    background-color: var(--light-neutral-2);
    width: 100%;
}
/*------------------ End of Route Content Type Route Dropdown - View-----------------*/
/*------------------ Route Content Type Facilities on This Route - View-----------------*/
.view.view-routes-facilities-on-route{
    padding: 0 0 0 .5em;
}
.view.view-routes-facilities-on-route ul{
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 3px solid #3b3b3b;
}
.view.view-routes-facilities-on-route ul li{
    position: relative;
    padding: .5em .5em .5em 1.5em;
}
.view.view-routes-facilities-on-route ul li:after{
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    border: 3px solid #3b3b3b;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: -9px;
}
/*------------------ End of Route Content Type Facilities on This Route - View-----------------*/
/*------------------ Elevator / Escalator Status - View -----------------------*/
/*--Table--*/
.view.view-elevator-escalator-status .table-responsive{
    flex: 1 1 100%;
}
.view.view-elevator-escalator-status .table caption{
    caption-side: top;
}
.view.view-elevator-escalator-status .table caption a{
    padding: 0;
    font-size: 2rem;
    font-weight: 400;
    color: var(--rta-dark-blue);
}
.view.view-elevator-escalator-status .table caption a:hover{
    text-decoration: underline;
}
/*--End of Table--*/
/*--Flag (Logged in Users Only)--*/
.view.view-elevator-escalator-status .views-field-link-flag{
    display: none;
}
.user-logged-in .view.view-elevator-escalator-status .views-field-link-flag{
    display: table-cell;
}
.view.view-elevator-escalator-status td.views-field-link-flag{
    position: relative;
    padding: 0;
    width:200px;
}
.view.view-elevator-escalator-status td.views-field-link-flag .action-flag, .view.view-elevator-escalator-status td.views-field-link-flag .action-unflag{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.view.view-elevator-escalator-status td.views-field-link-flag .action-flag a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #16a085;
    color: white;
    transition: all 300ms ease;
}
.view.view-elevator-escalator-status td.views-field-link-flag .action-flag a:hover{
    border-left: 10px solid #0d5d4d;
}
.view.view-elevator-escalator-status td.views-field-link-flag .action-unflag a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--rta-red);
    color: white;
    transition: all 300ms ease;
}
.view.view-elevator-escalator-status td.views-field-link-flag .action-unflag a:hover{
    border-left: 10px solid #7d112b;
}
/*--End of Flag Logged in Users Only--*/
/*--Status Flag (Read Only label of the flag. This is only shown to anonymous users)--*/
.user-logged-in .view.view-elevator-escalator-status .views-field-flagged{
    display: none;
}
.view.view-elevator-escalator-status td.views-field-flagged{
    position: relative;
    padding: 0;
    width:200px;
    background-color: #16a085;
    color: white;
    transition: all 300ms ease;
    vertical-align: middle;
    text-align: center;
}
.view.view-elevator-escalator-status td.views-field-flagged.is-down{
    background-color: var(--rta-red);
}
.view.view-elevator-escalator-status td.views-field-flagged span.Down{
    background-color: var(--rta-red);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
/*--End of Public Status Flag--*/
/*------------------ End of Elevator / Escalator Status - View ---------------------*/
/*------------------- Transparency - View ----------------------*/
.view.view-transparency .views-view-grid .views-row .views-col{
    /* width: 50%; */
    /* display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 5fr; */
    width: 100% !important;
    margin: 0 1em 1em 0;
}
@media (min-width: 1400px){
    .view.view-transparency .views-view-grid .views-row .views-col{
        width: 50% !important;
        margin: 0 0 1em 0;
    }
}
.view.view-transparency .views-view-grid .views-row .views-col .views-field-field-icon{
    /* grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2; */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .view.view-transparency .views-view-grid .views-row .views-col .views-field-title{
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
}
.view.view-transparency .views-view-grid .views-row .views-col .views-field-field-body{
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: 3;
} */
/*------------------- End of Transparency - View ----------------------*/
/*------------------- Facilities Content Type ----------------------*/
.node.node--type-facility .block-field-blocknodefacilityfield-location{
    font-size: 1.2em;
    font-weight: 500;
}
/*------------------- Facilities Elevator Escalator Status - View ----------------------*/
.view.view-facility-elevator-escalator td.views-field-flagged{
    position: relative;
    padding: 0;
    width: 200px;
    background-color: #16a085;
    color: white;
    transition: all 300ms ease;
    vertical-align: middle;
    text-align: center;
}
.view.view-facility-elevator-escalator td.views-field-flagged.is-down{
    background-color: var(--rta-red);
}
.view.view-facility-elevator-escalator td.views-field-flagged span.Down{
    background-color: var(--rta-red);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
/*------------------- End of Facilities Elevator Escalator Status - View ----------------------*/
/*------------------- Facilities Details - View---------------------*/
.view.view-facility-details .view-content .views-row{
    display: flex;
    flex-wrap: wrap;
}
.view.view-facility-details .details-entry{
    display: none;
}
.view.view-facility-details .view-content .views-row > .views-field .details-entry[data-availability="yes"]{
    display: block;
    display: flex;
    align-items: center;
    margin: 0 1.5em 1em 0
}
.view.view-facility-details .view-content .views-row > .views-field .details-entry[data-availability="yes"] .icon{
    margin: 0 1em 0 0;   
}
.view.view-facility-details .view-content .views-row > .views-field .details-entry[data-availability="yes"] .icon img{
    max-height: 50px;
}
/*------------------- End of Facilities Details - View-----------------------*/
/*------------------- Google Translate ---------------------*/
.gt_switcher_wrapper::before {
    content: "Translation Services:";
    position: absolute;
    top: -35px;
    background-color: var(--light-neutral-2);
    font-weight: bold;
    height: 120px;
    width: 200px;
    z-index: -1;
    text-align: center;
    padding-top: 0.3em;
    left: 0;
    border: 2px solid #ced4da;
}
.gt_float_switcher{
    border-radius: 4px;
}
.gt-current-lang{
    background-color: var(--light-neutral-2);
    border: 1px solid grey;
    border-radius: 4px;
}
.gt_selector{
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
    margin-left: 20px;
    padding: 0.5em 1em;
}
.gt_switcher_wrapper{
    left: 0 !important;
    z-index: 2 !important;
}
@media (max-width: 1400px) {
    .gt_switcher_wrapper::before{
        display: none;
    }
    .gt_selector{
        height: inherit; 
        width: 115px;
        padding: 0 0 0 1em;
        margin-left: 10px;
    }
}
/*------------------- End of Google Translate-----------------------*/
/*------------------- Content Inventory-----------------------*/
.flag-text-pending{
    background-color: #FFCE59;
    padding: .5em;
    border-radius: 6px;
}
.flag-text-reviewed{
    background-color:#16a085;
    padding: .5em;
    color: #ffffff;
    border-radius: 6px;
}
.view.view-site-content-sitemap .views-exposed-form .d-flex{
    flex-direction: column;
    justify-content: center;
}
.view.view-site-content-sitemap .views-exposed-form .d-flex div[data-drupal-selector="edit-actions"]{
    align-self: flex-start;
}
.view.view-site-content-sitemap td.views-field-link-flag{
    text-align: center;
}
.view.view-site-content-sitemap td.views-field-link-flag .action-flag a, .path-content-review .ui-dialog-buttonset.form-actions button.button--danger{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFCE59;
    color: #3b3b3b;
    transition: all 300ms ease;
    padding: .5em 1em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.view.view-site-content-sitemap td.views-field-link-flag-1 .flag-updates-implemented a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease;
    padding: .5em 1em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    color: white;
    text-align: center;
    position: relative;
}
.view.view-site-content-sitemap td.views-field-link-flag-1 .flag-updates-implemented.action-flag a{
     background-color: #E1433F;
}
.view.view-site-content-sitemap td.views-field-link-flag-1 .flag-updates-implemented.action-unflag a{
    background-color: #16a085;
}
.path-content-review .ui-dialog-buttonset.form-actions button.button--danger:hover{
    color: #3b3b3b !important;
}
.path-content-review .ui-dialog-buttonset.form-actions button.dialog-cancel{
    background-color: transparent;
    color: var(--rta-dark-blue);
}
.path-content-review .ui-dialog-buttonset.form-actions button.dialog-cancel:hover{
    color: var(--rta-dark-blue) !important;
}
.ui-dialog .ui-dialog-title{
    font-size: 1.2em;
}
.ui-dialog .ui-dialog-titlebar {
    background-color: var(--rta-dark-blue);
    color: white;
    padding: 1em;
}
.path-content-review .ui-dialog .ui-dialog-titlebar-close{
    width: 20px !important;
    height: 20px !important;
    transform: none !important;
     background-size: contain !important;
}
.view.view-site-content-sitemap td.views-field-link-flag{
    position: relative;
}
.view.view-site-content-sitemap td.views-field-link-flag .action-flag a:hover {
    border-left: 10px solid #e6b34d;
}
.view.view-site-content-sitemap td.views-field-link-flag .action-unflag a, .path-content-review .ui-dialog-buttonset.form-actions button{
 height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #16a085;
    color: white;
    transition: all 300ms ease;
    padding: .5em 1em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.view.view-site-content-sitemap td.views-field-link-flag .action-unflag a:hover {
    border-left: 10px solid #0d5d4d;
}
/*------------------- End of Content Inventory-----------------------*/
/*------------------- Railcar Replacement FAQS - Block---------------------*/
.tab-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.tab-wrapper .faq-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    padding: 1em;
    color: var(--rta-dark-blue);
    cursor: pointer;
    position: relative;
    background-color: var(--light-neutral-2);
    margin: 0 ;
    flex-grow: 1;
    width: 100%;
    border-bottom: 2px solid var(--light-neutral-3);
    text-align:center;
}
.tab-wrapper .faq-tab.selected::after{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -10px;
    background-color: var(--rta-dark-blue);
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: rotate(45deg);
    border-radius: 0;
    z-index: 1;
}
.tab-wrapper .faq-tab:hover{
    background-color: var(--light-neutral-3);
}
.tab-wrapper .faq-tab:last-of-type{
    border: none;
}
/* .tab-wrapper .faq-tab:hover{
    background-color: var(--rta-dark-blue);
} */
.tab-wrapper .faq-tab.selected{
    background-color: var(--rta-dark-blue);
    color: #ffffff;
}
.tab-content-wrapper {
    padding: 1em;
    margin-top: 1em;
}
.faq {
    cursor: pointer;
    border-left: 4px solid var(--rta-dark-blue);
    margin: 0;
    position: relative;
}
.faq:nth-child(odd){
    background-color: var(--light-neutral-2);
}
.faq:hover::before{
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #84BD00;
    z-index: 1;
    border-radius: 100%;
    left: -8px;
}
.faq.selected{
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
.faq.selected::before{
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #84BD00;
    z-index: 1;
    border-radius: 100%;
    left: -8px;
}
.faq:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 4px solid var(--rta-dark-blue);
    transform: translateY(-50%);
}
.faq .question-wrapper {
    padding: 1em 1em 1em 2em;
    font-size: 1.1em;
}
.question-wrapper::after{
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: 1.7em;
    transform: translateY(-50%);
    content: '';
    right: 1.5em;
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid currentColor;
    transition: transform 300ms ease-out;
}
.faq.selected .question-wrapper::after{
    transform: rotate(180deg) translateY(50%);
}
.faq .question-wrapper:hover{
    background-color: var(--light-neutral-3);
    font-weight: 600;
}
.question-wrapper .question {
    display: inline-block;
    max-width: 85%;
}
.question-wrapper .arrow {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    /* background: url(/sites/all/themes/gcrta/css/images/trip-planner-icons-sprite.png); */
    background-position: -90px -2px;
}
.answer {
    padding: 2em;
    border-bottom: 4px solid var(--rta-dark-blue);
    border-left: 1px solid #e6e6e6;
    border-right: 4px solid var(--rta-dark-blue);
    display: flex;
    flex-direction: column;
    background: white;
}
.faq.selected .question-wrapper {
    font-weight: 600;
    background: var(--rta-dark-blue);
    color:white;
}
@media(min-width: 1400px){
    .tab-wrapper .faq-tab{
        width: auto;
        border: 0;
        border-right: 2px solid var(--light-neutral-3);
    }
}
/*------------------- End of Railcar Replacement FAQS - Block---------------------*/
/*----------Keyframes--------*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    100% {
        transform: scaleY(1)
    }
}
@keyframes pageTitleSlideInX {
    0% {
        width: 0;
    }
    100% {
        width: 100px;
    }
}