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

.half_width_right,
.half_width_left {
	width: 450px;
	height: auto;
	float: right;
	margin: 0 0 1em 1em;
}
.half_width_left {
	float: left;
	margin: 0 1em 1em 0;
}
.third_width_right,
.third_width_left {
	width: 300px;
	height: auto;
	float: right;
	margin: 0 0 1em 1em;
}
.third_width_left {
	float: left;
	margin: 0 1em 1em 0;
}
.media-image.thumbnail {
	float: left;
	margin: 0 1em 1em 0;
}
.node-webform input[type="text"],
.node-webform input[type="textarea"] {
	width: 60%;
}
.node-webform .short input {
	width: 40%;
}
#region-branding {
	padding: 0;
}
.logo-img {
	margin: 0;
}
.logo-img img {
	width: 100%;
	height: auto;
}
#block-delta-blocks-site-slogan {
	width: auto;
	float: left;
	clear: none;
	padding: 8px 0 0 40px;
	text-align: center;
}
.block-delta-blocks-site-slogan h6 {
	font-size: 2.2em;
	margin: 0;
}
.call-to-action {
	float: right;
	margin: -20px 2em 0 0;
}
#region-menu {
	clear: none;
}
.main-menu-block {
	display: block;
	visibility: visible;
	width: auto;
	margin-left: 0;
	clear: both;
	padding-top: 1.5em;
}
.mobile-menu-block {
	display: none;
	visibility: hidden;
}
ul.nice-menu {
	float: right;
	font-size: 0.95em;
	padding-right: 2em;
}
ul.nice-menu a {
	padding: 8px;
}
.nice-menu li.menu-path-front a {
	text-indent: 0;
	text-align: left;
	width: auto;
	height: auto;
	background: none;
}
.nice-menu li.menu-path-front a:hover,
.nice-menu li.menu-path-front a.active {
	background-image: none;
}
.page-banner img {
	display: block;
}
#region-blockgroup-page-banners-title-text .region-inner {
	padding: 30px;
}
#region-blockgroup-page-banners-title-text {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#region-blockgroup-page-banners-title-text h1#page-title {
	color: #fff;
}
.node-type-page h1#page-title,
.node-type-story h1#page-title,
h2.page-title,
.node-type-blog-post h2.news-title {
	font-size: 3em;
	font-family: 'Archer 8r', 'Archer A', 'Archer B', 'Copse'; 
	font-weight: 800;
	line-height: 1;
	margin-bottom: 0.5em;
}
.node-type-page.page-node-edit h1#page-title,
.node-type-page.page-node-delete h1#page-title,
.node-type-story.page-node-edit h1#page-title,
.node-type-story.page-node-delete h1#page-title,
.basic-page-admin-title h1#page-title {
	font-size: 1.77em; /* 32px @ 18px */
	font-family: 'Archer 6r', 'Archer A', 'Archer B', 'Copse'; 
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
}
.node-type-page .basic-page-admin-title h1#page-title {
	font-size: 2.5em !important;
}
#region-blockgroup-page-banners-title-text h1#page-title {
	margin: 0;
}
.front h2.page-title {
	margin-bottom: 0.25em;
}
.view-stories h2.hp-stories {
	font-size: 2.88em; /* 52px @ 18px */
}
.slide-text .slide-remainder {
	font-style: italic;
}
.slide-text .slide-remainder h3 {
	font-size: 1.33em; /* 24px @ 18px */
}
.news-text,
.news-image {
	float: left;
	height: 313px;
}
.news-text {
	width: 50%;
	background-color: #383838;
	color: #fff;
}
.news-text .block-inner {
	padding: 30px;
}
.news-image {
	width: 50%;
	overflow: hidden;
}
.news-image img {
	width: 100%;
	display: block;
}
.grad {
	display: block;
	visibility: visible;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 468px;
	height: 313px;
}
.grad p {
	margin: 0;
}
.grad img {
	display: block;
}
.slide-text {
	position: absolute;
	top: 25px;
	left: 60px;
	color: #fff;
	padding: 0;
}
.page-text,
.story-text,
.news-subtext {
	color: #fff;
}
.slide-text .short-text {
	font-size: 1.33em; /* 24px @ 18px */
}
.story-btn,
.news-btn {
	margin-top: 50px;
}
.slide-text .slide-btn,
.story-btn,
.news-btn {
	margin-top: 40px;
	text-transform: uppercase;
	font-family: 'Archer 6r', 'Archer A', 'Archer B';
	font-weight: 600;
}
.story-btn,
.news-btn {
	margin-top: 50px;
}
.page-text,
.story-text,
.news-subtext {
	font-size: 1.55em; /* 28px @ 18px */
	line-height: 1.3;
}

