/*remediation since sep 2022*/
.parsley-errors-list { background-color: #FFFFFF; padding: 3px 5px !important; width: 97%;}
#research-posts .inactive:focus, #research-posts .btn:focus {box-shadow: none; outline: 3px solid #597791;}
.sr-only {

  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; 
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #181818;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }

.home .owl-carousel.owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(0,0,0,0.75);
    padding: 3px 5px;
}
#footer-info .sign-up .body-text {
    display: inline-block;
    background-color: rgba(0,0,0,0.75);
    padding-left: 4px;
    padding-right: 4px;
}
.page-template-our-people .researchers a.prof-img-a { position: relative; display: block; }
*:focus,
#report-filters .grid:focus figure { outline: solid 2px #000000; }
#search-toggler-mob{background-color:transparent;width:auto;cursor:pointer}
#search-toggler:focus,#search-toggler-mob:focus,.caret:focus,#navbar-toggler1:focus,
#navbar-toggler:focus{box-shadow:none; outline: solid 2px #000000;}

#navbar-toggler1{position: absolute; top:23px;}

.page-template-our-people .researchers a.prof-img-a:after { content: none; }
.page-template-our-people .researchers a.prof-img-a:focus:after {
    width: 165px;
    height: 165px;
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    background: rgba(0,0,0,0.30);
    border-radius: 50%;
    
}

#people-profile .nav-pills .nav-link:focus, 
#people-profile .nav-pills .nav-item:focus,
#people-profile .nav-pills .nav-link:focus-visible, 
#people-profile .nav-pills .nav-item:focus-visible { outline: solid 2px #000000; }

#people-profile .nav-pills .nav-link { -webkit-appearance: none;}

[id*="learn-more"].btn,
.comment-form input#learn-more[type=submit],
.search-form #learn-more.search-submit{ font-size:1.5rem;padding:.95rem 3.5rem; }

[id*="learn-more"].btn:focus,
.comment-form input#learn-more[type=submit]:focus,
.search-form #learn-more.search-submit:focus,
input.mailpoet_submit:focus,
.post-template-default .PDFs .btn:focus,
.post-template-default .citationText .copy-btn:focus { box-shadow: none; outline: solid 2px #000000; }

[id*="homepageHero"]{position:relative;height:145px;width:100%;font-family:Libre Franklin Regular}
[id*="homepageText"] p{font-family:Libre Franklin Regular;margin:40px auto 25px;font-size:1.5rem;line-height:1.25}

.mailpoet_form .mailpoet_form_column .mailpoet_paragraph { position: relative; }
.mailpoet_form .mailpoet_form_column .mailpoet_paragraph .mailpoet_text_label {
    position: absolute;
    left: 20px;
    top: 20px;
    margin-bottom: 0;
    /*opacity: 1;*/
}

.mailpoet_form input.mailpoet_submit { cursor: pointer; }
#featured-research .post-title { 
    color: #2f2f2e; 
    font-family: Libre Franklin,sans-serif;
    font-weight: 600!important;
}

#report-filters .grid figure.driver-behavior,
.aaa-quad.driver-behavior > h3 > div { background: #B93A31; }
#report-filters .grid figure.emerging-tech,
.aaa-quad.emerging-tech > h3 > div { background: #1E7A68; }
#report-filters .grid figure.roadway-systems,
.aaa-quad.roadway-systems > h3 > div { background: #C54605; }
#report-filters .grid figure img { opacity: 0.15; }
#report-filters figure.effect-sadie h2 { 
    text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
    font-weight: 600; 
}
#report-filters figure.effect-sadie:hover h2 { text-shadow: none; }

#footer-info .form-reqd-text {
    margin-top: 15px;
    width: auto;
    display: inline-block;
    background: rgba(0,0,0,0.75);
    padding-left: 4px;
    padding-right: 4px;
}

.page-template-our-people h2.section {
        color: #345e82;
        font-family: BebasNeue Bold;
        font-size: 2.25rem;
}

.page-template-our-people h2.section.divider-img:after,
#media-inquiries h2.section.divider-img:after {
    content: "";
    background: url(/wp-content/uploads/2017/10/divider.png);
    width: 100%;
    height: 4px;
    display: block;
    margin-bottom: 35px;
}

