html {
  scroll-behavior: smooth;
  transition-duration: 1500ms;
}

h2{
font-size:1.8em;
line-height:1.4;
color:#fff;
padding:6px 12px;
display:inline-block;
}

.no-pad{
padding:0px;
}

.spacer{
  height:50px;
  display:block;
}
.wrapper-hero{
    padding: 0px 0px;
    background: url(../img/TEN-bus-priority-BRT-Madison.jpg);
    background: url(../img/hero-transportation-equity-network-1300x600.jpg);
    background: url(../img/mockup-bg.jpg);

    
    background-position: 50% 50%;
    background-size: cover;
    position:relative;
    min-height:460px;
    overflow:hidden;

    background-position: bottom;
  background-size: 40%;
  position: relative;
  min-height: 460px;
  overflow: hidden;
  background-repeat: repeat-x;
  background-color:#99e0e4;
}

.more-arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: none;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.hide-for-desktop{
display:none;
}


.container-hero{
margin:100px 10px 100px 0px;
position:absolute;
z-index:999;
margin-top:5%;
}

.container-hero-inner{
  max-width: 940px;
  border-radius:30px;
  padding: 30px 30px;
  background-color: #000000ad;
  background-color:#333333d6;
  background-color:#fff;
  border-radius: 30px 30px 30px 0px;
  border-bottom: 3px solid #007497;
  border-right: 2px solid #0098c6;
}

.container-hero h1{
  padding:0px 0px;
  margin:0px;
  color:#0094C4;
  font-size:1.8em;
  line-height:1.4;
}

.container-hero p{
  color: #007193;
  font-size: 1.2em;
  line-height: 1.4;
}

.container-hero p.callout{
  display: block;
  line-height: 1.4;
  padding: 10px 20px;
  border-radius: 0px 10px 10px 0px;
  font-weight: 500;
  background-color: #fffccf;
  border-left: 6px solid #d56b2a;
}
.container-hero-cta ul{
    margin-left: 0px;
}
	
.container-hero-cta ul{
    margin-left: 0px;
}
	
.container-hero-cta ul li {
  list-style: none;
  display: inline;
  margin-bottom: 0px;
  position: relative;
}

.container-hero-cta ul li a {
  margin: 15px 10px 10px 0px;
  color: #fff;

  box-shadow: 2px 2px 3px rgb(0 0 0 / 0%);
  box-shadow: 2px 2px 3px rgb(0 0 0 / 90%);
  font-size: 1em;
  padding: 12px 16px 12px 16px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;

  cursor: pointer;
  border: none;
}


.container-hero-cta ul li a.callout-btn-1,
.container-hero-cta ul li a.callout-btn-2{
  background-color:#007193;
}
.container-hero-cta ul li a.callout-btn-1:hover,
.container-hero-cta ul li a.callout-btn-2:hover {
  background-color:#0094C4;
}

.container-hero-cta ul li a.callout-btn-3{
  background-color:#D56B2A;
}
.container-hero-cta ul li a.callout-btn-3:hover {
  background-color:#E2712C;
}



.container-nav-credits{
display:none;
}

.container-section-inner img{
  max-width: 100%;
  height: auto;
  border-radius: 30px 30px 60px 0px;
  border-bottom: 5px solid #008851;
  border-right: 3px solid #0cb9ed;
}

.wrapper-full-width {
  margin-top:30px;
}

.reverse-callout{
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0px 0px 20px 0px;
  color: #333;
  background-color: #fff;
  padding: 30px;

  border-radius: 10px 10px 10px 10px;
  border-bottom: 3px solid #007497;
  border-right: 2px solid #0098c6;
}

.container-section-inner a.btn-callout{
  background-color: #d56b2a;
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  padding: 15px 30px;
  font-size: 1.4em;
  border-radius: 30px;
  font-weight: 500;
  border-bottom: 3px solid #005250;
}

.container-section-inner .callout-cta{
  margin-top:40px;
}

.container-section-inner .callout-cta a.btn-txt{
display: inline-block;
  padding: 0px 0px;
  color: #007193;
  margin: 0px 0px 0px 20px;
  border-bottom: 2px solid #007193;
}

.container-section-inner .callout-cta a.btn-txt:hover{
color:#E2712C;
border-bottom: 2px solid #E2712C;
}

.container-section-inner a.btn-callout:hover{
background-color:#E2712C;
color:#fff;
border-bottom: 3px solid #000;
}

