/*-------------------------------Override default AJAX throbber-------------------------------*/
body > .ajax-spinner.ajax-spinner--inline{
    display: none;
}

.ajax-spinner.ajax-spinner--inline{
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background-color: #ffffff;
    padding: 5em;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
    bottom: 0;
    border-radius: 4px;
}
.ajax-spinner .ajax-spinner__text{
    font-size: 2em;
    color: #ffffff;
    margin-right: 1em;
}
/*Spinning Ajax Loader Icon*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    margin: 6px;
    border: 6px solid var(--rta-dark-blue);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--rta-dark-blue) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
/*-------------------------------Override Default Drupal Modal styles-------------------------------*/
.ui-dialog{
    font-family: var(--bs-body-font-family);
}
.ui-widget-overlay{
    animation: fadeIn ease 700ms;
    -webkit-animation: fadeIn ease 700ms;
    -moz-animation: fadeIn ease 700ms;
    -o-animation: fadeIn ease 700ms;
    -ms-animation: fadeIn ease 700ms;
}
#drupal-modal{
    padding: 1em;
}
/* #drupal-modal a:focus{
    color: inherit;
} */
/* #drupal-modal a:hover{
    color: #018fe2;
} */
div[aria-describedby="drupal-modal"]{
    border: 0 !important;
    animation: fadeIn ease 700ms;
    -webkit-animation: fadeIn ease 700ms;
    -moz-animation: fadeIn ease 700ms;
    -o-animation: fadeIn ease 700ms;
    -ms-animation: fadeIn ease 700ms;
    /* animation: scale 300ms ease; */
}
div[aria-describedby="drupal-modal"] .ui-dialog-titlebar{
    color: white;
    border: 0;
    padding: 1em;
    background-color: #f9f9f9;
    color: white;
    border: 0;
    padding: 0;
    /* padding: 1em; */
    /* box-shadow: rgb(16 14 23 / 25%) 0px 0px 30px; */
}
div[aria-describedby="drupal-modal"] .ui-dialog-title{
    font-size: clamp(1.4em,5vw,1.8em);
    background-color: var(--rta-dark-blue);
    padding: 1em;
    padding-right: 5em;
    margin: 0;
    position: relative;
    width: 100%;
    white-space: normal;
    font-weight: normal;
}

@media(min-width:1400px){
    div[aria-describedby="drupal-modal"] .ui-dialog-title{
        width: 100%;
    }
    /* div[aria-describedby="drupal-modal"] .ui-dialog-title::after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 40px 100px 0;
        border-color: transparent #f9f9f9 transparent transparent;
        position: absolute;
        right: 0%;
        z-index: 999;
        top: 0;
    } */
}
.ui-widget.ui-widget-content{
    padding: 0;
}
/*---------------Modal Links----------------*/
.ui-widget-content a, .ui-widget-content a:focus{
    color: var(--bs-link-color);
    font-weight: bold;
}
/*---------------Modal Submit Button--------------*/
div[aria-describedby="drupal-modal"] .ui-dialog-buttonpane{
    background-color: #F4F4F4;
}
div[aria-describedby="drupal-modal"] .ui-dialog-buttonpane button{
    background: none;
    border: 2px solid #59739B;
    color: #59739B;
    border-radius: 3px;
    padding: 1em 4em !important;
    transition: all 300ms ease;
}
div[aria-describedby="drupal-modal"] .ui-dialog-buttonpane button:hover{
    background-color: #59739B;
    color: #ffffff;
}
/*----------------------Tables Overrides-----------------------*/
.table>:not(caption)>*>*{
    padding: 1em;
}
.table>:not(caption) th{
    background-color: var(--rta-dark-blue);
    color: #ffff;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 1em;
    /* text-align: center; */
}
table tr{
    background-color: var(--light-neutral-2);
    border: 0;
}
table tr:nth-child(odd){
    background-color: #ffffff;
}
tr td, tr th{
    text-align: left;
    padding: 1em;
    font-size: 1rem;
}
/*-------------------End of Table Overrides--------------------*/
strong{
    font-weight: 500;
}
a, .link{
    text-decoration: none;
    /* font-weight: 500; */
    color: var(--bs-link-color);
}
.field--name-body a{
    font-weight: bold;
}
/* p a, p .link{
    text-decoration: underline;
} */
/* a:visited{
    text-decoration: underline;
} */
/*----------------------Modal close button----------------------*/
.ui-dialog .ui-dialog-titlebar-close{
    background-image: url(/themes/custom/riderta/assets/global/icons/close-icon.png) !important;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    background-position: inherit;
    background: transparent;
    right: 1em;
    border: 0;
}
@media(min-width: 1400px){
    .ui-dialog .ui-dialog-titlebar-close{
        background-image: url(/themes/custom/riderta/assets/global/icons/close-icon.png) !important;
    }
}
/* .ui-button-icon-only .ui-icon{
    position: absolute;
    top: -.5em;
    left: -2.5em;F
    z-index: 999;
    background-position: inherit;
    background: #ffff;
    border-radius: 100%;
} */
/*-------------------------Override Nav Link Styles--------------------*/
.nav-tabs{
    margin: 1em 0;
}
.nav-tabs .nav-link{
    padding: 2em;
    height: 100%;
    background-color: #f7f9fa;
    border: 1px solid #e7edf1;
    border-radius: 0;
    color: #6e7172;
    border-top: 10px solid #e7edf1;
}
.nav-tabs .nav-link .nav-item{
    display: flex !important;
}
/*-------------------------Override Drupal Status Message------------------------*/
.alert{
    border-radius: 0;
    /* display: flex; */
    gap: 1em;
    align-items: center;
}
/*-------------------------Override Quick Tabs------------------------*/
.list-group-item+.list-group-item{
    border-top-width: thin;
}
/*-------------------------Keyframes--------------------------*/
@keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
/*-------------------------Modifiers--------------------------*/
.hide{
    display: none !important;
}

