/* t4-style.min.css */

.multilevel-linkul-0{
  visibility:hidden
}
/*.navigation .navbar-nav li.item{
  visibility:hidden
}*/

/*.headernav nav > ul > li {
  visibility:hidden
}*/

.bg-blue{
    background-color:#005DAA!important;
    color:#fff
}
.tag-line{
    display:block;
    position:relative;
    display:flex;
    flex-direction:row;
    flex-grow:1;
    grid-gap:5px;
    font-size:.8em;
    flex-wrap:wrap
}
.tag-line .tag{
    position:relative;
    margin-bottom:1px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:5px;
    border-radius:28px;
    color:#00172A;
    font-weight:500;
    font-size:.7em;
    line-height:12px;
    transition:background-color 300ms,color 300ms
}
@media (min-width:1200px){
    .tag-line .tag{
        padding-left:25px;
        font-size:.8em;
        line-height:12px
    }
}
.cimage{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:100%
}
.contact-square{
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    border-radius:10px;
    color:#fff;
    margin-bottom:24px;
    padding:18px;
    text-align:center
}
.contact-square .cimage{
    height:140px;
    width:140px
}
@media (max-width:829.98px){
    .contact-square .cimage{
        height:80px;
        width:80px
    }
}
@media (max-width:767.98px){
    .contact-square .cimage{
        height:62px;
        width:62px
    }
}
.contact-bar{
    border-radius:10px;
    color:#fff;
    height:94px;
    margin-bottom:20px;
    padding-right:90px;
    padding-left:10px;
    padding-top:7px;
    position:relative;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media (max-width:829.98px){
    .contact-bar{
        font-size:.8em;
        height:64px;
        padding-top:5px
    }
}
.contact-bar .cimage{
    border-radius:10px 0 0 10px;
    display:inline-block;
    height:80px;
    margin-right:10px;
    padding:10px;
    vertical-align:middle;
    width:80px;
    border-radius:100%
}
@media (max-width:1199.98px){
    .contact-bar .cimage{
        height:62px;
        width:62px;
        margin-right:6px;
        padding:8px
    }
}
@media (max-width:829.98px){
    .contact-bar .cimage{
        height:50px;
        width:50px
    }
}
@media (max-width:767.98px){
    .contact-bar .cimage{
        margin-right:6px;
        padding:6px;
        height:48px;
        width:48px
    }
}


#emergency-banner .alert-link .alert-close{
    font-size:1.4em;
    color:#fff;
    background-color:#005DAA;
    border:0;
    cursor:pointer;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.image-callout-banner .image-container{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.image-callout-banner .image-container:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.image-callout-banner .image-container:hover:before{
    transform:scale(1.1)
}
.image-cards>div:hover .image-card-img:before{
    transform:scale(1.1)
}
.image-cards>div .image-card-img{
    background-size:cover;
    position:relative;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:14px 14px 0 0;
    height:140px;
    width:100%;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.image-cards>div .image-card-img:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.news-cards .news-card-image{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    border-radius:10px;
    height:270px;
    margin-bottom:24px;
    width:100%;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.news-cards .news-card-image:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.news-cards .news-card-image:hover:before{
    transform:scale(1.05)
}
.news-feature{
    border-radius:10px;
    min-height:600px;
    display:flex;
    align-items:center;
    margin-bottom:30px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    width:100%
}
@media (max-width:767.98px){
    .news-feature{
        min-height:400px
    }
}
.news-feature:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.news-feature:hover:before{
    transform:scale(1.05)
}
.thumb-news-item{
    margin:26px 0;
    display:flex;
    gap:unset;
    align-items:top
}
.thumb-news-item>a{
    width:200px;
    height:115px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    border-radius:4px;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.thumb-news-item>a:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.thumb-news-item>a:hover:before{
    transform:scale(1.1)
}
.page-link-card .page-link-card-image{
    z-index:1;
    border-radius:16px 16px 0 0;
    height:150px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.page-link-card .page-link-card-image:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.page-link-card .page-link-card-image:hover:before{
    transform:scale(1.1)
}
.project-cards .project-card:hover .image-banner:before{
    transform:scale(1.05)
}
.project-cards .project-card .content .image-banner{
    height:182px;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.project-cards .project-card .content .image-banner:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.rfp-cards .rfp-card .content{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    border-top:6px solid #004680;
    padding:5px 15px;
    height:100%;
    background:#FFF;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    border-radius:7px;
    min-height:225px;
    overflow:hidden
}
.rfp-cards .rfp-card .status{
    width:initial!important;
    height:max-content;
    position:absolute;
    top:0;
    right:0;
    text-align:right
}
.rfp-cards .rfp-card .tag-line{
    margin-bottom:30px;
    position:relative;
    top:0;
    left:0;
    padding-right:60px
}
.technical-guidance-cards .technical-guidance-card .content{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    border-top:6px solid #004680;
    padding:5px 14px 15px 14px;
    height:100%;
    background:#FFF;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    border-radius:7px;
    min-height:225px;
    overflow:hidden
}
.technical-guidance-cards .technical-guidance-card .status{
    width:initial!important;
    height:max-content;
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    margin:0!important
}
.technical-guidance-cards .technical-guidance-card .tag-line{
    margin-bottom:30px;
    position:relative;
    top:0;
    left:0;
    padding-right:60px
}
.thumb-news-item>a{
    width:200px;
    height:115px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    overflow:hidden;
    border-radius:4px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    flex-shrink:0
}
.thumb-news-item>a:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:inherit;
    transition:inherit
}
.thumb-news-item>a:hover:before{
    transform:scale(1.1)
}
a.t4Edit-page{
    color:#fff;
    text-decoration:none
}
.t4-news-details p.date-posted{
    margin:20px 5% 60px 5%
}
.t4-news-details .img-center{
    margin-bottom:5px
}
.t4-news-details .footer-contact{
    margin-top:60px;
    border-top:3px #dee2e6 solid;
    padding-top:20px;
    min-height:58px;
    /*display:flex;
    align-items:center;*/
}
@media (max-width:991px){
    #emergency-banner{
        top:56px
    }
}
.project-cards .project-card .content .image-banner:before{
    display:none
}
.header-list li:first-of-type{
    border-top:none;
}
/*.header-list li:nth-child(2){
    border-top:none
}
*/
.thumb-news-item{
    gap:unset!important
}
.thumb-news-item>a{
    margin-right:30px
}
.color-cards.row{
    row-gap:unset!important
}
.color-cards.row .color-card-item{
    margin-bottom:25px
}
@media (min-width:768px){
    .color-cards.row .color-card-item{
        margin-bottom:0
    }
}
.t4-content-details table,th,td{
    border:1px solid #000
}
.t4-content-details thead{
    background:#005DAA;
    color:#fff
}
.t4-content-details th,.t4-content-details td{
    padding:.5rem
}
.t4-upcoming-events .col-12.col-md-6.col-lg-4{
    margin-bottom:2rem
}
.t4-upcoming-events .event-time{
    padding-bottom:.25rem
}
.t4-upcoming-events .event-time span{
    padding-left:.5rem;
    font-size:.9rem
}
.t4-upcoming-events .tag-line{
    margin-left:0!important
}
.t4-upcoming-events h3{
    padding-top:1rem
}
.t4-upcoming-events .content{
    border-top:5px solid #005DAA;
    padding:15px 25px;
    height:100%;
    background:#FFF;
    box-shadow:0 4px 4px rgb(0 0 0 / 25%);
    border-radius:7px;
    overflow:hidden;
    display:block
}
#projectPage .mt-4{
    margin-top:40px!important
}
#projectPage p.simple-callouts.callout.blue.text{
    font-weight:400
}
.tag.tag-gray{
    padding-bottom:2px
}
#ada-modal{
    display:none;
    position:fixed;
    z-index:30000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,.4);
    border:none
}
#ada-modal.show-modal{
    display:block
}
#ada-modal .ada-modal-content{
    background:#004680;
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:20px;
    border:none;
    border-radius:10px;
    width:80%;
    max-width:400px;
    display:flex;
    flex-direction:column;
    align-items:center
}
#ada-modal .ada-modal-buttons{
    width:100%;
    display:flex;
    flex-direction:column
}
#ada-modal .ada-modal-content img{
    height:45px
}
#ada-modal .ada-modal-content p{
    margin:0!important;
    padding:1rem 0;
    text-align:center
}
#ada-modal .ada-modal-close{
    position:relative;
    width:100%;
    height:0
}
#ada-modal i.fa.fa-times{
    position:absolute;
    top:0;
    cursor:pointer;
    right:0
}
@media (min-width:425px){
    #ada-modal .ada-modal-buttons{
        flex-direction:row;
        justify-content:center
    }
    a.ada-modal-buttons-cta{
        margin-left:1rem
    }
}
#project-page-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    flex-direction:column
}
#project-page-header .project-logo img{
    max-height:50px;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.project-logo{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center
}
.projectvdothome{
    font-size:.7em;
    padding:3px 8px 0 8px;
    background-color:#F5F5F5;
    display:inline;
    width:auto;
    border-radius:37px
}
.projecthomelinks a{
  padding:10px 0;
}
#project-page-header .project-logo a:hover img{
    opacity:.8
}
.project-translator{
    font-size:.8em
}
.project-translator.btn.btn-vdot-blue .dropdown-item{
    background:none;
    border:none;
    margin:0px!important;
    border-radius:0;
    color:#000;
    font-weight:400
}
.project-translator.btn.btn-vdot-blue .dropdown-item:hover{
    background:#F2F3F3
}
#projectsearch{
    display:flex
}
#projectsearch:has(input:focus) {
  outline:2px solid black;
  outline-offset:2px;
}
#projectsearch .opened{
    display:flex;
    gap:10px;
    max-width:0;
    height:30px;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    overflow:hidden
}
#projectsearch .opened.expand{
    max-width:900px;
    width:auto
}
#projectsearch .closed.unexpand{
    display:none
}
#projectsearch .closed svg,#projectsearch .opened svg{
    color:#0B3C5D;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#projectsearch .closed svg:hover,#projectsearch .opened svg:hover{
    color:#C04E11;
    cursor:pointer
}
#projecttranslatorsearch{
    display:flex;
    justify-items:center;
    align-items:center;
    margin-right:10px
}
#projecttranslatorsearch label{
    position:absolute;
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
#projecttranslatorsearch input[id=search] #projecttranslatorsearch input[type=button]{
    background-color:#04AA6D;
    border:none;
    color:#fff;
    padding:3px 10px;
    text-decoration:none;
    margin:0;
    cursor:pointer
}
#projectsearch form input[type=button]{
    background-color:#06283F;
    border:none;
    border-radius:3px;
    color:#fff;
    padding:3px 7px;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#projectsearch form input[type=button]:hover{
    background-color:#C04E11
}
.headernav.projectheader #primary-nav{
    z-index:2
}
.headernav.projectheader #primary-nav .nav-link{
    border-bottom:none
}
.hero-banner.projectcarousel{
    margin-bottom:0;
    z-index:2
}
#page-body-container #page-body.projectpage{
    top:0
}
#page-body-container #page-body.projectsubpage{
    top:0
}
@media (min-width:992px){
    #project-page-header{
        padding:10px
    }
    #project-page-header .project-logo img{
        max-height:70px
    }
    .project-translator{
        font-size:1em
    }
    .headernav.projectheader #primary-nav .nav-link{
        background:#005DAA;
        color:#FFF
    }
    .headernav.projectheader #primary-nav .nav-link:focus-visible{
        outline:2px solid #000;
    }
    .projectheader .navbar-expand-lg{
        justify-content:center
    }
    .headernav.projectheader #primary-nav .navbar-nav a:hover{
        color:#FFF
    }
    .hero-banner.projectcarousel{
        margin-bottom:30px
    }
    #page-body-container #page-body.projectsubpage{
        top:40px
    }
}
@media (max-width:767.98px){
    #page-body-container #page-body.col-md-10.projectpage{
        top:0
    }
}
@media (min-width:576px){
    #project-page-header{
        flex-direction:row
    }
    .project-logo{
        flex-direction:column;
        align-items:flex-start
    }
    #page-body-container #page-body.projectpage{
        top:0
    }
}
#project-emergency-banner{
    background-color:#680080;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    flex-grow:1;
    height:90px;
    width:100%;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    position:relative
}
@media (max-width:829.98px){
    #project-emergency-banner{
        top:0
    }
}
#project-emergency-banner.remove{
    top:-231px;
    height:0;
    overflow:hidden
}
#project-emergency-banner .alert-text{
    align-self:center;
    padding-left:40px;
    color:#fff;
    flex-grow:2;
    padding-right:15px
}
@media (max-width:1199.98px){
    #project-emergency-banner .alert-text{
        padding-left:30px
    }
}
@media (max-width:767.98px){
    #project-emergency-banner .alert-text{
        padding-left:25px
    }
}
#project-emergency-banner .alert-text .alert-title{
    margin-bottom:3px;
    font-weight:700
}
#project-emergency-banner .alert-text .alert-content{
    margin-bottom:0;
    font-size:.8em
}
@media (max-width:767.98px){
    #project-emergency-banner .alert-text .alert-content{
        line-height:1.1em;
        font-size:.7em
    }
}
#project-emergency-banner .alert-link{
    display:flex;
    justify-content:center;
    align-items:center;
    padding-right:15px
}
@media (max-width:767.98px){
    #project-emergency-banner .alert-link{
        flex-direction:column;
        padding-right:10px
    }
    #project-emergency-banner .alert-link .btn{
        order:2;
        margin:0
    }
    #project-emergency-banner .alert-link .alert-close{
        margin:-10px
    }

}