.wrapper-section-1{
margin-top:60px;
}

.container-section-inner h2{
padding:0px;
margin-top:0px;
}

.wrapper-section-1 h2,
.wrapper-section-3 h2,
.wrapper-section-4 h2{
  color:#007193;
  border-bottom: 8px solid #007193;
}


.wrapper-section-2{
  background: url(../img/TEN-bus-priority-2025-milestone-crop.jpg);
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 860px;
}

.wrapper-section-2 h2{
  color:#007193;
  padding:10px 30px;
  background-color: #fff;
  margin-top: 100px;
  border-radius: 30px 30px 0px 30px;
  border-bottom: 3px solid #007497;
  border-right: 2px solid #0098c6;
}

.container-section-inner h3{
  font-size:1.8em;
  line-height:1.4;
  color:#007193;
  color:#0094C4;
  padding: 0px;
  margin: 0px 0px 50px 0px;
}


.wrapper-section-4 h3{
margin:0px 0px 10px 0px;
}

.container-section-inner ul{

}

.container-section-inner ul li{
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0px 0px 20px 20px;
  color: #333;
}

.container-section-inner p{
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0px 0px 20px 0px;
  color: #333;
}

.container-section-inner a{
color:#333;
border-bottom:2px solid #333;
text-decoration:none;
}

.container-section-inner a:hover{
color:#0094C4;
border-bottom:2px solid #0094C4;
}

.container-section-nav{
  margin-top:15px;
}

a.next{
  color: #fff;
  background-color: #007193;
  display:inline-block;
  padding: 5px 25px;
  border-radius: 30px;
  font-size: 1.2em;
  border-bottom:none;
}
.container-modal-form a.back{
color:#007193;
}
.container-modal-form a.back:hover{
color:#d56b2a;
border-bottom:2px solid #d56b2a;
}
.wrapper-section-3 .container-section-inner p,
.wrapper-section-3 .container-section-inner ul li{
font-size:.9em;

}

.container-modal-form h3{
margin: 15px 0px 15px 0px;
color:#0094C4;
font-size:1.2em;
}


.container-modal-glossary h3,
.container-modal-guidance h3{
  color:#0094C4;
  font-size: 1.2em;
  margin: 20px 0px 10px 0px;
  font-weight: 500;
}

.container-modal-glossary h4,
.container-modal-guidance h4{
font-size: 1.4em;
  color: #333;
  margin: 20px 0px 0px 0px;
  font-weight: 400;
}
.container-modal-glossary p,
.container-modal-guidance p{
margin:0px 0px 10px 0px;
}

.container-modal ul{

}

.container-modal ul li{
  margin:0px 0px 0px 30px;
}

.container-modal-form .container-form-feedback-group p.goal{


}

.container-modal-form .container-form-feedback-group p.question{
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px solid #ccc;

}


.container-modal-form .form-section-header-0 h3{
color:#333;
}

.container-form{
  background-color: #fafafa;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
}




.container-form ul{

}
.container-form ul li{
margin:0px 0px 10px 30px;
font-size:.9em;
}


.container-form #section-intro p{
margin:0px 0px 4px 0px;
}
.container-form-feedback{
  position: relative;
  transition: transform 0.5s ease;
}


.container-form-feedback-group{
  padding: 25px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom:30px;
}

.container-modal .container-form-feedback-group{
  padding: inherit;
  border: inherit;
  border-radius: inherit;
  background-color: inherit;
  margin-bottom:10px;
}

.container-form-feedback-group p strong{
color: #007193;

}

.container-form-feedback-group div p strong{
color:inherit;
}
.container-form-feedback-item{
  padding:10px 2px;
  border-top: 1px solid #fafafa;
  border-left: 1px solid #fafafa;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #eee;
}
.container-modal-form .container-form-feedback-item{
padding:0px 2px;
margin:0px;
}
.container-form-feedback-item p{
font-size:.9em;
}

.container-modal-form .container-form-feedback-item p {
  font-size: .9em;
  padding: 0px 30px 0px 0px;
  margin: 10px 5px;
}

.container-form-feedback-group-simple .container-form-feedback-item p{
margin:0px 0px 5px 0px;
}

