@charset "utf-8";
/*
Theme Name: Federal Highway Administration
Theme URI: https://www.fhwa.dot.gov
Author: 
Description: Homepage slide show
Created: 9/10/2012 
Last Updated: 9/23/2013
*/

/* update notes - used to keep track of significant addition or changes
***********************************************************************************
0/00/0000 (initals) - description of change
***********************************************************************************
*/

/* starts slider */
#slider { clear:both; margin-bottom:2px }
#slider ul { list-style:none }

/* frame tab tab */
#slider .tab { float:left }
#slider .tab:hover { background:#c2d8ea url(/images/fhwa/slider/imgtabblue.png) top left no-repeat }
#slider .tab span { display:block; float:none; height:300px; width:28px }

/* frame content */
#slider .frame-content h1 { color:#27445b; font-size:22px; font-weight:bold; text-align:center; }
#slider .frame-content p { color:#000; font-size:16px }
#slider .frame-content span { color:#000; font-size:12px }
#slider .frame-content a {color: #06C; text-decoration: none}
#slider .frame-content a:hover { color:#063; text-decoration:underline }

#slider {width: 100% !important; background-color: transparent !important; margin-bottom: 5px !important; }
.jshowoff div {width: unset !important; height: 185px !important;}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap; /* Prevents text from wrapping */
}

/* slider dimensions are around 940 x 256 */
#carousel_1 { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/hppi_motor_fuels_banner.png'); /*background-size: contain; background-position: left;*/ } 
.carousel_1_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_1_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_1_text {width: unset !important; height: unset !important;}

#carousel_2 { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('/policyinformation/images/hppi_tvt_banner.png'); background-position-y: 65%; background-size: cover; } 
.carousel_2_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_2_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_2_text {width: unset !important; height: unset !important;}

#carousel_3 { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/hppi_highway_statistics_banner.png'); background-position-y: 65%; background-size: cover; } 
.carousel_3_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_3_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_3_text {width: unset !important; height: unset !important;}

#carousel_4 { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('/policyinformation/images/hppi_top_slider.png'); background-position-y: 53%; background-size: cover; } 
.carousel_4_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_4_text { color: white; background-color: black; padding: 15px; height: unset !important; font-size: .9em;}
.jshowoff div.carousel_4_text {width: unset !important; height: unset !important;}


#slider_project {height: 29rem !important;}


.jshowoff-2 {width: 100% !important;}
.jshowoff-2 div, .jshowoff-2 img, .jshowoff-2 {
	border-radius: 0px !important;
}

.slide_small a, .slide_small a:hover, .slide_small a:active {color: white; text-decoration: underline; }

.content-slider-project {width: unset; margin-left: unset; overflow: clip;}
.content-slider-project h2 {text-align: center;}
.content-slider-project .slide_small {display: flex; height: 100% !important;}
.content-slider-project .slide_small div {text-align: center; margin: unset; height: unset !important;}


#carousel_1_project { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/factoid_intersection_safety.png'); /*background-position-y: 65%;*/ background-size: cover; } 
/*#carousel_1_project img { float: left; margin: 25px 10px; } */
.carousel_1_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_1_project_text { color: white; font-weight: bold; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_1_project_text {width: unset !important; height: unset !important;}

#carousel_2_project { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/factoid_registered_vehicles_vs_licensed_drivers.png'); /*background-position-y: 65%;*/ background-size: cover; } 
/*#carousel_2_project img { float: right; margin: 25px 10px; } */
.carousel_2_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_2_project_text { color: white; font-weight: bold; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_2_project_text {width: unset !important; height: unset !important;}

#carousel_3_project { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/factoid_percentage_of_interstate_to_roadway.png'); /*background-position-y: 65%;*/ background-size: cover; } 
/*#carousel_3_project img { float: left; margin: 25px 10px; } */
.carousel_3_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_3_project_text { color: white; font-weight: bold; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_3_project_text {width: unset !important; height: unset !important;}

#carousel_4_project { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/factoid_choate_bridge_ma.png'); /*background-position-y: 65%;*/ background-size: cover; } 
/*#carousel_4_project img { float: right; margin: 25px 10px; } */
.carousel_4_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_4_project_text { color: white; font-weight: bold; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_4_project_text {width: unset !important; height: unset !important;}

#carousel_5_project { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('/policyinformation/images/factoid_most_traveled_routes.png'); /*background-position-y: 65%;*/ background-size: cover; } 
/*#carousel_5_project img { float: right; margin: 25px 10px; } */
.carousel_5_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_5_project_text { color: white; font-weight: bold; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_5_project_text {width: unset !important; height: unset !important;}


/* frame open/closed */
#slider .frame-closed .tab { background:#999 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabgray.png) top left repeat-y }
#slider .frame-closed .tab:hover { background:#8aa9c1 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabblue.png) top left repeat-y }
#slider .frame-open .tab { background:#8aa9c1 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabblue.png) top left repeat-y }
#slider .frame-closed .frame-content { display:block }
#slider .frame-open .frame-content { display:block }

/* end slider */