@charset "utf-8";

html {
	font-size: 10px;
}

.main-container .row {
	display: block;
}

/* mobile nav */
@media all {
	@media (max-width: 991px) {
		body.toggled .btn-close {
			filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
			opacity: 1;
			visibility: visible;
			display: block;
		}

		body.toggled .overlay {
			display: block;
			cursor: pointer;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 999;
			background-color: rgba(0, 0, 0, 0.3);
			width: 100%;
			height: 100%;
		}

		.btn-close {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity: 0;
			visibility: hidden;
			display: none;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			-moz-box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
			-webkit-box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
			box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
			cursor: pointer;
			position: fixed;
			width: 48px;
			height: 48px;
			z-index: 1000;
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			animation-fill-mode: both;
			animation-duration: 0.2s;
			animation-timing-function: ease-in-out;
			animation-name: fadeInFromNone;
			animation-delay: 0.5s;
		}

		.btn-close:before,
		.btn-close:after {
			content: "";
			width: 22px;
			height: 2px;
			border-radius: 1px;
			background-color: #1d252d;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -11px;
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-webkit-transform: rotate(0);
			transform: rotate(0);
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		.btn-close:before {
			margin-top: -1px;
			transform: rotate(45deg);
		}

		.btn-close:after {
			margin-top: -1px;
			transform: rotate(-45deg);
		}

		html body .btn-close {
			right: 10px !important;
			top: 82px !important;
			background: #97d700;
		}

		.main.navbar.active {
			left: 0;
			overflow-y: scroll;
			overflow-x: hidden;
			width: auto;
			height: fit-content;
			background-color: #fff !important;
			margin-top: 155px;
		}

		html body .search-block-form .btn {
			padding: 2px 12px !important;
			border-top-left-radius: 4px !important;
			border-bottom-left-radius: 4px !important;
		}
	}
}

@media (min-width: 992px) {
	html body .search-block-form .btn {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

/* headings */
@media all {
	html body h2 {
		font-size: 3.906rem;
		line-height: 4.883rem;
		font-weight: 300;
		color: #005151;
	}

	html body h3 {
		font-size: 2.5rem;
		line-height: 3.125rem;
	}

	html body h4 {
		font-size: 2rem;
		line-height: 2.5rem;
		color: #363636;
	}
}

/* lists */
ol,
ul {
	padding-left: 1.5em;
}

.region-content li {
	font-size: 1.8rem;
}

/*! fontfaces */
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../libraries/fontawesome/webfonts/fa-brands-400.eot);
	src: url(../libraries/fontawesome/webfonts/fa-brands-400.eot#iefix)
			format("embedded-opentype"),
		url(../libraries/fontawesome/webfonts/fa-brands-400.woff2)
			format("woff2"),
		url(../libraries/fontawesome/webfonts/fa-brands-400.woff) format("woff"),
		url(../libraries/fontawesome/webfonts/fa-brands-400.ttf)
			format("truetype"),
		url(../libraries/fontawesome/webfonts/fa-brands-400.svg#fontawesome)
			format("svg");
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(../libraries/fontawesome/webfonts/fa-light-300.eot);
	src: url(../libraries/fontawesome/webfonts/fa-light-300.eot#iefix)
			format("embedded-opentype"),
		url(../libraries/fontawesome/webfonts/fa-light-300.woff2)
			format("woff2"),
		url(../libraries/fontawesome/webfonts/fa-light-300.woff) format("woff"),
		url(../libraries/fontawesome/webfonts/fa-light-300.ttf)
			format("truetype"),
		url(../libraries/fontawesome/webfonts/fa-light-300.svg#fontawesome)
			format("svg");
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../libraries/fontawesome/webfonts/fa-regular-400.eot);
	src: url(../libraries/fontawesome/webfonts/fa-regular-400.eot#iefix)
			format("embedded-opentype"),
		url(../libraries/fontawesome/webfonts/fa-regular-400.woff2)
			format("woff2"),
		url(../libraries/fontawesome/webfonts/fa-regular-400.woff)
			format("woff"),
		url(../libraries/fontawesome/webfonts/fa-regular-400.ttf)
			format("truetype"),
		url(../libraries/fontawesome/webfonts/fa-regular-400.svg#fontawesome)
			format("svg");
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../libraries/fontawesome/webfonts/fa-solid-900.eot);
	src: url(../libraries/fontawesome/webfonts/fa-solid-900.eot#iefix)
			format("embedded-opentype"),
		url(../libraries/fontawesome/webfonts/fa-solid-900.woff2)
			format("woff2"),
		url(../libraries/fontawesome/webfonts/fa-solid-900.woff) format("woff"),
		url(../libraries/fontawesome/webfonts/fa-solid-900.ttf)
			format("truetype"),
		url(../libraries/fontawesome/webfonts/fa-solid-900.svg#fontawesome)
			format("svg");
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2)
		format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2)
		format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2)
		format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXiWtFCc.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2)
		format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2)
		format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

/* components */
table thead tr th {
	background-color: #fff;
	color: #000;
	font-weight: 700;
}

table tbody tr {
	border-bottom: 1pt solid #ccc;
}

table tbody :nth-child(odd) td {
	background: #fff;
}

table tbody :nth-child(even) td {
	background-color: #f4f4f5;
}

table tbody tr td {
	vertical-align: top;
}

/* buttons */
button.btn {
	color: #fff;
}

button.btn::hover {
	background-color: #0b354d;
	color: #f9f9a5;
}

button.btn-primary {
	background-color: #005151;
}

button.btn-info {
	background-color: #005151 !important;
	transition: background 0.5s ease;
	border-color: #005b7f;
	margin-top: 25px;
}

button.btn-info::hover {
	background-color: #0b354d !important;
	color: #f9f9a5;
}

button.btn-danger {
	background-color: #005151;
	transition: background 0.5s ease;
	border-color: #005b7f;
	margin-top: 3px;
}

button.btn-danger::hover {
	background-color: #0b354d;
	color: #f9f9a5;
}

.wsdot-logo-footer {
	overflow: hidden;
	max-width: 75%;
}

.wsdot-logo-footer path,
polygon {
	fill: #ffffff;
}