/*-------------------------Views--------------------------------*/

/*------Views - Card -------*/
.view.gcrta-cards .view-content{
    gap: 2em;
    justify-content: center;
}
.view.gcrta-cards .view-content .views-row{
    margin-bottom: 1em;
    position: relative;
    z-index: 2;
    background-color: var(--light-neutral-2);
    max-width: 400px;
    padding: 0 1em 1em 1em;
}
.view.gcrta-cards .view-content .views-row img{
    border-radius: 4px;
    max-height: 150px;
    max-width: 100%;
}
.view.gcrta-cards .view-content .views-row .date{
    padding: 1em;
    background-color: var(--rta-blue-alt);
    color: white;
    display: inline;
    margin-left: -1em;
    position: relative;
    top: -.5em;
}
.view.gcrta-cards .view-content .views-row .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.gcrta-cards .view-content .views-row .title{
    padding: 2em 0 1em;
}
.view.gcrta-cards .view-content .views-row .title a, .view.gcrta-cards .view-content .views-row .title span{
    color: var(--rta-dark-blue);
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
}
.view.gcrta-cards .view-content .views-row .title a:hover{
    text-decoration: underline;
}
.view.gcrta-cards .view-content .views-row .media video{
    width: 100%;
    height: auto;
}
.view.gcrta-cards .view-content .views-row .media iframe{
    width: 100%;
    height: 250px;
}
.view.gcrta-cards .view-content .views-row .footer{
    padding: 0 1em 0 1em;
}
/*-------End of Views - Card--------*/

