@charset "utf-8";
/* CSS Document */

/*@import url('//fonts.cdnfonts.com/css/rockwell-nova');*/

/*.draft {background: url("../images/draft_bg.png");}*/

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap');

h1, h2, h3, h4, h5, h6 {
	font-family: 'Malgun Gothic', sans-serif;
	font-weight: bold;}

#content div p:first-child {margin-top: 0;}
.subnav.v2 {width: 960px !important;}
.contenttext.v2 {width: 940px !important;}

.v2 {float: none !important;
clear: both !important;
background: #fff !important;
margin: auto !important;}

/*.v2 ul {list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
	font-family: 'Malgun Gothic', system-ui, sans-serif;
	display: flex !important;
    justify-content: space-evenly !important;
	font-weight: bold;
border-bottom: 1px #203864 solid;
    border-top: 1px #203864 solid;
}

.v2 ul li {
	float: left !important;
}

.v2 ul li a {
  display: block !important;
  color: #203864 !important;
	background-color: transparent !important;
	border: none !important;
  text-align: center !important;
  padding: 8px !important;
	margin-bottom: -1px !important;
  text-decoration: none !important;
}

.v2 ul li a:hover {
  background-color: #203864 !important;
	color: white !important;
}*/

/* Top left text */
#banner_title {
/*  position: absolute;*/
  position: relative;
/*  top: 16px;*/
/*  left: 16px;*/
  font-family: 'Prompt', sans-serif, system-ui;
/*  font-family: "Bookman Old Style", serif, system-ui;*/
  font-weight: 600;
  text-transform: uppercase;
/*  font-variant: small-caps;*/
  font-size: 4em;
  text-align: center;
  color: black;
/*  background-color: rgba(0,0,0,0.75);*/
  padding: 15px 10px;
/*  width: 75%;*/
/*  text-shadow: 5px 5px 5px #5b4c45;
  padding: 10px 5px;
/*  color: white;
  -webkit-text-fill-color: white; 
  -webkit-text-stroke-width: 0.025em;
  -webkit-text-stroke-color: black;*/
}

/* Container holding the image and the text */
#banner {
    position: relative;
    text-align: center;
    color: white;
	background-position: center;
    height: 150px; /* previously 200 */
	margin-bottom: 15px;
	background-size: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
/* background color to add transparent white block */
#banner::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.5);
} 

.iija_banner {
    background-image: url('../images/iija_banner.png');
    height: 300px !important;
/*    background-position: 0% 60% !important;*/

}

.funding_banner {
    background-image: url('../images/funding.png'); 
    background-position: 0% 75% !important;
}

.summary_banner {
    background-image: url('../images/summary.png');

}

.safety_banner {
    background-image: url('../images/safety_banner.png');
    background-position: 0% 92% !important;
}

.bridges_banner {
    background-image: url('../images/bridges_banner.jpg');
}

.prt_banner {
	background-image: url("../images/pr_road.png"); background-position: 0% 40% !important;
}

.evs_banner {
    background-image: url('../images/evs_banner.jpeg');
}

.factsheets_banner {
    background-image: url('../images/fact_sheet.png'); 
    background-position: 0% 90% !important;
}

.tech_banner {
    background-image: url('../images/02-2022-BIL_LocalSupport_webbanner-1-01.png'); 
    /*background-position: 0% 45% !important;*/
}

.legislation_banner {
    background-image: url('../images/legislation.png'); 
}

.guidance_banner {
    background-image: url('../images/guidance.jpg'); 
}

.grants_banner {
    background-image: url('../images/grants.png');
    background-position: 0% 80% !important;
}

.local_banner {
    background-image: url('../images/local.png'); 
    background-position: 50% 0% !important;
    background-size: cover;
}

.states_banner {
    background-image: url('../images/states_temp.jpg'); 
}

.tribes_banner {
    background-image: url('../images/tribes.png');
    background-position: 50% 70% !important;
}