#media-inquiries h2.section.divider-img:after { margin-bottom: 20px; }

.post h2 a {  color: #2f2f2e; }
.research-postrow h2,.search-postrow h2 {
    font-family: Libre Franklin,sans-serif;
    font-size: 1.5rem;
    font-weight: 600!important;
}

#media-inquiries h2.section {
    margin: 0;
    color: #345e82;
    font-family: BebasNeue Bold;
    font-size: 2.25rem;
}

.post-template-default .side .authors h3.heading,
.post-template-default .side .authors h2.heading {
    font-family: Libre Franklin Semi-Bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: 0;
}

.post-template-default .bar,
.post-template-default .bar .container,
.post-template-default .bar .overlay { z-index: unset; }

.post-template-default .bar a { position: relative; }

.post-template-default h1.entry-title {
    font-family: Libre Franklin Semi-Bold;
    color: #2f2f2e;
    margin-top: 40px;
    text-transform: none;
}

.post-template-default .research-text h2 {
    font-family: BebasNeue Regular;
}

.post-template-default h2 {
    font-family: Libre Franklin Semi-Bold;
    color: #2f2f2e;
    margin-top: 40px;
}

.post-template-default .related-content h3 {
    font-family: BebasNeue Bold;
    color: #345e82;
    font-size: 2.25rem;
}

.post-template-default .related-content h3.divider-img:after {
    content: "";
    background: url(/wp-content/uploads/2017/10/divider.png);
    width: 100%;
    height: 4px;
    display: block;
    margin-bottom: 35px;
}