/*------Views - List -------*/
.view.view-style-cards .row .views-element-container{
    min-width: 48.6%;
    flex: 1;
}
.view.view-style-cards .row .views-element-container > .view, .view.view-style-cards .row .views-element-container > .view.view-blog .row{
    margin: 0;
}
.view.view-style-cards .row{
    flex-basis: 50%;
    padding-bottom: 1.5em;
    gap: 2em;
}
.view.view-style-cards .views-row{
    flex: 1;
}
.view.view-style-cards .cards-wrapper{
    display: inline-flex;
    height: 250px;
    position: relative;
    width: 100%;
    justify-content: space-between;
    background-color: var(--light-neutral-2);
}
.view.view-style-cards .cards-wrapper a{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.view.view-style-cards .cards-wrapper .left-col{
    position: relative;
    padding: 1em;
    background-color: var(--light-neutral-2);
    transition: all 300ms ease;
    width: 50%;
}
.view.view-style-cards .cards-wrapper .left-col .left-col__content{
    position: relative;
    transition: all 300ms ease;
    z-index: 2;
}
.view.view-style-cards .cards-wrapper .left-col .left-col__content p {
    color: #3b3b3b;
}
.view.view-style-cards .cards-wrapper:hover .left-col__content{
    transform: translate(-10px, -15px);
}
.view.view-style-cards .cards-wrapper .left-col h3{
    display: block;
}
.view.view-style-cards .cards-wrapper .left-col::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 115%;
    height: 100%;
    background-color: var(--rta-red);
    clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    z-index: 1;
    transition: all 300ms ease;
    transform: translateX(10px);
}
.view.view-style-cards .cards-wrapper .left-col::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 115%;
    height: 100%;
    background-color: var(--light-neutral-2);
    clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    transition: all 300ms ease;
}
.view.view-style-cards .cards-wrapper:hover .left-col::after{
    transform: translate(-10px, -15px);
    background-color: var(--rta-dark-blue);
}
.view.view-style-cards .cards-wrapper:hover .left-col h3, .view.view-style-cards .cards-wrapper:hover .left-col p{
    color: #ffffff;
}
.view.view-style-cards .cards-wrapper .right-col{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    width: 325px;
    position: relative;
    overflow: hidden;
}
.view.view-style-cards .cards-wrapper .right-col img{
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.view.view-style-cards .card__icon{
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    background-color: var(--rta-dark-blue);
    width: 35px;
    padding: 0.5em;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
@media(max-width:1400px){
    .view.view-style-cards .cards-wrapper .left-col, .view.view-style-cards .row .views-element-container{
        width: 100%;
    }
    .view.view-style-cards .cards-wrapper .right-col{
        display: none;
    }
    .view.view-style-cards .cards-wrapper .left-col::before, .view.view-style-cards .cards-wrapper .left-col::after{
        width: 0;
    }
    .view.view-style-cards .views-row{
        flex: auto;
    }

}
/*------End of Views - List--------*/

/*------Views - Footer----*/
.view .view-footer{
    margin-top: 1em;
}
/*------End of Views - Footer----*/
/*------Views - Pager----*/
/* .view .pagination{
box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
} */
.view .pagination .page-item .page-link{
    color: white;
    border-radius: 0;
    border: 0;
    color: #3b3b3b;
    border: 1px solid var(--rta-dark-blue);
}
.view .pagination .page-item a.page-link[rel="prev"], .view .pagination .page-item a.page-link[rel="next"]{
    background-color: var(--rta-dark-blue);
    color: white;
    border: 1px solid var(--rta-dark-blue);
    border-radius: 0;
}
.page-item.active .page-link{
    background-color: var(--rta-dark-blue);
    color: #ffffff !important;
}
/*------End of Views - Pager----*/

/*------Views - Exposed Filters----*/
.view .view-filters form.views-exposed-form .form-type-select{
    flex: 1 1 50%;
}
.view .view-filters form.views-exposed-form .form-type-select select{
    border-radius: 100px;
    background-color: var(--light-neutral-2);
}
.view .view-filters form.views-exposed-form .form-type-select label{
    margin-bottom: 0.5em;
    font-size: 1.4em;
    font-weight: 500;
    color: var(--rta-dark-blue);
    display: block;
}
/*------End of Views - Exposed Filters----*/
/*------------ Specific Fields--------------*/
.block-field-blocknodenarrativefield-additional-description-2, .block-field-blocknodenarrativefield-additional-description {
    padding: 1em;
    /* background-color: var(--light-neutral-1); */
    background-color: #ffffff;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    border: 1px solid var(--rta-dark-blue);
    border-top: 15px solid var(--rta-dark-blue);
    margin-bottom: 1em;
}
/*------------ End of Specific Fields--------------*/
/*--------------Tour Button--------------------*/
#toolbar-tab-tour{
    background-color: var(--rta-blue-alt);
}
/*--------------End of Tour---------------------*/
/*--------------Video Embeds / Ombed--------------------*/
.field--name-field-media-oembed-video iframe{
    width: 100%;
    min-height: 500px;
    margin-bottom: 1em;
}
/*--------------Video Embeds / Ombed --------------------*/
/* ul.item-list{
    list-style-type:none;
}
ul.item-list li::after{
    content: "";
    background-color: var(--rta-dark-blue);
    width: 10px;
    height: 10px;
    position: absolute;
    left: -20px;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
} */
/* .view.transit-lines > .view-content{
    padding-left: 2em;
}
.view.transit-lines > .view-content > .views-row{
    border-left: 6px solid var(--rta-dark-blue);
    padding: 0 1em 1em 1em;   
}
.view.transit-lines > .view-content > .views-row > .views-field{
    position: relative;
}
.view.transit-lines > .view-content > .views-row > .views-field::before{
    content: "";
    position: absolute;
    top:0;
    left:-15px;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    border: 6px solid var(--rta-dark-blue);
} */