/*
Theme name: Emissions Reduction Alberta WordPress
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

.search-form {
    color: #0d1c4f;
}

.accordion{
	border-bottom: 0px !important;
	padding: 0 !important;
}

.accordion .accordion__head h6{
	font-weight: 600;
} 

.program-tiles{
	background: #ffffff;
}

.program-tiles .shell{
	padding-top: 3em;
	padding-bottom: 3em;
}

.program-tiles .shell .grid .grid__col{
	padding:0!important;
}

.program-tile{
	width:98%;
	padding-top:0;
	padding:0!important;
	color: #ffffff;
}

.program-tile.program-tile-left{
	float:left;
}

.program-tile.program-tile-right{
	float:right;
}

.program-tile.color-scheme-blue{
	background: #0d1c4f;
}

.program-tile.color-scheme-green{
	background: #134f25;
}

.program-tile .program__image{
	padding-top: 45%;
	background-size: cover;
	background-position: 50%;
}

.program-tile .program__content{
	padding: 30px;
}


.program-tile .program__content h4{
	margin: 0 0 16px;
}

.program-tile.color-scheme-blue .program__content h4{
	color: #0aafdc;
}

.program-tile.color-scheme-green .program__content h4{
	color: #a5e554;
}

.program-tile.color-scheme-blue .program__content .btn{
	background: #0aafdc;
	color: #0d1c4f;
}

.program-tile.color-scheme-green .program__content .btn{
	background: #a5e554;
	color: #134f25;
}

@media (max-width: 1100px){
	.program-tile{
		min-height:520px;
	}
}

@media (max-width: 810px){
	.program-tile{
		min-height:520px;
	}
}

@media (max-width: 767px){
	.program-tile{
		float:none!important;
		margin: 0 auto;
		margin-bottom: 1em;
		min-height: 0px;
	}
}

@media (min-width: 1651px){
	.program-tile{
		float:none!important;
		margin: 0 auto;
		margin-bottom: 1em;
		min-height: 642px;
	}
}


.esb-hero.hero--secondary .hero__body:after {
	border-color: transparent transparent transparent #134f25!important;
}

.esb-hero-image-caption{
	padding:35px;
	line-height: 1;
	max-width: calc(50% );
}

.esb-logo{
	background: no-repeat url(/wp-content/themes/emissions-reduction-alberta/dist/images/ERA-ESB-Logo_white.svg);
    height: 7em;
    margin-bottom: 2em;
}

.esb-title{
	letter-spacing: 0em !important;
}

.esb-lede{
	font-style:italic;
}

.esb-remainingfunding-title{
	margin-top:2em;
	color: #a5e554!important;
    font-weight: bolder;
    font-size: 20px;

}

.esb-remainingfunding-value{
	font-weight: 500;
	font-size: 20px;
}

.esb-remainingfunding-date{
	font-style: italic;
	font-size:14px;
	font-weight: 100;
}


.esb_hero{
	background: #134f25!important;
    color: #ffffff!important;
}


.esb-aboutprogram-title{
    color: #a5e554!important;
}

.esb-aboutprogram-copy{
	
}
.esb-applynow-widget{
	    min-height: 13em;
}
.widget__aside.esb-applynow-widget p{
	color:#ffffff!important;
}
.widget-secondary .widget__aside.esb-applynow-widget:after{
	background: #a5e554!important;
}


.esb-applynow-title{
	 color: #a5e554!important;
}

.esb-applynow-copy{
	color: #fff!important;
}

@media (min-width: 1651px){
	/*.esb-hero .hero__body .hero__inner .shell{
		padding-left: 90px;
	}
	.esb_hero .shell{
		padding-left:90px;
	}*/
}

.page-template-ESB .section-alt h2{
	color:#048c4a;
}

.section-esb-cta-blocks .updates .update{
	background: #048c4a;
	color: #ffffff;
}
.section-esb-cta-blocks .updates .update h4{
	color:#fff;
}

.esb-sidebar .article-alt--teritary {
    border-top: 3px solid #a5e554;
 }
 
 .esb-sidebar .article-alt--teritary h4{
	 color: #048c4a;
 }
 
 .esb-sidebar .btn{
	 background: #048c4a;
 }
 
 .section-esb-button-array{
	 margin-bottom:2em;
 }
 .section-esb-button-array .btn{
	 margin:.2em;
	 text-transform: uppercase;
	 min-width: 210px;
 }
 
 
 .funding-selector-sidebar .articles-alt--primary .grid__col + .grid__col .article-alt:after {
    background: #aff0f5;
    top:20px;
  }
  
 .funding-selector-sidebar .article-alt--blue-alt{
	border-top: 3px solid #aff0f5;
	padding: 43px 0 0;
}

@media (max-width: 767px){
	.section-alt .section__aside-alt {
	    margin-top: 55px;
	}
}

.wrapper-inner {
    margin-bottom: 600px;
}

@media (max-width: 1650px){
		.wrapper-inner {
		    margin-bottom: 500px;
		}
}

@media (max-width: 1199px){
	.wrapper-inner {
	    margin-bottom: 480px;
	}
}

@media (max-width: 1049px){
	.wrapper-inner {
	    margin-bottom: 520px;
	}
}

@media (max-width: 907px){
	.wrapper-inner {
	    margin-bottom: 550px;
	}
}

@media (max-width: 850px){
	.wrapper-inner {
	    margin-bottom: 570px;
	}
}

@media (max-width: 767px){
	.wrapper-inner {
	    margin-bottom: 0px;
	}
}