@media (min-width: 768px){
    [id*="homepageHero"]{height:250px;min-height:250px;max-height:250px}
    [id*="homepageHero"] [id*="homepageText"] p{position:relative;text-align:center;padding:43px 0 30px;z-index:1;color:#fff;font-size:1.75rem;margin:0}
    [id*="homepageHero"] [id*="homepageButton"]{text-align:center;z-index:1;padding-bottom:44px}
    [id*="homepageHero"] .overlay{content:"";position:absolute;top:0;left:0;background:rgba(30,62,95,.8);width:100%;height:100%}
    .page-template-our-people .researchers a.prof-img-a:focus:after {
        width: 255px;
        height: 255px;
    }
}
@media (min-width: 992px){
    #people-profile .nav-pills { overflow: visible; }
    #people-profile .nav-pills li { position: relative; overflow: hidden; }
    #people-profile .nav-fill .nav-item:focus-within { overflow: visible; }
    #people-profile .nav-pills li a:hover:after {
        opacity: 1;
        transform: translate3d(0px,17px,0);
        right: 0;
    }
    #people-profile .nav-pills li:after { content: none; }
    #people-profile .nav-pills li a:after {
        position: absolute;
        width: 0;
        height: 0;
        margin-left: auto;
        margin-top: auto;
        content: "";
        opacity: 0;
        transform: translate3d(25px,25px,0);
        transition: transform .38s;
        right: 10px;
    }

    #people-profile .nav-pills li:after, #people-profile .nav-pills li:hover:after {
        border: none;
    }

    #people-profile .nav-pills li a:after, 
    #people-profile .nav-pills li a:hover:after {
        border: 15px solid #1e3e5f;
        border-right: 15px solid #FFFFFF;
        border-bottom: 15px solid #FFFFFF;
    }

    #search-toggler-mob{position:absolute;right:0}

    [id*="homepageHero"]{height:425px;min-height:425px;max-height:425px}
    [id*="homepageHero"] [id*="homepageText"] p{position:relative;text-align:left;padding:100px 0 30px;font-size:2rem;margin:0}
    [id*="homepageHero"] [id*="homepageButton"]{text-align:left;padding-bottom:100px}
    [id*="homepageHero"] .overlay{background:linear-gradient(55deg,#1e3e5f 47%,transparent 0);border:none;box-sizing:border-box;opacity:.8}  

    .page-template-our-people .researchers a.prof-img-a:focus:after {
        width: 225px;
        height: 225px;
    }

    .post-template-default .authors h3.heading,
    .post-template-default .authors h2.heading {
        font-family: Libre Franklin Semi-Bold;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 2rem;
        margin-bottom: 10px;
    }  
}

 .timeline-section{
    position: relative;
    <?php if(!empty($timeline_bgcolor)): ?>
    background-color: <?php echo $timeline_bgcolor; ?>;
    <?php endif; ?>
    <?php if(!empty($timeline_bgimage)): ?>
    background-image: url(<?php echo $timeline_bgimage['url']; ?>); 
    <?php endif; ?>  
  }
  
 
  
  .timeline-section .featured_link{
    position:relative;
    text-decoration:none !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .timeline-section .slick-slide { 
    text-align: center;
  }
    
    
    
  .timeline-section .slide_image span{ 
    position:relative;
    display:inline-block;
  }
  
  <?php if($timeline_overlay==1): ?>
  .timeline-section .slide_image span:before{ 
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(99deg, #031958 27% , #2c055a 82%); */
    opacity: 0.6;
    z-index:99;
  }
  <?php endif; ?>
    
  
  .timeline-section .slide_year{ 
    position:relative;
    width: 250px;
    margin: 85px auto 0 auto;
    padding:2px 0px;
    font-weight:bold;
    transition: all 0.5s ease-out;
    text-align:center;
  }
  .timeline-section .slide_year a:hover{
    text-decoration:none;
  }
  .timeline-section .slide_year:before{
    position: absolute;
    background: #666;
    content: '';
    width: 175px;
    top: -28px;
    left: 50%;
    height: 15px;
    display: block;
    transform: translate(-50%, 0);
   }
    
    
    
    
  .timeline-section .slide_copy{
    margin: 0 auto;
    font-size: 18px;
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    height:0;
    transition: visibility 0s, opacity 0.5s linear;
    transition: all 0s ease-out;
  }
  
  .timeline-section .slick-current + .slide .slide_year{
    width: 85%;
    transition: all 0.5s ease-out;
  }
  .timeline-section .slick-current + .slide .slide_copy{
    opacity: 1;
    height:auto;
    visibility: visible;
    transition: all 0.5s ease-out;
  }
  
  
  .timeline-section .slide_year h3{ 
    margin-bottom: 2px;
  }
  
  .timeline-section .slick-track {
    display: flex;
    align-items: stretch;
    transition: all 0.5s ease-out;
  }
  
  .timeline-section .slides { display:none; }
  .timeline-section .slick-initialized { display:block; }
  .timeline-section .slick-slide{ 
    padding: 0;
    display: flex;
    /* height: auto !important; */
    height: 550px !important;  
    align-items: stretch;
    justify-content: center;
    /* transform: scale(.8); */
    transition: all 0.5s ease-out;
  }
  .timeline-section .slick-list{ 
    position:relative;
    z-index:900;
  }
  .timeline-section .slick-slide img{
    object-fit:cover;
    width: 350px;
    height:220px;
    display:unset;
    transition: all 0.5s ease-out;
    transform: scale(0.7) translate(0px,55px);  
    opacity: .1 !important;
  }
  .timeline-section .slick-current + .slide span:before, .timeline-section .slick-current + .slide img{
    transform: unset;
    opacity: 1 !important;
  }
  .timeline-section .slick-current + .slide .slide_copy{    
    /* height:250px; */
  }
    
  .timeline-section .slick-prev, .timeline-section .slick-next{
    position: absolute;
    bottom: 85px;
    border:none !important;
    background: transparent;
    color: transparent;
    width: 40px;
    height:25px;
    z-index:999;
  }
  .timeline-section .slick-prev:focus, .timeline-section .slick-next:focus{ outline:none !important; }
  .timeline-section .slick-prev:before, .timeline-section .slick-next:before{
    color: #000;
    width: 12px;
    border: solid #999;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
  }
  .timeline-section .slick-prev{ transform: translate(0, 45px); }
  .timeline-section .slick-prev:before{   
    content: ' ';
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  .timeline-section .slick-next{ transform: translate(0, 45px); right:0; }  
  .timeline-section .slick-next:before{ 
    content: ' ';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);  
  } 
  
  .timeline-section .slick-dots li{ display:none; }
  .timeline-section .slick-dots{
    position:absolute;
    bottom: 36px;
    background: #999;
    display:block;
    height:4px;
    width: calc(100% - 28px);
    margin-left: 14px;
  }
  
    #arrownav {
        display:flex;
        margin-top: 50px;
        color: #b94840;
        justify-content: center;
    }
    #arrownav i{
        margin: 0 15px;
        cursor:pointer;
    }
    
 .gg-chevron-double-left-o, .gg-chevron-double-right-o {
     box-sizing: border-box;
     position: relative;
     display: block;
     transform: scale(var(--ggs,1.7));
     border: 2px solid;
     border-radius: 40px;
     width: 22px;
     height: 22px
    }
    
    .gg-chevron-double-left-o, .gg-chevron-left-o{
        visibility:hidden;
    }
    
    .gg-chevron-double-left-o::after,
    .gg-chevron-double-left-o::before {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     width: 6px;
     height: 6px;
     border-left: 2px solid;
     border-bottom: 2px solid;
     transform: rotate(45deg);
     top: 6px;
     left: 5px
    }

    .gg-chevron-double-left-o::after {
     left: 9px
    }   

    .gg-chevron-double-right-o::after,
    .gg-chevron-double-right-o::before {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     width: 6px;
     height: 6px;
     border-right: 2px solid;
     border-top: 2px solid;
     transform: rotate(45deg);
     top: 6px;
     right: 5px
    }

    .gg-chevron-double-right-o::after {
     right: 9px
    } 
    .gg-chevron-left-o {
     box-sizing: border-box;
     position: relative;
     display: block;
     transform: scale(var(--ggs,1.7));
     width: 22px;
     height: 22px;
     border: 2px solid;
     border-radius: 100px
    }

    .gg-chevron-left-o::after {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     width: 6px;
     height: 6px;
     border-bottom: 2px solid;
     border-left: 2px solid;
     transform: rotate(45deg);
     left: 7px;
     top: 6px
    } 
    .gg-chevron-right-o {
     box-sizing: border-box;
     position: relative;
     display: block;
     transform: scale(var(--ggs,1.7));
     width: 22px;
     height: 22px;
     border: 2px solid;
     border-radius: 100px
    }

    .gg-chevron-right-o::after {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     width: 6px;
     height: 6px;
     border-bottom: 2px solid;
     border-right: 2px solid;
     transform: rotate(-45deg);
     left: 5px;
     top: 6px
    } 
    
  @media only screen and (min-width: 991px) {
      .gg-chevron-double-left-o, .gg-chevron-double-right-o{ visibility:hidden; }
      .gg-chevron-left-o{
          position:absolute;
          left: 15%;
          margin-top: -215px !important;
          z-index: 99999;
          visibility:hidden;
      }
      .gg-chevron-right-o{
          position:absolute;
          right: 15%;
          margin-top: -215px !important;
          z-index: 99999;
      }
  }
    
  @media only screen and (max-width: 1000px) {
    .timeline-section .slick-current .slide_year{ width: 85%; margin:0 auto; }
    .timeline-section .slick-current .slide_copy{ opacity: 1; }
  }
    
  @media only screen and (max-width: 767px) {
    .timeline-section .slide_year, .timeline-section .slide_copy{ max-width: 400px; }
    .timeline-section .slick-current img{ transform: scale(1.3) translate(0px,-20px); opacity: 1 !important; }
    .timeline-section .slick-current .slide_copy{
        opacity: 1;
        height:auto;
        visibility: visible;
        transition: all 0.5s ease-out;
    }  
  }
    
  @media only screen and (max-width: 500px) {
      .timeline-section .slick-current img{ transform: scale(0.9) translate(0px,-20px); opacity: 1 !important; }
      .timeline-section .slick-slide img{  max-width: 300px; max-height: 180px;}
      .timeline-section .slick-current .slide_copy{ margin: -26px auto 0; }
      .timeline-section .slide_year{ margin: 34px auto 0 auto; }
      #arrownav{ margin-top: 22px;  }
  } 

.footer-title {
    color: #fff;
    padding-top: 60px;
    font-size: 2.25rem;
    font-family: BebasNeue Bold;
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}

#report-filters figure .title-in-bgimg-box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  transition: transform .35s,color .35s;
  transform: translate3d(0,-50%,0);
  padding: 10px;
  line-height: 1.5rem;
  text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
  font-weight: 600;
  margin-top: 0;
  font-family: Libre Franklin,sans-serif;
  font-size: 18px;
}