.container-form-feedback-group-simple .container-form-feedback-item {
margin:0px 0px 20px 0px;
border-bottom:1px solid #eee;
}
.container-form-feedback-item:hover{
  background-color: #ffffe1;
  border-radius: 10px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

.container-form-feedback-item-optional p{
font-size:.9em;
}
.container-form-feedback-item-optional {
padding:10px;
}
.container-modal-form .container-form-feedback-item-optional {
padding:0px;
}
.container-form-feedback-item-optional textarea{
  width:95%;
}
.container-form-contact-info{

}

.container-form-contact-info p{
  font-size: .8em;
  line-height: 1.4;
  font-weight: 500;
  margin: 0px 0px 10px 0px;
}

.container-form-contact-info input,
.container-form-contact-info textarea{
width:90%;
font-size:1em;
padding:2px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-submit,
a.btn-submit{
  padding: 10px 20px;
  background-color: #007193;
  color: #fff;
  font-size: 1.2em;
  border-radius: 40px;
  border: none;
  outline: none;
}


.container-extra-nav{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
}

.container-extra-nav .btn-floater{
  background-color: #005250;
  color: #fff;
  padding: 6px 12px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 2px 2px 3px rgb(0 0 0 / 90%);
  margin-right:5px;
}


/******* Global Modal *****/

.xwrapper-modal {
    position: absolute;
  top: 80px;
  width: 55%;
  z-index: 9999999;
}

.container-modal {
  background-color: #fff;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid #003765;
  border: 1px solid #eee;
  border-bottom: 10px solid #003765;
  margin:0 auto;
}

.wrapper-modal {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 9999999;
}


.container-modal {
    background-color: #ffffff;
    padding: 0px 10px 30px 10px;
    border-radius: 4px;
    z-index: 9999;
    overflow-y: scroll;
    max-width: 1200px;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 40%);
}


.container-modal-inner{
padding: 0px 40px 10px 40px;
position:relative;
}

.container-modal-inner h2{
  font-size: 1.6em;
  line-height: 1.4;
  color: #007193;
  border-bottom: 3px solid #000;
  padding: 10px 0px 10px 0px;
  text-align: center;
  margin: 0px;
  width: 100%;
}

.container-modal-header{
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  z-index: 99999;

}
.container-btn-close{
position: absolute;
top:30px;
right:10px;

}
a.close-modal{
  position: absolute;
  right: 0px;
  line-height:1.4;
  top:5px;
  font-size: 2em;
  color: #8a8a8a;
  cursor:pointer;
  z-index: 999999;
}

a.close-modal:hover{
color:#0896d4;
}



/** SUMMARY REPORT ***/


.container-form-complete{
  background-color: #ffffe1;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  padding:10px 20px;
  margin-top:20px;
}

.container-form-complete .container-form-feedback-group p strong{
  color:#000;
}

.container-form-complete p.submit-msg{
  font-size:1em;
}

.container-form-complete p.submit-msg a.btn-print{
  color:#007193;
  text-decoration:underline;
}

.container-summary-report h2{
  border-bottom:none;
}

.container-overall-score{
  padding: 50px 10px 50px 10px;
  border: 3px solid #007193;
  background-color: #fafafa;
  text-align: center;
  border-radius: 16px;
  margin-top:50px;
}
.container-feedback-section-header{
  padding: 10px 20px;
  margin:10px 0px;
  border: 3px solid #007193;
  background-color: #fafafa;
  text-align: center;
  border-radius: 16px;
}

.container-summary-section-intro{
  border-right: 1px solid #333;
  padding: 0px 30px 0px 0px;
  margin: 0px 20px 0px 0px;
  text-align: left;
}

.container-section-score{
  padding: 20px 10px 20px 10px;
  border:none;
}

.container-overall-score h3,
.container-section-score h3{
margin:0px;
line-height:1.4;
}

.container-overall-score h3{
font-size:2em;
}

.container-overall-score h3,
.container-section-score h3{
font-size:1.6em;
}

.container-overall-score p,
.container-section-score p{
margin:0px;
}

.container-summary-contact h2{
  margin: 10px 0px 10px 0px;
  text-align: left;
}

.container-summary-contact p{
margin:0px 0px 5px 0px;
padding:0px;
}

.container-summary-contact p span{
  font-weight:500;
}

.container-question-feedback{
padding:20px 0px;
border-bottom: 2px dashed #ccc;
}

/**** LEGACY ***/



.container-callout-quote{
    padding: 20px 50px;
    margin: 40px 30px 40px 30px;
	background-color:#f1f9fc;
	position:relative;
	border-radius: 0px 20px 0px 0px;
}

.container-callout-quote .quote-inner p{
	color:#007193;
	font-weight:500;
	    font-size: 1.4em;
    line-height: 1.4;
}

.container-callout-quote .quote-inner .container-callout-quote-attribution p{
    font-size: .95em;
    color: #7E4300;
    color: #514219;
    color: #9B845B;
    line-height: 1.4;
    font-style: italic;
}

.container-callout-quote .quote-inner .container-callout-quote-attribution p strong,
.container-callout-quote .quote-inner .container-callout-quote-attribution p:hover  strong,
.section-about .more-about p strong,
.section-about .more-about p:hover strong,
.section-about .notes p strong,
.section-about .notes p:hover strong{
border-left:none;
  display: inherit;
  padding-left: inherit;
  margin-left: inherit;
}

.container-callout-quote .quote-mark{
    font-size: 10em;
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    line-height: .9;
    color:#0094C4;
}

.container-callout-quote .quote-mark-open{
	position:absolute;
    top: -20px;
    left: -35px;
}

.container-callout-quote .quote-mark-close{
    position: absolute;
    bottom: -135px;
	right: -15px;
}

img.quote-headshot{
max-width:100%; border-radius:50%; margin-top:20px; height:auto;
box-shadow: -8px 4px 0px rgb(0 148 195);
}

/*  STICKYNAV */



.wrapper-stickynav{
		background-color:#333;
		background-color:#005250;
		z-index:999;
}


.wrapper-stickynav ul{
   xmargin-left: 140px;
   text-align:right;
}
	
.wrapper-stickynav ul li {
  list-style: none;
  display: inline;
  margin-bottom: 0px;
  position: relative;
}

.wrapper-stickynav ul li a {
  margin: 15px 10px;
  color: #fff;
  box-shadow: 2px 2px 3px rgb(0 0 0 / 0%);
  font-size: .9em;
  padding: 8px 0px 2px 0px;
  display: inline-block;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: .5s;
  cursor: pointer;
  border: none;
  border-bottom:2px solid #005250;
}


.visible-nav ul li a:hover{
border-bottom:2px solid #fff;
} 

.wrapper-stickynav ul li a.btn-tool{
  border-bottom:none;
  padding: 8px 16px;
  border-radius: 20px;
}

.visible-nav ul li a.btn-tool{
  background-color:#d56b2a;
  color:#fff;
  border-bottom:none;
  padding: 8px 16px;
  border-radius: 20px;
} 
.visible-nav ul li a.btn-tool:hover{
  background-color:#E2712C;
  border-bottom:none;
} 

.wrapper-stickynav .header-logo{
	float: left;
  	margin: 0px;
  	padding: 0px;
  	position: absolute;
  	top: 10px;
}

.header-logo img{
	height: 42px;
  float: left;
  margin: 5px 10px 0px 0px;
  transition: .5s;
}
.header-logo h2 {
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: .0em;
  margin: 0px;
  font-weight: 600;
  color: #fff;
  line-height: 1.1;
  float:left;
  -webkit-transition: 0.5s;
  transition: .5s;
  padding: 5px 0px 0px 5px;
}

.wrapper-stickynav .header-logo span{
display:block;
}

.wrapper-stickynav .header-logo span.line-1{
font-size: 1.4em;
}
.wrapper-stickynav .header-logo span.line-2{
font-size: 1.42em;
}

.wrapper-stickynav .header-logo span.line-3{
font-size: 1.54em;
}
.silent-nav ul li a,
.silent-nav .header-logo h2{
color:#005250;
}
.silent-nav ul li a:hover{
cursor:default;
}


.visible-nav ul li a,
.visible-nav .header-logo h2{
color:#fff;
}

.silent-nav .header-logo img{
opacity:0;
}

.visible-nav .header-logo img{
opacity:1;
}

.wrapper-stickynav ul li a.active, .wrapper-stickynav ul li a.active:hover {
  color: #333;
  cursor: default;
  padding: 8px 10px 8px 10px;
  margin: 14px 10px 10px 0px;
  background-color: #fff;
  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);
  border-bottom: none;
  border-radius: 4px;
}


