/* all-css-min-no-bootstrap.css */
/* 5-29-2025 2:19 p.m. */
@charset "UTF-8";
        
.underline-link:focus{outline:2px solid #06283f;outline-offset:3px}.underline-link:hover{text-decoration:none;border-color:#005daa}
@media(min-width:992px){
  .underline-link{font-size:.9375em;line-height:1.5em}}

/* tag line (for news and events) */
.tag-line{display:block;position:relative;display:flex;flex-direction:row;flex-grow:1;grid-gap:5px}
.tag-line .tag{position:relative;margin-bottom:1px;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:10px;border-radius:28px;color:#00172a;font-weight:500;font-size:.7em;line-height:13px;transition:background-color 300ms,color 300ms}
.tag-line .tag.tag-gray{background-color:#f2f3f3; outline:1px solid #fff}
.tag-line .tag.tag-gray::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag.svg")}
.tag-line .tag.tag-gray:hover{text-decoration:none;background-color:#005daa;color:#fff}
.tag-line .tag.tag-gray:hover::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag-line .tag.tag-blue{background-color:#005daa;color:#fff}
.tag-line .tag.tag-blue::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag-line .tag.tag-blue:hover{text-decoration:none;background-color:#0b3c5d}
.tag-line .tag.tag-orange{background-color:#f47735;color:#fff}
.tag-line .tag.tag-orange::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag-line .tag.tag-orange:hover{text-decoration:none;background-color:#622809}
.tag-line .tag.tag-teal{background-color:#22bcb9;color:#fff}
.tag-line .tag.tag-teal::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag-line .tag.tag-teal:hover{text-decoration:none;background-color:#119f9d}
.tag-line .tag::after{position:absolute;content:"";top:50%;left:10px;transform:translateY(-50%);width:7px;height:7px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:background-image 300ms}
@media(min-width:1200px){
  .tag-line .tag::after{width:11.5px;height:11.5px}}
@media(min-width:1200px){
  .tag-line .tag{padding-left:25px;font-size:.8em;line-height:19px}}

/* pagination (For search results? */
.pagination .currentpage{background-color:#0082ee;color:#fff;font-weight:700}
.pagination .currentpage:hover{background-color:#005daa;color:#fff}
.pagination a,.pagination span{color:#747d84;font-size:.9em;line-height:1.33;font-weight:400;width:25px;height:25px;transition:300ms;border-radius:2px;display:flex;align-items:center;justify-content:center;margin:0 5px;width:30px;height:30px}
.pagination a:hover,.pagination span:hover{background-color:#f2f3f3;cursor:pointer;text-decoration:none;font-weight:600}
    
#page-gradient-banner, .page-body-container-gradient-banner:before{background:#0b3c5d;background:linear-gradient(180deg,#0b3c5d 0,#f2f3f3 100%);position:absolute;width:100%;left:0;top:100px;z-index:-1;height:400px}
#page-body-container{z-index:2}
#page-body-container #dateupdated{position:absolute;right:10px;bottom:5px}
@media(max-width:767.98px){
  #page-body-container #dateupdated{bottom:60px}
}
#page-body-container #dateupdated p{margin-bottom:0 !important;font-size:.7em;font-style:italic}
#page-body-container.row{margin:0 auto !important}#page-body-container .row.nopadding{margin:0}
#page-body-container .row.nopadding .row{margin-right:0 !important;margin-left:0 !important}
#page-body-container.homepage #page-body{margin-top:170px;margin-bottom:55px}
@media(min-width:576px){
  #page-body-container.homepage #page-body{margin-top:370px;margin-bottom:120px}}
#page-body-container.homepage #page-body #page-content-container{border-top-left-radius:10px;border-top-right-radius:10px;padding-bottom:0}

/* news page */
#page-body-container.news-page #page-body #page-content-container p.date-posted{margin:20px 5% 60px 5%}
#page-body-container.news-page #page-body #page-content-container .img-center{margin-bottom:5px}
#page-body-container.news-page #page-body #page-content-container .footer-contact{margin-top:60px;border-top:3px #dee2e6 solid;padding-top:20px}

#page-body-container #page-body{margin:0 auto;top:56px;padding:0;margin-bottom:0;box-shadow:none}
@media(max-width:991.98px){
  #page-body-container #page-body.col-md-10{flex:0 0 100%;max-width:100%;top:156px}
#page-body-container #page-body.col-md-10 #page-content-container{border-radius:0;padding-bottom:120px}}
@media(max-width:767.98px){
  #page-body-container #page-body.col-md-10{top:56px}}
#page-body-container #page-body #page-content-container{background-color:#fff;padding:0;border-top-right-radius:10px;border-top-left-radius:10px;padding-bottom:40px}
#page-body-container #page-body #page-content-container .ct-container{margin:20px 5%}
#page-body-container #page-body #page-content-container .ct-container .clearbottom{display:block;clear:both}
#page-body-container #page-body #page-content-container .ct-container.pagination{margin-top:0}
#page-body-container #page-body #page-content-container .ct-container.nopadding{margin:0}
#page-body-container #page-body #page-content-container .ct-container.nopadding .row{margin-right:0 !important;margin-left:0 !important}
#page-body-container #page-body #page-content-container .ct-container figure.img-right{text-align:right}
#page-body-container #page-body #page-content-container .ct-container figure.img-right img{width:48%;display:block;float:right;clear:right;margin-left:1rem;margin-bottom:1rem}
#page-body-container #page-body #page-content-container .ct-container figure.img-left{text-align:left}
#page-body-container #page-body #page-content-container .ct-container figure.img-left img{width:48%;display:block;float:left;clear:left;margin-right:1rem;margin-bottom:1rem}
#page-body-container #page-body #page-content-container .ct-container figure.img-center img{width:100%}
#page-body-container #page-body #page-content-container .ct-container figure.caption{font-size:.8em;margin-top:0}
#page-body-container #page-body #page-content-container .customlayout{margin:0 5%}
@media(max-width:1199.98px){
  #page-body-container #page-body #page-content-container .customlayout{margin-right:0 !important;margin-left:0 !important}}
#page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:first-of-type{padding-left:5% !important}
@media(max-width:991.98px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:first-of-type{max-width:50%;flex:0 0 50%}} 
@media(max-width:991.98px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:first-of-type{width:100%;max-width:100%;flex:0 0 100%;padding-right:5% !important}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:first-of-type{padding-left:0% !important}}
#page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:last-of-type{padding-right:5% !important}  
@media(max-width:991.98px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:last-of-type{max-width:50%;flex:0 0 50%}}
@media(max-width:991.98px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:last-of-type{width:100%;max-width:100%;flex:0 0 100%;padding-left:5% !important}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.twocolumn .col-md-6:last-of-type{padding-right:0% !important}}
#page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4{padding-left:0%;padding-right:1.5%}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4{padding-left:5%;padding-right:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4:first-of-type{padding-left:0%}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4:first-of-type{padding-left:5%}}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4:last-of-type{padding-right:5%;padding-left:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4:last-of-type{padding-right:0%}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.threecolumn .col-md-4:last-of-type{padding-right:5%}}
#page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3{padding-left:1.5%;padding-right:1.5%}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3{padding-left:5%;padding-right:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3{padding-left:0 !important}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3:first-of-type{padding-left:0}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3:first-of-type{padding-left:5%}}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3:last-of-type{padding-right:5%; padding-left:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3:last-of-type{padding-right:0}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.fourcolumn .col-md-3:last-of-type{padding-right:5%}}
#page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-8{padding-left:1.5%;padding-right:1.5%}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-8{padding-left:0 !important}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-8{padding-left:0}}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-4{padding-right:5%;padding-left:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-4{padding-right:0}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.rightsidebar .col-md-4{padding-right:5%}}
#page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-4{padding-left:1.5%;padding-right:1.5%}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-4{padding-left:0}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-4{/** padding-left:5% **/ padding-left:0}}
@media(max-width:767.98px){
  #page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-8{padding-right:5%;padding-left:5%}}
@media(min-width:1200px){
  #page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-8{padding-right:0}}
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout.leftsidebar .col-md-8{padding-right:5%}}
#page-body-container #page-body #page-content-container .customlayout .ct-container{margin:20px 0}     

/* regular list */
@media(max-width:1399.98px){
  #page-body-container #page-body #page-content-container .customlayout .ct-container.regular-list,
  #page-body-container #page-body #page-content-container .customlayout .ct-container.regular-list ul{margin-bottom:0}
  #page-body-container #page-body #page-content-container .customlayout .col-sm-12.col-md-6 + .col-sm-12.col-md-6 .ct-container.regular-list ul{margin-bottom:1rem; margin-top:0}
  /** jab 2023-12-07 lists margin fix /travel-traffic/ 
  #page-body-container #page-body #page-content-container .customlayout .col-sm-12.col-md-6 + .col-sm-12.col-md-6 .ct-container.regular-list{margin-top:0}
  **/
}

#page-body-container #page-body #page-content-container p{margin-bottom:1.5rem}
#page-body-container #page-body #page-content-container table p{margin-bottom:0}
#page-body-container #page-body #page-content-container p.pagedescription{padding:10px 0;border-top:#e3e3e3 1px solid;border-bottom:#e3e3e3 1px solid;margin-top:20px}
    
table tbody td{vertical-align:top}
table tbody ol,
table tbody ul{margin-bottom:0; padding-left:.75rem}

@media(min-width:576px){
  #page-body-container #page-body{margin-bottom:130px;top:70px;box-shadow:0 -19px 23px -17px rgba(0,0,0,.75);-webkit-box-shadow:0 -19px 23px -17px rgba(0,0,0,.75);-moz-box-shadow:0 -19px 23px -17px rgba(0,0,0,.75)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:100%}}

/* header nav */
.headernav{z-index:3000;position:relative}
.headernav.fixme{height:100%;position:fixed;top:0;overflow-y:scroll; width:100%; -ms-overflow-style:none; scrollbar-width:none }
.fixme::-webkit-scrollbar{display:none}
.headernav.fixme:after{content:'';display:block;background:rgba(0,0,0,.8);width:100%;height:100%}
.headernav #state-nav{display:block;padding-top:.5rem;padding-bottom:.15rem;background-color:#212121}
@media(min-width:992px){
  .headernav #state-nav{display:flex;padding-top:.15rem}}
.headernav #state-nav .nav-link,
.headernav #state-nav .navbar-text,
.headernav #state-nav .navbar-brand{
  color:#fff;display:block;font-weight:400;font-size:11px;line-height:13px;-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(min-width:992px){
  .headernav #state-nav .nav-link,.headernav #state-nav .navbar-text,.headernav #state-nav .navbar-brand{display:inline-block;width:auto}}
.headernav #utility-nav{background:#0b3c5d;padding:0;display:none}
@media(min-width:992px){
  .headernav #utility-nav{display:block}}
.headernav #utility-nav .navbar-nav{align-items:center}
.headernav #utility-nav .nav-link{color:#fff;font-size:.8em;font-weight:700;padding:2px 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;margin:0 2rem}
.headernav #utility-nav .nav-link:focus{outline:3px solid #005daa;outline-offset:-3px}.headernav #utility-nav .nav-link:hover{color:#f47735}
.headernav #utility-nav .nav-icon{width:auto;height:12px}
.headernav #utility-nav .accessibility-link a,.headernav #utility-nav .translation-link .dropdown-toggle{background-color:#005daa;color:#fff;padding:.5rem 10px;margin:0;font-weight:400}
@media(min-width:1200px){
  .headernav #utility-nav .accessibility-link a,.headernav #utility-nav .translation-link .dropdown-toggle{padding:.5rem 2rem}}   
.headernav #utility-nav .accessibility-link{display:inline-flex;text-align:center}
.headernav #utility-nav .accessibility-link a{width:9rem}    
@media(min-width:1200px){
  .headernav #utility-nav .accessibility-link a{width:11rem}}
.headernav #utility-nav .accessibility-link:hover a{background-color:#004680;color:#fff}
.headernav #utility-nav .translation-link{text-align:center} 
.headernav #utility-nav .translation-link a{width:9rem;-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(min-width:1200px){
  .headernav #utility-nav .translation-link a{width:11rem}}
.headernav #utility-nav .translation-link .dropdown-toggle{background-color:#0070cc;color:#fff;font-size:.8em;text-decoration:none}
.headernav #utility-nav .translation-link:hover .dropdown-toggle{background-color:#0b3c5d}
.headernav #utility-nav .translation-link .dropdown-menu{box-shadow:0 0 24px -12px #222;padding-bottom:0}
.headernav #utility-nav .translation-link .dropdown-menu:after{border:10px solid transparent;border-bottom-color:#fff;bottom:100%;content:"";position:absolute;right:20px}
.headernav #utility-nav .translation-link .dropdown-menu .dropdown-item.active{background:#fff;color:#005daa}   
.headernav #utility-nav .translation-link .dropdown-menu .about-translation{background:#0070cc;color:#fff;margin-top:.5rem;padding:1rem;-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}
.headernav #utility-nav .translation-link .dropdown-menu .about-translation:hover{background:#007bff}
.headernav #utility-nav .translation-link .dropdown-menu.show{animation:fadeIn .2s;right:3px}
.headernav #primary-nav{padding-top:0;padding-right:0;padding-left:0;background-color:#f2f3f3;height:56px;-webkit-box-shadow:0 5px 7px -1px rgba(0,0,0,.64);box-shadow:0 5px 7px -1px #222}
.headernav #primary-nav .navbar-collapse{flex-grow:0}
.headernav #primary-nav .navbar-toggler{background-color:#22bcb9;width:65px;height:56px;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-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;border-radius:0}
.headernav #primary-nav .navbar-toggler:focus{outline:3px solid #005daa;outline-offset:-3px}
.headernav #primary-nav .navbar-toggler span{background-image:none;display:block;position:absolute;height:4px;width:40px;background:#fff;opacity:1;left:12px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.headernav #primary-nav .navbar-toggler span:nth-child(1){top:11px}
.headernav #primary-nav .navbar-toggler span:nth-child(2),.headernav #primary-nav .navbar-toggler span:nth-child(3){top:24px}
.headernav #primary-nav .navbar-toggler span:nth-child(4){top:37px}
.headernav #primary-nav .open-menu span:nth-child(1){top:18px;width:0;left:50%}
.headernav #primary-nav .open-menu span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.headernav #primary-nav .open-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.headernav #primary-nav .open-menu span:nth-child(4){top:18px;width:0;left:50%}
.headernav #primary-nav .navbar-brand img{padding-top:.4rem;padding-bottom:.4rem;height:42px}
@media(min-width:576px){
  .headernav #primary-nav .navbar-brand img{padding-top:.6rem;padding-bottom:.6rem;height:56px}}
.headernav #primary-nav .navbar-brand{flex-grow:9;padding-left:16px;
  -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}
.headernav #primary-nav .navbar-brand:hover{opacity:.8}
.headernav #primary-nav #navbarSupportedContent{height:56px;width:100%}
@media(min-width:992px){
  .headernav #primary-nav #navbarSupportedContent{width:auto}}
.headernav #primary-nav #navbarSupportedContent .navbar-nav{position:relative;z-index:1}
@media(min-width:992px){
  .headernav #primary-nav .navbar-nav .nav-item:hover>ul{display:block;animation:fadeIn .2s}}
.headernav #primary-nav .navbar-nav .nav-item:hover>ul.show{opacity:1 !important}.headernav #primary-nav .navbar-nav a:hover{color:#fff}
@media(min-width:992px){
  .headernav #primary-nav .navbar-nav a:hover{color:#005daa}}
.headernav #primary-nav .nav-link{
background:#073452;border-bottom:1px solid #004680;font-weight:bold;color:#fff;font-size:18px;line-height:20px;height:56px;padding:20px 1rem;
/** -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(min-width:992px){
  .headernav #primary-nav .nav-link{background:#fff;border:0;color:#0b3c5d;font-size:18px;padding:20px .9rem}}
@media(min-width:1400px){
  .headernav #primary-nav .nav-link{padding:20px 2.3rem}}
.headernav #primary-nav .translation-link-mobile{margin-right:1rem;display:block;margin-left:auto}
@media(min-width:992px){
  .headernav #primary-nav .translation-link-mobile{display:none}} 
.headernav #primary-nav .translation-link-mobile a{-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(min-width:1200px){
  .headernav #primary-nav .translation-link-mobile a{width:11rem}}      
.headernav #primary-nav .translation-link-mobile .dropdown-toggle{background-color:#fff;color:#0b3c5d;font-size:.9em;text-decoration:none}
.headernav #primary-nav .translation-link-mobile .dropdown-toggle:after{display:inline-block;margin-left:.155em;vertical-align:.155em;content:"";border-top:.3em solid !important;border-right:.3em solid transparent !important;border-bottom:0 !important;border-left:.3em solid transparent !important;position:relative;right:0;transform:rotate(0) !important}
.headernav #primary-nav .translation-link-mobile:hover .dropdown-toggle{background-color:#fff;text-decoration:underline}      
.headernav #primary-nav .translation-link-mobile .dropdown-menu{box-shadow:0 0 24px -12px #222 !important;padding-bottom:0 !important;width:11rem;min-width:auto;max-width:auto;top:39px;background-color:#fff}      
.headernav #primary-nav .translation-link-mobile .dropdown-menu .dropdown-item{border:0;background:#fff;color:#0b3c5d}
.headernav #primary-nav .translation-link-mobile .dropdown-menu .dropdown-item:hover{background:#f2f3f3}
.headernav #primary-nav .translation-link-mobile .dropdown-menu:after{border:10px solid transparent !important;border-bottom-color:#fff !important;bottom:100% !important;content:"" !important;position:absolute !important;right:20px !important}
.headernav #primary-nav .translation-link-mobile .dropdown-menu .dropdown-item.active{background:#fff !important;color:#005daa !important}
.headernav #primary-nav .translation-link-mobile .dropdown-menu .about-translation{background:#0070cc !important;color:#fff !important;margin-top:.5rem !important;padding:1rem !important;-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}
.headernav #primary-nav .translation-link-mobile .dropdown-menu .about-translation:hover{background:#007bff !important}
.headernav #primary-nav .translation-link-mobile .dropdown-menu.show{animation:fadeIn .2s;right:3px !important}
.headernav #primary-nav .user-set-location{font-size:1rem;line-height:18px}
.headernav #primary-nav .user-set-location #location-helper-open{position:relative;text-transform:uppercase;background:#06283f;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}    
.headernav #primary-nav .user-set-location #location-helper-open:hover{background:#00172a}
@media(min-width:992px){
  .headernav #primary-nav .user-set-location #location-helper-open{background:#f2f3f3;color:#00172a}
  .headernav #primary-nav .user-set-location #location-helper-open:hover{background:#dbdbdb;color:#00172a}}   
.headernav #primary-nav .user-set-location #location-helper-open img{margin-right:5px}
.headernav #primary-nav .user-set-location #location-helper-open:after{background:#e9ecef;content:"";display:none;height:30px;left:0;margin-top:-14px;position:absolute;top:50%;width:1px}
@media(min-width:992px){
  .headernav #primary-nav .user-set-location #location-helper-open:after{display:block}}
.headernav #primary-nav .dropdown-toggle::after{border:0;content:"";font-family:"Font Awesome 5 Free";margin-top:-3px;position:absolute;right:1rem}
@media(min-width:992px){
  .headernav #primary-nav .dropdown-toggle::after{display:none}}
.headernav #primary-nav .show>.dropdown-toggle::after{transform:rotate(90deg)}
.headernav #primary-nav .dropdown-menu{border:0;border-radius:0;background-color:#0b3c5d;font-size:.8em;margin-top:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:0 5px 7px -1px #222;box-shadow:0 5px 7px -1px #222}
@media(min-width:992px){
  .headernav #primary-nav .dropdown-menu{font-size:1em;min-width:400px;max-width:500px}}
.headernav #primary-nav .dropdown-menu.show{animation:fadeIn .2s}        
.headernav #primary-nav .dropdown-menu .dropdown-lead{font-size:18px;font-weight:700;background-color:#004680 !important;height:3.5rem !important;
  -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}
.headernav #primary-nav .dropdown-menu .dropdown-lead:hover{background-color:#0b3c5d !important}
.headernav #primary-nav .dropdown-menu .dropdown-lead:before{content:"";background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-arrow-green-bg.svg");background-size:cover;background-repeat:no-repeat;display:inline-block;height:28px;margin-right:8px;vertical-align:middle;width:28px;-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}.headernav #primary-nav .dropdown-menu .dropdown-lead:hover:before{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-arrow-orange-bg.svg")}
.headernav #primary-nav .dropdown-menu .dropdown-item{color:#fff;border-top:1px solid #06283f;background-color:#00172a;padding:0;position:relative;height:3.5rem;
  line-height:3.5rem;/** -webkit-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out **/}
.headernav #primary-nav .dropdown-menu .dropdown-item a{color:#fff;padding:20px 2.3rem 20px 1.5rem;height:3.5rem}
.headernav #primary-nav .dropdown-menu .dropdown-item a:hover{text-decoration:none}
.headernav #primary-nav .dropdown-menu .dropdown-item:hover{color:#fff}
.headernav #primary-nav .dropdown-menu .dropdown-item .dropdown-child-menu{border-top:0 solid #0b3c5d;list-style:none;padding-left:0}
.headernav #primary-nav .dropdown-menu .dropdown-item .dropdown-child-menu .dropdown-item{background-color:#0b3c5d;padding-left:1.4rem}
.headernav #primary-nav .dropdown-menu .dropdown-item .dropdown-child-menu .dropdown-item a{border:0}
.headernav #primary-nav .dropdown-menu .dropdown-item .dropdown-child-menu .dropdown-item:hover{background-color:#06283f}
.headernav #primary-nav .dropdown-menu .dropdown-child{cursor:pointer}
.headernav #primary-nav .dropdown-menu .dropdown-child.disabled{cursor:default}
.headernav #primary-nav .dropdown-menu a.dropdown-item{height:3.5rem;padding:0 4.5rem 0 1.5rem}
.headernav #primary-nav .dropdown-menu a.dropdown-item:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle{height:3.5rem;background-color:#00172a}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle.open{height:auto}.headernav #primary-nav .dropdown-menu .dropdown-child-toggle.open a{height:3.5rem}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle:hover{background-color:#06283f}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle span{display:inline-block;line-height:22px;vertical-align:middle;white-space:normal}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle a{color:#fff;display:block;height:100%;padding:0 4.5rem 0 1.5rem}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle a:hover{text-decoration:none}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle a span{display:inline-block;vertical-align:middle}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle a:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button{border:0;color:#22bcb9;position:absolute;right:0;top:0;align-items:center;height:3.5rem;width:3.5rem;background-color:#00172a;outline:0}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button:hover{background-color:#06283f;color:#f47735}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button:focus{outline:0}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button span{left:-9999px;position:absolute}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button .fas{-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}
.headernav #primary-nav .dropdown-menu .dropdown-child-toggle .dropdown-child-button .fa-plus.fa-minus:before{content:"" !important}
.headernav #primary-nav .dropdown-menu .dropdown-item:hover,
.headernav #primary-nav .dropdown-menu .dropdown-item:focus,
.headernav #primary-nav .dropdown-menu .dropdown-item:active
  {background-color:#06283f;-webkit-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out}
.headernav #primary-nav .dropdown-menu .dropdown-item.open:hover,
.headernav #primary-nav .dropdown-menu .dropdown-item.open:focus,
.headernav #primary-nav .dropdown-menu .dropdown-item.open:active{background-color:inherit !important}
.headernav #primary-nav .user-set-location{line-height:56px;padding:0}
.headernav #primary-nav .nav-item.user-location-active .user-set-location{background-color:#0b3c5d;color:#fff}
.headernav #subpage-buttons{display:flex;flex-flow:row nowrap;justify-content:flex-start;width:100%}
@media(min-width:992px){
  .headernav #subpage-buttons{width:auto}}
.headernav #set-location-sub{width:50%;height:56px;background-color:#f8f9fa;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(min-width:992px){
  .headernav #set-location-sub{width:9rem}}
@media(min-width:1200px){
  .headernav #set-location-sub{width:11rem}}
.headernav #set-location-sub:hover{background-color:#e9ecef}
.headernav #set-location-sub .user-set-location-sub{background:#0b3c5d;color:#fff;font-size:12px;-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;text-transform:uppercase}
.headernav #set-location-sub .user-set-location-sub:hover{background:#06283f}
@media(min-width:992px){
  .headernav #set-location-sub .user-set-location-sub{background:#f2f3f3;color:#00172a}
  .headernav #set-location-sub .user-set-location-sub:hover{background:#dbdbdb}
  .headernav #set-location-sub .user-set-location-sub:after{content:"";display:block;position:absolute;right:0;height:36px;top:10px;width:1px;background-color:#dee2e6}}
.headernav #set-location-sub .user-set-location-sub #location-helper-open-sub{line-height:20px;height:100%;display:flex;align-items:center;justify-content:center}
.headernav #set-location-sub .user-set-location-sub #location-helper-open-sub span{font-size:.9em}
.headernav #set-location-sub .user-set-location-sub #location-helper-open-sub span img{max-height:15px;width:auto;margin:auto;margin-right:5px}
@media(min-width:992px){
  .headernav #set-location-sub .user-set-location-sub #location-helper-open-sub span img{display:block;margin-right:auto}}
@media(min-width:1200px){
  .headernav #set-location-sub .user-set-location-sub #location-helper-open-sub span img{max-height:30px}}
.headernav #set-location-sub.user-location-active .user-set-location-sub{background:#0b3c5d;color:#fff;text-align:center}
.headernav #set-location-sub.user-location-active .user-set-location-sub:after{display:none !important}
.headernav #set-location-sub #location-helper-close-sub{font-size:.9em;height:100% !important}
.headernav #set-location-sub .user-set-location-sub{line-height:56px;padding:0;text-align:center;-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}
.headernav #set-location-sub #location-helper-sub{box-shadow:0 4px 4px #222;position:absolute;top:53.2px;background-color:#fff;width:200%;right:-100%}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub{right:0;width:auto}}
.headernav #set-location-sub #location-helper-sub #find-me{font-size:.8em;line-height:1.2;text-align:center}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub #find-me{line-height:1.5;width:7rem}}
.headernav #set-location-sub #location-helper-sub #find-me img{display:block;margin:0 auto 2px !important}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub #find-me img{display:inline-block;margin:auto;margin-right:7px}}
@media(min-width:1200px){
  .headernav #set-location-sub #location-helper-sub #find-me{font-size:.9em}}
.headernav #set-location-sub #location-helper-sub #set-location-button-sub>div{line-height:1.4;padding-left:8px !important;padding-right:8px !important}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub #set-location-button-sub>div{line-height:1.5;padding-left:2rem !important;padding-right:2rem !important}}
.headernav #set-location-sub #location-helper-sub #set-location-button-sub:hover{text-decoration-color:#fff}
.headernav #set-location-sub #location-helper-sub #set-location-button-sub .bg-teal{-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}
.headernav #set-location-sub #location-helper-sub #set-location-button-sub .bg-teal:hover{background-color:#1da2a0}
.headernav #set-location-sub #location-helper-sub #set-location-button-sub .set-location-open{font-size:.8em}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub #set-location-button-sub .set-location-open{width:9rem}}
@media(min-width:1200px){
  .headernav #set-location-sub #location-helper-sub #set-location-button-sub .set-location-open{width:11rem;font-size:.9em}}
.headernav #set-location-sub #location-helper-sub #find-me img{margin-right:7px}
.headernav #set-location-sub #location-helper-sub img{height:1rem}
.headernav #set-location-sub #location-helper-sub label{margin-bottom:0}
.headernav #set-location-sub #location-helper-sub .form-control{font-size:.85em;min-width:20vw}
@media(min-width:992px){
  .headernav #set-location-sub #location-helper-sub .form-control{font-size:1rem}}
.headernav #set-location-sub #location-helper-sub .fill-width{flex-grow:1}
.headernav #search-helper-sub .search-container{margin-bottom:0}
.headernav #search-helper-sub .search-container::after{display:none}
.headernav #search-sub{width:50%;text-align:center;-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;height:56px;background-color:#f8f9fa}
@media(min-width:992px){
  .headernav #search-sub{width:9rem}}
.headernav #search-sub .user-set-search-sub{line-height:56px;padding:0;background:#06283f;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;line-height:20px;font-size:12px;text-transform:uppercase}
.headernav #search-sub .user-set-search-sub:hover{background:#00172a}
@media(min-width:992px){
  .headernav #search-sub .user-set-search-sub{background:#f2f3f3;color:#00172a}
  .headernav #search-sub .user-set-search-sub:hover{background:#dbdbdb}}
.headernav #search-sub .user-set-search-sub span img{display:block;margin:auto}
.headernav #search-sub span{font-size:1em}
.headernav #search-sub span img{max-height:15px;width:auto}
@media(min-width:1200px){
  .headernav #search-sub span img{max-height:30px;width:auto}}
.headernav #search-sub:hover{background-color:#e9ecef}
@media(min-width:1200px){
  .headernav #search-sub{width:11rem}}
.headernav #search-sub.user-search-sub-active .user-set-search-sub{background-color:#0b3c5d;color:#fff}
.headernav #search-sub #search-helper-sub-close{font-size:.9em;height:100% !important}
.headernav #search-sub #search-helper-sub-close span{height:100%;display:flex;align-items:center;justify-content:center}
.headernav #search-sub #search-sub-helper-open{height:100%;display:flex;align-items:center;justify-content:center}
.headernav #search-sub #search-sub-helper-open span{font-size:.9em}
.headernav #search-sub #search-sub-helper-open span img{max-height:15px;width:auto;display:inline-block;margin-right:5px}
@media(min-width:992px){
  .headernav #search-sub #search-sub-helper-open span img{display:block;margin-right:auto}}
@media(min-width:1200px){
  .headernav #search-sub #search-sub-helper-open span img{max-height:30px;width:auto}}
.headernav #search-sub #search-helper-sub{width:30rem;height:50px;box-shadow:0 4px 4px #222;position:absolute;top:112px;right:0;background-color:#fff;width:100%}
@media(min-width:992px){
  .headernav #search-sub #search-helper-sub{top:56px;width:auto}}
.headernav #search-sub #search-helper-sub .search-container{flex-grow:1;max-width:90%}
.headernav #search-sub #search-helper-sub .align-items-center{height:50px}
.headernav #search-sub #search-helper-sub img{height:1rem}
.headernav #search-sub #search-helper-sub label{margin-bottom:0}
.headernav #search-sub #search-helper-sub .form-control{min-width:20vw}
.headernav #set-location-home{width:100%;height:56px;text-align:center;-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;background-color:#f2f3f3}
@media(min-width:992px){
  .headernav #set-location-home{width:18rem}}
@media(min-width:1200px){
  .headernav #set-location-home{width:22rem}}
.headernav #set-location-home>a{padding:0}
.headernav #set-location-home:hover{background-color:#e3e3e3}
.headernav #set-location-home #location-helper{box-shadow:0 4px 4px #222;font-size:.8em;position:absolute;top:109.2px;right:0;background-color:#fff;width:100%}
@media(min-width:992px){
  .headernav #set-location-home #location-helper{font-size:1em;top:56px;width:auto}}
.headernav #set-location-home #location-helper #set-location-button>div{line-height:1.4;padding-left:8px !important;padding-right:8px !important}
@media(min-width:992px){
  .headernav #set-location-home #location-helper #set-location-button>div{line-height:1.5;padding-left:2rem !important;padding-right:2rem !important}}
.headernav #set-location-home #location-helper #set-location-button:hover{text-decoration-color:#fff}.headernav #set-location-home #location-helper #find-me{line-height:1.2}
@media(min-width:992px){
  .headernav #set-location-home #location-helper #find-me{line-height:1.5}}
.headernav #set-location-home #location-helper #find-me img{display:block;margin:0 auto 2px;padding-left:4px !important;padding-right:4px !important}
@media(min-width:992px){
  .headernav #set-location-home #location-helper #find-me img{display:inline-block;margin-right:7px;padding-left:1rem !important;padding-right:1rem !important}}
.headernav #set-location-home #location-helper img{height:1rem}
.headernav #set-location-home #location-helper label{margin-bottom:0}
.headernav #set-location-home #location-helper .form-control{font-size:1em;min-width:15vw}
@media(min-width:992px){.headernav #set-location-home #location-helper .form-control{font-size:1rem}}
.headernav #set-location-home #location-helper .fill-width{flex-grow:1}
.headernav #set-location-home{display:block}.headernav #set-location-home.headertoggled{display:none}
.headernav #set-location-sub{display:none}.headernav #set-location-sub.headertoggled{display:block}
.headernav #search-sub{display:none}.headernav #search-sub.headertoggled{display:block}
@media(min-width:992px){
  .headernav #mobile-menu{display:none}}
.headernav #mobile-menu .row{margin:0}.headernav #mobile-menu .row .col-6{padding:0}
.headernav #mobile-menu #mobile-utility-menu .col-6:last-of-type .nav-link{background:#06283f}
.headernav #mobile-menu #mobile-utility-menu .nav-link{border:0;font-weight:400;height:42px;line-height:1.6em;padding:5px .75rem 0 36px;position:relative;font-size:.8em}
.headernav #mobile-menu #mobile-utility-menu .nav-link i{left:14px;position:absolute;top:10px}
.headernav #mobile-menu #mobile-utility-menu .nav-link i:before{color:#22bcb9}
.headernav #mobile-menu #mobile-utility-menu ul li:first-of-type a{height:50px;padding-top:14px}
.headernav #mobile-menu #mobile-utility-menu ul li:first-of-type a i{top:18px}
.headernav #mobile-menu #featured-sites{background:#0b3c5d}
.headernav #mobile-menu #featured-sites #five-eleven-service{text-align:center}
.headernav #mobile-menu #featured-sites #five-eleven-service a img{height:83px;padding-top:15px}
.headernav #mobile-menu #featured-sites #five-eleven-service a span{left:-9999px;position:absolute}
.headernav #mobile-menu #featured-sites #featured-site{padding:10px 12px 14px}
.headernav #mobile-menu #featured-sites #featured-site .link-header{color:#22bcb9;font-size:.9em;padding-bottom:7px;position:relative;text-transform:uppercase}
.headernav #mobile-menu #featured-sites #featured-site .link-header img{display:inline-block;height:17px;vertical-align:bottom}
.headernav #mobile-menu #featured-sites #featured-site .link-header span{display:inline-block;line-height:.8;margin-left:3px;vertical-align:bottom;font-size:.8em}
.headernav #mobile-menu #featured-sites #featured-site .link-header:after{background:#22bcb9;content:"";height:3px;left:0;position:absolute;top:100%;width:44px}
.headernav #mobile-menu #featured-sites #featured-site .link-name{color:#fff;display:block;font-weight:700;line-height:1.2em;margin-top:16px;min-height:38px}
.headernav #mobile-menu #menu-footer{border-bottom:40px solid #00172a}
.headernav #mobile-menu #menu-footer .col-2{background:#005daa;padding:5px 0}
.headernav #mobile-menu #menu-footer .col-2:nth-of-type(2){background:#0070cc}
.headernav #mobile-menu #menu-footer .col-2:nth-of-type(3){background:#0082ee}
.headernav #mobile-menu #menu-footer .col-2:nth-of-type(4){background:#1193ff}
.headernav #mobile-menu #menu-footer .col-2:nth-of-type(5){background:#33a3ff}
.headernav #mobile-menu #menu-footer .col-2:nth-of-type(6){background:#55b2ff}
.headernav #mobile-menu #menu-footer .col-2:hover{background:#00172a}
.headernav #mobile-menu #menu-footer .col-2 a{display:block;padding:6px 0;text-align:center}
.headernav #mobile-menu #menu-footer .col-2 a img{height:26px}.headernav #mobile-menu #menu-footer .col-2 a span{left:-9999px;position:absolute}
.headernav #toggle-header{padding:20px;background-color:#f47735;position:absolute;bottom:20px;left:20px;z-index:-1}
.headernav #toggle-header:after{content:"Show subheader";display:inline-block;color:#fff}
.headernav #toggle-header.headertoggled{background-color:#007bff}.headernav #toggle-header.headertoggled:after{content:"Show home header";display:inline-block;color:#fff}
.headernav #location-status{position:absolute;bottom:20px;right:20px;z-index:-1}
.headernav #location-status button{padding:20px;background-color:#005daa;color:#fff}
.headernav #json-result{max-height:300px;overflow-y:scroll;border:1px solid gray}

/*accordion */
.accordion{display:block;max-width:100%;margin-bottom:30px}
.accordion .card{border-radius:0}.accordion .card .card-header{padding:0}.accordion .card .card-header h5{margin:0}
.accordion .card .card-header .btn{margin:0px;position:relative;display:block;width:100%;text-align:left;outline:0;background-color:#dee2e6;border-radius:0;padding:10px 30px 10px 10px;font-size:.75rem;font-weight:700;color:#004680}
.accordion .card .card-header .btn .accordion-icon{width:16px;height:auto;margin-right:5px}
@media(min-width:992px){
  .accordion .card .card-header .btn{font-size:1.125rem;padding:22.5px 40px 22.5px 20px}}
.accordion .card .card-header .btn::after{content:"−";position:absolute;top:50%;right:10px;transform:translateY(-50%);background-color:#fff;border-radius:100%;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#005daa;text-align:center;font-weight:400;width:18px;height:18px;font-size:14px;line-height:19px;right:10px}  
@media(min-width:992px){
  .accordion .card .card-header .btn::after{width:24px;height:24px;font-size:22px;line-height:26px;right:10px}}
.accordion .card .card-header .btn.collapsed{background-color:#f2f3f3}
.accordion .card .card-header .btn.collapsed::after{content:"+"}
.accordion .card .card-header .btn:focus{box-shadow:none;text-decoration:underline}
.accordion .card .card-header .btn:visited{text-decoration:none}
.accordion .card .card-header .btn:hover{background-color:#dee2e6;text-decoration:none}

/* background video */
#background-video-container{position:absolute;width:100%;left:0;top:120px;z-index:-1;display:flex;height:60vw;max-height:60vh;overflow:hidden;background-size:cover;background-position:center}
#background-video-container .header-background{position:absolute;top:50%;left:50%;width:120%;height:0;padding-bottom:66.25%;transform:translate(-50%,-50%);pointer-events:none}
#background-video-container .header-video-overlay{position:absolute;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),visibility .5s linear}
#background-video-container .header-video-overlay--fadeOut{opacity:0;visibility:hidden}
#background-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
#background-video-container .header-video{display:none}
@media(min-width:576px){
  #background-video-container .header-video{display:block}}
#background-video-container .inner-banner:after{content:'';display:block;width:100%;position:absolute;bottom:0;left:0;height:10vh;background:#f2f3f3;background:linear-gradient(180deg,rgba(242,243,243,0) 0,#f2f3f3 100%);z-index:22}
#background-video-container .header-video-overlay{display:none}
@media(min-width:576px){
  #background-video-container .header-video-overlay{display:block}}
#background-video-container button{position:absolute;bottom:5vh;left:20px;background:0;border:#fff solid 1px;z-index:23;color:#fff;font-size:.8em}
#background-video-container button:after{content:'Stop video';display:inline-block}
#background-video-container button.yt-paused:after{content:'Play video';display:inline-block}

/* breadcrumbs */
.breadcrumbs{display:block;width:100%;background-color:#f2f3f3;overflow:hidden;padding:10px 25px}
.breadcrumbs a{display:none;position:relative;font-size:.75em;line-height:1.17;font-weight:400;color:#0070cc;margin-left:16px;padding-top:13px;padding-bottom:13px;}
.breadcrumbs a:focus{outline:dotted 1px #00172a;outline-offset:2px}
.breadcrumbs a:first-of-type{margin-left:0}
.breadcrumbs a::after{content:"/";position:absolute;top:50%;left:-12px;transform:translateY(-50%);color:#000}
/**
.breadcrumbs a:last-of-type{display:inline}
.breadcrumbs a:last-of-type::after{content:"<";font-size:1.25em}
**/  
.breadcrumbs a:nth-last-child(2){display:inline}
.breadcrumbs a:last-of-type::after{content:"<";font-size:1.25em}
.breadcrumbs a:first-of-type{padding-left:14px}
.breadcrumbs a:first-of-type::after{content:"" !important;top:50%;transform:translateY(-50%);left:0;background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-home.svg");background-size:cover;background-repeat:repeat;background-position:center;width:10px;height:10px}
@media(min-width:576px){
  .breadcrumbs{border-radius:10px 10px 0 0;padding:10px 12px}.breadcrumbs a{display:inline}
  .breadcrumbs a:last-of-type::after{content:"/";font-size:1em}}    
@media(max-width:576px){
  .breadcrumbs a:nth-last-child(2){content:"<";}}
      
/* callout banner */
.homepage .callout-banner-icon{margin-bottom:0}
.callout-banner-icon{background:#004680;color:#fff;margin:0;overflow:hidden;margin-bottom:30px}
@media(max-width:1199.98px){
  .callout-banner-icon{display:block !important}}
.callout-banner-icon h3{font-size:1.7em;line-height:1.22;font-weight:700;padding-bottom:8px;display:inline-block;position:relative;margin-top:20px}
.callout-banner-icon h3::after{content:"";position:absolute;bottom:0;left:0;transform:translateX(0);background-color:#22bcb9;width:27px;height:3px}
@media(min-width:992px){
  .callout-banner-icon h3::after{left:0;transform:translateX(0);width:72px;height:5px}}
.callout-banner-icon .col-3{align-items:center;background:#0b3c5d;display:flex;justify-content:center;padding:32px 0;text-align:center}
.callout-banner-icon .col-3 img{width:110px}
@media(max-width:1199.98px){
  .callout-banner-icon .col-3{max-width:100%;padding:12px 0;width:100%}
  .callout-banner-icon .col-3 img{height:36px;width:auto}}
.callout-banner-icon .col-7{box-shadow:10px 0 24px 0 #222;padding:24px 2.5% 32px}
.callout-banner-icon .col-7 p{margin:24px 0 40px}
.callout-banner-icon .col-7 .link-list .underline-link{color:#fff}  
@media(max-width:1199.98px){.callout-banner-icon .col-7{box-shadow:0 8px 12px 0 #222;font-size:.9em;max-width:100%;padding:24px 6%;text-align:center;width:100%}
.callout-banner-icon .col-7 p{margin:16px 0 30px}}
.callout-banner-icon .col-2{background:#005daa;box-shadow:10px 0 24px 0 #222;display:flex;flex-direction:column;justify-content:center;padding:24px 2%}
.callout-banner-icon .col-2 a.btn:hover{background-color:#f47735}
@media(max-width:1199.98px){.callout-banner-icon .col-2{box-shadow:0 8px 12px 0 #222;max-width:100%;padding:14px 4%;text-align:center;width:100%}
  .callout-banner-icon .col-2 a{display:inline-block;margin:3px 4px}.callout-banner-icon .col-2:after{display:none}}
.callout-banner-icon.vdotblue h3{color:#fff}.callout-banner-icon.vdotblue .col-2 a.btn:hover{background-color:#f47735}
.callout-banner-icon.vdotblue img{display:inline;opacity:.2}.callout-banner-icon.teal h3{color:#06283f}
.callout-banner-icon.teal .col-3{background:#119f9d}.callout-banner-icon.teal .col-3 img{display:inline;opacity:.2}
.callout-banner-icon.teal .col-7{background:#22bcb9;color:#00172a}
.callout-banner-icon.teal .col-7 h3:after{background:#005daa}
.callout-banner-icon.teal .col-7 .link-list .underline-link{color:#00172a;border-color:#119f9d}
.callout-banner-icon.teal .col-7 .link-list .underline-link:hover{border-color:#f47735}.callout-banner-icon.teal .col-2{background:#119f9d}
.callout-banner-icon.teal .col-2 a.btn:hover{background:#005daa}.callout-banner-icon.orange h3{color:#fff}
.callout-banner-icon.orange .col-3{background:#af3f02}.callout-banner-icon.orange .col-3 img{display:inline;opacity:.2}
.callout-banner-icon.orange .col-7{background:#c04e11}.callout-banner-icon.orange .col-7 h3:after{background:#005daa}
.callout-banner-icon.orange .col-7 .link-list .underline-link{color:#fff;border-color:#005daa}
.callout-banner-icon.orange .col-7 .link-list .underline-link:hover{border-color:#f47735}
.callout-banner-icon.orange .col-2{background:#f47735}.callout-banner-icon.orange .col-2 a.btn:hover{background:#005daa}
.callout-banner-icon.gray .col-3{background:#e3e3e3}.callout-banner-icon.gray .col-3 img{display:inline;opacity:.7}
.callout-banner-icon.gray .col-7{background:#e3e3e3;color:#0b3c5d}.callout-banner-icon.gray .col-7 h3:after{background:#005daa}
.callout-banner-icon.gray .col-7 .link-list .underline-link{color:#06283f;border-color:#f47735}
.callout-banner-icon.gray .col-2{background:#e3e3e3}.callout-banner-icon.gray .col-2 a.btn:hover{background:#005daa}

/* color cards */
.color-cards.row{row-gap:25px}
.color-cards .color-card-item a{border-radius:10px;color:#fff;display:block;padding-top:34px;position:relative;text-align:center;-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:1199.98px){
  .color-cards .color-card-item a{font-size:.9em}}
@media(max-width:767.98px){
  .color-cards .color-card-item a{padding:22px 0 4px}} 
.color-cards .color-card-item a p{-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;align-items:center;font-weight:bold}
.color-cards .color-card-item a span{-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}
.color-cards .color-card-item a:hover{text-decoration:none}
.color-cards .color-card-item a:hover.cc-bgblue{background:#004680}
.color-cards .color-card-item a:hover.cc-bgblue span.circlearrow{background:#f2f3f3;border:2px solid #0b3c5d}
.color-cards .color-card-item a:hover.cc-bgblue p{background:#0b3c5d}
.color-cards .color-card-item a:hover.cc-bgteal{background:#119f9d}
.color-cards .color-card-item a:hover.cc-bgteal span.circlearrow{background:#f2f3f3;border:2px solid #0f8886}
.color-cards .color-card-item a:hover.cc-bgteal p{background:#0f8886}
.color-cards .color-card-item a:hover.cc-bgorange{background:#c04e11}
.color-cards .color-card-item a:hover.cc-bgorange span.circlearrow{background:#f2f3f3;border:2px solid #a9440f}
.color-cards .color-card-item a:hover.cc-bgorange p{background:#a9440f}
.color-cards .color-card-item a:hover.cc-bgliteblue{background:#1193ff}
.color-cards .color-card-item a:hover.cc-bgliteblue span.circlearrow{background:#f2f3f3;border:2px solid #0087f7}
.color-cards .color-card-item a:hover.cc-bgliteblue p{background:#0087f7}
.color-cards .color-card-item a img{height:34px}
.color-cards .color-card-item a img.cardicon{margin-bottom:10px}
.color-cards .color-card-item a h3{font-size:1.1em;height:44px;margin-top:3px;padding:0 12px}
@media(max-width:1199.98px){
  .color-cards .color-card-item a h3{font-size:1em;height:34px;margin-top:5px}}
.color-cards .color-card-item a p{border-radius:0 0 10px 10px;font-size:.9em;height:102px;padding:8px 16px 0;margin-bottom:0}
@media(max-width:1199.98px){
  .color-cards .color-card-item a p{line-height:1.3em}}
@media(max-width:767.98px){
  .color-cards .color-card-item a p{display:none}}
.color-cards .color-card-item a span.circlearrow{height:26px;width:26px;position:absolute;right:8px;top:8px;border-radius:100px;background:#fff;display:flex;justify-content:center;align-items:center}
@media(max-width:767.98px){
  .color-cards .color-card-item a span.circlearrow{height:16px;width:16px}}
.color-cards .color-card-item a span.circlearrow img{height:9px}
@media(max-width:767.98px){
  .color-cards .color-card-item a span.circlearrow img{height:7px}}
.color-cards .color-card-item a.cc-bgblue{background:#005daa}
.color-cards .color-card-item a.cc-bgblue p{background:#004680}
.color-cards .color-card-item a.cc-bgteal{background:#22bcb9}
.color-cards .color-card-item a.cc-bgteal h3{color:#06283f}
.color-cards .color-card-item a.cc-bgteal p{background:#119f9d;color:#06283f}
.color-cards .color-card-item a.cc-bgorange{background:#f47735}
.color-cards .color-card-item a.cc-bgorange h3{color:#06283f}
.color-cards .color-card-item a.cc-bgorange p{color:#06283f;background:#f3671d}
.color-cards .color-card-item a.cc-bgliteblue{background:#55b2ff}
.color-cards .color-card-item a.cc-bgliteblue h3{color:#06283f}
.color-cards .color-card-item a.cc-bgliteblue p{color:#06283f;background:#1193ff}

/* contact square (Leadership Contact Card)*/
.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;border-radius:10px;color:#fff;margin-bottom:24px;padding:18px;text-align:center}
.contact-square.blue-version{background:#004680}
.contact-square.blue-version:hover{background:#06283f}
.contact-square.blue-version a.btn.btn-outline:hover{background-color:#22bcb9 !important;color:#fff;border:2px solid #fff}
@media(max-width:829.98px){
  .contact-square{font-size:.9em}}.contact-square img{height:140px}
@media(max-width:829.98px){
  .contact-square img{height:80px}}
@media(max-width:767.98px){
  .contact-square img{height:62px}}
.contact-square h3{font-size:1.3em;margin-top:16px}
@media(max-width:767.98px){
  .contact-square h3{font-size:1.1em}}
.contact-square p{margin-bottom:3px}.contact-square.gray-version{background:#f2f3f3;color:#000}
.contact-square.gray-version:hover{background:#d7dbdb}.contact-square.gray-version h3{color:#0b3c5d}

/* contact bar (Contact Gray Card)*/
.contact-bar{border-radius:10px;color:#fff;height:94px;margin-bottom:20px;padding-right:90px;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}
.contact-bar.blue-version{background:#004680}
.contact-bar.blue-version:hover{background:#06283f}
.contact-bar.blue-version:hover img{background:#004680}
.contact-bar.blue-version:hover .button-area{background:#004680}
.contact-bar.blue-version img{background:#06283f}
.contact-bar.blue-version .button-area{background:#06283f}
.contact-bar.blue-version a.btn.btn-outline:hover{background-color:#22bcb9 !important;color:#fff;border:2px solid #fff}
@media(max-width:1199.98px){
  .contact-bar{font-size:.9em;height:76px}}
@media(max-width:829.98px){
  .contact-bar{font-size:.8em;height:64px}}
@media(max-width:767.98px){
  .contact-bar{font-size:.75em;height:56px;line-height:1.1em;padding-right:38px}}
.contact-bar img{border-radius:10px 0 0 10px;display:inline-block;height:100%;margin-right:10px;padding:10px;vertical-align:middle}
@media(max-width:1199.98px){
  .contact-bar img{margin-right:6px;padding:8px}}
@media(max-width:767.98px){
  .contact-bar img{margin-right:6px;padding:6px}}
.contact-bar .contact-name{display:inline-block;vertical-align:middle;width:50%}
.contact-bar .contact-name h3{font-size:1.2em;margin-bottom:0}
.contact-bar .contact-name p{margin-bottom:0 !important}
.contact-bar .button-area{border-radius:0 10px 10px 0;height:100%;line-height:94px;padding:0 14px 0 12px;position:absolute;right:0;top:0}
@media(max-width:1199.98px){
  .contact-bar .button-area{line-height:76px}}
@media(max-width:829.98px){
  .contact-bar .button-area{line-height:64px;padding:0 8px 0 6px}}
@media(max-width:767.98px){
  .contact-bar .button-area{line-height:56px;padding:0 4px}}
.contact-bar .button-area a.btn{font-size:.85em;padding:6px 9px}
.contact-bar .button-area a.btn:hover{background-color:#f47735;color:#fff}
.contact-bar.gray-version{background:#f2f3f3;color:#000}
.contact-bar.gray-version h3{color:#0b3c5d}
.contact-bar.gray-version img{background:#e3e3e3}
.contact-bar.gray-version img:hover{background:#f2f3f3}
.contact-bar.gray-version .button-area{background:#e3e3e3}
.contact-bar.gray-version .button-area:hover{background:#f2f3f3}
.contact-bar.gray-version:hover{background:#d7dbdb}

/* footer contact (Contact Footer Card and Projects) */
.footer-contact{font-size:.85em}
.footer-contact img{float:left;height:38px;margin-right:8px}
.footer-contact h3{font-size:1em;line-height:1.5em;margin:0}
.footer-contact p{font-size:.95em;line-height:1.5em;margin:0}
.footer-contact p a{font-weight:700}.document-banner{margin-bottom:30px}

/* document banner (Document Banner and Technical Guidance) */ 
.document-banner .dates-container{height:100%;background-color:#0b3c5d;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;padding:14px}
.document-banner .dates-container .date{width:auto;display:inline-block;padding:10px 20px;font-size:.75em;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0;text-align:center;color:#fff}
.document-banner .dates-container .date:first-of-type{border-right:1px solid #005daa}
.document-banner .dates-container .date .label{display:block;width:100%}
@media(min-width:992px){
  .document-banner .dates-container .date{width:100%;font-size:1.125em;font-style:normal;font-weight:400;line-height:22px;letter-spacing:0;text-align:center;padding:20px 10px}
  .document-banner .dates-container .date:first-of-type{margin-top:auto;text-align:center;border-right:0;border-bottom:1px solid #005daa}
  .document-banner .dates-container .date:last-of-type{text-align:center}.document-banner .dates-container .date .label{font-weight:700}}
.document-banner .copy-container{height:100%;background-color:#004680;color:#fff;padding:26px 30px}
.document-banner .copy-container h3{font-size:1.7em;line-height:1.22;font-weight:700;padding-bottom:5px;display:inline-block;position:relative;color:#fff;margin-top:20px}
.document-banner .copy-container h3.undecorated{padding-bottom:0;color:#000}
.document-banner .copy-container h3.undecorated::after{display:none}
.document-banner .copy-container h3::after{content:"";position:absolute;bottom:0;left:0;transform:translateX(0);background-color:#22bcb9;width:27px;height:3px}
@media(min-width:992px){
  .document-banner .copy-container h3::after{left:0;transform:translateX(0);width:72px;height:5px}}
.document-banner .copy-container p{color:#fff}
.document-banner .copy-container .links-row .underline-link{color:#fff}
.document-banner .copy-container .links-row .underline-link:last-of-type{margin-right:0}
.document-banner .copy-container .links-row .underline-link:hover{text-decoration:none;border-bottom:2px solid #c04e11;color:#dee2e6}
@media(min-width:992px){
  .document-banner .copy-container .links-row .underline-link{font-size:.9375em;line-height:1.5em}}
@media(min-width:992px){
  .document-banner .copy-container{padding:42px 30px 22px 30px}
  .document-banner .copy-container h3{margin-bottom:20px}}
.document-banner .resources-container{height:100%;background-color:#005daa;color:#fff;padding:15px 30px}
.document-banner .resources-container .resources{list-style:none;padding:0;margin-bottom:30px}
.document-banner .resources-container .resources .resource a{display:block;width:100%;position:relative;color:#fff;font-size:.75em;font-style:normal;font-weight:700;line-height:.875em;letter-spacing:0;text-align:left;padding-top:12px;padding-bottom:12px;padding-right:25px;border-bottom:1px solid #004680;transition:border-color 300ms}
.document-banner .resources-container .resources .resource a::after{content:"";position:absolute;background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/doc-banner-resource-link-arrow.svg");background-position:center;background-size:cover;background-repeat:no-repeat;width:20px;height:20px;top:50%;right:2px;transform:translateY(-50%);transition:background-image 300ms,right 300ms}.document-banner .resources-container .resources .resource a:hover{color:#f47735;border-color:#f47735;text-decoration:none}.document-banner .resources-container .resources .resource a:hover::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/doc-banner-resource-link-arrow-hover.svg");right:0}.document-banner .resources-container .resources .resource a .icon{margin-right:12px}
@media(min-width:992px){
  .document-banner .resources-container .resources .resource a{font-size:.9375em;line-height:1.25em}}
.document-banner .resources-container .disclaimer{font-size:.7625em;font-style:italic}
@media(min-width:992px){
  .document-banner .resources-container{padding:18px 38px}}

/* emergency banner */    
.emergencynotice{position:relative}
#emergency-banner{background-color:#005daa; /** max-height:90px; **/ display:flex;flex-direction:row;align-items:stretch;flex-grow:1;height:90px; /** top:126px; **/ top:0;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:absolute}
@media(max-width:829.98px){
  #emergency-banner{top:166px}}  
#emergency-banner.remove{top:-231px;height:0;overflow:hidden}
#emergency-banner .alert-icon{width:80px;background-color:#f47735;display:flex;justify-content:center;align-items:center;position:relative}
@media(max-width:767.98px){
  #emergency-banner .alert-icon{width:10px}}
@media(max-width:767.98px){
  #emergency-banner .alert-icon img{display:none}}   
#emergency-banner .alert-icon:after{content:'';width:0;height:0;border-style:solid;border-width:45px 0 45px 15px;border-color:transparent transparent transparent #f47735;position:absolute;right:-15px}
#emergency-banner .alert-text{align-self:center;padding-left:40px;color:#fff;flex-grow:2;padding-right:15px}   
@media(max-width:1199.98px){
  #emergency-banner .alert-text{padding-left:30px}}  
@media(max-width:767.98px){
  #emergency-banner .alert-text{padding-left:25px}}  
#emergency-banner .alert-text .alert-title{margin-bottom:3px;font-weight:bold}
#emergency-banner .alert-text .alert-content{margin-bottom:0;font-size:.8em}
@media(max-width:767.98px){
  #emergency-banner .alert-text .alert-content{line-height:1.1em;font-size:.7em}}
#emergency-banner .alert-link{display:flex;justify-content:center;align-items:center;padding-right:15px}
@media(max-width:767.98px){
  #emergency-banner .alert-link{flex-direction:column;padding-right:10px}}
#emergency-banner .alert-link .btn{margin:0 10px 0 0}
@media(max-width:767.98px){
  #emergency-banner .alert-link .btn{order:2;margin:0}}
#emergency-banner .alert-link .btn:hover{background-color:#f47735}
#emergency-banner .alert-link .alert-close{font-size:1.4em;color:#fff;background-color:#005daa;border:0;-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){
  #emergency-banner .alert-link .alert-close{order:1}}
#emergency-banner .alert-link .alert-close:hover{color:#22bcb9}

/* event cards */
.event-cards{display:block;position:relative}.event-cards .event-card{display:block;width:100%;height:100%;padding-bottom:30px}
.event-cards .event-card h3{color:#005daa}
.event-cards .event-card .content{border-top:5px solid #005daa;padding:15px 25px;height:100%;display:flex;flex-wrap:wrap;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:7px;min-height:225px;overflow:hidden}
.event-cards .event-card .content>div{width:100%}
.event-cards .event-card .date-posted{color:#495057;margin-bottom:0}
.event-cards .event-card .tag-line{margin-bottom:10px}
.event-cards .event-card .cta-row{margin-top:auto}
.event-cards .eventlocation{position:relative;font-size:.9em;line-height:1.33;color:#495057;margin-bottom:18px;padding-left:18px}
.event-cards .eventlocation:after{content:"";position:absolute;top:50%;left:1px;transform:translateY(-50%);background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/event-location.svg");background-size:cover;background-position:center;background-repeat:no-repeat;width:9px;height:12px}

/* filter bar (projects, technical guidance, news search pages, VTRC projects and reports pages)*/
.filter-bar{background-color:#f2f3f3;border-radius:7px;padding:18px 30px;margin-bottom:30px}
.filter-bar .flexalign{align-items:center}
.filter-bar .filterbtn{display:flex;justify-content:center;align-items:center}
.filter-bar .filterbtn a.btn{width:100%}
.filter-bar label{display:block;font-size:1.125rem;font-weight:700;line-height:1.22;letter-spacing:0;text-align:left;margin-bottom:2px}
.filter-bar .filter-container .filter-wrapper{position:relative}
.filter-bar .filter-container .filter-wrapper::after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-select-arrow.svg");background-position:center;background-repeat:no-repeat;background-size:cover;width:12px;height:8px}
.filter-bar .filter-container .filter{position:relative;display:block;width:100%;background-color:#fff;font-size:.75rem;color:#495057;font-weight:400;padding:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:10px}
.filter-bar .filter-container .filter::-ms-expand{display:none}
.filter-bar .filter-container .filter option:hover{background-color:#005daa}
.filter-bar .sr-only{position:absolute;top:-2000em;left:-3000em}
.filter-bar .datepicker{position:relative;margin-bottom:10px}
.filter-bar .datepicker .date .group{display:flex;align-items:center}
.filter-bar .datepicker .year-selector{margin-left:10px}
.filter-bar .datepicker h4{margin:0}
.filter-bar .datepicker .group{display:flex;align-items:center}
.filter-bar .datepicker input{position:relative;display:block;width:100%;background-color:#fff;font-size:.75rem;color:#747d84;font-weight:400;padding:13px;margin-bottom:5px;border:1px solid}
.filter-bar .datepicker input:focus{background-color:#fff}
.filter-bar .datepicker button.icon{margin:0;padding:0 4px;border:0 solid #005a9c;border-radius:5px}
.filter-bar .datepicker .fa-calendar-alt{color:#005daa}
.filter-bar .datepicker button.icon:focus{outline:0;padding:2px;border-width:2px}
.filter-bar .datepicker-dialog{display:none;position:fixed;top:10%;left:50%;transform:translateX(-50%);width:80%;clear:both;border:3px solid #005daa;margin-top:.15em;border-radius:5px;padding:0;background-color:#fff}
.filter-bar .datepicker-dialog .header{cursor:default;background-color:#005daa;padding:7px;font-weight:bold;text-transform:uppercase;color:#fff;display:flex;justify-content:space-around}
.filter-bar .datepicker-dialog h2{margin:0;padding:0;display:inline-block;font-size:1em;color:#fff;text-transform:none;font-weight:bold}
.filter-bar .datepicker-dialog button{border-style:none;background:transparent}
.filter-bar .datepicker-dialog button::-moz-focus-inner{border:0}
.filter-bar .datepicker-dialog .dates{width:100%}
.filter-bar .datepicker-dialog .prev-year,.filter-bar .datepicker-dialog .prev-month,.filter-bar .datepicker-dialog .next-month,.filter-bar .datepicker-dialog .next-year{padding:4px;width:24px;height:24px;color:#fff;display:flex;align-items:center;justify-content:center}
.filter-bar .datepicker-dialog .prev-year:focus,.filter-bar .datepicker-dialog .prev-month:focus,.filter-bar .datepicker-dialog .next-month:focus,.filter-bar .datepicker-dialog .next-year:focus{padding:2px;border:2px solid #fff;border-radius:4px;outline:0}.filter-bar .datepicker-dialog .prev-year:hover,.filter-bar .datepicker-dialog .prev-month:hover,.filter-bar .datepicker-dialog .next-month:hover,.filter-bar .datepicker-dialog .next-year:hover{padding:3px;border:1px solid #fff;border-radius:4px}
.filter-bar .datepicker-dialog .dialog-ok-cancel-group{text-align:right;margin-top:1em;margin-bottom:1em;margin-right:1em}
.filter-bar .datepicker-dialog .dialog-ok-cancel-group button{padding:6px;margin-left:1em;width:5em;background-color:#005daa;font-size:.85em;color:#fff;outline:0;border-radius:5px}
.filter-bar .datepicker-dialog .dialog-button:focus{padding:4px;border:2px solid #000}
.filter-bar .datepicker-dialog .dialog-button:hover{padding:5px;border:1px solid #000}
.filter-bar .datepicker-dialog .fa-calendar-alt{color:#005daa}
.filter-bar .datepicker-dialog .month-year{display:inline-block;text-align:center}
.filter-bar .datepicker-dialog table.dates{padding-left:1em;padding-right:1em;padding-top:1em}
.filter-bar .datepicker-dialog table.dates th,.filter-bar .datepicker-dialog table.dates td{text-align:center}
.filter-bar .datepicker-dialog table.dates tr{border:1px solid #000}
.filter-bar .datepicker-dialog table.dates td{padding:3px;margin:0;line-height:inherit;height:40px;width:40px;border-radius:5px;font-size:15px;background:#eee}
.filter-bar .datepicker-dialog table.dates td.disabled{padding:2px;border:0;height:41px;width:41px}
.filter-bar .datepicker-dialog table.dates td:focus,.filter-bar .datepicker-dialog table.dates td:hover{padding:0;background-color:#005daa;color:#fff;cursor:pointer}
.filter-bar .datepicker-dialog table.dates td:focus{padding:1px;border:2px solid #000;outline:0}
.filter-bar .datepicker-dialog table.dates td:not(.disabled):hover{padding:2px;border:1px solid #000}
.filter-bar .datepicker-dialog table.dates td[aria-selected]{padding:1px;border:2px dotted #000}
.filter-bar .datepicker-dialog table.dates td[aria-selected]:focus{padding:1px;border:2px solid #000}
.filter-bar .datepicker-dialog table.dates td[tabindex="0"]{background-color:#005daa;color:#fff}
.filter-bar .datepicker-dialog .dialog-message{padding-top:.25em;padding-left:1em;height:1.75em;background:#005daa;color:#fff}

/* footer */
footer{box-shadow:0 -4px 8px 0 #aaa}
footer #top-menu{background:#0b3c5d;background:linear-gradient(to right,#0b3c5d,#004680);display:table;height:44px;line-height:44px;margin:0;padding-left:25%;position:relative;width:100%}
@media(max-width:767.98px){
  footer #top-menu{padding-left:0;padding-bottom:44px}}
@media(max-width:575.98px){
  footer #top-menu{height:32px;line-height:32px;padding-bottom:36px}}
footer #top-menu>div{display:table-cell;flex:none;max-width:200%;padding:0;width:auto}
@media(max-width:575.98px){
  footer #top-menu>div{font-size:.75em}}
footer #top-menu>div>a{color:#fff;display:block;font-weight:700;position:relative;text-align:center;text-transform:uppercase;transition:color .2s}
@media(max-width:767.98px){
  footer #top-menu>div>a{font-size:.9em}}
footer #top-menu>div>a:hover{color:#ddd}
footer #top-menu>div>a:after{background:#f2f3f3;content:"";height:12px;margin-top:-6px;position:absolute;right:0;top:50%;width:1px}
@media(max-width:575.98px){
  footer #top-menu>div>a:after{display:none}}
footer #top-menu>div:nth-of-type(3)>a:after{display:none}
footer #top-menu #social-links{display:block;left:0;margin:0;position:absolute;top:0;width:25%}
@media(max-width:767.98px){
  footer #top-menu #social-links{bottom:0;top:auto;width:100%}}
footer #top-menu #social-links div{float:left;padding:0;width:16.66667%}
footer #top-menu #social-links div:nth-of-type(2) a{background:#0070cc}
footer #top-menu #social-links div:nth-of-type(3) a{background:#0082ee}
footer #top-menu #social-links div:nth-of-type(4) a{background:#1193ff}
footer #top-menu #social-links div:nth-of-type(5) a{background:#33a3ff}
footer #top-menu #social-links div:nth-of-type(6) a{background:#55b2ff}
footer #top-menu #social-links div a{ /** background:#005daa; **/ display:block; /*height:42px;line-height:42px;*/ text-align:center;transition:background .2s}
footer #top-menu #social-links div a:hover{background:#00172a}
@media(max-width:575.98px){
  footer #top-menu #social-links div a{height:36px;line-height:36px}}
footer #top-menu #social-links img{height:24px;width:auto}
@media(max-width:1199.98px){
  footer #top-menu #social-links img{height:20px}}
@media(max-width:767.98px){
  footer #top-menu #social-links img{height:28px}}
@media(max-width:575.98px){
  footer #top-menu #social-links img{height:20px}}
footer #top-menu #social-links span{left:-9999px;position:absolute}
footer #top-pages{background:#06283f;margin:0;padding:24px 5% 16px}
@media(max-width:1199.98px){
  footer #top-pages{padding:24px 1% 10px}}
@media(max-width:575.98px){
  footer #top-pages{font-size:.85em;padding:10px 1%}}
footer #top-pages>div{padding:0 30px;position:relative}
@media(max-width:1199.98px){
  footer #top-pages>div{padding:0 16px}}
@media(max-width:829.98px){
  footer #top-pages>div{flex:0 0 50%;max-width:50%}}
footer #top-pages>div>span.top-pages-flag{background:#f47735;border-radius:50px;color:#fff;font-size:.8em;padding:1px 12px;position:absolute;right:30px;top:0;transition:background .2s}
@media(max-width:1399.98px){
  footer #top-pages>div>span.top-pages-flag{right:16px}}
@media(max-width:575.98px){
  footer #top-pages>div>span.top-pages-flag{padding:1px 7px 0;top:8px;display:none}}
footer #top-pages>div>span.top-pages-flag:hover{background:#e56624;text-decoration:none}
footer #top-pages>div>span.top-pages-flag img{height:12px;margin-right:2px}
@media(max-width:575.98px){
footer #top-pages>div>span.top-pages-flag img{display:none}}
footer #top-pages ul{list-style-type:none;padding:0}
@media(max-width:767.98px){
  footer #top-pages ul{display:none}}
footer #top-pages ul li{border-bottom:1px solid #073452;position:relative}
footer #top-pages ul li:before{background:#22bcb9;content:"";height:6px;left:0;position:absolute;top:5px;width:6px}
footer #top-pages ul li:last-of-type{border:0}
footer #top-pages ul li a{color:#fff;display:block;font-size:.9em;line-height:1.2em;padding-left:14px;margin:7px 0}
@media(max-width:575.98px){
  footer #top-pages ul li a{margin:4px 0}}
footer #top-pages h3{border-bottom:3px solid #073452;color:#fff;font-size:1.1em;padding-bottom:5px;padding-right:120px}
footer #top-pages h3 a{color:#fff;font-weight:normal}
@media(max-width:575.98px){
  footer #top-pages h3{font-size:1em;padding-right:0}}
footer>p{background:#000;color:#fff;font-size:.9em;margin-bottom:0;padding:10px;text-align:center}
@media(max-width:575.98px){
  footer>p{font-size:.8em}}
  
/* hero banner */
.hero-banner{display:block;position:relative;width:100%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));width:100%;height:250px;margin-bottom:30px}
.hero-banner .carousel-item{width:100%;height:250px}.hero-banner .banner-img{object-fit:cover;width:100%;height:100%}
.hero-banner.nocontent .carousel-control-prev,.hero-banner.nocontent .carousel-control-next{margin-top:0}
.hero-banner .carousel-control-prev,.hero-banner .carousel-control-next{width:12%;opacity:.75;z-index:10;margin-top:-75px}
.hero-banner .carousel-control-prev:hover,.hero-banner .carousel-control-next:hover{opacity:1}
.hero-banner .carousel-control-prev .carousel-control-prev-icon,.hero-banner .carousel-control-next .carousel-control-next-icon{width:30px;height:30px}
.hero-banner .carousel-control-prev .carousel-control-prev-icon{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/carousel-back-btn.svg")}
.hero-banner .carousel-control-next .carousel-control-next-icon{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/carousel-forward-btn.svg")}
/*.hero-banner .carousel-control-prev:focus .carousel-control-prev-icon,
.hero-banner .carousel-control-next:focus .carousel-control-next-icon {opacity:1;border: 3px solid white;border-radius: 100%;}*/
.hero-banner .carousel-indicators{justify-content:flex-end;margin:10px 14px}
.hero-banner .carousel-indicators li{content:"";border-radius:100%;padding:0;width:7px;height:7px;background-color:#e3e3e3;opacity:1;margin-right:3px;margin-left:3px;transition:filter 200ms}
.hero-banner .carousel-indicators li:hover{filter:brightness(85%)}
.hero-banner .carousel-indicators li.active{background-color:#f47735}
.hero-banner .carousel.leftalign .carousel-caption{left:0}.hero-banner .carousel.rightalign .carousel-caption{right:0;left:auto}
.hero-banner .carousel-caption{position:absolute;bottom:0;width:100%;height:max-content;background-color:rgba(0,93,170,.82);color:#fff;padding:15px;text-align:left;right:auto;left:auto}
.hero-banner .carousel-caption .btn-outline:hover{background-color:#22bcb9;color:#00172a;border:2px solid #fff}
.hero-banner .carousel-caption h2,.hero-banner .carousel-caption p{color:#fff}
@media(min-width:992px){
  .hero-banner{width:100%;height:480px}
  .hero-banner .carousel-item{width:100%;height:480px}
  .hero-banner .carousel-control-prev,.hero-banner .carousel-control-next{margin-top:0}
  .hero-banner .carousel-control-prev .carousel-control-prev-icon,.hero-banner .carousel-control-next .carousel-control-next-icon{width:74px;height:74px}
  .hero-banner .carousel-indicators{justify-content:center}
  .hero-banner .carousel-indicators li{width:15px;height:15px;margin-right:6.5px;margin-left:6.5px}
  .hero-banner .carousel-indicators li:hover{filter:brightness(85%)}
  .hero-banner .carousel-indicators li.active{background-color:#005daa}
  .hero-banner.leftalign .carousel-caption{left:5%}
  .hero-banner.rightalign .carousel-caption{right:5%;left:auto}
  .hero-banner .carousel-caption{width:50%;bottom:0;top:50%;padding:25px;transform:translateY(-50%)}
  .hero-banner.carousel.leftalign .carousel-caption{left:12%}
  .hero-banner.carousel.rightalign .carousel-caption{right:12%;left:auto}}
@media(max-width:1199.98px){
  #heroBannerCarouselWithContentLeft,#heroBannerCarouselWithContentRight,.hero-banner.leftalign,.hero-banner.rightalign{height:350px !important}}
@media(max-width:1199.98px){
  #heroBannerCarouselWithContentLeft .carousel-item,#heroBannerCarouselWithContentRight .carousel-item,.hero-banner.leftalign .carousel-item,.hero-banner.rightalign .carousel-item{height:350px}}
@media(max-width:1199.98px){
  #heroBannerCarouselWithContentLeft h2,#heroBannerCarouselWithContentRight h2,.hero-banner.leftalign h2,.hero-banner.rightalign h2{margin-top:7px;margin-bottom:5px}}
@media(max-width:1199.98px){
  #heroBannerCarouselWithContentLeft p,#heroBannerCarouselWithContentRight p,.hero-banner.leftalign p,.hero-banner.rightalign p{margin-bottom:.79rem}}
@media(max-width:991.98px){
  #heroBannerCarouselWithContentLeft .carousel-control-prev,
  #heroBannerCarouselWithContentLeft .carousel-control-next,
  #heroBannerCarouselWithContentRight .carousel-control-prev,
  #heroBannerCarouselWithContentRight .carousel-control-next,
  .hero-banner.leftalign .carousel-control-prev,
  .hero-banner.leftalign .carousel-control-next,
  .hero-banner.rightalign .carousel-control-prev,
  .hero-banner.rightalign .carousel-control-next{margin-top:-166px}}
@media(max-width: 1199.98px) {
  .carousel-item .carousel-caption p{font-size:.85rem;margin-bottom:.25rem}}



/* homepage search */
#homepage-search{position:absolute;top:-70px;width:auto;margin-left:auto;margin-right:auto;left:0;right:0}
@media(min-width:576px){
  #homepage-search{top:-90px;width:40%}}
#homepage-search .ada-element{left:-9999px;position:absolute}
#homepage-search .search-container{position:relative;max-width:600px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;display:block}
#homepage-search .search-container.in-focus input{border:1px solid #22bcb9 !important;box-shadow:0 0 12px 3px #222;outline:0}
#homepage-search .search-container.in-focus i{color:#f47735}
#homepage-search .search-container:after{background-image:none}
#homepage-search input{border:1px solid #fff;border-radius:60px;box-shadow:0 0 6px 0 #222;padding:20px 72px 20px 72px;transition:box-shadow .2s;width:100%;font-size:1.25em}#homepage-search button{background:transparent;border:0;font-size:1.6em;padding:0;position:absolute;top:50%;left:30px;transform:translateY(-50%)}
#homepage-search button .search-icon{width:34px;height:auto}
#homepage-search button .search-icon path{transition:fill 300ms ease-in-out}
#homepage-search button:hover .search-icon path{fill:#f47735}
#homepage-search button:focus{color:#f47735}
@media(max-width:1199.98px){#homepage-search{font-size:.75em}
  #homepage-search .search-container{min-width:300px;width:60%}
  #homepage-search input{padding:13px 20px 13px 34px}
  #homepage-search button{font-size:1.4em;left:20px}#homepage-search button .search-icon{width:16px}}

/* image callout banner */
.image-callout-banner{position:relative;display:flex;flex-wrap:wrap;max-width:100%;overflow:hidden;box-shadow:0 1.67506px 6.70023px rgba(0,0,0,.25);border-radius:10px;margin-bottom:30px}.image-callout-banner h3{font-size:1.6em;line-height:1.22;font-weight:700;padding-bottom:5px;position:relative;color:#005daa;margin-top:20px}.image-callout-banner h3::after{content:"";position:absolute;bottom:0;left:0;transform:translateX(0);background-color:#f47735;width:27px;height:3px}@media(min-width:992px){.image-callout-banner h3::after{left:0;transform:translateX(0);width:72px;height:5px}}.image-callout-banner .description{text-align:left !important}
.image-callout-banner:hover>.image-container img{width:110%}
.image-callout-banner:hover::after{background-color:#005daa;background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/image-callout-arrow-transparent-white.svg")}
.image-callout-banner .title-mobile{display:block;position:absolute;left:20px;bottom:10px;color:#fff;font-size:1.4em}
.image-callout-banner .title-mobile:after{height:5px;width:40px}.image-callout-banner .title-desktop{display:none}
@media(min-width:576px){
  .image-callout-banner .title-mobile{display:none}
  .image-callout-banner .title-desktop{display:block}}
@media(min-width:992px){
  .image-callout-banner::after{content:"";position:absolute;background-color:#fff;background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/image-callout-arrow-transparent.svg");background-size:60%;background-repeat:no-repeat;background-position:center;width:25.55px;height:25px;top:15px;right:15px;border-radius: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-callout-banner .image-container{width:100%;max-height:114px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}
.image-callout-banner .image-container img{object-fit:cover;width:100%;height:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
@media(min-width:992px){
  .image-callout-banner .image-container{width:30%;max-height:none}}
.image-callout-banner .callout-container{padding:15px 15px 20px 15px}
.image-callout-banner .callout-container .title{color:#004680}
.image-callout-banner .callout-container .description{color:#00172a}
.image-callout-banner .callout-container .callout-row .btn{display:inline-block !important}
@media(min-width:992px){
  .image-callout-banner .callout-container{padding:32px 45px;width:70%;height:100%}}
.image-callout-banner.gray{background-color:#f2f3f3}
.image-callout-banner.gray .image-container {background-color:#E0E0E0}
.image-callout-banner.blue{background-color:#004680}
.image-callout-banner.blue .image-container {background-color:#033a68}
.image-callout-banner.blue .callout-container .title,
.image-callout-banner.blue .callout-container .description{color:#fff}
.image-callout-banner.blue .callout-container .callout-row .btn:hover{background-color:#f47735 !important}

/* image cards */
.image-cards>div:hover .image-card-img{background-size:115%}
@media(max-width:1199.98px){
  .image-cards .col-md-3{flex:0 0 50%;max-width:50%}}
@media(max-width:767.98px){
  .image-cards .col-md-3{flex:0 0 100%;max-width:100%}}
.image-cards .image-card-content {border-radius:0 0 14px 14px}    
.image-cards.bluebg>div:hover .image-card-content{background:#06283f}
.image-cards.bluebg>div:hover .image-card-content .btn-outline{background-color:#22bcb9;color:#00172a;border:2px solid #fff}
.image-cards.bluebg .image-card-content{background:#004680;-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.bluebg .image-card-content h3{color:#fff}
.image-cards.bluebg>div:hover .image-card-content a h3{color:#22bcb9}
.image-cards.graybg>div:hover .image-card-content{background:#004680}
.image-cards.graybg>div:hover .image-card-content p{color:#fff}
.image-cards.graybg>div:hover>.image-card-content h3{color:#fff}
.image-cards.graybg>div:hover>.image-card-content a h3{color:#22bcb9}
.image-cards.graybg>div:hover .image-card-content .btn-outline{background-color:#22bcb9;color:#00172a;border:2px solid #fff}
.image-cards.graybg .image-card-content{background:#f2f3f3;-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.graybg .image-card-content h3{color:#004680}
/*.image-cards.graybg .image-card-content a h3:hover{color:#005daa}*/
.image-cards.graybg .image-card-content p{color:#000}
.image-cards>div{margin-bottom:22px}
.image-cards>div .image-card-img{background-size:110%;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}
@media(max-width:1199.98px){
  .image-cards>div .image-card-img{height:100px}}
.image-cards>div .image-card-content{box-shadow:0 4px 8px -4px #000;color:#fff;padding:0 12px 12px 12px;text-align:center}
@media(max-width:1199.98px){
  .image-cards>div .image-card-content{font-size:.9em}}
@media(max-width:829.98px){
  .image-cards>div .image-card-content{font-size:.8em;padding-bottom:6px}}
.image-cards>div .image-card-content h3{font-size:1.2em;margin:0 0 30px 0;padding-top:30px}
@media(max-width:1199.98px){
  .image-cards>div .image-card-content h3{line-height:1.1em;padding:10px 16px 0 16px;height:46px;margin:0 0 15px 0;font-size:1em}}
@media(max-width:829.98px){
  .image-cards>div .image-card-content h3{font-size:1.3em;height:auto;margin:0 0 14px 0;padding-top:15px}}
.image-cards>div .image-card-content h3:after{display:none}
.image-cards>div .image-card-content p{font-size:.9em}
@media(max-width:1199.98px){
  .image-cards>div .image-card-content p{line-height:1.3em;font-size:.8em;margin-bottom:8px !important}}
@media(max-width:829.98px){
  .image-cards>div .image-card-content p{height:auto}}

html,body{scroll-behavior:smooth}

/* jump to section bar */
.navbar.jump-to-section{justify-content:flex-start !important}
.jump-to-section-container{margin-bottom:50px !important}
.jump-to-section-container .jump-to-section{background-color:#0b3c5d !important;border-radius:30px;padding:0;justify-content:flex-start;position:relative}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section{padding:0 0 0 20px}}
.jump-to-section-container .jump-to-section button.closebtn{background:#f47735;color:#fff !important;border:0;border-radius:18px;padding:5px 10px;display:none}
.jump-to-section-container .jump-to-section .jts-desktop{display:none}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section .jts-desktop{display:flex}}
.jump-to-section-container .jump-to-section .jts-desktop.roundedge li:last-of-type:hover a{border-top-right-radius:30px;border-bottom-right-radius:30px}
.jump-to-section-container .jump-to-section .jts-mobile{margin-bottom:50px}
.jump-to-section-container .jump-to-section .jts-mobile li.nav-item a.nav-link{border-bottom:solid 1px #004680;padding-left:20px !important}
.jump-to-section-container .jump-to-section .jts-mobile li.nav-item:last-of-type a{border-bottom:0}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section .jts-mobile{display:none}}
.jump-to-section-container .jump-to-section .extra-headers{display:none;flex-direction:row;grid-gap:5px;padding:20px 10px}
.jump-to-section-container .jump-to-section .extra-headers.hideheaders{display:none}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section .extra-headers{display:flex}}
.jump-to-section-container .jump-to-section .extra-headers span{height:8px;width:8px;background-color:#005daa;border-radius:10px}
.jump-to-section-container .jump-to-section .extra-headers:hover{cursor:pointer}
.jump-to-section-container .jump-to-section .extra-headers:hover span{background-color:#55b2ff}
.jump-to-section-container .jump-to-section .extra-headers:focus{border:solid 2px #0070cc}
.jump-to-section-container .jump-to-section.bg-dark{background-color:#0b3c5d !important}
.jump-to-section-container .jump-to-section.bg-dark .navbar-toggler-icon{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-hamburger-teal.svg") !important;width:26px;height:42px}
.jump-to-section-container .jump-to-section .navbar-toggler{border:0;margin-left:10px}
.jump-to-section-container .jump-to-section .navbar-brand{position:relative;font-size:1.125rem;font-weight:700}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section .navbar-brand{padding-left:27px}
  .jump-to-section-container .jump-to-section .navbar-brand::after{content:"";background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-nav-arrow-teal.svg");background-size:cover;background-position:center;background-repeat:no-repeat;width:16.5px;height:12px;position:absolute;left:0;top:50%;transform:translateY(-50%)}}
.jump-to-section-container .jump-to-section .navbar-nav{width:100%;justify-content:flex-start}
.jump-to-section-container .jump-to-section .navbar-nav .nav-item{flex:1;border-right:1px solid #06283f}
.jump-to-section-container .jump-to-section .navbar-nav .nav-item:first-of-type{border-left:1px solid #06283f}
.jump-to-section-container .jump-to-section .navbar-nav .nav-item:last-of-type{border-right:0}
.jump-to-section-container .jump-to-section .navbar-nav .nav-item .nav-link{padding:15px;color:#fff;font-weight:600;font-size:.9375rem;transition:background-color 300ms;height:100%}
.jump-to-section-container .jump-to-section .navbar-nav .nav-item .nav-link:hover{background-color:#06283f}
@media(min-width:992px){
  .jump-to-section-container .jump-to-section .navbar-nav .nav-item{text-align:center}}
.more-headers{background-color:#06283f;padding:0 20px;margin-top:-25px;height:auto;max-height:0;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;border-bottom-left-radius:30px;border-bottom-right-radius:30px}
.more-headers ul{list-style:none;padding-left:0}
.more-headers ul li.nav-item a.nav-link{color:#fff;padding-left:0}
.more-headers ul li.nav-item a.nav-link:hover{color:#55b2ff}
.more-headers.expanded{max-height:10000px;padding:40px 20px 10px 20px}

/* resource list */
.resource-list ul{padding:0}
@media(max-width:829.98px){
  .resource-list{font-size:.85em}}
.resource-list h3{border-bottom:3px solid #e3e3e3;color:#0b3c5d;font-size:1.4em;font-weight:700;margin-bottom:0;padding-bottom:10px}
.resource-list li{list-style-type:none;-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}
.resource-list li:hover{background:#f2f3f3}
.resource-list li:hover a span:last-of-type{background:#22bcb9}
.resource-list li:hover a span:last-of-type img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(2deg) brightness(107%) contrast(103%)}
.resource-list li a{border-bottom:1px solid #e3e3e3;color:#005daa;display:block;font-weight:700;padding:14px 40px 14px 0;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}
.resource-list li a span:last-of-type{height:26px;width:26px;background:#f2f3f3;position:absolute;right:10px;top:14px;border-radius:100px;display:flex;justify-content:center;align-items:center;-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}
.resource-list li a span img{height:10px;-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){
  .resource-list li a span img{height:10px}}

/* regular list */
.regular-list ul{padding:0}
@media(max-width:829.98px){
  .regular-list{font-size:.85em}}
.regular-list li{border-bottom:1px solid #e3e3e3;font-weight:700;list-style-type:none;padding:14px 16px;position:relative}
.regular-list li:before{background:#22bcb9;content:"";height:20px;left:0;position:absolute;top:16px;width:3px}
.regular-list li a{padding-top:13px;padding-bottom:13px;}     

/* header list */
.header-list ul{padding:0}
@media(max-width:829.98px){
  .header-list{font-size:.85em}}
.header-list h3{border-bottom:3px solid #e3e3e3;color:#0b3c5d;font-size:1.4em;font-weight:700;margin-bottom:0;padding-bottom:10px}
.header-list li{border-top:1px solid #e3e3e3;list-style-type:none;padding:10px 0}
.header-list li h4{font-size:1.1em;font-weight:700;margin-bottom:5px;padding-left:26px;position:relative}
@media(max-width:829.98px){
  .header-list li h4{padding-left:22px}}
.header-list li h4:before{background:#22bcb9;content:"";height:18px;left:0;position:absolute;top:1px;width:18px}
@media(max-width:829.98px){
  .header-list li h4:before{height:14px;width:14px}}

/* news cards */
.news-cards{margin-bottom:30px}
.news-cards>div:hover .news-card-image{background-size:110%}
.news-cards a:hover{text-decoration:none;cursor:pointer}
@media(max-width:767.98px){.news-cards .col-4{flex:0 0 100%;font-size:.9em;max-width:100%}}
.news-cards .news-card-image{background-position:center;background-size:100%;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}@media(max-width:1199.98px){.news-cards .news-card-image{height:160px}}@media(max-width:767.98px){.news-cards .news-card-image{margin-bottom:9px}}.news-cards h3{font-weight:700;margin-bottom:0;color:#005daa;font-size:1.8em;-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 h3:hover{color:#22bcb9}@media(max-width:767.98px){.news-cards h3{font-size:1.6em}}.news-cards .date{color:#00172a;font-size:.8em;margin:5px 0 25px 0;display:block}.news-cards .date img{height:16px;margin-right:2px;vertical-align:middle}.news-cards p{color:#000;font-size:1.1em;margin-top:14px}.news-cards .underline-link{font-size:1.1em}@media(max-width:767.98px){.news-cards .underline-link{margin-bottom:28px}}.news-feature{border-radius:10px;overflow:hidden;position:relative;max-height:600px;display:flex;align-items:center;margin-bottom:30px}.news-feature>img{width:100%}@media(max-width:575.98px){.news-feature>img{width:130%}}.news-feature p.newsheader{background:#22bcb9;border-radius:10px 10px 0 0;color:#000;font-size:1em;letter-spacing:.04em;padding:11px 20px;position:absolute;top:0;width:100%;margin-top:0;font-weight:bold}.news-feature p.newsheader:after{display:none}.news-feature p.newsheader img{display:inline-block;height:22px;margin-right:6px;vertical-align:middle}@media(max-width:767.98px){.news-feature p.newsheader{font-size:.9em;padding:7px 3%}.news-feature p.newsheader img{height:16px;margin-right:4px}}.news-feature>div{bottom:0;color:#fff;padding:0 3% 24px;position:absolute}.news-feature>div .news-feature-date{background:#005daa;border-radius:48px;display:inline-block;margin-bottom:8px;padding:3px 10px}.news-feature>div p{font-size:1.1em;font-weight:700;margin-bottom:0}.news-feature>div img{width:100%}.news-feature>div a{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}.news-feature>div a .read-more-arrow{background:#f47735;border-radius:50%;display:inline-block;font-size:.7em;height:24px;line-height:24px;margin-right:4px;text-align:center;width:24px;-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-feature>div a .read-more-arrow img{width:70%}.news-feature>div a .read-more-link{position:relative}.news-feature>div a .read-more-link:after{background:#1193ff;content:"";height:4px;left:0;margin-top:-1px;position:absolute;top:100%;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-feature>div a:hover{text-decoration:none}.news-feature>div a:hover i{background:#005daa}.news-feature>div a:hover span:after{background:#f47735}@media(max-width:767.98px){.news-feature>div{font-size:.85em;padding-bottom:18px}.news-feature>div .news-feature-date{font-size:.8em;margin-bottom:4px}.news-feature>div h3{font-size:1.5em;margin-bottom:1px}.news-feature>div p{font-size:.9em;margin-bottom:5px}}.thumb-news-list-title{display:flex;flex-direction:row;flex-grow:1;align-items:center}.thumb-news-list-title h2{color:#005daa;flex-grow:2;margin:0}@media(max-width:767.98px){.thumb-news-list-title h2{width:66%}}.thumb-news-list-title a.btn{right:0;top:0}@media(max-width:767.98px){.thumb-news-list-title a.btn{position:absolute;right:5%}}.thumb-news-item{margin:26px 0;display:flex;gap:30px;align-items:top}.thumb-news-item h3{color:#004680;font-size:1.2em;font-weight:700;margin-bottom:0}.thumb-news-item .thumb-news-date{color:#212529;display:block;font-size:.9em;margin:3px 0 8px}.thumb-news-item .thumb-news-date img{height:16px}.thumb-news-item div{flex-grow:2}@media(max-width:767.98px){.thumb-news-item div{font-size:.9em;line-height:1.2em;width:60%}}.thumb-news-item img{max-height:115px;width:auto;-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}@supports(-webkit-touch-callout:none){.thumb-news-item img{max-height:105px;margin-right:10px}}.thumb-news-item img:hover{opacity:.7}.news-list-with-small-thumbs.left-aligned .thumb-news-item div{order:2}.news-list-with-small-thumbs.left-aligned .thumb-news-item img{order:1}#page-image-banner{background:#f2f3f3;position:absolute;width:100%;left:0;top:100px;z-index:-1;display:flex;align-items:center;justify-content:center}#page-image-banner div{height:360px;position:relative;width:100%;overflow:hidden}#page-image-banner div img{width:100%}#page-image-banner div:after{background-image:linear-gradient(transparent,#f2f3f3 80%);bottom:0;content:"";height:80px;position:absolute;width:100%;display:block}@media(max-width:1199.98px){#page-image-banner div{height:190px}#page-image-banner div:after{display:none}}.page-link-card{border-radius:16px;box-shadow:0 0 14px 0 #aaa;color:#0b3c5d;display:block;text-align:center;transition:background .2s}
  

/* page link card (Image Title Cards) */
@media(max-width:1199.98px){
  .page-link-card{font-size:.9em}}
@media(max-width:829.98px){
  .page-link-card{background:#f2f3f3;margin-bottom:20px}}
.page-link-card:hover{background:#0b3c5d;text-decoration:none;color:#fff}.page-link-card:hover .page-link-card-image img{width:110%}
.page-link-card .page-link-card-image{overflow:hidden;display:flex;flex-grow:1;align-items:center;justify-content:center;z-index:1;position:relative;border-radius:16px 16px 0 0;height:150px}
.page-link-card .page-link-card-image img{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}
@media(max-width:829.98px){.page-link-card .page-link-card-image{height:76px}}
  .page-link-card .page-link-card-icon{background:#22bcb9;border-radius:50%;box-shadow:0 0 14px 0 #888;display:block;height:60px;line-height:60px;margin:-30px auto 8px;text-align:center;width:60px;z-index:2;position:relative}
@media(max-width:829.98px){
  .page-link-card .page-link-card-icon{height:44px;line-height:44px;margin:-22px auto 0;width:44px}}
.page-link-card .page-link-card-icon img{height:28px}
@media(max-width:829.98px){
  .page-link-card .page-link-card-icon img{height:20px}}
@media(max-width:1199.98px){.page-link-card h3{font-size:1.4em;margin-top:14px}}
@media(max-width:829.98px){.page-link-card h3{font-size:1.2em;font-weight:700;margin-top:8px}}.page-link-card p{line-height:1.3em;padding:0 10% 24px}
@media(max-width:829.98px){.page-link-card p{padding:0 5% 16px}}
@media(max-width:829.98px){
  .page-link-card p{display:none}}
.page-link-card span{background:#004680;border-radius:50px;color:#fff;display:none;font-size:.9em;margin-bottom:14px;padding:4px 14px;transition:background .2s}
@media(max-width:829.98px){
  .page-link-card span{display:inline-block}}
.page-link-card:hover span{background:#0b3c5d}
.page-link-card.no-images{border-radius:0 0 16px 16px;border-top:5px solid #22bcb9;margin-top:30px}
@media(max-width:829.98px){
  .page-link-card.no-images{border-top-width:3px}}
.page-link-card.no-images .page-link-card-image{display:none}
@media(max-width:829.98px){
  .page-link-cards .col-3{flex:0 0 50%;max-width:50%}}
#toggle-page-link-card-images{background:#f47735;border-radius:4px;color:#fff;padding:5px 12px;margin:48px 18px}

/* project cards */
.project-cards{display:block;position:relative}
.project-cards .project-card{display:block;width:100%;height:100%;padding-bottom:30px}
.project-cards .project-card:hover .content .image-banner{background-size:110%}
.project-cards .project-card h3{color:#005daa;margin-bottom:15px}
.project-cards .project-card .content{position:relative;border-top:6px solid #004680;height:100%;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:7px;overflow:hidden}
.project-cards .project-card .content .copy-container{padding:15px 25px}
.project-cards .project-card .content .image-banner{height:182px;background-image:url("../../images/sample-project-bg-img.png");background-position:center;background-size:100%;background-repeat:no-repeat;-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}
.project-cards .project-card .content .image-banner .status{width:initial !important;height:max-content;text-align:right}
.project-cards .project-card .content .image-banner .status p{background-color:#005daa;color:#fff;display:inline-block;padding:2px 8px;margin-bottom:0}
.project-cards .project-card .content .image-banner .tag-line{margin-left:10px;position:absolute;top:5px}
.project-cards .project-card .dates-banner{display:flex;background-color:#f2f3f3;margin-bottom:20px;width:calc(100% + 50px);margin-right:-25px;margin-left:-25px}
.project-cards .project-card .dates-banner .date{width:calc(100%/3);border:1px solid #e3e3e3;font-size:.75em;line-height:1.3em;padding:15px;text-align:center}
.project-cards .project-card .dates-banner .date .label{font-weight:700;text-transform:uppercase}
.project-cards .project-card .cta-row{margin-top:auto}
.project-cards .project-card .cta-row .btn{background-color:#fff;border:2px solid #004680;color:#004680}
.project-cards .project-card .cta-row .btn:hover{background-color:#004680;color:#fff}

/* project-footer (mega projects pages) */
.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 .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}}

/* quick link drawers */
.quick-link-drawers{background-color:#06283f;color:#fff;overflow:hidden}
@media(min-width:992px){
  .quick-link-drawers{background-color:#0b3c5d;border-radius:10px 10px 0 0}}
.quick-link-drawers .resource{position:relative;height:100%}
.quick-link-drawers .resource .resource-main{height:100%;padding:15px 20px}
.quick-link-drawers .resource .resource-main .resource-title{width:100%;font-size:25px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:0;text-align:left;margin-bottom:34px}
.quick-link-drawers .resource .resource-main .resource-title .small-text{font-size:13px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0;text-align:left;display:block;margin-bottom:12px}
@media(min-width:992px){
  .quick-link-drawers .resource .resource-main .resource-title{font-size:34px;line-height:30px;margin-bottom:20px}
  .quick-link-drawers .resource .resource-main .resource-title .small-text{font-size:16px;line-height:1.5em}}
.quick-link-drawers .resource .resource-main .view-resources-cta{position:relative;padding-left:35px;margin-top:auto}
.quick-link-drawers .resource .resource-main .view-resources-cta .cta-copy{display:inline-block;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0;text-align:left;padding-bottom:5px;border-bottom:3px solid #005daa;transition:all 300ms ease-in-out}
.quick-link-drawers .resource .resource-main .view-resources-cta::after{content:"+";color:#fff;background-color:#f47735;width:24px;height:24px;text-align:center;border-radius:100%;font-weight:200;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:0;transform:translateY(calc(-50% + 5px));transition:all 300ms ease-in-out}
.quick-link-drawers .resource .resource-main .view-resources-cta:hover{text-decoration:none;cursor:pointer}
.quick-link-drawers .resource .resource-main .view-resources-cta:hover .cta-copy{border-color:#f47735}
.quick-link-drawers .resource .resource-main .view-resources-cta:hover::after{background-color:#005daa}
@media(min-width:992px){
  .quick-link-drawers .resource .resource-main .view-resources-cta{padding-left:44px}
  .quick-link-drawers .resource .resource-main .view-resources-cta .cta-copy{font-size:18px;line-height:20px;border-bottom:4px solid #005daa}
  .quick-link-drawers .resource .resource-main .view-resources-cta::after{width:30px;height:30px;transform:translateY(calc(-50%));transition:all 300ms ease-in-out}}
@media(min-width:992px){
  .quick-link-drawers .resource .resource-main{padding:25px;display:flex;flex-wrap:wrap}
  .quick-link-drawers .resource .resource-main .view-resources-cta .cta-copy{border-bottom:4px solid #005daa}}
.quick-link-drawers .resource .resource-links{position:absolute;bottom:-100%;width:100%;height:100%;transition:all 300ms ease-in-out;background-color:#fff}
.quick-link-drawers .resource .resource-links.in-view{bottom:0}     
.quick-link-drawers .resource .resource-links .close-btn{background-color:#0082ee; /** padding:2px 15px; **/ padding:0; color:#fff;position:absolute;top:0;right:0;transition:all 300ms ease-in-out}
.quick-link-drawers .resource .resource-links .close-btn:hover{cursor:pointer;background-color:#005daa}
.quick-link-drawers .resource .resource-links .flex-row{display:flex;flex-wrap:nowrap;height:100%}
.quick-link-drawers .resource .resource-links .icon-and-category-container{width:40%;height:100%;background:linear-gradient(90deg,#06283f 0,#023f68 100%);display:flex;flex-wrap:wrap;align-items:flex-end}
.quick-link-drawers .resource .resource-links .icon-and-category-container .icon-area{width:100%;text-align:center}
.quick-link-drawers .resource .resource-links .icon-and-category-container .icon-area a{-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}
.quick-link-drawers .resource .resource-links .icon-and-category-container .icon-area a:hover{opacity:.6}
.quick-link-drawers .resource .resource-links .icon-and-category-container .icon-area .icon{max-width:80%;height:auto}
.quick-link-drawers .resource .resource-links .icon-and-category-container .category-name-area{padding:14px 2px;background-color:#22bcb9;width:100%;height:auto;margin-top:auto;text-align:center;color:#000;text-decoration:none;-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}
.quick-link-drawers .resource .resource-links .icon-and-category-container .category-name-area:hover{background-color:#119f9d;color:#fff}
.quick-link-drawers .resource .resource-links .icon-and-category-container .category-name-area .category-name{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0;text-align:center;margin:0}
.quick-link-drawers .resource .resource-links .links-container{width:60%}
.quick-link-drawers .resource .resource-links .links-container .resource-link{display:block;padding-left:28px;width:100%;color:#0b3c5d;font-size:16px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:0;text-align:left;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #0b3c5d;white-space:nowrap;transition:all 300ms ease-in-out}
.quick-link-drawers .resource .resource-links .links-container .resource-link:hover{text-decoration:none;color:#000;background-color:#dee2e6;border-color:#f47735}
.quick-link-drawers .resource .resource-links .links-container .resource-link:focus{outline:2px solid #06283f;outline-offset:3px}
.quick-link-drawers .resource .resource-links .links-container .resource-link:last-of-type{border:0}
@media(min-width:992px){
  .quick-link-drawers .resource .resource-links .links-container .resource-link{font-size:16px;line-height:1.5em;padding-top:10px;padding-bottom:10px}}

/* resource cards */
.resource-card{box-shadow:0 0 10px 2px #e3e3e3;border-radius:10px;min-height:270px;margin-bottom:20px;padding:28px 24px;position:relative;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}
@media(max-width:1199.98px){
  .resource-card{font-size:.9em}}
@media(max-width:767.98px){
  .resource-card{height:228px;font-size:.8em;padding:10px 8px}}
.resource-card:hover{background:#0b3c5d}
.resource-card:hover a{text-decoration:none}
.resource-card:hover h3{color:#22bcb9}.resource-card:hover p{color:#fff}
.resource-card:hover .underline-link{color:#f47735;border-bottom:solid 3px #22bcb9} 
.resource-card img{height:60px; max-width:60px}
@media(max-width:1199.98px){
  .resource-card img{height:48px; max-width:48px}}
@media(max-width:767.98px){
  .resource-card img{height:38px; max-width:38px}}
.resource-card h3{border-top:1px solid #e3e3e3;font-size:1.4em;font-weight:700;margin-top:24px;padding-top:24px}.resource-card h3:hover{color:#f47735}
@media(max-width:1199.98px){
  .resource-card h3{margin-top:18px;padding-top:18px}}
@media(max-width:767.98px){
  .resource-card h3{font-size:1.2em;line-height:1.1em;margin-top:10px;padding-top:10px}}
.resource-card p{margin-bottom:40px}
@media(max-width:767.98px){
  .resource-card p{line-height:1.2em}}.resource-card>div{bottom:18px;left:0;position:absolute;text-align:center;width:100%}
  .resource-card>div .underline-link{font-size:1em}
  .resource-card>div .underline-link:hover{color:#22bcb9;border-bottom:3px solid #fff}

/* rfp cards */
.rfp-cards{display:block;position:relative}
.rfp-cards .rfp-card{display:block;width:100%;height:100%;padding-bottom:30px}
.rfp-cards .rfp-card h3{color:#005daa;margin-bottom:15px}
.rfp-cards .rfp-card .content{position:relative;display:flex;flex-wrap:wrap;border-top:6px solid #004680;padding:15px 25px;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 .content>div{width:100%}
.rfp-cards .rfp-card .status{width:initial !important;height:max-content;margin-top:0px;margin-right:0px;text-align:right}
.rfp-cards .rfp-card .status p{background-color:#005daa;color:#fff;display:inline-block;padding:2px 8px}
.rfp-cards .rfp-card .tag-line{margin-bottom:15px;position:absolute;top:5px;left:5px}
.rfp-cards .rfp-card .dates-banner{display:flex;background-color:#f2f3f3;margin-bottom:20px;width:calc(100% + 50px);margin-right:-25px;margin-left:-25px}
.rfp-cards .rfp-card .dates-banner .date{width:calc(100%/3);border:1px solid #e3e3e3;font-size:.75em;line-height:1.3em;padding:15px;text-align:center}
.rfp-cards .rfp-card .dates-banner .date .label{font-weight:700}
.rfp-cards .rfp-card .cta-row{margin-top:auto}
.rfp-cards .rfp-card div a{display:block; margin-top:0rem}
/*
@media(max-width:829.98px){
  .rfp-cards .rfp-card div a{margin-top:1.5rem}}
*/



/* search container (page headers AND Search Callout Banner AND faq search bar version 2) */
.search-container{display:block;width:100%;position:relative;margin-bottom:20px}
.search-container::after{content:"";position:absolute;top:50%;left:11px;transform:translateY(-50%);width:22px;height:22px;background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-magnifying-glass-orange.svg");background-size:cover;background-repeat:no-repeat;background-position:center;transition:background-image 300ms}
@media(min-width:992px){
  .search-container::after{width:39px;height:38px;left:19px}}
.search-container.in-focus::after,.search-container:hover::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-magnifying-glass.svg")}
.search-container .ada-element{display:none}.search-container .search-bar{display:block;width:100%;background-color:#fff;position:relative;padding-top:14px;padding-bottom:14px;padding-left:56px;padding-right:90px;border:0;border-radius:36px;font-size:.875em;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0;text-align:left;box-shadow:0 0 14px #222;transition:outline 100ms}
.search-container .search-bar:focus,.search-container .search-bar:hover{outline:2px solid #004680}
@media(min-width:992px){.search-container .search-bar{padding-top:24px;padding-bottom:24px;padding-left:73px;padding-right:105px;font-size:1.375em;line-height:25px}}
.search-container .search-button{position:absolute;top:0;right:0;height:100%;border-radius:0 36px 36px 0;background-color:#005daa;transition:background-color 300ms;padding:0 15px;color:#fff;font-size:1em;font-style:normal;font-weight:700;line-height:17px;letter-spacing:0;text-align:center;border:0} 
.search-container .search-button:hover{background-color:#004680}  
@media(min-width:992px){
  .search-container .search-button{padding:0 30px;font-size:1.3125em}}

/* search callout banner (never actually used?)*/
.search-callout-banner{display:block;position:relative}
.search-callout-banner h3{font-size:1.7em;line-height:1.22;font-weight:700;padding-bottom:5px;display:inline-block;position:relative;margin-top:20px}
.search-callout-banner h3:after{content:"";position:absolute;bottom:0;left:0;transform:translateX(0);width:27px;height:3px}
.search-callout-banner.blue{background-color:#004680}
@media(min-width:992px){
  .search-callout-banner.blue{background-color:#0b3c5d}}
.search-callout-banner.blue .copy-and-search-container .title-container h3{color:#fff}
.search-callout-banner.blue .copy-and-search-container .title-container h3:after{background-color:#22bcb9}
.search-callout-banner.blue .copy-and-search-container .description{color:#fff}
.search-callout-banner.blue .copy-and-search-container .link-list .underline-link{color:#fff}
.search-callout-banner.blue .banner-icon-container{background-color:#0b3c5d;opacity:.2}
.search-callout-banner.teal{background-color:#22bcb9}
.search-callout-banner.teal .copy-and-search-container .title-container h3{color:#00172a}
.search-callout-banner.teal .copy-and-search-container .title-container h3::after{background-color:#004680}
.search-callout-banner.teal .copy-and-search-container .description{color:#00172a}
.search-callout-banner.teal .copy-and-search-container .link-list .underline-link{color:#00172a;border-color:#004680}
.search-callout-banner.teal .copy-and-search-container .link-list .underline-link:hover{border-color:#f47735}
.search-callout-banner.teal .banner-icon-container{background-color:#119f9d;opacity:.2}
@media(min-width:992px){
  .search-callout-banner.teal .banner-icon-container{background-color:#22bcb9}
  .search-callout-banner.teal .banner-icon-container .banner-icon path{stroke:#119f9d}}
.search-callout-banner.orange{background-color:#c04e11}
.search-callout-banner.orange .copy-and-search-container .title-container h3{color:#fff}
.search-callout-banner.orange .copy-and-search-container .title-container h3::after{background-color:#f47735}
.search-callout-banner.orange .copy-and-search-container .description{color:#fff}
.search-callout-banner.orange .copy-and-search-container .link-list .underline-link{color:#fff;border-color:#005daa}
.search-callout-banner.orange .copy-and-search-container .link-list .underline-link:hover{border-color:#f47735}
.search-callout-banner.orange .banner-icon-container{background-color:#c04e11;opacity:.2}
@media(min-width:992px){
  .search-callout-banner.orange .banner-icon-container{background-color:#c04e11}
  .search-callout-banner.orange .banner-icon-container .banner-icon path{stroke:#f47735}}
.search-callout-banner.gray{background-color:#f2f3f3}
.search-callout-banner.gray .copy-and-search-container .title-container h3{color:#005daa}
.search-callout-banner.gray .copy-and-search-container .title-container h3::after{background-color:#22bcb9}
.search-callout-banner.gray .copy-and-search-container .description{color:#000}
.search-callout-banner.gray .copy-and-search-container .link-list .underline-link{color:#0070cc}
.search-callout-banner.gray .banner-icon-container{background-color:#e3e3e3;opacity:1}
@media(min-width:992px){.search-callout-banner.gray .banner-icon-container{background-color:#f2f3f3}
  .search-callout-banner.gray .banner-icon-container .banner-icon path{stroke:#e3e3e3}}
.search-callout-banner .copy-and-search-container{padding-top:25px;padding-bottom:25px;padding-left:18px;padding-right:18px}
@media(min-width:992px){
  .search-callout-banner .copy-and-search-container{padding-top:30px;padding-bottom:30px;padding-left:64px;padding-right:64px}}
.search-callout-banner .copy-and-search-container .title-container{text-align:center;margin-bottom:10px}
@media(min-width:992px){
  .search-callout-banner .copy-and-search-container .title-container{text-align:left;margin-bottom:15px}}
@media(min-width:992px){
  .search-callout-banner .copy-and-search-container .title-container{width:100px;left:0;transform:translateX(0)}}.description{width:100%;text-align:center;margin-bottom:18px;font-size:.75em;font-style:normal;font-weight:400;letter-spacing:0;text-align:center}
@media(min-width:992px){
  .description{text-align:left;margin-bottom:25px;font-size:.9375em;font-weight:700}}

/* banner icon container (Search Callout Banner) */
.banner-icon-container{height:100%;padding:17px;display:flex;align-items:center;justify-content:center}
@media(min-width:992px){
  .banner-icon-container{justify-content:flex-end;padding-right:64px}}
.banner-icon-container img{max-height:50px}
@media(min-width:576px){
  .banner-icon-container img{max-height:200px}
}
.banner-icon-container .banner-icon{width:30px;height:auto}
@media(min-width:992px){
  .banner-icon-container .banner-icon{width:156px;height:auto}}

/* ????? */
@media(min-width:576px){
  .headernav.fixme:after{display:none}
}

/* simple callout */
.simple-callouts.callout{display:block;width:100%;padding:15px 18px;border-radius:5px;margin-bottom:30px}
.simple-callouts.callout .text,.simple-callouts.callout.text{font-weight:500} 
.simple-callouts.callout .text:last-child,.simple-callouts.callout.text:last-child{margin-bottom:0}
.simple-callouts.callout.gray{background-color:#F5F5F5;border-left:15px solid #005daa}
.simple-callouts.callout.darkblue{background-color:#0b3c5d;border-left:15px solid #f47735;color:#fff}
.simple-callouts.callout.blue{background-color:#005daa;border-left:15px solid #22bcb9}
.simple-callouts.callout.blue .text,.simple-callouts.callout.blue.text{color:#fff}
.simple-callouts.callout.blue .text h2,.simple-callouts.callout.blue.text h2{color:#fff}
.simple-callouts.callout.darkblue .text h2,.simple-callouts.callout.darkblue.text h2{color:#fff} 
@media(min-width:992px){
  .simple-callouts.callout{padding:24px 28px}}
  
/* social icons */
.social-icons{float:right;display:flex;flex-direction:row}
.social-icons .si-item{margin:0 5px;width:40px;height:40px;-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; /** border-radius:100px; **/ display:flex;justify-content:center;align-items:center}
.social-icons .si-item img{height:15px; height:25px; width:auto}
.social-icons .si-item.fb-icon{background-color:#3e68c0d; background-color:#4267b2}
.social-icons .si-item.fb-icon:hover{background-color:#2b4986}
.social-icons .si-item.tw-icon{background-color:#23abff; background-color:#1d9bf0}
.social-icons .si-item.tw-icon:hover{background-color:#0084d6}
.social-icons .si-item.li-icon{background-color:#0078b9; background-color:#0a66c2}
.social-icons .si-item.li-icon:hover{background-color:#00466d}
.social-icons .si-item.yt-icon{background-color:red; background-color:#f00}
.social-icons .si-item.yt-icon:hover{background-color:#b30000}
    
/* tabs and projects */    
.tab-component{display:block;max-width:100%}
.tab-component .nav-tabs{width:100%;background-color:#f2f3f3;display:flex;flex:1;flex-direction:row}
.tab-component .nav-tabs .nav-item{display:flex;flex:1;align-items:stretch}
.tab-component .nav-tabs .nav-item .nav-link{display:flex;align-items:center;flex:1;justify-content:center;min-width:71px;min-height:64px;padding:10px 10px;border-radius:0;border:1px solid #e3e3e3;transition:background-color 200ms}
.tab-component .nav-tabs .nav-item .nav-link:hover{background-color:#dee2e6}
.tab-component .nav-tabs .nav-item .nav-link .tab-title{color:#495057;font-size:.75rem;font-weight:700;text-align:center;transition:100ms ease-in-out} 
@media(min-width:992px){
  .tab-component .nav-tabs .nav-item .nav-link .tab-title{font-size:1.125rem}
  .tab-component .nav-tabs .nav-item .nav-link {min-height:94px;}}
.tab-component .nav-tabs .nav-item .nav-link .tab-title .icon{filter:invert(50%) sepia(10%) saturate(357%) hue-rotate(164deg) brightness(95%) contrast(88%);width:20px;height:auto;display:block;margin:auto;margin-bottom:1px;transition:100ms ease-in-out}
.tab-component .nav-tabs .nav-item .nav-link.active{border-top:7px solid #22bcb9}
.tab-component .nav-tabs .nav-item .nav-link.active .tab-title{color:#004680}
.tab-component .nav-tabs .nav-item .nav-link.active .tab-title .icon{filter:invert(59%) sepia(25%) saturate(1230%) hue-rotate(130deg) brightness(100%) contrast(88%)}
.tab-component .nav-tabs.orange .nav-item .nav-link.active{border-top-color:#f47735}
.tab-component .nav-tabs.orange .nav-item .nav-link.active .tab-title .icon{filter:invert(60%) sepia(63%) saturate(3050%) hue-rotate(339deg) brightness(99%) contrast(92%)}
.tab-component .tab-content{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:15px}
@media(min-width:992px){
  .tab-component .tab-content{padding:20px 30px}}

/* tag-line (News AND events) should go with tags at top of this file??? */
.tag-line{display:block;position:relative}
.tag{position:relative;display:inline-block;margin-bottom:1px;margin-left:6px;margin-right:6px;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:10px;border-radius:28px;color:#00172a;font-weight:500;font-size:10px;line-height:13px;transition:background-color 300ms,color 300ms}
.tag.tag-gray{background-color:#f2f3f3}
.tag.tag-gray::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag.svg")}
.tag.tag-gray:hover{text-decoration:none;background-color:#005daa;color:#fff}
.tag.tag-gray:hover::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag.tag-blue{background-color:#005daa;color:#fff}
.tag.tag-blue::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag.tag-blue:hover{text-decoration:none;background-color:#0b3c5d}
.tag.tag-orange{background-color:#f47735;color:#fff}
.tag.tag-orange::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag.tag-orange:hover{text-decoration:none;background-color:#c04e11}
.tag.tag-teal{background-color:#22bcb9;color:#fff}
.tag.tag-teal::after{background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/website-developers-only/site-assets/images/icon-tag-white.svg")}
.tag.tag-teal:hover{text-decoration:none;background-color:#119f9d}
.tag:first-of-type{margin-left:0}
.tag:last-of-type{margin-right:0}
.tag::after{position:absolute;content:"";top:50%;left:10px;transform:translateY(-50%);width:7px;height:7px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:background-image 300ms}
@media(min-width:992px){
  .tag::after{width:11.5px;height:11.5px}}
@media(min-width:992px){
  .tag{margin-left:7.5px;margin-right:7.5px;padding-left:25px;font-size:14px;line-height:19px}}

/* technical guidance cards */
.technical-guidance-cards{display:block;position:relative}
.technical-guidance-cards .technical-guidance-card{display:block;width:100%;height:100%;padding-bottom:30px}
.technical-guidance-cards .technical-guidance-card.layoutone h3{font-size:1.7em}
.technical-guidance-cards .technical-guidance-card.layoutone .content{padding-top:0 !important}
.technical-guidance-cards .technical-guidance-card.layoutone .date{text-align:left !important}
.technical-guidance-cards .technical-guidance-card.layoutone .date:first-of-type{width:40%}
.technical-guidance-cards .technical-guidance-card.layoutone .date:last-of-type{width:60%}
.technical-guidance-cards .technical-guidance-card.layoutone .date p:first-of-type{margin-bottom:20px}
.technical-guidance-cards .technical-guidance-card.layoutone .status{position:absolute;bottom:0;right:0;margin:0}
.technical-guidance-cards .technical-guidance-card.layouttwo .date:first-of-type{width:50%}
.technical-guidance-cards .technical-guidance-card.layouttwo .date:last-of-type{width:50%}
.technical-guidance-cards .technical-guidance-card.layouttwo .dates-banner{margin-bottom:0}
.technical-guidance-cards .technical-guidance-card.layouttwo .content{padding:0}
.technical-guidance-cards .technical-guidance-card.layouttwo .content>div{padding:15px 25px 0 25px}
.technical-guidance-cards .technical-guidance-card.layouttwo .content .bigdocthumb{padding:0;background-size:cover;height:300px;position:relative}
.technical-guidance-cards .technical-guidance-card.layouttwo .content .bigdocthumb a{position:absolute;bottom:10px;left:10px}
.technical-guidance-cards .technical-guidance-card.layoutthree .date:first-of-type{width:50%}
.technical-guidance-cards .technical-guidance-card.layoutthree .date:last-of-type{width:50%}
.technical-guidance-cards .technical-guidance-card h3{color:#005daa;margin-bottom:15px}
.technical-guidance-cards .technical-guidance-card .content{position:relative;display:flex;flex-wrap:wrap;border-top:6px solid #004680;padding:35px 25px 15px 25px;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 .content>div{width:100%}
.technical-guidance-cards .technical-guidance-card .status{width:initial !important;height:max-content;margin-top:-15px;margin-right:-25px;text-align:right}
.technical-guidance-cards .technical-guidance-card .status p{display:inline-block;padding:2px 8px;margin-bottom:0}
.technical-guidance-cards .technical-guidance-card .status.active p{background-color:#005daa;color:#fff}
.technical-guidance-cards .technical-guidance-card .status.archived p{background-color:#dee2e6;color:#00172a}
.technical-guidance-cards .technical-guidance-card .tag-line{margin-bottom:15px;position:absolute;top:5px;left:5px}
.technical-guidance-cards .technical-guidance-card .dates-banner{display:flex;background-color:#f2f3f3;margin-bottom:20px;width:calc(100% + 50px);margin-right:-25px;margin-left:-25px}
.technical-guidance-cards .technical-guidance-card .dates-banner .date{border:1px solid #e3e3e3;font-size:.75em;line-height:1.3em;padding:15px;text-align:center}
.technical-guidance-cards .technical-guidance-card .dates-banner .date.docthumb{padding:0;background-size:cover}
.technical-guidance-cards .technical-guidance-card .dates-banner .date p{display:block;margin-bottom:0;font-size:1.1em}
.technical-guidance-cards .technical-guidance-card .dates-banner .date .label{font-weight:700;text-transform:uppercase}
.technical-guidance-cards .technical-guidance-card .cta-row{margin-top:auto}

/* travel alert cards */
.travel-alert-cards{display:block;position:relative}
.travel-alert-cards .travel-alert-card{display:block;width:100%;height:100%;padding-bottom:30px}
.travel-alert-cards .travel-alert-card h3{color:#005daa}
.travel-alert-cards .travel-alert-card .content{border-top:5px solid #005daa;padding:15px 25px;height:100%;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:7px;overflow:hidden;display:block;transition:300ms}
.travel-alert-cards .travel-alert-card .content:hover{text-decoration:none;background-color:#f2f3f3}
.travel-alert-cards .travel-alert-card .content p{color:#000;font-weight:400}
.travel-alert-cards .travel-alert-card .content p.show-read-more .more-text{display:none}
.travel-alert-cards .travel-alert-card .event-time{position:relative;color:#495057;font-size:.9em;margin-bottom:5px;padding-left:18px;font-weight:400}
.travel-alert-cards .travel-alert-card .event-time:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background-image:url("https://pxl-virginiadotorg.terminalfour.net/prod01/vdot-cdn-pxl/media/vdotvirginiagov/icons/teal/icon-clock-teal.svg");background-size:cover;background-position:center;background-repeat:no-repeat;width:12px;height:12px}
.travel-alert-cards .travel-alert-card .tag-line{margin-bottom:15px}

table{width:100%;table-layout:fixed;overflow-wrap:break-word;border-collapse:collapse}
th,
thead td{background-color:#f2f3f3}
thead th,
thead td{vertical-align:bottom}
table th,
table td{padding:.75rem;border-top:1px solid #dee2e6}
table thead td{border-top:1px solid #000}
tbody td{font-size:.85rem}

h1{padding-top:1rem}

.ctct-custom-form.Form{padding:1rem 1.25rem}
.ctct-custom-form.Form p label{width:103px; text-align:right}
.ctct-custom-form.Form button{display:block; margin:1rem auto}


#page-content-container{border-radius:0 0 10px 10px}

#page-body-container #page-body #page-content-container .ct-container figure.img-right.img-33-percent img{width:33%}
#page-body-container #page-body #page-content-container .ct-container figure.img-right.img-25-percent img{width:25%}


/** utilities **/  
.block{display:block}


/* WORKING HERE */


/** webkit iphones 12, 12 pro, 13, 13 pro, 14 -- 1170×2532 pixels at 460ppi **/
@media only screen and (width:390px) and (height:844px) and (-webkit-device-pixel-ratio:3){

  #page-body-container.row{margin:0 !important}
  #page-body-container #page-body{margin:0} 
  
  .resource-cards.row,
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  #page-body-container #page-body #page-content-container .ct-container.filter-bar.projects-filter,
  .projects-filter .row.flexalign{margin-left:0; margin-right:0}
  
  .filter-bar{padding:0}
  
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards .project-card,
  #search-results.row.justify-content-left{margin-left:0; margin-right:0}
  
  #search-results.row.justify-content-left .col-12.col-md-6.col-lg-6.col-xl-4{padding-left:0; padding-right:0}
  
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  .project-cards .project-card .content .image-banner{max-width:390px}
  
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards{padding-left:15px; padding-right:15px}
  
  .project-cards .project-card .content .copy-container{padding:15px 25px}
  .t4-truncate{padding:.3rem .4rem}
  
  .project-cards .project-card .dates-banner{
    width:calc(301px/1);
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .project-cards .project-card .dates-banner .date{
    width:calc(301px/3);
  }
  
  .project-cards .project-card .content .image-banner .status{width:unset !important} 

  /** mobile search fix 2023-10-19 **/
  body header.ct-container.nopadding.headernav.fixme{height:100vh}
  body header.headernav.fixme:after{height:100vh}
}









/** 2023-10-18 mobile search **/
.headernav #primary-nav .navbar-collapse{flex-grow:0; z-index:1}




/** ff only **/
@media all and (min--moz-device-pixel-ratio:0) and (max-width: 680px){
  /** header.ct-container.nopadding.headernav.fixme{outline:6px dashed #ff0;} **/
  /** #primary-nav a.navbar-brand{outline:3px solid #000} **/
}




@media (max-width:650px){ 
 /** .project-cards .project-card .dates-banner{
    width:calc(301px/1);
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .project-cards .project-card .dates-banner .date{
    width:calc(301px/3);
  }
  .headernav .navbar .navbar-brand{outline:3px solid #000}
  .project-cards .project-card .content .image-banner .status{width:unset !important} **/
  
  .resource-cards.row,
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  .projects-filter .row.flexalign{margin-left:0; margin-right:0}
  .filter-bar{padding:0}
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards .project-card,
  #search-results.row.justify-content-left{margin-left:0; margin-right:0}
  
  #search-results.row.justify-content-left .col-12.col-md-6.col-lg-6.col-xl-4{padding-left:0; padding-right:0}
  
  .copy-container a h3{margin-bottom:5px}

  .project-cards .project-card .dates-banner{
    width:calc(100%/1);
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .project-cards .project-card .dates-banner .date{
    width:calc(100%x/3);
    /** padding-left:3px;
    padding-right:3px; **/
  }
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  .project-cards .project-card .content .image-banner{max-width:100%}
  .project-cards .project-card .content .image-banner{max-height:200px}
  .project-cards .project-card .content .copy-container{padding:15px 12px}
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards{padding-left:15px; padding-right:15px}
  
  
  .project-card .content .copy-container .dates-banner + div{font-size:.75rem; padding-top:4px}
  .project-cards .project-card .dates-banner .date .label{font-size:.65rem}
}

  
@media (max-width:500px){
  .project-cards .project-card .dates-banner{
    width:calc(100%/1);
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .project-cards .project-card .dates-banner .date{
    width:calc(100%/3);
    padding-left:3px;
    padding-right:3px;
  }
}


@media (max-width:320px){
  .resource-cards.row,
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  .projects-filter .row.flexalign{margin-left:0; margin-right:0}
  .filter-bar{padding:0}
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards .project-card,
  #search-results.row.justify-content-left{margin-left:0; margin-right:0}
  
  #search-results.row.justify-content-left .col-12.col-md-6.col-lg-6.col-xl-4{padding-left:0; padding-right:0}
  
  .copy-container a h3{margin-bottom:5px}

  .project-cards .project-card .dates-banner{
    width:calc(100%/1);
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .project-cards .project-card .dates-banner .date{
    width:calc(100%/3);
    padding-left:3px;
    padding-right:3px;
  }
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards,
  .project-cards .project-card .content .image-banner{max-width:288px}
  .project-cards .project-card .content .image-banner{max-height:90px}
  .project-cards .project-card .content .copy-container{padding:15px 12px}
  #page-body-container #page-body #page-content-container .ct-container .ct-container.project-cards{padding-left:15px; padding-right:15px}
  
  
  .project-card .content .copy-container .dates-banner + div{font-size:.75rem; padding-top:4px}
  .project-cards .project-card .dates-banner .date .label{font-size:.65rem}
}












  /** iphone 11 **/
@media only screen and (min-width: 414px) and (max-width: 767px) {
  #page-content-container .project-cards .project-card .content .image-banner {
    height:11.4rem;
    background-size:cover;
  }
}

#page-content-container .project-cards .project-card .content .image-banner {
  height:11.4rem;
  background-size:cover;
}






/** make card heights equal regardless of content size **/
.page-link-card{height:100%}

.navbar .navbar-brand{}

/** @media(max-width:1000px){.headernav #primary-nav {height:auto; min-height:56px; outline:4px dotted #c0c0c0}}  **/


.headernav.fixme{/** max-height:660px; height:100vhl height:auto **/  }


footer #top-menu #social-links img.vdot-social-media-icon{height:24px; width:24px}

@media (max-width:829.98px){
  .ct-container.row.page-link-cards .col-3:nth-child(4),
  .ct-container.row.page-link-cards .col-3:nth-child(5){top:20px}
  .ct-container.row.page-link-cards{padding-bottom:20px; /** hackity hack **/  }
}



@media (max-width:767.98px){
  #footer-contact-grid{display:grid; grid-template-columns:38px auto;}
}




@media (max-width:500px){.callout-banner-icon h3::after{left:47%}}


/** 2023-11-21 news feature caption on index page **/
/** #news-feature-caption{position:relative} **/
#news-feature-caption{padding-top:1rem}
#news-feature-caption:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#111;
  opacity:.65;
}
#news-feature-caption div, #news-feature-caption p, #news-feature-caption h3, #news-feature-caption a{z-index:40; position:relative}





/** 2023-11-29 jab - youtube social nav icon styles for icon with transparent center matching social nav colors **/
.social-youtube-icon{fill:#fff}
.social-youtube-icon,.social-youtube-icon-center{stroke-width:0}
.social-youtube-icon-center{fill:#55b2ff}
#svg-social-youtube, #svg-social-youtube-footer{width:24px; height:24px}
a.vdot-social-media-youtube-anchor:hover #svg-social-youtube .social-youtube-icon-center,
a.vdot-social-media-youtube-anchor:hover #svg-social-youtube-footer .social-youtube-icon-center{fill:#00172a}


/** 2023-12-06 jab padding issues in page link card h3 **/
.page-link-card h3{padding-left:.125rem; padding-right:.125rem}      




/** 2023-12-08 jab style to override border-top:unset In t4-style.min.css **/
table thead th, table thead td{border-top:1px solid #000}
           
/** 2023-12-13 jab submittals and rankings table fix **/
table p{font-size:.85rem}

/** rwd for icap page 2023-12-14 jab **/
      /** 
@media (max-width:1475px){li .ii-type{font-size:1.5rem; line-height:3; padding-left:75px}}
@media (max-width:1300px){li .ii-type{font-size:1.25rem;}}
@media (max-width:1200px){li .ii-type{font-size:1rem; line-height:4}}
@media (max-width:1000px){.grid.col-2-even.ul-intersections-interchanges{grid-template-columns:100%}}
**/
      /**
@media (max-width:1025px){li .ii-type{font-size:.85rem; line-height:5}}
@media (max-width:770px){li .ii-type{font-size:.75rem;}}
**/




/** 2023-12-15 jab **/
th,td{vertical-align:middle}



.callout.blue a, .callout.darkblue a{color:#fff}      
      
.t4-simple-callout-blue a, 
.callout.blue a,
.t4-simple-callout-darkblue a, 
.callout.darkblue a {
color:#CCE6FF;
}     
.t4-simple-callout-gray a,
.callout.gray a {
color:#0070cc
}
.simple-callouts p:last-of-type,
.t4-simple-callout-blue p:last-of-type, 
.t4-simple-callout-gray p:last-of-type, 
.t4-simple-callout-darkblue p:last-of-type {
margin-bottom: 0px !important;
}      
      









/** smartscale 2024-05-02 jab **/
/**   <body id="vdot-body-smartscale-index" class="vdot-body-smartscale"> **/
@media (max-width: 829.98px) {
  #vdot-body-smartscale-index .ct-container.row.page-link-cards .col-4 {
    flex:0 0 100%;
    max-width:100%;
    margin-bottom:1rem;
  }
}












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


.event-geopers .content{
  background-color:#e8f3ff !important;
}

.event-geopers .content:hover {
  background-color:#f2f8ff! important;
  transition:background-color 0.3s ease;
}


.vdot-video-embed {
  position:relative; 
  width:100%; 
  height:0; 
  padding-bottom:56.25%;
}
.vdot-video-embed iframe {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}


/** 2025-01-24 - jab - addressing horizontal scrollbar that appears between 1051px - 971px **/
#subpage-buttons{
  overflow:hidden;
}

/**
.t4-event-details h2{
  color:#000;
}
.t4-event-details h2:after{
  display:none;
}
**/
.t4-event-details h1,
.t4-event-details h2,
.t4-event-details h3,
.t4-event-details h4,
.t4-event-details h5,
.t4-event-details h6{
  display:block;
}