#report-filters figure:hover .title-in-bgimg-box {
  text-shadow: none;
}
#report-filters figure:hover .title-in-bgimg-box {
  color: #fff;
  transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

body.newsroom .list-unstyled li { margin-bottom: 1rem; }

@media (min-width: 992px){
  #report-filters .grid figure .title-in-bgimg-box {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1200px){
  #report-filters .grid figure .title-in-bgimg-box {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width:1200px) {
    [id*="homepageHero"] .overlay{background:linear-gradient(55deg,#1e3e5f 49%,transparent 0)}

    .page-template-our-people .researchers a.prof-img-a:focus:after {
        width: 255px;
        height: 255px;
    }
}

@media screen and (max-width: 991px) {
    nav.prev-next-posts.container.desktop-hide:after {
        clear: both;
        display: block;
        content: "";
    }
}
@media screen and (max-width: 767px){
    .mailpoet_form_column,
    .mailpoet_form_column.mailpoet_vertically_align_top,
    .sign-up .mailpoet_form_column { flex-basis: 100% !important;}
    .sign-up .mailpoet_form_columns { flex-wrap: wrap; }
    .sign-up #mailpoet_form_1 .mailpoet_form_column:not(:first-child) { margin-left: 0; }
    .sign-up #mailpoet_form_1 .mailpoet_paragraph { margin-bottom: 20px !important; }

    .aaa-quad h3 { overflow-wrap: anywhere; font-size: 1.25rem; }
    .aaa-quad { overflow: hidden; }
}

#research-posts ul[role="tablist"] { 
	display:flex;
	justify-content: space-between;
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	gap: 10px;
}
#research-posts ul[role="tablist"] li {
	width:100%;
}
#research-posts ul[role="tablist"] li a.btn { 
	background-color: #2f2f2e;
    margin: 0px;
    text-transform: uppercase;
    min-height: 70px;
    display: flex;
    width: 100%;
    padding: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#research-posts ul[role="tablist"] li:first-child a.btn { margin-left: 0; }