.wrapper-map{
    width:100%;
    position:relative;
}

.wrapper-section,
.wrapper-reports{
min-height:600px;
margin:50px 0px;
}
.wrapper-section-static{
margin:50px 0px;
}

.wrapper-section-static p .highlight{
background-color: #ffe86f;
  color: #000;
  padding: 10px;
  margin: 0px 10px 0px 0px;
  line-height: 20px;
  display: inline-block;
  font-size: 1.3em;
  line-height: 1.4;
}
  
.hidden{
display:none;

}
.anchor-link {
  display: block;
  position: relative;
  top: -40px;
  visibility: hidden;
}

.anchor-link-form {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

.img-inset{
max-width:100%;
height:auto;
}



.wrapper-footer{
background-color:#333;
padding:0px 0px 40px 0px;
}
.wrapper-footer h2{
padding:0px 0px;
color:#fff;
}

.wrapper-footer p{
padding:0px 0px;
color:#fff;
margin: 0px 0px 20px 0px;
}

.wrapper-footer p a{
color:#fff;
text-decoration:underline;
}


.wrapper-footer .container-footer-credits-logos img.cnt{
max-width:100px;
height:auto;
margin: 0px 5px 15px 5px;
}

.container-footer-credits-logos p{
font-size:.75em;
line-height:1.4;
color:#b7b7b7;
}

#truck-count-chart{
height:500px;
margin:30px 0px 20px 0px;
}


  
.container-callout-1{
	padding: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  margin-bottom: 20px;
  }
  
  .container-callout-1 p{
  margin:0px;
  }
  
  .container-callout-1 a.btn,
  .section-about p a.btn-show-more{
  margin: 5px 5px 0px 10px;
  color: #fff;
  background-color: #0094C4;
  background-color: #007193cc;
  box-shadow: 2px 2px 3px rgb(0 0 0 / 90%);
  font-size: .9em;
  padding: 2px 12px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  transition: .2s;
  cursor: pointer;
  border: none;
  }
  
