html, body { color: #333; font-family: "Heebo", sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
.container { padding: 0; width: 100%; }

/* VASTIM */
.vastim-button { background: #fff; border: 1px solid #0b3c5d; border-radius: 30px; color: #004680; display: inline-block; font-weight: 700; margin-top: 12px; padding: 6px 18px; transition: background .2s; }
.vastim-button:hover { background: #c8d6e0; text-decoration: none; }
#vastim-logos { padding: 12px 16px 32px; text-align: center; }
#vastim-logos img { height: 130px; margin: 0 8px; }
.vastim-didyouknow {  background-size: cover; background-position: center; color: #fff; padding: 54px 16%; text-align: center; }
.vastim-didyouknow img { height: 160px; }
.vastim-didyouknow h3 { font-weight: 700; }
.vastim-didyouknow2 { background: #ffae00; overflow: auto; padding: 44px 8%; }
.vastim-didyouknow2 a { color: #0070cc; }
.vastim-didyouknow2 h3 { color: #fff; font-weight: 700; }
.vastim-didyouknow2 img { float: left; margin: 0 4% 14px 0; width: 20%; }

@media screen and (max-width: 992px) {
    #vastim-logos img { height: 84px; }
    .vastim-didyouknow { padding: 32px 8%; }
    .vastim-didyouknow img { height: 90px; }
    .vastim-didyouknow2 img { max-width: 220px; margin: 0 24px 14px 0; width: 40%; }
}

/* CTB */
#ctb-section { background-size: cover; background-position: center; color: #fff; padding: 64px 8%; text-align: center; }
#ctb-section h3 { font-size: 3.4em; font-weight: 700; margin: 0; }
#ctb-section > p { font-size: 1.3em; font-weight: 700; margin: 14px 0 56px; }
#ctb-section ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; margin: 0; padding: 0; }
#ctb-section li { width: 22%; }
#ctb-section li img { height: 140px; }
#ctb-section li h4 { border-bottom: 4px solid #8ec640; font-size: 1.2em;font-weight: 700; margin: 28px 0 14px; padding-bottom: 14px;  }
#ctb-section li a { color: #fff; transition: color .2s; }
#ctb-section li a:hover { color: #8ec640; text-decoration: none; }

@media screen and (max-width: 992px) {
    #ctb-section { padding: 44px 5% 32px; }
    #ctb-section h3 { font-size: 2.2em; }
    #ctb-section > p { font-size: 1.1em; }
    #ctb-section li { margin-bottom: 14px; width: 46%; }
    #ctb-section li img { height: 84px; }
}

@media screen and (max-width: 520px) {
    #ctb-section { font-size: .9em; }
}

/* VTRC */
#vtrc-section {  background-size: cover; background-position: center; color: #fff; padding: 64px 10%; text-align: center; }
#vtrc-section h3 { align-items: center; background: #4a8cc3; border-radius: 10px; display: flex; font-size: 1.3em; font-weight: 700; margin: 0; padding: 12px 16px; width: 17%; }
#vtrc-section ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; margin: 0; padding: 0;gap: 20px; }
#vtrc-section li { align-items: center; padding: 0px; width: 17%; display:flex;min-height:150px;}
#vtrc-section li img { height: 40px; }
#vtrc-section li span { border-top: 3px solid #4a8cc3; display: block; font-size: 1.1em; font-weight: 700; margin-top: 14px; padding-top: 10px;width:80% }
#vtrc-section li:hover span {border-top:3px solid 
    orange;}
    #vtrc-section li a {width:100%;height:100%;position:relative;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}
#vtrc-section li a:hover {background:rgb(74,140,195,0.5);}
#vtrc-section li:hover a {text-decoration:none}

@media screen and (max-width: 992px) {
    #vtrc-section h3 { display: block; padding: 16px 16px 12px; text-align: center; width: 100%; }
    #vtrc-section li { width: 30%; }
}

@media screen and (max-width: 580px) {
    #vtrc-section { font-size: .9em; padding: 44px 6% 28px; }
    #vtrc-section h3 { margin-bottom: 16px; }
    #vtrc-section li { padding: 18px 0; width: 46%; }
    #vtrc-section li img { height: 30px; }
}



.project-cards.vrtc-projects .project-card .dates-banner .date {width: calc(100% / 2);}


/*new VTRC CSS */

#page-body-container > #page-body #page-content-container > .row {margin-right:15px!important; margin-left:15px!important}
.vtrc-header {margin-right:10%;font-weight:bold;color:#005DAA;}
.vtrc-header:last-of-type{margin-right:0;}
.filter-bar .filter-container .filter-wrapper.text-search::after {display:none;}
.filter-bar .filter-container .filter-wrapper.text-search .filter {border-width:1px;}
.header-list li:first-of-type {border-top: 0px;}

.filter-bar .filter-container .filter-wrapper:has(.date-selection)::after {
    display: none;
}
.filter-bar .filterbtn {
  justify-content: end;
}
/*
.filter-bar .filterbtn a.btn {
  width: auto;
}
*/
/* T4 CSS */
input[type="date"] {
    border-width: 1px;
    line-height: 1rem;
    border-style: solid;
}
.pagination-box {
    width: 100%;
}

#project-emergency-banner .alert-link .btn:hover {
    background-color: #005daa;
}

@media print {
  	* {
    	text-decoration: none !important;
    	border-color: black !important;
    }
    h1, h2, h3, h4, h5, a, p, a.btn, .breadcrumbs a, .alert-text p {
        color: black !important;
    }
/*
    a.btn {
        display: none;
    }
*/
    #projecttranslatorsearch {
        display: none;
    }
    div#vtrc-section {
        background-image: none !important;
    }
    div#vtrc-section li {
        background-color: gray;
    }
    div#vtrc-section a {
        color: black;
    }
  	    #vtrc-section h3 {
        width: fit-content;
        background-color: white;
        padding: 0;
    }
    #vtrc-section ul {
        flex-direction: column;
    }
    #vtrc-section li {
        width: fit-content;
        min-height: fit-content !important;
        background-color: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #vtrc-section li a {
        
    }
    #vtrc-section li img {
        display: none;
    }
    #vtrc-section li span {
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        width: fit-content;
      color: black;
    }
  	.project-card {
      page-break-inside: avoid;
    }
  	.vtrc-header {
      color: black;
    }
  	.vtrc-header svg path {
        fill: black;
    }
    footer .footer-cta, footer p, footer .logo-and-text-row, footer .copyright {
        color: black !important;
        background-color: white !important;
    }
  	footer .logo-col {
      background-image: url(/media/VDOT-Logo-black.png) !important;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    footer img.logo {
      display: none;
    }
    #va_aagency_bar {
        background: none;
    }
    #va_aagency_bar a, #va_aagency_bar span {
        color: black !important;
    }
  .accordion .card, .callout-container {
      page-break-inside: avoid;
    }
  /*
    iframe {
        display: none;
    }
  */
    #ctb-section {
        background-image: none !important;
    }
    #ctb-section li img {
        display: none;
    }
  	#search-results.header-list li {
      page-break-inside: avoid;
    }
	.vastim-didyouknow {
        background-image: none !important;
    }
    .vastim-didyouknow img, 
  	/*a.vastim-button, */
  	.vastim-didyouknow2 img {
        display: none;
    }
  	.project-card h3 {
    	height: auto !important;
	}
   .timeline .timelineimg {
	    -webkit-print-color-adjust: exact;
 	}
   .timeline .in-view {
   		page-break-inside: avoid;
   }
   .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .tab-content>.tab-pane::before {
      content: attr(data-title);
      border: 1px solid black;
      display: block;
      padding: 1rem;
      margin: 1rem 1rem 1rem 0;
      font-weight: bold;
      font-size: 18px
	}

	ul.nav-tabs {
    	display: none !important;
	}
    .tab-content {
    	border-top: 1px solid #e3e3e3;       
    }
  /*timeline ct*/
      .timeline ul li {
        background: black !important;
        border: 5px solid black;
    }
    .timeline ul li::after {
        border: 15px solid black;
    }
    .timeline ul li.in-view div {
        border: 1px solid black;
    }
  /* two column split*/
  .row.customlayout.twocolumn .col-sm-12.col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
    }
}







#nonAda-email-placeholder.container{padding:.85rem 1.125rem}






















/** 2023-11-03 jab **/
.header-list li:first-of-type {
padding: 10px 0;
}




.header-list li:nth-child(2) {
    /** border-top: none **/
  border-top: 1px solid #e3e3e3;,
  
}

/** 2024-04-30 jab nav flicker **/
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse,
    .navbar-expand-lg .navbar-collapse{
        height: auto !important;
    }
  .
}