#research-posts ul[role="tablist"] li a span {font-size: 20px;}

@media screen and (max-width: 980px) {
	#research-posts ul[role="tablist"]{
		flex-wrap:wrap;
	}
	#research-posts ul[role="tablist"] li {
		width:30%;
	}
	
}

.page-newsroom { padding-top: 40px; padding-bottom: 40px; }

/* 06-06-2023 */
header #menu-primary-navigation .caret {
    width: 0.85em;
    height: 0.85em;
    border-left: none;
    border-bottom:  none;
    right:15px;
    top: unset;
    background: transparent;

  }


/* ONLINE RESEARCH TIMELINE SECTION */
#research_timeline_wrapper h2{
	font-family: Libre Franklin Semi-Bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 2rem;
}
#research_timeline{
	list-style-type: none;
	margin-left:-25px;
}
#research_timeline li{
	position: relative;
	margin: 0;
	padding-bottom: 1em;
	padding-left: 20px;
}

#research_timeline li:before {
	content: '';
	background-color: #c00;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 6px;
	width: 3px;
}

#research_timeline li:after {
	content: '';
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23c00' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E"); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'><circle stroke='none' fill='rgb(124, 132, 169)'%20cx='16'%20cy='16'%20r='10'></circle></svg>");
	position: absolute;
	left: 0;
	top: 5px;
	height: 15px;
	width: 15px;
}

.ongoingresearchblue>a{
	color: #7c84a9;
}