.section-about p a.btn-show-more{
margin:0px;
padding:10px 25px;
}



.container-callout-1 a.btn:hover,
.section-about p a.btn-show-more:hover{
      background-color: #00ADEF;
}

.container-callout-1 a.active,
.section-about p a.btn-show-more:active{
	background-color: #0094C4;
  box-shadow: 1px 1px 1px rgb(0 0 0 / 100%);
  margin: 7px 0px 0px 2px;
}

.container-summary-reports a{

}

.container-floating-map-header{	
	position: absolute;
  top: 20px;
  right: 30px;
  background-color: #ffffffed;
  padding: 10px 0px;
  margin-left: 50px;
  border-radius: 4px;
  max-width:420px;
  
  overflow-y: scroll;
}
.container-floating-map-header h2{
margin:0px 0px 0px 0px;
}

.container-floating-map-header h3{
margin:0px 0px 10px 0px;
font-size:.9em;
line-height:1.4;
}


.mapboxgl-ctrl-top-left {

}

.callout-1 p{
font-size: 1.5em;
}

.tooltip{
display:inline;
}
.tooltip button {

  color: #fff;
  background-color: #007193;
  border: 0px;
  border-radius: 10px;
  font-size: 12px;
  padding: 2px 6px;
}

hr {
  margin: 30px 0px;
  padding: 0px 0px;
  border: none;
  height: 1px;
  background: #DEDEDE;
  clear: both;
}

.no-scroll {
    overflow: hidden;
}

.screen-tint{
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.33);
}

.hero-tint{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0000006b;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(51, 51, 51) 0%, rgba(255,255,255,0) 100%);
  z-index: 99;

}



  
.container-credits h2{
font-size:1.1em;
line-height:1.4;

margin: 0px 0px 20px 0px;
border-bottom: 4px solid #333;
}

.container-credits p{
margin: 0px 0px 10px 0px;
  font-size: .85em;
  line-height: 1.4;
}


.container-toc ul li a:hover,
.container-toc ul li ul li a:hover{
color:#007193;
}

.container-toc ul{

}
.container-toc ul li{
list-style:none;
margin: 0px 0px 4px 0px;
}
.container-toc ul li a,
.container-toc ul li ul li a{
color:#333;
text-decoration:underline;
font-size:.85em;
}

.container-toc ul li ul{
margin-left:30px;
}

.container-btn-expand{
margin: 20px 0px 0px 0px;
}

.btn-expand{
	font-size: 1.4em;
  line-height: 1.4;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #fafafa;
  border: 1px solid #eee;
  color: #000;
  display:block;
}

.btn-expand:hover{
background-color:#eee;
border:1px solid #ccc;
}

.btn-expand .arrow-marker{
display:inline-block;
color:#000;
transition:.2s;
margin-right:5px;
}

@media screen and (max-width: 1024px) {
.container-nav-credits-tag{
display:none;
}

	
}