/* Project Specific Styles (I-77 Lancaster County Headlight Dashboard)
//
//  A collection of styles applied specifically to the project
//  - styles global to the Burly-App platform should not be here; they should
//    be placed in app-style.css instead
//  - override Burly-App defaults using this section by increasing selector 
//    specificity; use the Web Publisher config 'web_pub_body_class' setting
*/

.app-hlp.client-i77l #hlp-header,
.app-hlp.client-i77l #header-nav-holder #hlp-nav-menu ul.main-menu,
.app-hlp.client-i77l #header-nav-holder #hlp-nav-menu ul.main-menu li ul.submenu {
    background-color: rgb(197, 139, 49);
}

.app-hlp.client-i77l #hlp-main-menu,
.app-hlp.client-i77l ul.main-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.app-hlp.client-i77l #hlp-home-page {
	padding: 0;
	font-family: Verdana;
}
.app-hlp.client-i77l #hlp-home-page .content {
	max-width: none;
	text-align: left;
}
@media screen and (max-width: 960px) {
	.app-hlp.client-i77l #hlp-home-page .content,
	.app-hlp.client-i77l #hlp-footer .content {
		margin: 0;
	}
	.app-hlp.client-i77l #hlp-home-page .content .col-1-2 {
		width: 100%;
	}
}
.app-hlp.client-i77l #hlp-home-page .color-fill {
	background-color: rgb(33, 21, 81);
	height: 400px;
}
.app-hlp.client-i77l #hlp-home-page .hero-image {
	height: 400px;
	float: right;
}
@media screen and (max-width: 960px) {
	.app-hlp.client-i77l #hlp-home-page .hero-image {
		display: none;
	}
}
.app-hlp.client-i77l #hlp-home-page .subtext-1,
.app-hlp.client-i77l #hlp-home-page .subtext-2 {
    color: #fff;
    margin: 0;
    position: relative;
    left: 10%;
}
 .app-hlp.client-i77l #hlp-home-page .subtext-1 {
 	top: 100px;
 	background-color: rgb(197, 139, 49);
 	padding: 5px 10px;
 	display: inline-block;
 	font-size: 1.3em;
 }
 .app-hlp.client-i77l #hlp-home-page .subtext-2 {
 	top: 110px;
 	max-width: 85%;
 	font-size: 1.33em;
 	line-height: 1.66em;
 }
 
 .app-hlp.client-i77l #hlp-home-page .subtext-2 span {
 	font-size: 1.4em;
 }
.app-hlp.client-i77l #hlp-home-page .subtext-3-icon {
	float: left;
	color: rgb(33, 21, 81);
	margin-left: 5%;
}
.app-hlp.client-i77l #hlp-home-page .subtext-3 {
	color: rgb(33, 21, 81);
	margin-left: 5%;
}
.app-hlp.client-i77l #hlp-home-page .subtext-3 p {
	margin: 2.33em 0 0 1.33em;
} 

.app-hlp.client-i77l #hlp-home-page .content #graphs {
	width: 90%;
	margin: 2.33em auto;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div {
	width: 32%;
	display: inline-block;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div.center-plot {
	border-left: 1px solid #F0F3F4;
	border-right: 1px solid #F0F3F4;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs img {
	height: 100px;
	max-width: 85%;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div.left-plot {
	text-align: left;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div.center-plot {
	text-align: center;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div.right-plot {
	text-align: right;
}

.app-hlp.client-i77l #hlp-home-page .content #graphs div.center-plot img {
	width: 50%;
}
.app-hlp.client-i77l #hlp-home-page .content #graphs div p {
	text-align: center;
}

@media screen and (max-width: 1059px) {

    .app-hlp #hlp-home-page div.content {
        margin: 0px;
    }
}

@media screen and (max-width: 960px) {
	.app-hlp.client-i77l #hlp-home-page .content #graphs div {
		width: 100%;
		display: block;
	}
	.app-hlp.client-i77l #hlp-home-page .content #graphs div.left-plot,
	.app-hlp.client-i77l #hlp-home-page .content #graphs div.center-plot,
	.app-hlp.client-i77l #hlp-home-page .content #graphs div.right-plot {
		text-align: center;
		border: none;
	}
	.app-hlp.client-i77l #hlp-home-page .content #graphs img {
		width: 50%;
		margin: 1.66em auto;
		height: auto;
	}
	.app-hlp.client-i77l #hlp-home-page .content #graphs div.center-plot img {
		max-width: 200px;
	}
}

.app-hlp.client-i77l #hlp-help-page .pdf-block {
	background-color: rgb(197, 139, 49);
}

.app-hlp.client-i77l #hlp-footer {
    background-color: rgb(33, 21, 81);
	color: #fff;
	min-height: 170px;
}

.app-hlp.client-i77l #hlp-footer .content {
	width: 85%;
	max-width: none;
	margin-top: 3.33em;
}
.app-hlp.client-i77l #hlp-footer .content div {
	display: inline-block;
}
.app-hlp.client-i77l #hlp-footer .left-footer {
	width: 50%;
}
.app-hlp.client-i77l #hlp-footer .left-footer p {
	font-size: 0.75em;
	line-height: 2em;
	width: 70%;
}
.app-hlp.client-i77l #hlp-footer .right-footer {
	text-align: center;
	width: 40%;
}
.app-hlp.client-i77l #hlp-footer .right-footer .legal-holder {
	font-size: 0.75em;
	line-height: 1.5em;
}
.app-hlp.client-i77l #hlp-footer .right-footer .logo-holder {
	width: 40%
}

.app-hlp.client-i77l #hlp-footer .right-footer .logo-holder img {
	max-width: 200px;
}

@media screen and (max-width: 960px) {
	.app-hlp.client-i77l #hlp-footer .content {
		width: 100%;
	}
	.app-hlp.client-i77l #hlp-footer .left-footer,
	.app-hlp.client-i77l #hlp-footer .right-footer {
		width: 100%;
		text-align: center;
	}
	.app-hlp.client-i77l #hlp-footer .left-footer p,
	.app-hlp.client-i77l #hlp-footer .right-footer {
		margin: 0 auto;
	}
	.app-hlp.client-i77l #hlp-footer .right-footer .logo-holder {
		width: 25%;
	}
}

@media screen and (max-width: 550px) {
	.app-hlp.client-i77l #hlp-footer .left-footer {
		margin-bottom: 1em;
	}
	
	.app-hlp.client-i77l #hlp-footer .right-footer .legal-holder,
	.app-hlp.client-i77l #hlp-footer .right-footer .logo-holder {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
	}
	
	.app-hlp.client-i77l #hlp-footer .content .footer-legal {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    }
		
}