/* content region */
.region-content .region-inner,
#zone-postscript .region-inner {
	padding: 0;
}
#zone-user,
.context-news #zone-preface {
	width: 940px;
}
#zone-user .region-user-first-inner {
	margin: 40px 10px 60px 100px;
	padding: 0;
}
#zone-user .region-user-second-inner {
	margin: 40px 80px 40px 10px;
	padding: 0;
}
/* homepage text and carousel */
#zone-preface .region-inner {
	padding: 1em 0;
}
#region-preface-right .region-inner {
	padding: 2em;
}
.homepage-text p {
	line-height: 1.5;
	font-size: 1em;
}
.homepage-text p strong {
	font-weight: bold;
}
.homepage-text h3 {
	font-size: 1.33em;
}
.context-news #region-preface .region-inner {
	padding: 40px 100px;
}
.pullquote,
.story-quote .field,
.quote {
	background: url(images/quote-top.png) no-repeat 0 0;
	padding-left: 90px;
}
.pullquote strong,
.story-quote .field-item,
.quote-inner {
	background: url(images/quote-bottom.png) no-repeat right bottom;
	padding-right: 80px;
}
.context-how-become-recognised-living-wage-service-provider .field-name-body img.media-image,
.context-how-become-living-wage-employer .field-name-body img.media-image {
	width: 70%;
	margin: 0 15%;
}
.view-stories .views-row,
.news-page .views-row {
	width: 50%;
	float: left;
}
.view-stories .views-row-odd,
.news-page .views-row-odd {
	clear: left;
}
.post-image {
	width: 328px;
	height: 218px;
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
}
.post-image-inner {
	height: 218px;
	overflow: hidden;
}
.view-teams .views-row {
	margin-bottom: 50px;
}
.view-teams .views-row-odd .views-field-field-image {
	float: left;
	margin: 0 20px 10px 0;
}
.view-teams .views-row-even .views-field-field-image  {
	float: right;
	margin: 0 0 10px 20px;
}

/* Digital Assests */
.view-digital-pack-living-wage-week .views-row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	float: left;
	width: 30%;
	margin: 1%;
	padding: 10px;
	background: rgba(30,182,244,0.6);
}
.view-digital-pack-living-wage-week .views-row a {
	color: #fff;
}
.view-digital-pack-living-wage-week strong {
	display: block;
	margin-bottom: 0.5em;
}
.view-digital-pack-living-wage-week .btn {
	margin-top: 0.5em;
}
.attachment-preview {
	height: 155px;
	overflow: hidden;
}

/* Contact page */
.contact-options .square {
	width: 46%;
	margin: 30px 2%;
	float: left;
}
.contact-options a.btn {
	height: 234px;
}
.contact-options a.btn:hover {
	background-color: #e37800;
	
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/* tossing effect */
@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
.block-webform {
	width: 80%;
}

/* sidebar */
#region-sidebar-second {
	margin-top: 0;
}

/* footer */
#section-footer .region-inner {
	padding: 0;
}
#region-footer-second-right .region-inner {
	padding-left: 30px;
}
.view-tweets {
	padding: 0 2em;
}