#project-emergency-banner .alert-link .btn:hover{
    background-color:#22BCB9
}
#project-emergency-banner .alert-link .alert-close{
    font-size:1.4em;
    color:#fff;
    background-color:#680080;
    border:0;
    padding:6px 15px;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media (max-width:767.98px){
    #project-emergency-banner .alert-link .alert-close{
        order:1
    }
}
#project-emergency-banner .alert-link .alert-close:hover{
    color:#22BCB9
}
.project-footer .cta-row{
    display:flex
}
.project-footer .cta-row .footer-cta{
    position:relative;
    display:block;
    flex:1;
    text-align:center;
    padding:7px;
    color:#FFF;
    background-color:#0B3C5D;
    text-transform:uppercase;
    font-size:.75rem;
    transition:background-color 300ms
}
.project-footer .cta-row .footer-cta::after{
    content:"";
    width:1px;
    height:15px;
    background-color:#FFF;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%)
}
.project-footer .cta-row .footer-cta:last-of-type::after{
    display:none
}
.project-footer .cta-row .footer-cta:hover{
    text-decoration:none;
    background-color:#06283F
}
.project-footer .logo-and-text-row{
    display:flex;
    flex-wrap:wrap;
    background-color:#06283F;
    padding:15px 30px
}
.project-footer .logo-and-text-row .logo-col{
    width:100%;
    text-align:center;
    margin-bottom:15px
}
.project-footer .logo-and-text-row .logo-col .logo{
    width:100%;
    max-width:136px;
    height:auto
}
.project-footer .logo-and-text-row .logo-col a{
  padding:10px;
}
.project-footer .logo-and-text-row .text-col{
    width:100%
}
.project-footer .logo-and-text-row .text-col p{
    text-align:center;
    color:#FFF
}
.project-footer .copyright{
    width:100%;
    background-color:#00172A;
    padding:20px;
    text-align:center
}
.project-footer .copyright p{
    color:#FFF
}
@media (min-width:992px){
    .project-footer .cta-row .footer-cta{
        padding:15px;
        font-size:1rem
    }
    .project-footer .logo-and-text-row{
        padding:25px 35px
    }
    .project-footer .logo-and-text-row .logo-col{
        width:10%;
        margin-bottom:0;
        padding-right:10px
    }
    .project-footer .logo-and-text-row .text-col{
        width:90%;
        padding-left:10px
    }
    .project-footer .logo-and-text-row .text-col p{
        text-align:left
    }
}
#google_translate_element span,#google_translate_element-mobile span{
    display:none
}
.translation-dropdown-menu{
    display:none;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    left:auto;
    min-width:10rem;
    padding:.5rem 0;
    margin:.125rem 0 0;
    font-size:1rem;
    color:#000;
    text-align:left;
    list-style:none;
    background-color:#FFF;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.15);
    border-radius:.25rem;
    box-shadow:0 0 24px -12px #222;
    padding-bottom:0
}
.translation-dropdown-menu.show{
    display:block;
    position:absolute;
    width:100%;
    animation:fadeIn .2s;
    right:3px
}
.translation-dropdown-menu:after{
    border:10px solid transparent;
    border-bottom-color:#FFF;
    bottom:100%;
    content:"";
    position:absolute;
    right:20px
}
#google_translate_element select.goog-te-combo,#google_translate_element-mobile select.goog-te-combo{
    transition:all 300ms ease-in-out;
    background-color:#fff;
    font-weight:400;
    color:#212529
}
#google_translate_element select.goog-te-combo,#google_translate_element-mobile select.goog-te-combo{
    border:none;
    font-weight:400;
    text-align:center;
    position:absolute;
    right:0;
    left:0;
    width:calc(100% - 10px)
}
.translation-dropdown-menu.show{
    height:40px
}
#projecttranslatorsearch #google_translate_element select{
    top:6px
}
#projecttranslatorsearch .translation-dropdown-menu{
    top:80%
}
#projecttranslatorsearch .translation-dropdown-menu:after{
    display:none
}
body{
    top:0!important
}
.skiptranslate{
    display:none!important
}
.skiptranslate.goog-te-gadget{
    display:block!important
}
@media (min-width:1200px){
    .headernav #utility-nav .accessibility-link a,.headernav #utility-nav .translation-link .dropdown-toggle{
        padding:.5rem
    }
}
.news-cards>div:hover .news-card-image{
    background-size:cover
}
.fb-container .module-search .tt-suggestion:hover{
    cursor:pointer;
    background-color:#f0f0f0
}
.fb-container .module-search .tt-suggestion.tt-cursor{
    background-color:#f0f0f0
}
.fb-container .module-search .tt-dataset:empty{
    display:none
}
#homepage-search .fb-container,#projectsearch .opened.expand{
    overflow:visible
}
#homepage-search .tt-menu{
    height:fit-content;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    box-shadow:0 0 14px 0 #aaa
}
#homepage-search .tt-dataset.tt-dataset-organic{
    flex:unset!important;
    width:100%;
    flex-grow:2
}
#homepage-search .tt-dataset.tt-dataset-alerts,#homepage-search .tt-dataset.tt-dataset-courses{
    flex-grow:1
}
#homepage-search form.module-search--bg.module-search,.fb-container.inner-page-search form.module-search--bg.module-search{
    padding:0
}
#homepage-search .module-search__group,.fb-container.inner-page-search .module-search__group{
    height:0;
    background:0 0
}
#homepage-search button{
    transform:none!important;
    top:16px!important
}
@media (max-width:1199.98px){
    #homepage-search button{
        top:13px!important;
        left:15px!important
    }
}
.fb-container.inner-page-search{
    overflow:visible;
    padding:0 0 40px;
    margin-top:0;
    width:100%
}
.fb-container.inner-page-search input#query{
    padding:1rem;
    font-size:1.15rem;
    margin-bottom:.3rem
}
.fb-container.inner-page-search .tt-menu{
    height:fit-content;
    display:flex;
    flex-direction:column;
    box-shadow:0 0 14px 0 #aaa
}
.fb-container.inner-page-search .tt-dataset.tt-dataset-organic{
    flex:unset!important;
    width:100%!important
}
.fb-container.inner-page-search .tt-dataset.tt-dataset-alerts,.fb-container.inner-page-search .tt-dataset.tt-dataset-courses{
    width:100%!important;
    max-width:unset!important;
    display:block!important
}
.fb-container.inner-page-search .tt-dataset.tt-dataset-alerts,.fb-container.inner-page-search .tt-dataset.tt-dataset-courses,.fb-container.inner-page-search .tt-dataset.tt-dataset-organic{
    padding:0 1rem!important
}
.tt-dataset.tt-dataset-alerts .fb-auto-complete--non-organic.tt-suggestion.tt-selectable:hover{
    cursor:default;
    background:#fff
}
.tt-menu.tt-empty.tt-open{
    background:0 0!important;
    box-shadow:none!important
}
.tt-menu.tt-open{
    display:flex!important;
    background:#fff;
    padding:1rem;
    border-radius:10px;
    margin-top:.25rem
}
span.twitter-typeahead{
    width:100%
}
.tt-dataset.tt-dataset-organic{
    padding-bottom:1rem;
    border-bottom:1px solid #f1f1f1;
    margin-bottom:1rem
}
.tt-dataset.tt-dataset-organic .tt-category{
    font-size:1.5rem;
    font-weight:400
}
.tt-dataset h5{
    font-weight:400!important
}
.tt-suggestion.tt-selectable{
    padding:.25rem 1rem
}
@media only screen and (min-width:1025px){
    .fb-container .module-search--bg .tt-dataset:nth-child(2),.fb-container .module-search--bg .tt-dataset:nth-child(3){
        display:-webkit-box;
        display:flex;
        -webkit-box-flex:0;
        flex:0 0 50%;
        flex-wrap:wrap;
        max-width:50%;
        width:50%
    }
    .fb-container .module-search--bg .tt-category{
        -webkit-box-flex:0;
        flex:0 0 100%
    }
    .tt-dataset.tt-dataset-alerts,.tt-dataset.tt-dataset-courses,.tt-dataset.tt-dataset-organic{
        padding:0 2.125rem .875rem!important
    }
    .tt-dataset.tt-dataset-alerts h5.tt-category,.tt-dataset.tt-dataset-courses h5.tt-category,.tt-dataset.tt-dataset-organic .tt-category{
        padding:0 1rem
    }
    .fb-auto-complete--non-organic.tt-suggestion.tt-selectable{
        padding:1rem!important
    }
    .fb-auto-complete--non-organic.tt-suggestion.tt-selectable:hover{
        text-decoration:none!important
    }
    #homepage-search .tt-dataset.tt-dataset-courses{
        border-right:1px solid #f1f1f1
    }
}
#projectsearch span.twitter-typeahead{
    border:1px solid #ced4da;
    padding:0;
    margin:0;
    width:auto
}
#projectsearch input#query{
    padding:1px 2px
}
#projectsearch form input[type=submit]{
    background-color:#06283f;
    border:none;
    border-radius:3px;
    color:#fff;
    padding:3px 7px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#projectsearch form input[type=submit]:hover{
    background-color:#c04e11
}
.tt-menu{
    left:-30px!important;
    top:30px!important;
    background-color:#fff;
    flex-direction:column
}
table th,table td{
    color:#000;
    border-top:unset
}
#event-filters{
    display:flex;
    justify-content:center;
    align-items:center
}
#event-filters ul{
    display:none
}
#searchoptions-filters{
    width:100%
}
.news-search #search-results{
    margin:0
}
.news-search .thumb-news-item,.project-cards .pagination-box{
    width:100%
}
.news-filter .filter-container .filter,.projects-filter .filter-container .filter{
    border:.5px solid #000
}
.news-filter #searchoptionsGeneric .filter-wrapper::after,#range-coursetype .filter-container .filter-wrapper::after,.projects-filter #searchoptionsGeneric .filter-wrapper::after,#range-projectdistricts .filter-container .filter-wrapper::after,.tg-filter #searchoptionsGeneric .filter-wrapper::after{
    display:none
}
@media (min-width:1200px){
    .projects-filter .col-12.col-md-4.col-xl-4.second-row{
        margin-left:-33.3%
    }
}
.technical-guidance-cards .pagination-box{
    width:100%
}
.project-cards .tag.tag-gray,.technical-guidance-cards .tag.tag-gray{
    cursor:default
}
.project-cards .tag-line .tag.tag-gray:hover,.technical-guidance-cards .tag-line .tag.tag-gray:hover{
    background-color:#f2f3f3;
    color:#00172A
}
.project-cards .tag-line .tag.tag-gray:hover::after,.technical-guidance-cards .tag-line .tag.tag-gray:hover::after{
    background-image:url("https://vdot.virginia.gov/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag.svg")
}
.technical-guidance-cards .pagination-box,.project-cards .pagination-box{
    padding-right:15px;
    padding-left:15px
}
@media (min-width:1200px) and (max-width:1500px){
    .col-12.col-xl-1.filterbtn{
        padding:0
    }
}
@media (max-width:768px){
    .news-search .thumb-news-item>a{
        width:100%
    }
    .news-search .thumb-news-item div{
        width:100%
    }
    .news-search .thumb-news-item{
        flex-direction:column
    }
    .news-search .thumb-news-item div{
        padding-top:1rem
    }
}
#calendar_box table td{
    padding:0!important
}
span.t4-anchor-btn-outline,span.t4-anchor-btn-vdot-blue,span.t4-anchor-btn-darkblue,span.t4-anchor-btn-teal,span.t4-anchor-btn-orange{
    cursor:pointer
}
span.t4-anchor-btn-vdot-blue a,
span.t4-anchor-btn-darkblue a{
    color:#fff;
    text-decoration:none
}
span.t4-anchor-btn-teal a,
span.t4-anchor-btn-orange a{
    color:#000;
    text-decoration:none
}
span a{
    color:#004680
}
span.t4-anchor-btn-outline:hover a{
    color:white!important
}
span.t4-anchor-btn-outline a:hover{
    color:white!important;
    text-decoration:none
}
.t4-inline-underline{
    cursor:pointer
}
span.t4-underline-link a{
    color:#0070cc;
    cursor:pointer
}
span.t4-underline-link a:hover{
    border-color:#c04e11;
    color:#004680;
    padding-bottom:0!important;
    text-decoration:none
}
span.t4-underline-link:hover{
    border-color:#c04e11
}
.t4-inline-underline:hover,.t4-underline a:hover{
    padding-bottom:0!important
}
@media (min-width:1200px){
    .rfp-tag{
        margin-right:4px;
        margin-left:4px
    }
    .tag-line .rfp-tag{
        font-size:1.1em;
        padding-top:8px;
        padding-bottom:8px;
        padding-right:10px;
        margin-top:8px;
        margin-left:0;
        margin-right:4px
    }
}
.column-creator{
    margin-top:-1.2rem;
    margin-bottom:-1.2rem
}
.sectionheader+.clearbottom{
    margin-bottom:-1.2rem
}
.tag.tag-gray.division{
    background-color:#005daa;
    color:#fff
}
.tag.tag-gray.division::after{
    background-image:url(https://vdot.virginia.gov/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg)
}
.technical-guidance-cards .tag-line .tag.tag-gray.division:hover{
    background-color:#005daa;
    color:#fff
}
.technical-guidance-cards .tag-line .tag.tag-gray.division:hover::after{
    background-image:url(https://vdot.virginia.gov/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg)
}
@media (min-width:1200px){
    .tech-doc .col-12.col-md-6.col-xl-6.second-row{
        margin-left:-49.99%
    }
}
.webpage-results{
    display:none!important
}
.webpage-results+.result-container-wrapper #searchContainer .container{
    max-width:unset!important
}
@media(max-width: 650px){
    .ct-container.filter-bar.tg-filter.tech-doc{
        padding-top:15px;
        padding-bottom:30px
    }
}
.tech-doc #dateupdated{
    bottom:-30px!important
}
.ct-container.technical-guidance-cards{
    margin: 20px 1rem!important
}
@media(max-width: 767px){
    #search-results .col-12.col-md-6.col-lg-4{
        padding:0
    }
}
.tech-doc .col-12.technical-guidance-cards,.projects-filter .project-cards{
    padding-top:2rem
}
 @media (max-width: 1200px){
    .filter-bar.tg-filter.tech-doc .col-12.col-xl-10,.filter-bar.projects-filter .col-12.col-xl-11,.ct-container.filter-bar.news-filter{
        padding: 2rem!important
    }
}
 .filter-bar.tg-filter.tech-doc .col-12.col-xl-10,.filter-bar.projects-filter .col-12.col-xl-11{
    padding: 2rem 0 2rem 2rem;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background-color: #f2f3f3
}
 .filter-bar.tg-filter.tech-doc .col-12.col-xl-2.filterbtn,.filter-bar.projects-filter .col-12.col-xl-1.filterbtn{
    background-color: #f2f3f3;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}
 a.btn.btn-outline.clearSearch{
    width: fit-content;
    padding: 12px 18px
}
 @media (max-width: 1200px){
    #event-filters{
        justify-content:end!important
    }
}
 .filter-bar.tg-filter.tech-doc,.filter-bar.projects-filter{
    background-color:unset!important
}
 @media (max-width: 1200px){
    .filter-bar.tg-filter.tech-doc .col-12.col-xl-10,.filter-bar.projects-filter .col-12.col-xl-11{
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .filter-bar.tg-filter.tech-doc .col-12.col-xl-2.filterbtn,.filter-bar.projects-filter .col-12.col-xl-1.filterbtn{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px
    }
}
 @media (min-width: 1200px) {
    .projects-filter a.btn.btn-outline.clearSearch{
        width: fit-content;
        padding: 12px 12px
    }
    .projects-filter .filter-container label{
        font-size:16px
    }
}
 #searchoptionsGeneric form{
    position: relative
}
#searchoptionsGeneric button.btn.btn-search{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    height: 46px;
    width: 46px;
    border: 1px solid #f47735;
    border-radius: 0;
    background: url(https://vdot.virginia.gov/media/vdotvirginiagov/website-developers-only/site-assets/images/search-icon.svg) no-repeat center;
}
#searchoptions button.btn.btn-search{
    border: 2px solid #f47735;
    color: #f47735;
    background: #fff;
    border-radius: 100px;
    margin-top: 1.5rem
}
#searchoptions button.btn.btn-search:hover{
    border: 2px solid #fff;
    color: #fff;
    background: #f47735
}
 .nav-link.toplevellink font{
    pointer-events: none
}
 #calendar_box table tbody th, #calendar_box table tbody td{
    padding: 0 !important
}
 #calendar_box table, #calendar_box th, #calendar_box td{
    border: 1px solid white
}
 .ct-container.row.filter-bar.tg-filter.tech-doc{
    padding: 20px 0
}
.col-12.technical-guidance-cards{
    padding: 0
}
@media (max-width: 768px) {
    .technical-guidance-cards #search-results{
        margin: 0
    }
}
 .ct-container.row.filter-bar.projects-filter{
    padding: 20px 0
}
.col-12.project-cards{
    padding: 20px 0
}
 .filter-bar.tech-doc #range-datepublished .filter-container .filter-wrapper::after{
    display: none !important
}
/*.project-cards .project-card .content .image-banner .tag-line.tag-work-status{
    top: 31px !important
}
 .project-cards .project-card .content .image-banner .tag-line.tag-districts{
    top: 56px !important
}
*/
 .project-cards .project-card .content .image-banner .tag-line{
    position: relative
}
 .project-cards .project-card .image-banner{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px
}
 .project-cards .project-card .tags-wrapper .tag-line{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 0px
}
 .project-cards .project-card .tags-wrapper .tag-line .tag.tag-gray{
    margin: 3px
}
 figure.img-center{
    width: 100%;
    height: 100%
}
 figure.img-center img{
    object-fit: contain
}
/* autocomplete */
 .autocomplete-list {
     list-style-type: none;
     padding: 0;
}
 .autocomplete-list li {
     text-align: left;
}
 #autocomplete-container {
     display: none !important;
}
 #set-location-home .d-flex {
     display: flex;
     align-items: flex-start;
    /* Align items to the start */
}
 #set-location-home .py-2 {
     padding-top: 0;
    /* Remove top padding */
     padding-bottom: 0.5rem;
    /* Keep bottom padding */
}
 #set-location-home .pl-3 {
     padding-left: 0;
    /* Remove left padding */
}
 #set-location-home .pl-2 {
     padding-left: 0;
    /* Remove left padding */
}
 #set-location-home .pr-2 {
     padding-right: 0;
    /* Remove right padding */
}
 #search-label {
     position: absolute;
     top: 0;
     left: 0;
     padding: 10px;
    /* Adjust as needed */
}
 @media (min-width: 992px) {
     #set-location-home #location-helper {
         width: 22rem!important;
    }
}
/* Modal */
 .modal-main {
     display: none;
     position: fixed;
     z-index: 3;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,.4);
     border: none 
}
 .modal-main.show-modal {
     display: block 
}
 .modal-main .generic-modal-content {
     background: #004680;
     color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     padding: 20px;
     border: none;
     border-radius: 10px;
     width: 80%;
     max-width: 400px;
     display: flex;
     flex-direction: column;
     align-items: center 
}
 .modal-main .generic-modal-buttons {
     width: 100%;
     display: flex;
     flex-direction: column 
}
 .modal-main .generic-modal-content img {
     height: 45px 
}
 .modal-main .generic-modal-content p {
     margin: 0!important;
     padding: 1rem 0;
     text-align: center 
}
 .modal-main .generic-modal-close {
     position: relative;
     width: 100%;
     height: 0 
}
 .modal-main i.fa.fa-times {
     position: absolute;
     top: 0;
     cursor: pointer;
     right: 0 
}
 @media (min-width: 425px) {
     .modal-main .generic-modal-buttons {
         flex-direction:row;
         justify-content: center 
    }
     a.generic-modal-buttons-cta {
         margin-left: 1rem 
    }
}
/* PSRR-20896 */
 .geo-news {
     display: flex;
     flex-direction: column;
     box-shadow: 0 0 10px 2px #e3e3e3;
     border-radius: 10px;
     height: 100%;
     padding-bottom: 1.5rem;
     text-align: center;
     background-color: #fff;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .geo-news h3 {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
     background: #f47735;
     padding: 1.5rem;
     text-align: left;
}
 .geo-news h3:hover {
     color: #005daa;
}
 .geo-news p {
     padding: 0 1.5rem;
     text-align: left;
}
 .geo-news span.date {
     padding: 10px 1.5rem;
     background: #ebe8e8;
     margin: 0;
     text-align: left;
}
 .project-cards .geo-project .content {
     height: auto!important;
}
 .news-cards .col-12 {
     margin-bottom: 2rem!important;
}
 .news-cards .geo-news .news-card-image {
     border-radius: 0!important;
     margin-bottom: 0!important;
}
 .news-district-padding {
     padding: 0 1rem 0 0!important;
}
 .news-district-padding .thumb-news-item {
     margin: 0 0 1.5rem 0!important;
}
 .geo-news-see-all-button {
     margin-top: 0!important;
}
 .geo-news-title-button-container {
     overflow: auto;
}
 .geo-news-title-button-container .sectionheader {
     margin: 0;
     float: left;
}
 .geo-news-title-button-container .geo-news-see-all-button {
     float: right;
}
 @media (max-width: 768px) {
     .geo-news-title-button-container .geo-news-see-all-button {
         float: none;
         display: block;
         text-align: center !important;
         margin-top: 3rem !important;
    }
}
 @media (max-width: 600px) {
     .news-district-padding .thumb-news-item>a {
         width: 120px!important;
         height: 65px!important;
    }
}
 .geo-news h3 {
     z-index: 100;
     position: relative;
}
 .col-12.col-sm-6.col-lg-3.col-xxl-2:has(.geo-news) {
     margin-bottom: 30px;
}
 .geo-news a.underline-link {
     align-self: start;
     margin: auto 1.5rem 0;
}
 .geo-project .date {
     padding: 7.5px !important;
}
 #subpage-buttons {
     overflow: initial;
}
 .carousel-wrapper {
     display: flex;
     align-items: center;
     background: #fff;
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .arrow-holder {
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 60px;
     height: 100%;
     z-index: 5;
}
 .my-project-carousel {
     flex: 1;
     position: relative;
     overflow: hidden;
     padding: 0 24px;
}
 .carousel-wrapper .swiper-button-prev, .carousel-wrapper .swiper-button-next {
     position: static;
     width: 32px;
     height: 32px;
     margin: 0 auto;
     cursor: pointer;
     color: #007bff;
     background: none;
}
 .carousel-wrapper .swiper-button-prev::after, .carousel-wrapper .swiper-button-next::after {
     font-size: 24px;
}
 @media (max-width: 768px) {
     .arrow-holder {
         width: 40px;
    }
}
/*.my-project-carousel {
     position: relative;
     overflow: hidden;
     padding: 0 60px;
}
 .my-project-carousel .swiper-button-prev, .my-project-carousel .swiper-button-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
     width: 40px;
     height: 40px;
     cursor: pointer;
}
 .my-project-carousel .swiper-button-prev {
     left: 0;
     margin-left: 10px;
}
 .my-project-carousel .swiper-button-next {
     right: 0;
     margin-right: 10px;
}
 @media (max-width: 768px) {
     .my-project-carousel {
         padding: 0 20px;
    }
     .my-project-carousel .swiper-button-prev, .my-project-carousel .swiper-button-next {
         width: 32px;
         height: 32px;
    }
}
*/
 
/* PSRR-23848 - search notice for when location presets a filter */
#emergency-banner.search-notice {
  	height: 60px;
}

#emergency-banner.search-notice .alert-icon {
  	width: 60px;
}

#emergency-banner.search-notice .alert-icon:after {
  	border-width: 30px 0 30px 15px;
}

#emergency-banner.search-notice .alert-icon img {
  	width: 28px;
}

/* Dashboard CSS*/

@media (min-width: 1200px) {
  .bi-embed {height: 800px;}
}
@media (max-width: 1199px) {
  .bi-embed { min-height: 600px; }
}
@media (max-width: 991px) {
  .bi-embed { min-height: 500px; }
}
@media (max-width: 767px) {
 .bi-embed { min-height: 400px; }
}
@media (max-width: 575px) {
  .bi-embed { min-height: 345px; }
}