.other_banner {
    background-image: url('../images/others.png'); 
}
.climate_banner {
    background-image: url('../images/climate_banner.png'); 
}
.crp_banner {
    background-image: url('../images/crp_banner.png'); 
}

.equity_banner {
    background-image: url('../images/rcpp_slider.png');
    background-position-y: 60%;

}
/*
.ira_banner {
    background-image: url('../images/ira_banner_temporary_v1.jpg');
}
*/

#bid_header h1 {margin-top: 0;}
.memo_h1 {font-size: 1em; margin: 0;}
.memohead {font-size: larger; font-weight: bold;}
#questions { display: flex; align-items: center; justify-content: center;/*background-image: url("../images/bid_feedback.png"); background-position: left; background-size: contain; background-repeat: no-repeat;*/ text-align: center; font-family: 'Malgun Gothic', sans-serif;font-weight: bold;font-size: x-large;margin: auto;padding: 1rem 2.5rem 1rem 1rem;/* border-top: 1px solid #203864; border-bottom: 1px solid #203864; */}
#feedback_icon { width: 10%; margin-right: 1rem;}
.banner-wrapper {margin-bottom: 50px; border: none;}
.banner li {padding: 0}
.banner li a, .banner li a:hover, .banner li a:active {color: white; text-decoration: underline; }
.slide a, .slide a:hover, .slide a:active {color: white; text-decoration: underline; }
.jshowoff-slidelinks a, .jshowoff-controls a {font-family: 'Malgun Gothic', sans-serif;font-weight: bold;    background-color: #203864 !important;
	color: #fff !important;}
.banner-controls a, .banner-controls a:hover, .banner-controls a:active {text-decoration: none; }
.dots li {padding-bottom: 5px !important;}
.slide {height: 150px; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; font-family: 'Malgun Gothic', sans-serif;font-weight: bold;font-size: 1.75em;margin: auto;/*padding: 1rem 2.5rem 1rem 1rem;*/ }
.right_align_box {
	background-color: #a2c0e6;
	border: #6699cc 1px solid;
	float: right;
	margin-left: 15px;
	padding: 8px;
	width: 300px
}
.right_align_box a, .right_align_box a:active {
	color: #000;
	text-decoration: underline;
}
.right_align_box a:hover {
	color: #f60;
	text-decoration: underline;
}

#slider {width: 100% !important; background-color: transparent !important; margin-bottom: 5px !important; }
.jshowoff div {width: unset !important; height: 175px !important;}

#slide1 { align-items: flex-end; justify-content: flex-start; background-image: url("../images/New River Gorge BR WV.jpg"); background-position-y: 20%; }
.slide1_question { width: 10%; margin-right: 1rem; display: none;}
.slide1_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide1_text {width: unset !important; height: unset !important;}

#slide2 { align-items: flex-start; justify-content: flex-end; background-image: url("../images/Longfellow Br.jpg"); }
.slide2_question { width: 10%; margin-right: 1rem; display: none;}
.slide2_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide2_text {width: unset !important; height: unset !important;}

#slide3 { align-items: flex-end; justify-content: flex-end; background-image: url("../images/Minneapolis Stone Arch Bridge.jpg"); }
.slide3_question { width: 10%; margin-right: 1rem; display: none;}
.slide3_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide3_text {width: unset !important; height: unset !important;}

#slide4 { align-items: flex-end; justify-content: flex-start; background-image: url("../images/ev_AdobeStock_302683883.jpeg"); }
.slide4_question { width: 10%; margin-right: 1rem; display: none;}
.slide4_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide4_text {width: unset !important; height: unset !important;}

#slide5 { align-items: flex-end; justify-content: flex-start; background-image: url("../images/guidance.jpg"); }
.slide5_question { width: 10%; margin-right: 1rem; display: none;}
.slide5_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide5_text {width: unset !important; height: unset !important;}

#slide6 { align-items: flex-end; justify-content: flex-start; background-image: url("../images/bridge_formula_program.jpg"); }
.slide6_question { width: 10%; margin-right: 1rem; display: none;}
.slide6_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide6_text {width: unset !important; height: unset !important;}

#slide_protect { align-items: flex-end; justify-content: flex-end; background-image: url("../images/protect_slider.jpg"); background-position-y: 88%; }
.slide_protect_question { width: 10%; margin-right: 1rem; display: none;}
.slide_protect_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_protect_text {width: unset !important; height: unset !important;}

#slide_hsip { align-items: flex-end; justify-content: flex-end; background-image: url("../images/hsip_slider.png"); background-position-y: 88%; }
.slide_hsip_question { width: 10%; margin-right: 1rem; display: none;}
.slide_hsip_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_hsip_text {width: unset !important; height: unset !important;}

#slide_evs { align-items: flex-end; justify-content: flex-start; background-image: url("../images/ev_charging_station_banner.png"); background-position-y: 35%; }
.slide_evs_question { width: 10%; margin-right: 1rem; display: none;}
.slide_evs_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_evs_text {width: unset !important; height: unset !important;}

#slide_prt { align-items: flex-end; justify-content: flex-start; background-image: url("../images/pr_road.png"); background-position-y: 40%; }
.slide_prt_question { width: 10%; margin-right: 1rem; display: none;}
.slide_prt_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_prt_text {width: unset !important; height: unset !important;}

#slide_climatechallenge { align-items: flex-end; justify-content: flex-end; background-image: url("../images/climate_slider.png"); background-position-y: 40%; }
.slide_climatechallenge_question { width: 10%; margin-right: 1rem; display: none;}
.slide_climatechallenge_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_climatechallenge_text {width: unset !important; height: unset !important;}

/* slider dimensions are around 940 x 175 */
#slide_ss4a { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('../images/ss4a-slider_a.png'); /*background-size: contain; background-position: left;*/ } 
.slide_ss4a_question { width: 10%; margin-right: 1rem; display: none;}
.slide_ss4a_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_ss4a_text {width: unset !important; height: unset !important;}

#slide_rcpp { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('../images/rcpp_slider.png'); background-position-y: 65%; background-size: cover; } 
.slide_rcpp_question { width: 10%; margin-right: 1rem; display: none;}
.slide_rcpp_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_rcpp_text {width: unset !important; height: unset !important;}

#slide_cgp { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('../images/02-2022-BIL_LocalSupport_webbanner-1-01.png'); background-position-y: 65%; background-size: cover; } 
.slide_cgp_question { width: 10%; margin-right: 1rem; display: none;}
.slide_cgp_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_cgp_text {width: unset !important; height: unset !important;}

#rfi_ira { align-items: flex-end; justify-content: center; background-color: white; background-image: url('../images/ira_rfi_60505.jpg'); background-position-y: 53%; background-size: cover; } 
.rfi_ira_question { width: 10%; margin-right: 1rem; display: none;}
.rfi_ira_text { color: white; background-color: black; padding: 15px; height: unset !important; font-size: .9em;}
.jshowoff div.rfi_ira_text {width: unset !important; height: unset !important;}

#slide_ira { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/bipartisan-infrastructure-law/images/ira_header.jpg'); background-position-y: 65%; background-size: cover; } 
#slide_ira a { display: block; width: 100%; height: 100%; }
.slide_ira_question { width: 10%; margin-right: 1rem; display: none;}
.slide_ira_text { display: block; width: 100%; height: 100%; }
.jshowoff div.slide_ira_text {width: unset !important; height: unset !important;}

#slide_adcms { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('../images/adcms_slider.png'); background-position-y: 55%; background-size: cover; } 
.slide_adcms_question { width: 10%; margin-right: 1rem; display: none;}
.slide_adcms_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_adcms_text {width: unset !important; height: unset !important;}

#slide_mutcd { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('../images/mutcd_gradient_slider.jpeg'); background-position-y: 55%; background-size: cover; } 
.slide_mutcd_question { width: 10%; margin-right: 1rem; display: none;}
.slide_mutcd_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.slide_mutcd_text {width: unset !important; height: unset !important;}

.recent_title {font-weight: bold; padding: .5rem .25rem; margin: 0; color: #fff; background-color: #203864; font-family: 'Malgun Gothic', sans-serif; font-size: 1.25em; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
.recent_text {}
#fhwacontent .crosstopics {width: 250px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;}

.fact_callout {/* height: 6rem; */ /*width: 72%*/ width:100%;padding-bottom: .25rem;}
.fact_callout_last {/* height: 6rem; */ width: 100%;padding-bottom: .25rem;}
.fact_title {font-weight: bold; margin-left: .25rem; margin-top: .5rem; margin-bottom: 1%; color: #002060; font-family: 'Malgun Gothic', sans-serif;}
.fact_box {display: flex;justify-content: flex-start;flex-direction: row;align-items: center;}
.fact_bubble {text-align: center; margin: 0 .25rem; padding: 0 0.1rem; background: #203864; color: white; width: 16%;}
.fact_bubble p {font-weight: bold; /* margin-top: 3rem; */font-family: 'Malgun Gothic', sans-serif; font-size: larger;}
.fact_text {width: 80%; margin-left: .25rem;}

#infobox {display: none /*flex*/; margin-top: .25rem; justify-content: flex-start;}
#infobox p {background: black; padding: 10px; color: white;}
#infobox div.container {background-size: cover;display: flex;align-items: flex-end;}
#infobox div div {min-height: 30vh;}

#regs_comment {display: flex; justify-content: center;}
#regs_comment button {background-color: white;
    border: #4671C7 solid;
    color: #4671C7;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: system-ui;
    margin: 2px 2px 2px 2px;
    border-radius: 8px;
    cursor: pointer;}

/*
#regs_comment {display: flex; align-items: flex-end; justify-content: flex-start; background-image: url('../images/New River Gorge BR WV.jpg'); background-position: 0% 25%; margin-top: 0.5rem; min-height: 7rem; font-family: 'Malgun Gothic', sans-serif; font-weight: bold; font-size: 1.75em; color: white;}
#regs_comment a {color: white;}
#regs_comment div {background-color: rgba(0,0,0,1); padding: 10px 15px;}
*/

#quote {background-image: url('../images/bid_quote_draft2.jpg'); background-size: 101% /*cover*/; padding: 2rem 1rem; margin-top: 0.5rem; min-height: 5rem; /*background: #4472C4;*/ color: white; /*text-align: center;*/ font-style: italic; font-family: system-ui; font-size: large;}
#quote div {background-color: rgba(0,0,0,0.75); padding: 10px 15px;}

#bid_footer {display: flex;width: 100%;margin: auto;justify-content: space-evenly;}
#bid_footer h2 {color: #036;}

span.menudiv {
    border-right: 2px #203864 solid;
    margin: 5px 0px;
}

#slider-divider, #core-divider { border-bottom: 1px solid #203864;
margin-bottom: 2%;}

.core-themes-icons {
	display: flex;
	align-items: flex-start;
/*	justify-content: flex-start;*/
	justify-content: flex-start;
	flex-direction: row;
	margin: 0 auto 2% auto;
	text-align: center;
	font-family: 'Malgun Gothic', sans-serif;
	font-weight: bold;
/*	width: 70%;*/
	width: 100%;
	float: left;
	border-bottom: 1px solid #203864;
	padding-bottom: 2%;
}

.core-themes-icons div {
/*	margin-right: 5% !important;*/
	margin-right: 2% !important;
}

#bid_header, #bid_subheader {
    width: 940px;
    margin: -20px auto;
    background: white;
	padding: 5px 10px;
}

.head-image, .subhead-image {margin-top:0;}
.indent {margin-left: 2%;}