/*Site specific styles */
 div.aside {
	 background: #e9edf2;
	 margin: 1rem;
	 margin-bottom: 1.5rem;
}

/*Storygrid styles */

.feed-grid{
    min-height:17.6rem;
    margin-bottom:0
}
.feed-grid .col{
    float:left;
    height:17.6rem;
    width:17.59rem;
    margin-right:1.2rem;
    margin-bottom:1.6rem;
    position:relative
}
@media print,screen and (min-width:990px){
    .feed-grid .col{
        margin-right:1.6rem
    }
    .feed-grid .col:nth-child(4n+0){
        margin-right:0
    }
}
.feed-grid .feed-item{
    background-color:#ccdde9;
    box-sizing:border-box
}
.feed-grid .feed-item:hover a:before{
    color:#fff
}
.feed-grid .feed-item:hover .feed-content:before{
    height:17.6rem
}
.feed-grid .feed-item:hover .feed-title{
    color:#fff
}
.feed-grid .feed-item:hover img.feed-post-img{
    opacity:1;
    filter:alpha(opacity=100)
}
.feed-grid .feed-item a:before{
    color:#002754
}
.feed-grid .fg-facebook,.feed-grid .fg-twitter{
    background-color:#e6eef4;
    border:1px solid #e6eef4
}
.feed-grid .fg-facebook .feed-content:before,.feed-grid .fg-twitter .feed-content:before{
    background-color:#fff
}
.feed-grid .fg-facebook:hover .feed-title,.feed-grid .fg-facebook:hover a:before,.feed-grid .fg-twitter:hover .feed-title,.feed-grid .fg-twitter:hover a:before{
    color:#002754
}
.feed-grid .fg-instagram .feed-content{
    display:none
}
.feed-grid .fg-youtube a.feed-link:before{
    font-size:3.2rem;
    left:7.2rem;
    top:40%
}
.feed-grid .fg-event{
    background-color:#99bbd4
}
.feed-grid .fg-event h2{
    color:#fff
}
.feed-grid .fg-img{
    background-color:#fff
}
.feed-grid .fg-img .feed-title{
    color:#000
}
.feed-grid .fg-img h2{
    color:#002754
}
.feed-grid .fg-img .feed-content:before{
    background-color:rgba(0,0,0,.5)
}
.feed-grid .fg-img:hover .feed-title,.feed-grid .fg-img:hover h2,.feed-grid .fg-img:hover p{
    color:#fff
}
.feed-grid .fg-img:hover .feed-content:before{
    height:100%
}
.feed-grid .feed-title{
    color:#002754
}
.feed-grid a.feed-link{
    display:block;
    position:absolute;
    height:100%;
    width:100%;
    z-index:2
}
.feed-grid a.feed-link:before{
    font-size:2rem;
    line-height:2rem;
    position:absolute;
    right:.8rem;
    top:.8rem
}
.feed-grid .feed-content{
    position:absolute;
    margin:0;
    left:0;
    right:0;
    bottom:0;
    padding:.8rem;
    z-index:1
}
.feed-grid .feed-content:before{
    background-color:#6698be;
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:0;
    transition:height .3333s ease
}
.feed-grid .feed-content h2,.feed-grid .feed-content h4,.feed-grid .feed-content p{
    position:relative
}
.feed-grid .feed-content p:last-child{
    margin-bottom:0
}
.feed-grid img.feed-post-img{
    position:absolute;
    top:0;
    height:100%;
    margin:0 auto;
    width:auto;
    max-width:none;
    opacity:.4;
    filter:alpha(opacity=40)
}
.feed-grid a.btn_more{
    display:inline-block;
    padding:.8rem;
    text-decoration:none;
    color:#005493
}
.feed-grid a.btn_more:hover{
    background-color:#99bbd4;
    color:#fff
}
@media print,screen and (min-width:990px){
    .feed-grid a.btn_more{
        display:block
    }
}
.feed-grid .feed-footer{
    clear:both;
    height:auto;
    width:auto
}
@media print,screen and (min-width:990px){
    .feed-grid .feed-footer{
        clear:none;
        height:17.6rem;
        width:17.6rem
    }
}

/*Infographics */

.impactStory__stats {
	 width: 56rem;
	 position: absolute;
	 left: 3.2rem;
	 bottom: 3.2rem;
}
 .impactStory__stats--swap {
	 left: auto;
	 right: 3.2rem;
}
 .impactStory__stat {
	 width: 17.6rem;
	 height: 17.6rem;
	 float: left;
}
/* .impactStory__stat + .impactStory__stat {
	 margin-left: 1.6rem;
}
 */
 .impactStats__stat + .impactStats__stat {
	 margin-left: 1.3333%;
}
 .impactStats {
	 padding: 3.2rem 0;
	 margin-bottom: 3.2rem;
}
 .impactStats .wrapper {
	 margin-bottom: 0;
}
 .impactStats__stat {
	 box-sizing: border-box;
	 width: 32.333%;
	 height: 17.6rem;
	 padding: 1.6rem;
	 float: left;
	 font-family: "OpenSansRegular", Arial, sans-serif;
	 font-size: 1.6rem;
	 text-align: center;
}
/* Fixed issue with longer text being clipped on small screens */
 @media print, screen and (max-width: 500px) {
	 .impactStats__stat + .impactStats__stat {
		 margin-left: 0;
	}
	 .impactStats__stat, .impactStory__stat {
		 width: 100%;
		 float: none;
		 margin: 1em 0 0 0;
		 font-size: x-large;
		 height: 100%;
	}
}
 @media print, screen and (min-width: 990px) {
	 .impactStats__stat {
		 font-size: 2rem;
	}
}
 .impactStats__stat strong {
	 font-family: "OpenSansBold", Arial, sans-serif;
	 line-height: 1;
}
 @media print, screen and (min-width: 990px) {
	 .impactStats__stat strong.big {
		 font-size: 2.4rem;
	}
	 .impactStats__stat strong.bigger {
		 font-size: 3rem;
	}
}
 .impactStats__stat--two {
	 width: 48.3333%;
}
 .impactStats__stat--blue {
	 color: #fff;
	 background-color: #005493;
}
 .impactStats__stat--darkblue {
	 color: #fff;
	 background-color: #002754;
}
 .impactStats__stat--gold {
	 color: #fff;
	 background-color: #F5AA1C;
}
 .impactStats__stat--red {
	 color: #fff;
	 background-color: #C63527;