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

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

body {
 background: #E5E5E5;
}
 
/* Header */

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

.brand {

}

/* Navbar */

#navbar-left {

}

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

/* 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;
}

.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;
}

/* 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;
	}
}