/***********************
 * Custom Stylesheet
 *
 ***********************/

/* FIX Bootstrap Bug Breaking Mobile Navs */
.dropdown-backdrop {
    position: static;
}

/* Global */

body {
 background: #E5E5E5;
}

/* Header */

#navbar-top {
 margin-bottom: 10px;
}


.logo {
 height: 2.25em; float: left; margin: .2em .5em 0 0;
}

/* Custom */

.SpeedLimitSign {
width: 5em;
border-radius: .5em;
border: .2em solid black;
padding: .5em;
text-align: center;
font-family: Arial;
color: black;
background: white;
}
.SpeedLimitSign h3 {
font-size: 1.4em;
line-height: 1em;
margin-bottom: .75em;
}
.SpeedLimitSign h1 {
font-size: 4em;
margin-bottom: .25em;
}
h4 {
margin-bottom: 1em !important;
}
.truck {
float: left;
margin: -.25em .4em 0em .5em;
height: 2em;
}

/* Navbar */

/* #navbar-left {

} */

#navbar-left .nav-pills li a {
 padding: 6px;
 margin: 2px;
 margin: 0px;
}

.speedLimitBullet {
 width: 1.25em;
 border: 1px solid gray;
 font-size: .8em;
 border-radius: .2em;
 padding: .1em .2em .1em .2em;
 margin-right: .5em;
 margin-top: .25em;
 text-align: center;
 line-height: 1.3em;
 background: white;
}
.speedLimitBullet div {
 font-size: .5em;
 line-height: .5em;
 margin-top: -.3em;
}

/* Scaffolding */

/* .container {

} */

#content {
 font-size: 1.2em;
}

/* Design Elements */

.breadcrumb {
 margin-bottom: 10px;
}

.box {
 padding: 15px;
 margin-bottom: 10px;
 border: 1px solid silver;
 border-radius: 10px;
 -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
 -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
 box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

.heading {
 text-shadow: 1px 3px 2px rgba(0,0,0,0.2);
 color: #444;
 font-size: 2em;
 /* margin: 0px; */
}

h4 {
 color: #0D3C74;
}

.dropdown-menu {
 max-height: 600px;
 overflow-y: auto;
}

/* Helper CSS */

.less-padding {
 padding: 8px 15px 8px 15px;
}

.no-side-padding {
 padding-left: 0px;
 padding-right: 0px;
}

.less-margin {
 margin: 5px 0px 5px 0px;
}

.spaced {
 margin-top: 5px;
 margin-bottom: 5px;
}

.top-spaced {
 margin-top: 10px;
}

.bottom-spaced {
 margin-bottom: 10px;
}

.right-spaced {
 margin-right: 10px;
}

.padded {
 padding-top: 10px;
 padding-bottom: 10px;
}

.rounded {
 border-radius: 1%;
}

.whitebg {
 background: white;
}

.greenbg {
 background: #006B01;
 color: white;
 border-color: white;
}
.greenbg a, .greenbg h4, .greenbg h1 {
 color: white;
}


.silverbg {
 background: #E5E5E5;
}

.lightgraybg {
 background: #efefef;
}

/* Footer */

footer {
 color: gray;
 font-size: 1em;
 text-align: center;
 margin: 2% 0% 2%;
}

/* Site-specific elements */

#us_map {
 width: 100%;
 height: 500px;
 }

.map-canvas {
 width: 225px;
 height: 170px;
 border: 1px solid #E5E5E5;
 border-radius: 6px;
 overflow: hidden;
}

.info-element {
 border: 1px solid #E5E5E5;
 border-radius: 10px;
 margin-bottom: 10px;
 background: #F2F4FF;
 padding: 5px;
 overflow: hidden;
}

.info-element > img {
 height: 35px;
 vertical-align:bottom;
}

.info-element-textfill {
 font-size: 30px;
 line-height: 35px;
}

address {
 white-space: nowrap;
 font-style: italic;
 }
address:first-line {
 font-weight: bold;
 font-style: normal !important;
 }
address:not(:first-line) {
 font-style: italic;
}

.tiny-logo {
 height: 22px;
}

/* .grecaptcha-badge {
  visibility: hidden !important;
} */

/* Responsive Code */

@media screen and (max-width: 600px)
{
	html, body, container {
	 padding: 0px;
	 margin: 0px;
	 overflow-x: hidden;
	}

	#us_map {
	 height: 200px;
	 }

	.box {
	 border-radius: 2px;
	}

	.heading {
		font-size: 1.5em;
	}
}