/* 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;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,2a4253+100&0.5+35,0.5+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(15,23,29,0.5) 35%, rgba(21,33,41,0.5) 50%, rgba(42,66,83,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(15,23,29,0.5) 35%,rgba(21,33,41,0.5) 50%,rgba(42,66,83,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(15,23,29,0.5) 35%,rgba(21,33,41,0.5) 50%,rgba(42,66,83,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#002a4253',GradientType=0 ); /* IE6-9 */
	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: 0px 0px 1px #000, 0px 0px 2px #000, 1px 1px 3px #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: 0px 0px 1px #000, 0px 0px 2px #000, 1px 1px 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;	
	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;
	}
	
}