body { font-family:'Avenir Next W01', arial, sans-serif; text-align: center; color: #231f20;}
a:hover { text-decoration: none;}
a:focus, .btn.btn-modal-link:focus { outline:none!important; }
a {cursor:pointer!important;}/*FF parsing bug, called out a specifically so it would properly apply the cursor*/
[a|data-link] { cursor:pointer!important;}
.wrap { max-width: 980px; margin: 0 auto 100px;}
.shadow { border-left: 1px solid #d2d7d8; border-right: 1px solid #d2d7d8; border-bottom: 1px solid #d2d7d8; -webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1); box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);}
.logo { width: 172px; height: 38px;}
video { width: 100%!important; height: auto!important;}
.modal-scrollable .modal { z-index:1051!important;}

/*#loginBox { display: none!important;}
#loginFrame { display: none!important;}*/

/* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* Firefox has some awkward fieldset styling involving width that interferes with the responsive table. */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* Navigation */
#supernav { background: #e1eced; font-size: 0.85em;}
	#supernav ul li { margin: 0; border-right: 1px solid #fff;}
	#supernav ul li a { color: #231f20; padding: 2px 9px 2px 7px; display: block;}
	#supernav .list-inline>li { padding: 0!important;}

	/* Navigation BS Overrides */
	#mainnav { padding-bottom: 10px;}
	#mainnav .nav>li>a { border-bottom: 3px solid #fff; font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 700; font-style: normal;}
	#mainnav .nav>li>a:hover, #mainnav .nav>li>a:focus { background: none; border-bottom: 3px solid #5c7f92;}
	.nav-pills>li>a {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color:#231f20; font-size: 1.1em;}
	.nav>li>a { padding: 10px 11px;}
	.navbar-inverse { background: none; border: none;}
	.navbar { margin: 20px 0 0 0;}
		html[data-silo="residential"] .navbar #menu-main>li#menu-main-siloResidential>a,
		html[data-silo="business"] .navbar #menu-main>li#menu-main-siloBusiness>a,
		html[data-silo="aboutsmud"] .navbar #menu-main>li#menu-main-siloAbout>a,
		html[data-silo="myaccount"] .navbar #menu-main>li#menu-main-siloMyAccount>a  {border-bottom: 3px solid #5c7f92;}
		.navbar .nav li a.dropdown-toggle {font-family: 'Avenir LT W01_45 Book', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	.navbar-pos { position:static; z-index: 1000; border-width: 0 0 1px;}
	.navbar-brand { padding: 0 15px!important;}
	.nav>li>a:hover, .nav>li>a:focus { background: none;}
	.nav-tabs>li>a:hover { border: 1px solid #fff;}
	#contentBlock .MANAV ul.nav-tabs>li>a { color: #f15c22;}
		#contentBlock .MANAV>ul>li.active>a { color: #231f20;}
	.dropdown-menu { top: 95%!important;}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: #8a7a67;}
	.dropdown-menu>li>a { padding: 8px 20px;}
	.dropdown-menu>li.active>a { color: #fff;}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #e1eced;}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: #fff; border: 1px solid #fff;}

html[data-silo="contactUsBlock"] body,
html[data-silo="careersBlock"] body,
html[data-silo="outagesBlock"] body,
html[data-silo="policyBlock"] body,
html[data-silo="doBizBlock"] body,
html[data-silo="standard"] body { background:#fff url('/assets/images/layout/background-bodyresidential.png') repeat-x top left;} /* Previously Yellow background-bodyhome.png */
html[data-silo="residential"] body  { background:#fff url('/assets/images/layout/background-bodyresidential.png') repeat-x top left;} /* Previously background-bodyresidential.png */
html[data-silo="business"] body { background:#fff url('/assets/images/layout/background-bodyresidential.png') repeat-x top left;} /* Previously background-bodybusiness.png */
html[data-silo="aboutsmud"] body { background:#fff url('/assets/images/layout/background-bodyresidential.png') repeat-x top left;} /* Previously background-bodyabout.png */
html[data-silo="myaccount"] body { background:#fff url('/assets/images/layout/background-bodyresidential.png') repeat-x top left;} /* Previously background-bodymyaccount.png */

#headerBlock { background:#fff;}
#contentBlock { background:#fff url('/assets/images/layout/background-main.png') repeat-x top left; position: relative; }
	.waveOverlay { width: 100%; height: 143px; text-align: center; overflow: hidden; background: url(/assets/images/wave-main-lg.png) no-repeat center center; position: absolute; z-index: 99; top: 200px; left: 0;
	filter: url(blur.svg#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: blur(10px);
	opacity: .8;
	filter: alpha(opacity=80)	
	}
	.contentWrap {  padding: 30px 0;}
		.contentWrap.row { margin-left: 0; margin-right: 0;}
	.contentWrap .col-sm-9 { padding-right: 0!important}
	.contentWrap #content { text-align: left;}
	.contentBanner { position: relative; z-index: 49; height: 189px;}
	.contentBanner .bannerImg { position: absolute; z-index: 48; width: 100%; height: 189px; overflow: hidden;}
	.contentBanner .bannerImg img { width: 100%;}
	.bannerInner { position: absolute; z-index: 50; color: #fff; text-align: left;}
		.bannerInner.bannerTxtLft {top: 20px; left: 70px; }
		.bannerInner.bannerTxtCntr {top: 20px; left: 270px; }
		.bannerInner.bannerTxtRt {top: 20px; right: 70px; }
		.bannerInner.bannerTxtDark { color:#231f20!important;}
	.bannerInner h3 {font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 600; font-style: normal; margin-bottom: 4px;}
	#content a, .contentWrap .embedBox a { color: #f15c22;}
	#content h1 { font-size: 1.75em; margin-top: 0;}
	#content .col-sm-8>article>img { width: 100%; margin: 0 auto 10px;}
	#content>.col-sm-4 { padding-right: 0;}
	#content article h2 { font-size: 1.75em; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 20px;}
	#content .landing-pg-link-set {list-style: none; padding: 12px 0; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; }
	#content .imgBlock img { width: 100%;} 
	#content .section-pg-header { margin-left: 15px;}
	
/* Carousel */
#carousel-box {position: relative; margin: 0 0 40px 0;}
#carousel-wave-overlay {position: absolute; top: 85%; left: 0; z-index: 99; width: 100%;  overflow: hidden;}
.carousel-inner .carousel-caption h3 {font-family: 'Archer SSm A', 'Archer SSm B', times, 'Times New Roman'; font-weight: 600; font-style: normal; margin-bottom: 0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
.carousel-inner .item img { width: 100%;}
.carousel-caption p { text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); font-weight:500; padding-top: 6px;}

/* Buttons */
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus { background: #f15c22!important; border: none!important; padding: 6px 18px!important; text-decoration: none; color: #fff!important;}
.btn.btn-alt, .btn.btn-alt:hover, .btn.btn-alt:focus { background: #a6978a!important; border: none!important; padding: 6px 18px!important; text-decoration: none; color: #fff!important;}
.btn.btn-modal-link { display:inline!important; background: none!important; padding:0!important; color:#F15C22;}
.bannerInner .btn, .carousel-caption .btn, .SignUpButton { background: #f15c22; border: none; padding: 6px 18px;}
.bannerInner .btn a, .carousel-caption .btn a { color: #fff;}
.carousel-caption .btn, .SignUpButton  { color: #fff; margin-bottom: 12px}
.SignUpButton:hover { color: #fff;}
.btn.btn-small, .btn.btn-small:hover, .btn.btn-small:focus { background: #f15c22!important; border: none!important; padding: 3px 9px!important; text-decoration: none; color: #fff!important; font-size: .9em;}


/* L3 Content */
/*.horizboxes {margin: -1px 0 0 0;padding: 1px 0 0 0;}
.horizboxes li {clear: both;list-style: none;margin-bottom: 20px;}
.horizboxes img {float: left;margin-right: 6px;}
.horizboxes .list_inner h3 { font-size: 1em;}	
.horizboxes .list_inner p { font-size: 0.85em;}*/
.landingHorzBox { margin-bottom: 1em;}
.horzBoxImg {}
.horzBoxContent { padding-left: 0;}
	.horzBoxContent h3 { font-size: 1.1em; margin: 0; font-style:normal; font-weight:600;}
	.horzBoxImg img { width: 100%; margin-bottom: 10px;}

.bordered {border: 2px solid #fff;-moz-box-shadow: 0px 1px 2px #ccc;-webkit-box-shadow: 0px 1px 2px #ccc; box-shadow: 0px 1px 2px #ccc; /*margin-bottom: 18px;*/}
	
/* Left Navigation */
#lftNavBlock { text-align: left;}
#lftNavBlock > section { display: none; }
#lftNavBlock a:focus, #lftNavBlock a:hover { text-decoration: none;}
#lftNavBlock>ul {padding-left: 0; border-top:1px dotted #9A9A9A; padding-top: 6px; margin-top: -9px;}
#lftNavBlock h4 {/*border-bottom:1px dotted #9A9A9A;*/ margin-top: 0;}
#lftNavBlock h4 a { font-size: 1.1em; color: #5C7F92;}
#lftNavBlock li:hover { background: #E1ECED;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
				}
#lftNavBlock li.hasChild:hover { background: none}
#lftNavBlock li.hasChild.active>div { font-weight: bold;}
	#lftNavBlock li.hasChild.active ul li { font-weight: normal!important;}
#lftNavBlock li a {color: #231f20!important;}
#lftNavBlock ul { list-style: none; padding: 0;}
#lftNavBlock ul li {padding: 4px 0 4px 14px!important; display: block; border-bottom:1px dotted #9A9A9A;}
	/*#lftNavBlock section>ul>li { padding-left: 21px!important;}*/
#lftNavBlock ul > li.hasChild { border-bottom: none;}
#lftNavBlock ul > li.hasChild > div {border-bottom:1px dotted #9A9A9A;}
#lftNavBlock ul li ul li div { padding: 5px 0 5px 20px!important;}
#lftNavBlock ul > li.hasChild { padding-left: 0px!important;}
#lftNavBlock li.active { font-weight: bold;}
#lftNavBlock li.last { border: none; border-bottom:1px dotted #9A9A9A;}
#lftNavBlock a[data-toggle="collapse"] i { margin-right: 5px; width: 8px!important;}


	
#footerBlock { /*background:#fff url('/assets/images/layout/background-footer.png') repeat-x top left;*/ background: #eef4f5; border-top: 1px solid #e1eced;}
	.footerSocial { text-align: left; padding: 20px 0 0 20px;}
		.footerSocial div { padding: 12px 10px 12px 16px;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;			
		}
		.footerSocial div:hover { background: #E1ECED;}
		.footerSocial div i.fa { font-size: 2em; margin: 4px 12px 0 0;}
		.footerSocial div i.fa-twitter-square { color:#55ACEE}
		.footerSocial div i.fa-facebook-square { color:#3b5998;}
		.footerSocial div i.fa-play-circle { color: #739500;}
	.footerLists { text-align: left; margin-bottom: 12px;}
		.footerLists h5 { margin: 20px 0 10px 0; font-weight: bold;}
		.footerLists li { border-bottom: 1px solid #E3E1DF;}
		.footerLists a { color:#231f20; padding: 4px; display: block;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
				}
			.footerLists a:hover { background: #E1ECED;			
			}
	.footerSub div {padding-top: 20px; }
	.footerSubLft { text-align: left;}
	.footerSubRt { text-align: right;}
		.footerSubRt a, .footerSocial div a, .footerSub a { color: #231f20;}

#secondaryContentRow .fa { color: #ccc;}
	#secondaryContentRow .fa-play-circle:hover { color: #739500}
	#secondaryContentRow .fa-info-circle:hover { color: #F15C22}
	#secondaryContentRow .fa-twitter:hover { color: #55ACEE}

/* Search */
.smudSearch { padding-top: 18px;}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding-right: 0!important;}
.cse input.gsc-input, input.gsc-input { padding:2px 6px!important; background-image:none!important;}
.gsc-clear-button { display: none;}

/* Content Embed - i.e. Right Rail  */
.embedBox {float: right; width: 228px; margin: 0 0 20px 20px;}
	.col-sm-3 .embedBox, .col-sm-4 .embedBox { /*float: none;*/ width: 100%; margin: 0 0 20px 0; text-align: left;}
.embedBox section { margin-bottom: 20px; background: #f8fafa;}
.embedBox .embedBoxContent {border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; padding: 8px;}
	.embedBox>section .embedBoxContent {border-top: 6px solid #ee2e24; }
	.embedBox>section+section .embedBoxContent {border-top: 6px solid #fdb414; }
.embedBox .embedBoxContent h3 { margin: 0 0 8px 0; font-size: 1.15em;}
.embedBox div img { width: 100%;}
.smud-push-top-landingPg-rRail { padding-top: 36px;}

.embedBoxContent.classes { padding: 0px!important; border: 1px solid #517891!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.embedBoxContent .title { background: #517891; color: #fff; font-size: 16px; font-weight: 600; padding: 1px 8px;}
.embedBoxContent .content { padding: 8px!important;}

/* Modals */
.modal-footer { text-align:center}
.modal .tab-content { padding-top: 20px;}
.modal-title.feature { font-size: 1.7em; text-align: left;}

/* Accordion */
	#accordion .panel-heading { padding:0!important}
		#accordion .panel-heading a.accordion-toggle { display: block; padding: 10px 15px;}
		#accordion .panel-heading a:focus { text-decoration: none!important;}
		#accordion .accordion-toggle[aria-expanded="true"] .glyphicon-chevron-down {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);}
#accordion .panel-title a {color: #333 !important;}
#accordion .panel-title a:hover {color: #f15c22 !important;}

/* Slideshows */
#carousel-example-generic .carousel-control .glyphicon-chevron-left, #carousel-example-generic .carousel-control .glyphicon-chevron-right, #carousel-example-generic .carousel-control .icon-next, #carousel-example-generic .carousel-control .icon-prev { top: 74%;}

/* Blur */
.blurThis {
	filter: 			url(blur.svg#blur);
	filter:			progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
	-webkit-filter: blur(6px);
	-moz-filter: 	blur(6px);
	-ms-filter: 		blur(6px);
	-o-filter: 		blur(6px);
	filter: 			blur(6px);
	opacity: 		.6;
	filter: 			alpha(opacity=60)
}


/* Form Stack */
.fsBody.fsEmbed .fsForm { box-shadow: none!important;}
.fsBody.fsEmbed .fsSubmit { background: none!important;}
.fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsFieldRow input[type=text], .fsForm textarea { border:1px solid #CCC!important; background-image: none!important;}
.fsBody.fsEmbed .fsSubmitButton { border: none; background: #F15C22; color: #fff; padding: 5px 10px!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/* Board Meetings and Meeting Archive pages */
.board-mtg-date { width: 10%; text-align: center; }
.board-mtg-def { width: 35%; line-height: normal !important; }
.board-mtg-place { width: 35%; }
.board-mtg-time { width: 20%; }
.board-mtg-def ul { list-style: none; padding: 0; }
.board-mtg-def ul li { margin-top: 4px; }
.board-mtg-def .fa-file-pdf-o { padding-right: 4px; }
.btn-group-months { font-size: 12px; border-top: 1px solid #ccc; padding: 8px 0 3px 0; margin-top: 5px; }
.btn-month { background: #f15c22; border: 1px solid transparent; padding: 0px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff !important; text-decoration: none !important; margin-bottom: 5px; }
.btn-month:focus { outline: none !important; }
.btn-month.active, .btn-month:hover { background: #fff; border: 1px solid #f15c22; color: #f15c22 !important; }
.btn-month.active { cursor: default; }

/* Board Bio Modals */
.board-bio-zips { background: #e7e1da; border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px; margin-top: 15px; }
.board-bio-btn { display: inline-block; margin: 3px; }
.board-bio-photo { float: right; margin-left: 20px; padding-bottom: 20px; width: 200px; }
@media (max-width: 432px) and (orientation: portrait) {
.board-bio-photo { float: none!important; margin-left: 0px!important; width: 100%!important;}
.board-bio-btn { width: 100%; }
}

/* Shade Tree + Vegetation Management Icons */
.yellow-leaf { color:#ffe000;}
.orange-leaf { color:#f15c22;}
.red-leaf { color:#ee2e24;}
.green-leaf { color:#74a433;}
.wet { color:#517891;}
.moist { color:#74a433;}
.dry { color:#a6978a;}

/* Rebates Pages */
.rebate-box. .rebate-measure {font-weight: 700; background: #555;}
.rebate-box .rebate-inner {text-align: right; margin-top: 8px;}
.rebate-box .rebate-amount {font-size: 1.8em; font-weight: 700; border: 1px solid #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 8px;}
.rebate-box .rebate-dollar {font-size: .6em !important; vertical-align: top !important; font-style: normal !important;}
.rebate-box .rebate-details {font-size: .7em; color: #f15c22; padding-left: 0px !important;}
.rebate-box .btn-small {font-size: .8em !important;}
.rebate-box .panel-default {padding: 15px 10px 0px 10px !important; border: 1px solid #bbb !important;}
.rebate-box .panel-heading {background: none !important;}
.rebate-box .rebate-application {font-size: .8em; font-weight: normal !important;}
.rebate-box .application-download, .detail-link {color: #f15c22 !important;}
.rebate-box .details-toggle {padding: 5px 0px !important; line-height: .7em; font-weight: 700;}
.rebate-box .eligible-units {font-size: .75em;}
.rebate-box .multi-amount {padding-bottom: 8px;}

/* Leftovers of old site */
#smudForm .maintBoxMssg {
	font-weight: bold;
	background: #766a62;
	padding: 15px;
	color: #fff;
	display: none;
}
.ph {white-space: nowrap !important; font-weight: 600;}

	/* UNCOMMENT THE BELOW ITEMS FOR MAINTENANCE */
	
	/*#accountbox {
		display: none !important;
	}
	#accountbox2 {
		display: none !important;
	}
	#loginFrame {
		display: none !important;
	}
	#loginFrameES {
		display: none !important;
	}
	.SignUpForm {
		display: none !important;
	}
	#smudForm .maintBoxMssg {
		display: block !important;
	}*/


/* Bootstrap - Extending some elements */
.pull-right-padding { padding: 0 0 14px 14px;}
.pull-left-padding { padding: 0 14px 14px 0;}
#accordion .section-description { font-size: 0.9em; margin-top: 6px; }

/* Spanish */
html[data-lft-nav-item^="es-"] #content article > img {width:100%;}

/* SolarAnswers and Marketing Landing pages */
	#content .landing-pg-content-link-section-sa #rightbox { background: #739500; background: rgba(115,149,0,1); padding: 10px; color: #fff; text-align: center; font-size: 1.25em; line-height: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	#content .landing-pg-content-link-section-sa img { margin-bottom: 10px;}
	.sa-sm #mobile-content { text-align: left;}
	.sa-sm #mobile-content #main-image { position: relative; margin-bottom: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	.sa-sm #mobile-content .main-heading-mobile { position: absolute; text-align: right; color: #fff; font-family: 'Archer SSm A', 'Archer SSm B', 'Avenir Next W01', arial, sans-serif; font-weight: 700; font-size: 1.8em; line-height: 1em; min-width: 50%; max-width: 50%; top: 10px; right: 10px; background: #4b4b4b; background: rgba(50,50,50,0.50); padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.sa-sm-sfyh #mobile-content .main-heading-mobile { position: absolute; text-align: right; color: #fff; font-family: 'Archer SSm A', 'Archer SSm B', 'Avenir Next W01', arial, sans-serif; font-weight: 700; font-size: 1.8em; line-height: 1em; min-width: 50%; max-width: 50%; top: 10px; right: 30px; background: #4b4b4b; background: rgba(50,50,50,0.50); padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.sa-sm #mobile-content .intro { font-size: 1em; line-height: 1.2em;}
	.sa-sm .sub-item-strip { background: #e6dcd2; background: rgba(230,220,210,1); padding: 5px 8px; font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.landing-page .main-heading { text-align: left; color: #ee2e24; font-family: 'Archer SSm A', 'Archer SSm B', 'Avenir Next W01', arial, sans-serif; font-weight: 700; font-size: 2.6em;}
	.landing-page #logo { float: right; position: absolute; right: 15px; top: 5px;}
	.landing-page h3 { text-align: left;}
	#content .landing-pg-content-link-section-lp { margin-bottom: 10px;}
	.landing-page .carousel-caption { width: 275px; padding: 40px 20px; bottom: 100px !important; font-size: 1.4em !important; line-height: normal !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	.landing-page .carousel-caption.left { left: 35px !important; }
	.landing-page .carousel-caption.right { left: 50% !important; }
	.landing-page .carousel-caption.light { color: #000 !important; font-weight: 600 !important; text-shadow: none !important; background: rgba(255, 255, 255, .5); }
	.landing-page .carousel-caption.dark { color: #fff !important; font-weight: 500 !important; background: rgba(0, 0, 0, .6); }
	.landing-page .carousel-caption.hollow { color: #000 !important; font-weight: 600 !important; text-shadow: none !important; background: none; border: none; -moz-box-shadow: 0px 0px 9px #333; -webkit-box-shadow: 0px 0px 9px #333; box-shadow: 0px 0px 9px #333; }
	.landing-page h4 { font-weight: bold; }
	.landing-page .box-row { padding-right: 15px; text-align: center; }
	.landing-page .featurebox { margin: 60px 0px 15px 0px; text-align: center; padding: 50px 15px 0px 15px; position: relative; }
	.landing-page .featurebox.green { background: #dce8cc; border: 1px solid #bad299; }
	.landing-page .featurebox.blue { background: #dce4e9; border: 1px solid #b9c9d3; }
	.landing-page .featurebox.gray { background: #e7e1da; border: 1px solid #cfc3b5; }
	.landing-page .featurebox.gold { background: #fff9cc; border: 1px solid #feda8a; }
	.landing-page .icon-outer { background: #74a433; width: 110px; height: 110px; color: #fff; z-index: 99; position: absolute; left: 50%; margin-left: -54px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	.landing-page .icon-outer .icon-inner { width: 100px; height: 100px; color: #fff; text-align: center; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.landing-page .icon-outer.green { background: #74a433; }
	.landing-page .icon-outer.green .icon-inner { background: #82ad48; }
	.landing-page .icon-outer.blue { background: #517891; }
	.landing-page .icon-outer.blue .icon-inner { background: #7493a7; }
	.landing-page .icon-outer.gray { background: #635550; }
	.landing-page .icon-outer.gray .icon-inner { background: #736662; }
	.landing-page .icon-outer.ltgray { background: #a6978a; }
	.landing-page .icon-outer.ltgray .icon-inner { background: #b8aca1; }
	.landing-page .icon-outer.olive { background: #928923; }
	.landing-page .icon-outer.olive .icon-inner { background: #a8a14f; }
	.landing-page .icon-outer.goldenrod { background: #fdb414; }
	.landing-page .icon-outer.goldenrod .icon-inner { background: #fdc343; }
	.landing-page .icon-outer.orange { background: #f15c22; }
	.landing-page .icon-outer.orange .icon-inner { background: #f26d39; }
	.landing-page .icon-outer.red { background: #ee2e24; }
	.landing-page .icon-outer.red .icon-inner { background: #f0433a; }
	.landing-page .icon-outer.black { background: #000; }
	.landing-page .icon-outer.black .icon-inner { background: #222; }
	.landing-page .icon-outer .icon-inner .fa { font-size: 72px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .landing-page .btn-enroll, .landing-page .btn-enroll:link, .landing-page .btn-enroll:hover, .landing-page .btn-enroll:visited, .landing-page .btn-enroll:active { width: 50%; font-size: 1.5em; padding: 15px !important; }
		/* SolarAnswers and Marketing Landing pages | end */

/* Breakpoints */
@media (min-width: 992px) {
	.container  {width: 100%; padding: 0}
	}
@media (min-width: 769px) {
	.dropdown:hover .dropdown-menu {display: block;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin: 0!important; padding: 0 25px 4px 0!important;}
	.contentWrap .col-sm-9 #content { margin-right: -15px!important;}
	.col-sm-9.col-xs-12.row #content { margin-right:0!important;}
	#mobile-menu-main-nav-elements { display: none;}/* Since the element is not removed in the DOM in desktop, need to make displya none so the margin is not causing the header to have 20px extra height */
	.template-spacing-w-right-rail { margin-left:30px!important;}
	
	.carousel-caption h3 { font-size: 2.25em;}
	.carousel-caption p { font-size: 1.25em;}
	.carousel-inner .carousel-caption .txt-light {color:#fff;}
	.carousel-inner .carousel-caption .txt-dark { color:#231f20; text-shadow: none;}
	
	/* SolarAnswers and Marketing Landing pages */
	#carousel-box-sa { position: relative; margin: 0px 15px 0px 15px;}
	#carousel-box-sa p a { color: #f15c22;}
	#content .landing-pg-content-link-section-sa { margin-bottom: 10px;}
	#content .landing-pg-content-link-section-sa.right { padding-right: 15px;}
	.carousel-caption-sa { position: absolute; text-align: left; color: #fff; border-radius: 4px; padding: 20px;}
	.carousel-caption-sa .title { font-size: 1.2em; font-weight:bold; line-height: 1em;}
	.carousel-caption-sa p { font-size: 1em; line-height: 1.3em;}
	.carousel-caption-sa .takeaway { font-weight: 700;}
	.carousel-caption-sa.orange { background: #eb5100; background-color: rgba(235, 81, 0, 0.6); border: 1px solid rgba(255,255,255,0.50);}
	.carousel-caption-sa.black { background: #000; background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255,255,255,0.50);}
	.carousel-caption-sa-rev { position: absolute; text-align: left; color: #fff; border-radius: 4px; padding: 20px;}
	.carousel-caption-sa-rev .title { font-size: 1.8em; font-weight:bold; line-height: 1em;}
	.carousel-caption-sa-rev p { font-size: 1.3em; line-height: 1.5em;}
	.carousel-caption-sa-rev .btn { font-size: 1em; line-height: 1.1em;}
	.carousel-caption-sa-rev .takeaway { font-weight: 700;}
	.carousel-caption-sa-rev.orange { background: #eb5100; background-color: rgba(235, 81, 0, 0.6); border: 1px solid rgba(255,255,255,0.50);}
	.carousel-caption-sa-rev.black { background: #000; background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255,255,255,0.50);}
	.sa-sm #mobile-content {display: none;}
	.sa-sm .sub-item-strip {margin: 0px 15px;}
	.sa-sm .main-heading { text-align: left; color: #ee2e24; font-family: 'Archer SSm A', 'Archer SSm B', 'Avenir Next W01', arial, sans-serif; font-weight: 700; font-size: 2.8em; line-height: 1em;}
	.sa-sm #sa-logo { float: right; position: absolute; right: 15px;}
	.sa-sm .carousel-indicators { position: absolute; bottom: 22px;}
	.sa-sm .carousel-indicators li, .sa-sm-sfyh .carousel-indicators li { display: inline-block; width: 20px; height: 20px; margin: 1px; cursor: pointer; background-color:#000; background-color:rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.50); border-radius: 3px; font-size: .9em; color: #fff; text-indent: 0px;}
	.sa-sm .carousel-indicators .active, .sa-sm-sfyh .carousel-indicators .active { background-color:#f15c22; background-color:rgba(241,92,34,1);}
	
	/* SolarAnswers and Marketing Landing pages | end */
}
@media (min-width: 769px) and (max-width: 992px;) {
	.navbar .navbar-collapse #menu-main.nav>li>a { padding: 10px!important;}
	}
@media (max-width: 768px) {	
	body { margin-top:50px;}
	.logo { width: 130px;}
	#loginBox, .sidebar-offcanvas { display: none!important;}
	#mainnav { padding-bottom:0!important;}
	#search-block { position: fixed; top: 51px; left: 0; background: #fff; text-align: center; border-bottom:1px solid #EDECEB;}
	.row-xs { margin-left:-15px; margin-right:-15px;}
	.navbar { margin:0; background:#fff; border-color:#fff;}
	.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #fff; border-color: #fff;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#EDECEB;}
	.navbar-toggle .icon-bar { background: #F15C22!important;}
	.navbar-toggle { margin-right: 10px;}
	.navbar-brand { position: relative; z-index: 9; padding: 7px 0px 15px 5px!important;}
	#navbar { position: fixed; z-index: 99; width: 100%; background: #fff;}
	.nav-active #headerBlock ~ * { display: none!important; visibility:hidden!important;}
	.navbar-pos {border-radius: 0; position: fixed; right: 0; left: 0; top:0; z-index: 1030; border-bottom: 1px solid #edeceb;}
		.nav-active .navbar-pos {bottom:0; height:100%; }
		.nav-active #search-block {display: none;}
	.navbar-collapse { padding: 0!important; margin:0!important;}
	
	.navbar-toggle { border: none; background: transparent !important;}
	.navbar-toggle:hover {background: transparent !important;}
	.navbar-toggle .icon-bar {width: 22px; transition: all 0.2s;}
	.navbar-toggle .top-bar {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		
		-ms-transform-origin: 10% 10%;
		-webkit-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
	  }
	.navbar-toggle .middle-bar {opacity: 0;}
	.navbar-toggle .bottom-bar {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		
		-ms-transform-origin: 10% 90%;
		-webkit-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	  }
	
	
	
	  .navbar-toggle.collapsed .top-bar {
	   -ms-transform: rotate(0);
	   -webkit-transform: rotate(0);
	   transform: rotate(0);
	  }
	  .navbar-toggle.collapsed .middle-bar {opacity: 1;}
	  .navbar-toggle.collapsed .bottom-bar {
	   -ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	  }

	.navbar-pos .navbar-collapse { min-height:100%!important; height:100%;}
	.navbar-header .visible-xs { display: inline-block!important;}
	.mobile-ma-signin {padding:15px 8px 15px 15px;  color:#F15C22;}
	#carousel-box { margin: 0;}
	#carousel-wave-overlay img { width:100%;}
	.carousel-inner .item img { width: 180%; min-width:180%!important; margin-left:-30%;}
	#carousel-example-generic .carousel-control .glyphicon-chevron-left, #carousel-example-generic .carousel-control .glyphicon-chevron-right, #carousel-example-generic .carousel-control .icon-next, #carousel-example-generic .carousel-control .icon-prev { top: 50%;}
	.embedBox section div img {display: none;}
	.bannerImg img { position: absolute; left: -50%; width: 260%!important;}
	.horzBoxContent { padding-left: 15px; margin-bottom: 30px;}
	.horzBoxContent h3 { font-size: 1.25em; margin: 0 0 4px 0;}
	
	.glyph {float: right!important; padding: 14px 18px; color: #f15c22;}
		.glyph:focus, .glyph:hover {color: #f15c22;}
	.glyph .glyphicon { font-size: 28px; }
	.sectionBase { background-color: #fff; background-image: none!important;}
	.nav-pills>li { display: block!important; float: none!important; text-align: left;}
	.mobile-menu-top-section .cse input.gsc-input, input.gsc-input { padding: 8px 12px!important;}
	.mobile-menu-top-section .cse input.gsc-search-button, input.gsc-search-button { height: 40px!important; padding: 0 16px!important;}
	.mobile-menu-search { text-align:center; background: #fff;}
	.mobile-menu-quick-links { padding: 15px 15px 10px 15px;}
	.mobile-menu-quick-links .btn-menu-quick-link, .mobile-quick-links .btn-menu-quick-link { background: #e1edda; margin: 0 auto 4px; padding: 8px 0!important;}
	.mobile-menu-quick-links .btn-menu-quick-link .btn-menu-quick-link-inner, .mobile-quick-links .btn-menu-quick-link .btn-menu-quick-link-inner {width: 40px; display: inline-block; text-align: center;}
	.mobile-menu-quick-links .btn-menu-quick-link .fa, .mobile-quick-links .btn-menu-quick-link .fa {  font-size:1.5em; vertical-align:middle;}
	.mobile-menu-quick-links a, .mobile-quick-links a { display: block; text-align: left; color:#231f20!important;}
	.mobile-menu-bottom-section { margin: 1.75em 0; border-top: 1px solid #edeceb; padding-top: 8px; padding-bottom: 50px;}
	.mobile-menu-bottom-section ul li a { display: block; padding: 10px 15px; color: #f15c22;}
	.mobile-menu-section-title-all-menu-items { margin:14px 0 0;}
	
	/* mm | start */
	#mobile-menu #mobile-menu-main-nav-elements { margin: 0 15px;}
	#mobile-menu .panel-group { text-align: left;}
	#mobile-menu .mm-sub-indicator { color:#F15C22;}
	#mobile-menu .collapse .mm-sub-indicator .mm-sub-indicator-minus { display: block;}
	#mobile-menu .collapse .mm-sub-indicator .mm-sub-indicator-plus { display: none;}
	#mobile-menu .collapsed .mm-sub-indicator .mm-sub-indicator-minus { display: none}
	#mobile-menu .collapsed .mm-sub-indicator .mm-sub-indicator-plus { display: block}
	#mobile-menu [data-mm-level="1"], #mobile-menu [data-mm-level="1"]>.panel-heading { background:#80888d}
	#mobile-menu [data-mm-level="1"]>.panel-heading { padding:0!important;}
	#mobile-menu [data-mm-level="1"]>.panel-heading .panel-title a { display: block; color:#fff!important; padding: 10px 15px!important;}
	#mobile-menu .panel-title a, #mobile-menu .panel-title a:hover {color: #333 !important;}
	#mobile-menu .panel-body { padding:0 4px 10px 4px!important;}
	#mobile-menu .panel-body .panel-heading { background: #f1f2f3; padding:0;}
	#mobile-menu .panel-body .panel.panel-default .panel-body {background: #f1f2f3!important;}
	#mobile-menu .panel-body .panel-heading .panel-title a { display: block; padding: 10px 15px!important; color:#5a656c;}
	#mobile-menu .mm-active-panel .panel-collapse.collapse.in .panel-body, #mobile-menu .mm-active-panel .panel-collapse.collapsing .panel-body { background: #fff!important;}
	#mobile-menu .mm-active-panel[data-mm-level="1"] .panel-collapse.collapse.in .panel-body, #mobile-menu .mm-active-panel[data-mm-level="1"] .panel-collapse.collapsing .panel-body {background:#fff!important}
	#mobile-menu .mm-active-panel[data-mm-level="1"] .panel-collapse.collapse.in .panel-body .panel.panel-default, #mobile-menu .mm-active-panel[data-mm-level="1"] .panel-collapse.collapsing .panel-body .panel.panel-default {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;}
	#mobile-menu .mm-active-panel .panel-collapse.collapse.in .panel-body .panel.panel-default .panel-heading, #mobile-menu .mm-active-panel .panel-collapse.collapsing .panel-body .panel.panel-default .panel-heading { background:#fff!important;}
	#mobile-menu .mm-active-panel .panel-collapse.collapse.in .panel-body .panel.panel-default, #mobile-menu .mm-active-panel .panel-collapse.collapsing .panel-body .panel.panel-default {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; border-top: none!important; border-left: none!important; border-right: none!important;}
	#mobile-menu .mm-active-panel .panel-collapse.collapse.in .panel-body .panel.panel-default:last-child { border: none!important;}
	#mobile-menu .mm-active-panel .panel-body .panel.panel-default { background:#fff!important; box-shadow: none!important;}
	#mobile-menu .mm-active-panel .panel-body .panel.panel-default a { color:#231f20;}
	
	#mobile-menu .panel-group .panel-heading+.panel-collapse>.list-group, #mobile-menu .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0!important;}
	/* mm | end */
	
	.contentWrap { padding-top:10px!important;}
	.contentBanner .bannerInner { display: block; width: 100%; text-align: center;}
	.contentBanner .bannerTxtCntr, .contentBanner .bannerTxtLft { left: 0;}
	.contentBanner .bannerTxtRt { right: 0;}
	.contentWrap .col-sm-9 { padding-right:15px!important;}
	.col-sm-9.col-xs-12.row { margin-left:0!important;}
	#content>.col-sm-4 { padding-left: 0!important;}
	#content .col-sm-4 ul { margin-bottom: 40px;}
	#content .landing-pg-content-link-section { margin-bottom: 40px;}
	#content .landing-pg-link-set {border-bottom: none; padding-bottom: 0!important;}
	#content .section-pg-header { margin-left: 0;}
	#content>.col-sm-8 { margin-left:-15px!important; margin-right:-15px!important}
	#content .col-sm-8>article>img { width: 100%; margin: 10px auto;}
	.carousel-indicators { bottom: 20px!important;}
	.carousel-caption { bottom: 24px;}
	
	.col-sm-3 .embedBox, .col-sm-4 .embedBox { margin-top: 40px!important;}
	
	#footerBlock .footerSocial { padding-top:0!important;}
	#footerBlock #accordion { margin-bottom: 0; padding-bottom: 20px;}
	#footerBlock #accordion .panel { margin: 0 10px 10px; background:#fff; text-align: center;}
	#footerBlock #accordion .panel .panel-collapse { text-align: left!important;}
	#footerBlock #accordion .panel .panel-collapse .panel-body { padding: 10px!important;}
	#footerBlock #accordion .panel .panel-collapse ul.list-unstyled { background: #fff; padding:8px;}
	#footerBlock #accordion .panel .panel-collapse ul.list-unstyled li a { color:#F15C22; display: block; padding: 6px 10px;}
	#footerBlock .panel-heading { padding: 0; border-bottom: none;}
	#footerBlock .panel-heading .panel-title { display: block;}
	#footerBlock .panel-heading a { display: block; padding: 15px;}
	#footerBlock .panel-group { margin:0!important; padding-bottom: 20px;}
	.footerSub .col-xs-12 { text-align: center!important;}
	.footerSub+div { margin-bottom: 40px;}
	.footerSocial { padding-left: 0!important;}
	.footerSocial div { text-align: center;}
	.footerSocial div i.fa { display: block; margin: 4px auto!important; font-size: 3em;}
	
	
	/* SolarAnswers and Marketing Landing pages */
	.sa-sm-sfyh #content.row { margin-left: 0!important; margin-right:0!important;}
	.sa-sm { padding: 0px 10px !important; background: #fff;}
	#carousel-box-sa {display: none;}
	#content .landing-pg-content-link-section-sa { border-bottom: solid 1px #a6978a;}
	#content .landing-pg-content-link-section-sa.right { border-bottom: none !important;}
	.sa-sm .main-heading, .sa-sm-sfyh .main-heading { display: none !important;}
	.sa-intro { font-size: 1.15em; line-height: normal;}
	.sa-question { font-size: 1em;}
	.sa-sm #sa-logo { float: left; margin-left: 10px;}
	.landing-page #logo { float: left !important; margin-left: 0px; margin-bottom: 5px; left: 0px;  top: 0px;}
	.landing-page .main-heading { clear: both !important; text-align: left; color: #ee2e24; font-family: 'Archer SSm A', 'Archer SSm B', 'Avenir Next W01', arial, sans-serif; font-weight: 700; font-size: 2em; line-height: 1em; margin-bottom: 10px; margin-top: 40px;}
	.landing-page h3 { text-align: left; font-size: 1.3em;}
	.landing-page .main-text { padding-left: 20px; padding-right: 20px;}
	.landing-page h4 { font-weight: bold; }
	.landing-page .box-row { padding-left: 15px; }
	.landing-page .btn-enroll, .landing-page .btn-enroll:link, .landing-page .btn-enroll:hover, .landing-page .btn-enroll:visited, .landing-page .btn-enroll:active { width: 100%; font-size: 1.5em; white-space: normal; margin-left: 0px; }
	/* SolarAnswers and Marketing Landing pages | end */
}