/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */


/*
body  {
		background-image: url("/sites/all/themes/pm2017/images/default.png");

}
*/


.front #section-header {
	/* background-color: #203a49;*/
	padding:0;
	z-index:10;
	width: 100%;
background: -moz-linear-gradient(top, rgba(158,168,177,0.29) 0%, rgba(42,66,83,0.24) 77%, rgba(42,66,83,0) 99%, rgba(42,66,83,0) 100%);
background: -webkit-linear-gradient(top, rgba(158,168,177,0.29) 0%,rgba(42,66,83,0.24) 77%,rgba(42,66,83,0) 99%,rgba(42,66,83,0) 100%);
background: linear-gradient(to bottom, rgba(158,168,177,0.29) 0%,rgba(42,66,83,0.24) 77%,rgba(42,66,83,0) 99%,rgba(42,66,83,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9ea8b1', endColorstr='#002a4253',GradientType=0 );
	transition: all .5s ease-in-out;

}



.feature h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 4.5em !important;
	font-weight:100 !important;
	letter-spacing: 0.02em !important;
	text-decoration:none !important;
	text-transform: uppercase !important;

	text-shadow: 3px 3px 7px #000;
	
	padding-bottom:0vw;
	}

	.feature p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em !important;
	font-weight:400 !important;
	letter-spacing: 0.02em !important;
text-shadow: 2px 2px 3px #000;


}


.block-nodeblock h2,
.homepage-block-5-media-news h2,
.homepage-block-4-priorities h2
{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.02em;
	line-height: 115%;
    font-size: 3.5em;
    font-weight: 300;	
	text-transform: uppercase;
	text-decoration:underline;
	
}


/* BLOCK 2 - ABOUT */
.homepage-block-2-about {
	text-align:center;
	background-color: #EEE;
	padding:43px 0 20px 0;

	top:-35px;		
}


.homepage-news-item  {
	width:30%;
	float:left;
	margin: 20px 10px;
	background-color: #fff;
	text-align:left;
	box-shadow: 2px 2px 2px #656;
	transition: all .3s ease-in-out;	
	height:510px;
	position:relative;
	
}

.homepage-block-3-feature .field-name-body {
    top: 4vw;
}

/* Make this block taller */
.front .block-nodeblock-4 .field-name-field-hero-image img {
    height: auto;
    width: 100%;
}


/* BLOCK 6 - MEDIA CENTRE FILTER   */
.homepage-block-6-media-centre-filter {
	display:block;
}

/* SEPERATOR-5-6 */
.seperator5-6 {
	background-image: url("/sites/all/themes/pm2017/images/arrow-light-grey-inverted.png");
	background-repeat: no-repeat;
	background-position: center; 
	top:-140px;
	height:35px;
	z-index:1;

}

@supports not (-webkit-overflow-scrolling: touch) {
	.front .node-homepage-slider .field-name-field-hero-image{
		background-attachment:fixed;
	}

	.front .homepage-block-3-feature-thisweek {
		background-attachment:fixed !important;
	}


}

  


/* Target Chrome and Safari only
 This is to fix the background-attachment disappearing on the homepage in Chrome
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.front .homepage-block-3-feature-thisweek {
		will-change: transform;
	}

	.homepage-block-7-statistics .homepage-node-block-bg-hero-image {
		will-change: transform;
	}
	
}