/* FEPA Styles, overriding all bootstrap and "Epona" template css */
a, a:hover { text-decoration: none !important; }

.btn-round-pefe { border-radius: 11px; }

#header {
	position:relative; /* override header-transparent.css */
}

#header-home {
	position:absolute;
	left:0; right:0; top:0;

}

.quarter-margins { margin: 15px auto !important; }
.eighth-margins { margin: 7px auto !important; }
.margin-top-md { margin-top: 30px; }

.error {color:#f00;}

.fepa-header-gray { text-align: center; color: #000000; background: #d6d6d6; padding: 10px 5px; margin-bottom: 15px; }

.fepa-list-inside li { list-style-position: inside !important; }


.logo { padding-top: 5px; }
.fepa-logo>img { width: auto; height: 25px; margin-top: 5px; }

.fe-hero { display: block; border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 30px; }

.masthead-search { position: relative; margin: 0; padding: 15px 0 0; border-top: 1px solid #ededed; }
.masthead-search label { margin-bottom: 10px !important; }
.masthead-search input { border-radius: 0; font-size: 13px; height: auto; padding: 6px 26px 6px 6px; position: relative; z-index: 0; margin-left: 15px;}
.masthead-search select { margin-left: 15px; }
.masthead-search button { color: #ccc; position: absolute; right: 10px; top: 25px; z-index: 10; }

.fepa-btn-full { display: block; width: 100%; }

#topNav { /* Set CSS animation to fade in background when #topNav bar is hovered */
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #eee;
	/*background: transparent; transition: background .5s ease-in-out; 
	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; */
}
#topNav:hover { /* background: rgba(255,255,255,1); */ }


#topNav ul.nav>li:hover { background-color: transparent; } /* override in header-transparent.css */
#topNav ul.nav>li:hover a { /*color: #0164C9; */}

#sidebar-nav i { float: left; margin-bottom: 15px; margin-top: 5px; }
#sidebar-nav li { clear: left; }

form.search {
    position: relative;
}
form.search {
    float: right;
    margin: 6px 0 0;
    max-width: 180px;
    padding: 0;
}

form.search input {
    border-radius: 0;
    font-size: 13px;
    height: auto;
    padding: 6px 26px 6px 6px;
    position: relative;
    width: 100%;
    z-index: 0;
}

form.search button {
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.slider { border-bottom: 5px solid #0164C9; margin-top: 62px; }
.fepa-carousel { padding-bottom: 0 !important; }
.fepa_slider_block { position: relative; /*background: rgba(0,0,0,0.6);*/ background: transparent; padding: 135px 30px 30px; text-align: center; width: 100%; height: 550px; }
.fepa_slider_block h2 { font-weight: bold; font-size: 48px; line-height: 72px; color: #fff; margin-top: 30px; color: rgba(255,255,255,0.90);}
.fepa_slider_block p { position: relative; font-size: 16px; font-weight: normal; width: 40%; text-align: center; color: rgba(255,255,255,0.90); margin: 0 auto !important; white-space: normal !important; }

.home-hero-msg { background: rgba(0,0,0,0.45) !important; padding: 60px !important; text-align: center; font-size: 1.5em !important; }
.home-hero-msg h2 { color: #fff; font-size: 2em; line-height: 2em; text-align: center;}
.home-hero-msg p { color: #fff; font-size: 1em; text-align: center; }

.home-featured-grid {  position: relative; margin-top: 15px; padding-top: 0; padding-bottom: 0; }
.home-featured-grid .featured-box-inner { 
	position: relative; display: block; height: 92px; width: 92px; -moz-border-radius: 92px; 
	border-radius: 92px; /*background: #0164C9;*/ background: #ffffff; margin: 5px auto; transition: border-color .5s ease-in-out; 
	-moz-transition: border-color .5s ease-in-out; -webkit-transition: border-color .5s ease-in-out; border: 1px solid #0164c9; 
}
.home-featured-grid span { 
		position: relative; display: block; height: 80px; width: 80px; -moz-border-radius: 80px; margin: 5px auto; 
		border-radius: 80px; /*background: #0164C9;*/ background: #0164C9; margin: 5px auto; transition: background .5s ease-in-out; 
		-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out;  
}
.home-featured-grid i { font-size: 34px; line-height: 75px; color: #fff;}
.home-featured-grid i.fepa-home-icon { width: 82px !important; }
.home-featured-grid a { position: relative; color: #0164C9 !important; }
.home-featured-grid a .featured-box { position: relative; min-height: 175px; transition: background .5s ease-in-out; 
		-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out;  }
.home-featured-grid a:hover .featured-box { background: #f0f0f0 !important; }
.home-featured-grid a:hover, .home-featured-grid a:hover h4 { text-decoration: none; color: #3f3f3f !important; }
.home-featured-grid a:hover .featured-box-inner { border-color: #3f3f3f; }
.home-featured-grid a:hover span { background: #3f3f3f !important; }
.home-featured-grid h4 { font-size: 0.8em; line-height: 1.2em; margin-top: 15px; font-weight: bold; color: #0164C9; /*color: #000000 !important; */
	transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out;
}

.home-featured-grid div.featured-box span i.fa { border-radius: 0; height: auto; line-height: 75px; margin: 0; background: transparent; }
.home-featured-grid a:hover span i.fa { background: transparent; }

/*.programs-masthead ul { list-style: none; position: relative; }
.programs-masthead ul li { display: inline-block; }
.programs-masthead ul li a { display: block; margin: 15px;}
.programs-masthead ul li a i { font-size: 2em; text-align: center; margin: 0 auto; }
.programs-masthead ul li a span { display: block; }
.programs-masthead ul li a:hover { text-decoration: none; background: #666; }
*/

.fepa-resource-callout { background: #e0e0e0; }
.fepa-alert { background-color: #eeeeee !important; transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -webkit-transition: background-color .5s ease-in-out; }
.fepa-alert:hover { background-color: rgba(0, 0, 0, 0.16) !important; }

#footer a { color: #f7f7f7; }
#footer .logo_footer {
    padding: 20px 15px; /* override value in footer-default.css */
}
.logo_footer a { color: #777777 !important; }
.logo_footer p { font-size: 0.8em; }

.footnotes { font-size: 85%; font-style: italic; margin-left: 0; padding-left: 0; }
.footnotes li { list-style: none; margin-left: 0; padding-left: 0; }

/* =tabs */
.fepa-tabs table td { padding: 30px !important; }

.tabs li.active { background-color: #eeeeee !important; }
.tabs .tab-content { /*background-color: #e6e6e6 !important; */ border: 1px solid #E6E6E6 !important; border-top: 0 !important; }


/* Residential Energy Audit */
.rea-step { border: 1px solid #e5e5e5; background: #f7f7f7; margin-bottom: 30px; }
.rea-step h4 { display: block; padding: 15px; background: #0164C9; color: #fff; text-align: center; }
.rea-step h5, .rea-step p, .rea-step ul { margin-left: 15px; margin-right: 15px; }

.fepa-table-finder { }
.fepa-table-finder thead th { text-transform: uppercase; color: #000000; }
.fepa-table-finder tbody td { text-align: left; }
#data_info, #data_length { text-align: left; }
.contractor-name a { margin: 0 5px; }
.contractor-name a span.fa { color: #0164C9; }

#status_info { padding:10px; background:#fff; }

/* hvac energy savings calculator form */
table#hvac-calc { margin: 0 auto; padding: 0; border: 1px solid #e5e5e5; background: #f7f7f7; }
table .unita { /*background: #f7f7f7;*/ background: #0164C9; text-align: center; color: #fff; }
table .unitb { /*background: #ededed; */ background: #92C93A; text-align: center; color: #fff; }
table#hvac-calc tr { border-bottom: 1px dotted #e5e5e5; }
table#hvac-calc th, table#hvac-calc td { text-align: center; vertical-align: top; padding: 10px; border: 0;  }
table#hvac-calc caption { font-weight: bold; }	
table#hvac-calc tr td.instr { width: 40%; text-align: left; vertical-align: middle; background: #f7f7f7; }
table#hvac-calc td input, table#hvac-calc td select { display: block; text-align: center; margin: 0 auto; }
table#hvac-calc td select { margin: 5px auto 0 auto; vertical-align: middle; }
table .unita input, table .unita select { background: #0164C9 !important; border: 1px solid #418bd7 !important; }
table .unitb input, table .unitb select { background: #92C93A !important; border: 1px solid #add76b !important; }
.hvac-other { background: #fff; }
.capacity-type, .closest-city { background: #f7f7f7; vertical-align: middle; }
.hvac-calc-header { font-weight: bold; text-transform: uppercase; line-height: 3em; border-top: 1px solid #e5e5e5; }
.hvac-calc-sep { border-bottom: 1px solid #e5e5e5; }
.hvac-calc-result { vertical-align: middle; font-weight: bold; color: #000000; background: #f7f7f7;}
.calc-error { text-align:center;font-size:0.75em;color:red; }
#error-wrapper { border-top: 1px solid #bfbfbf; width: 90%; margin: 0 auto; padding-top: 1.5em;  }
#error-wrapper .error-msg { display: block; color: #f00; font-weight: bold; }

/* =Appliances */
.fepa-appliance-container { border: 1px solid #d6d6d6; margin: 0 5px 30px; }
.fepa-appliance-container .fepa-resource-btn { margin-top: 15px; margin-bottom: 30px; }

/* =Lighting */
.lighting-calc { background: #007ECF; color: #fff; width: 100%; margin-bottom: 30px; margin-right: 15px;} 
.lighting-calc tr th { text-align: center; font-weight: bold; }
.lighting-calc tr th, .lighting-calc tr td { padding: 15px 10px 15px 10px; padding-left: 10px !important; text-align: center; border: 1px solid #1DA0F2; }
.lighting-calc tr td div { position: relative; margin: 0 auto; }
.lighting-calc tr td input { display: inline-block !important; width: 50px; margin-left: 9px; color: #000; }

.lighting-stores { border: 1px solid #d6d6d6; margin: 15px 5px; min-height: 200px; }

.lc-col1 { width: 50px !important; }
.lc-col1 input { width: 40px !important; margin-left: 0 !important;  }

/* =Resources */
.fepa-resource-rebate { border-left:#0164C9 3px solid !important; }

.fepa-resource-container { min-height: 290px; border: 1px solid #d6d6d6; margin: 30px 5px 0; }
.fepa-resource-container .fepa-resource-btn { margin-top: 15px; }


/* =Videos */
.fepa-video-list { margin: 0 30px 45px; }

/* For Participating Contractors */
.table.fepa-request-table > thead > tr > th, .table.fepa-request-table > tbody > tr > th, .table.fepa-request-table > tfoot > tr > th, .table.fepa-request-table > thead > tr > td, .table.fepa-request-table > tbody > tr > td, .table.fepa-request-table > tfoot > tr > td {
    border-top: 0;
}
.table.fepa-request-table label { margin-top: 8px; }

/* =Contact */
.phone-highlight { color: #0164C9; }

@media only screen and (min-width: 768px) {
	.slider { margin-top: 0; }
	.fepa-logo>img { height: 50px; margin-top: 0; }
}


/* form overrides */
.form-horizontal .fepa-form-label { text-align: left !important; }

#feform-response { text-align: center; margin: 1.5em auto; font-weight: bold; }

/* tables */
.fe-table-calendar > thead > tr > th { text-align: center; background: #0164C9; color: #fff; }
.fe-table-calendar > thead > tr > th, .fe-table-calendar > tbody > tr > th, .fe-table-calendar > tfoot > tr > th, .fe-table-calendar > thead > tr > td, .fe-table-calendar > tbody > tr > td, .fe-table-calendar > tfoot > tr > td {
	padding: 15px !important;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 0;
  width: auto;
  max-width: 100%;
}

.lat, .lon {display:inline;}

/* Interactive house graphic - energy-efficiency-at-home.html */
#house-map { display: block; width: 100%; height: auto; margin-bottom: 3em; }
.interactive-icon { display: block; float: left; margin: 0 15px 5px 0; width: 50px; height: auto; }
.interactive-home h2 { line-height: 50px; padding-left: 65px; }

/* magnific popup styles */
/* Styles for dialog window */
.interactive-home {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 100%;
	margin: 40px auto;
	position: relative;
}

@media screen and (min-width: 768px) {
	.interactive-home {
		max-width: 600px;
	}
}


/**
* Fade-zoom animation for first dialog
*/

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}