/*
Theme Name: Go On Theme
Theme URI: 
Author: Collective
Author URI: http://www.go-on.co.uk
Description: Go On theme
*/

/* ==|== reset ========= */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; overflow-x: hidden; }
body { margin: 0; font-size:62.5%; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
p { margin: 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0px; padding: 0px; }
dd { margin: 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

h1,h2,h3,h4,h5 {margin: 0px; padding:0px; font-weight: normal;}


/* ==|== layout ========= */

.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}


    /* 1. 6 Column Grid 0px - 779px 
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) and (max-width: 779px) {
	
		.wrapper {
			padding: 0 20px;
		}
        
        .row {
            margin-left:-10px;
        }
        .col {
            border-left-width:10px;
        	padding:0 0px;
        }

        .span_1 {
            width:16.6666666667%;
        }
		
		footer li,
		.home-logo,
        .span_2 {
            width:33.3333333333%;
        }
		
		.partner-logos .col, 
        .span_3 {
            width:50.0%;
        }
        .span_4 {
            width:66.6666666667%;
        }
        .span_5 {
            width:83.3333333333%;
        }
		
		.page-content-long,
		.page-content-long .post,
		.partner-content .partner,
		.partner-content
		.pageheader-content,
		.page-content,
		.sidebar-content,
		.single-content,
		.multi-content,
		.social-feed,
		.heading,
		.partner-logos ,
		.partner-intro,
		.post,
		.first-post,
		header,
		footer,
        .span_6 {
            margin-left:0;
            width:100%;
        }
    }
	
	/* 1. 12 Column Grid 780px - 959px 
    ----------------------------------------------------------------------------- */
	
    @media screen and (min-width: 780px) {
		
		.wrapper {
			padding: 0 20px;
			margin: 0 auto;
		}
        
        .row {
            margin-left:-20px;
        }
        .col {
            border-left-width:20px;
        	padding:0 0px;
        }

        .span_1 {
            width:8.33333333333%;
        }
		
		.home-logo,
        .span_2 {
            width:16.6666666667%;
        }
		
		.social-links-holder,
		.partner-logos .col,
        .span_3 {
            width:25.0%;
        }
		
		.sidebar-content,
		.social-feed,
		.partner-intro,
		.post,
        .span_4 {
            width:33.3333333333%;
        }
		
        .span_5 {
            width:41.6666666667%;
        }
		
		.partner-content .partner,
        .span_6 {
            width:50.0%;
        }
		
		.main-nav,
        .span_7 {
            width:58.3333333333%;
        }
		
		.page-content,
		.multi-content,
		.single-content,
		.partner-logos,
		.first-post .copy,
        .span_8 {
            width:66.6666666667%;
        }
		
        .span_9 {
            width:75.0%;
        }
		
		.single .post h1,
        .span_10 {
            width:83.3333333333%;
        }
        .span_11 {
            width:91.6666666667%;
        }
		
		.page-content-long,
		.page-content-long .post,
		.pageheader-content,
		.partner-content .post,
		.heading,
		.page-content .post,
		.multi-content .post,
		.single-content .post,
		.partners-section,
		.first-post,
		header,
		footer,
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }
	
	@media screen and (min-width: 960px) {
	
		.wrapper {
			width: 920px;
		}
		
	}
	
/* ==|== fonts ========= */

@font-face {
	font-family: 'futurasb-boldregular';
	src: url("../../../../wp-content/themes/goon/fonts/futurasb-bold-webfont.eot");
	src: url("../../../../wp-content/themes/goon/fonts/futurasb-bold-webfont.eot#iefix") format("embedded-opentype"), 
		 url("../../../../wp-content/themes/goon/fonts/futurasb-bold-webfont.woff") format("woff"), 
		 url("../../../../wp-content/themes/goon/fonts/futurasb-bold-webfont.ttf") format("truetype"), 
		 url("../../../../wp-content/themes/goon/fonts/futurasb-bold-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helvetica_neue_lt_std55_roman';
	src: url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-roman-webfont.eot");
	src: url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-roman-webfont.eot#iefix") format("embedded-opentype"), 
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-roman-webfont.woff") format("woff"), 
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-roman-webfont.ttf") format("truetype"), 
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-roman-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helvetica_neue_lt_std75_bold';
	src: url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-bd-webfont.eot");
	src: url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-bd-webfont.eot#iefix") format("embedded-opentype"), 
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-bd-webfont.woff") format("woff"),
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-bd-webfont.ttf") format("truetype"), 
		 url("../../../../wp-content/themes/goon/fonts/helveticaneueltstd-bd-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* ==|== primary styles ========= */

html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #f6f6f6;
	color: #6b727b;
	font-family: 'helvetica_neue_lt_std55_roman', Arial, Times New Roman;
}

h1, h2, h3 {
	font-family: 'futurasb-boldregular';
	font-weight: normal;
	color: #474755;
}

	h1 a, h2 a, h3 a {
		font-family: 'futurasb-boldregular' !important;
		color: #474755;
		text-decoration: none;
	}

h1 {
	font-size: 3.6em;
	margin-bottom: 20px;
	letter-spacing: -2px;
	line-height: 0.9em;
}

.pageheader-content h1 {
	margin-bottom: 0;
}

h2 {
	font-size: 2.4em;
	margin-bottom: 10px;
	line-height: 1em;
}

h3 {
	font-size: 1.6em;
}

.read-more a {
	position: relative;
	display: inline-block;
	padding: 13px 14px 13px 38px;
	font-size: 1.6em;
	font-family: 'helvetica_neue_lt_std75_bold';
	border: 1px solid #e7eaea;
	border-radius: 5px;
	color: #6b727b;
	background-color: #fff;
	text-decoration: none;
}

.copy .read-more a {
	margin-bottom: 20px;
}

.error404 .copy .read-more a,
.home .copy .read-more a {
	margin-bottom: 0;
}

.read-more a:hover {
	color: #464655;
}

	.read-more a span {
		position: absolute;
		top: 10px;
		left: 13px;
		width: 17px;
		height: 27px;
		background: url(../../../../wp-content/themes/goon/img/sprites.png) -220px 6px no-repeat;
	}
	
	.read-more a:hover span {
		background: url(../../../../wp-content/themes/goon/img/sprites.png) -220px -16px no-repeat;
	}


@media screen and (min-width: 780px) {
	h1 {
		font-size: 6em;
	}
}


strong {
	font-family: 'helvetica_neue_lt_std75_bold';
	font-weight: normal;
}

/* ==|== nav ========= */

header {
	padding: 6px 0 10px 0;
	overflow: hidden;
}

.home-logo {
	display: block;
	padding-left: 10px;
	height: 50px;
	text-indent: -9999em;
	background: url(../../../../wp-content/themes/goon/img/goon_logo.jpg) left top no-repeat;
	background-size: contain;
}

.mob-link {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	display: block;
	color: #6b727b;
	font-size: 1.6em;
	text-decoration: none;
	padding: 18px 54px 18px 12px;
	font-family: 'helvetica_neue_lt_std75_bold';
	background: url(../../../../wp-content/themes/goon/img/sprite_menu.png) 70px 20px no-repeat;
}

.mob-link-active {
	color: #fff;
	background: #00afd8 url(../../../../wp-content/themes/goon/img/sprite_menu.png) 70px -22px no-repeat;
}

	#mobile-menu {
		
	}

	#mobile-menu .social-links {
		display: block;
	}
			
			.sidr-class-social-links li a {
				position: relative;
			}
			
			.sidr-class-social-links li a span {
				position: absolute;
				top: 13px;
				right: 15px;
				height: 18px;
				padding: 0;
				background-image: url(../../../../wp-content/themes/goon/img/sprites.png);
				background-repeat: no-repeat;
				text-indent: -9999em;
			}
			
			.sidr-class-social-links .sidr-class-social-email span {
				width: 19px;
				background-position: left top;
			}

			.sidr-class-social-links .sidr-class-social-facebook span {
				width: 9px;
				background-position: -41px top;
			}

			.sidr-class-social-links .sidr-class-social-twitter span {
				width: 15px;
				background-position: -74px top;
			}

			.sidr-class-social-links .sidr-class-social-youtube span {
				width: 10px;
				background-position: -112px top;
			}

			.sidr-class-social-links .sidr-class-social-linkedin span {
				width: 16px;
				background-position: -146px top;
			}
			
			.sidr-class-social-links .sidr-class-social-rss span {
				width: 13px;
				background-position: -183px top;
			}
			
.divider,
.main-nav,
.social-links {
	display: none;
}

@media screen and (min-width: 780px) {

	#sidr-right {
		display: none;
	}

	header {
		position: relative;
		height: 110px;
		padding: 0 0 0 20px;
		margin-bottom: 10px;
	}
	
	.mob-link,
	.mobile-menu {
		display: none;
	}
	
	.main-nav {
		z-index: 2;
	}
	
	.home-logo {
		margin-top: 10px;
		border-left-width: 0;
	}
	
	.divider {
		position: absolute;
		top: 68px;
		left: 20px;
		width: 100%;
		height: 1px;
		background-color: #d9dcdc;
		display: block;
		z-index: 1;
	}
	
	.main-nav,
	.social-media {
		position: relative;
		display: inline-block;
	}
	
	.main-nav ul {
		margin-top: 11px;
	}	

	.main-nav ul li {
		display: inline-block;
		margin-right: 10px;
		list-style: none;
	}
	
	@media screen and (min-width: 890px) {
		.main-nav ul li {
			margin-right: 30px;
		}
	}
	
	@media screen and (min-width: 990px) {
		.main-nav ul li {
			margin-right: 40px;
		}
	}
	
		.main-nav .current-page-parent ul,
		.main-nav .current-menu-item ul {
			display: block;
		}
	
		.main-nav li:hover ul {
			/*width: 100%;
			display: block;*/
		}
		
		.main-nav li:hover a {
			color: #464655;
		}
	
		.main-nav ul li a {
			display: block;
			font-size: 1.6em;
			text-decoration: none;
			color: #6b727b;
			padding: 14px 0 25px 0;
		}
		
		.main-nav ul .current-page-ancestor a,
		.main-nav ul .current-page-ancestor ul .current-page-ancestor a,
		.main-nav ul .current_page_parent ul .current-menu-item a,
		.main-nav .current_page_parent a,
		.main-nav .current-menu-item a {
			font-family: 'helvetica_neue_lt_std75_bold';
			color: #464655;
			background: url(../../../../wp-content/themes/goon/img/arrow.svg) center bottom no-repeat;
		}
		
		.main-nav ul .current-page-ancestor ul .current-page-ancestor a,
		.main-nav ul .current_page_parent ul .current-menu-item a,
		.main-nav .current-page-ancestor ul li a,
		.main-nav .current-page-parent ul li a,
		.main-nav .current-menu-item  ul li a {
			background: none;
		}	
		
		.main-nav ul .current-page-ancestor ul li a,
		.main-nav ul .current_page_parent ul li a,
		.main-nav .current-menu-item ul li a {
			font-family: 'helvetica_neue_lt_std55_roman';
			color: #6b727b;
			background: none;
		}
		
		.main-nav ul li ul {
			position: absolute;
			top: 31px;
			left: 19%;
			display: none;
			padding-top: 30px;
		}
		
		.main-nav ul .current-page-ancestor ul,
		.main-nav ul .current_page_parent ul {
			display: block;
		}
		
			.main-nav ul li ul li {
				margin-right: 14px;
			}
			
				.main-nav ul li ul li a {
					padding: 0;
					padding: 10px 0 10px 0;
				}
				
				.main-nav li:hover ul li a {
					color: #6b727b;
				}
				
				.main-nav li:hover ul li a:hover {
					color: #464655;
				}
	
	.social-links {
		position: relative;
		display: block;
		padding-top: 16px;
		margin-top: 8px;
	}
	
		.social-links li {
			display: inline-block;
			margin-right: 5%;
		}
		
		@media screen and (min-width: 890px) {
			.social-links li {
				margin-right: 10%;
			}
		}
		
		.social-links li span {
			position: absolute;
			top: 60px;
			left: 0;
			width: 100%;
			height: 17px;
			padding: 8px 10px 10px 10px;
			background-color: #00afd8;
			color: #fff;
			font-size: 1.6em;
			font-family: 'helvetica_neue_lt_std75_bold';
			text-indent: 0;
			opacity: 0;
			z-index: 3;
			
		}
		
		.social-links li.last {
			margin-right: 0;
		}
		
			.social-links li a {
				display: inline-block;
				height: 18px;
				text-indent: -9999em;
				background-image: url(../../../../wp-content/themes/goon/img/sprites.png);
				background-repeat: no-repeat;
			}
			
			.social-links li a:hover span {
				opacity: 1;
				-webkit-transition: all 1s ease;
				-moz-transition: all 1s ease;
				-ms-transition: all 1s ease;
				-o-transition: all 1s ease;
				transition: all 1s ease;
			}
			
			.social-links .social-email {
				width: 19px;
				background-position: left top;
			}
			
			.social-links .social-email:hover {
				background-position: left bottom;
			}
			
			.social-links .social-facebook {
				width: 9px;
				background-position: -41px top;
			}
			
			.social-links .social-facebook:hover {
				background-position: -41px bottom;
			}
			
			.social-links .social-twitter {
				width: 15px;
				background-position: -74px top;
			}
			
			.social-links .social-twitter:hover {
				background-position: -74px bottom;
			}
			
			.social-links .social-youtube {
				width: 10px;
				background-position: -112px top;
			}
			
			.social-links .social-youtube:hover {
				background-position: -112px bottom;
			}
			
			.social-links .social-linkedin {
				width: 16px;
				background-position: -146px top;
			}
			
			.social-links .social-linkedin:hover {
				background-position: -146px bottom;
			}
			
			.social-links .social-rss {
				width: 13px;
				background-position: -183px top;
			}
			
			.social-links .social-rss:hover {
				background-position: -183px bottom;
			}
				
}
				
/* ==|== posts ========= */

.page-header {
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden;
}

.single-content article,
.first-post,
.post {
	margin-bottom: 20px;
}

.multiple h1 {
	background-color: #fff;
	margin-bottom: 20px;
	padding: 8px 16px;
}

.multi-post h2 {
	margin-bottom: 0;
}

.hungryfeed_item h3 {
	margin-bottom: 20px;
}

.hungryfeed_item,
.sidebar-content p,
.partner p,
.social-feed p,
.first-post p,
.post p {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.copy iframe {
	width: 100%;
}

.sidebar-content ul,
.partner ul,
.social-feed ul,
.first-post ul,
.post ul {
	margin: 0 0 20px 20px;
}

.sidebar-content li,
.partner  li ,
.social-feed  li ,
.first-post li ,
.post li {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.sidebar-content li p,
.partner  li p ,
.social-feed  li p,
.first-post li p ,
.post li p {
	font-size: 1em;
}

.post .intro {
	font-family: 'helvetica_neue_lt_std75_bold';
}

.multi-post .intro {
	font-family: 'helvetica_neue_lt_std55_roman';
}
	
	h1 a,
	h2 a,
	h3 a {
		font-family: 'helvetica_neue_lt_std75_bold';
		color: #464655;
		text-decoration: none;
	}
	
	.hungryfeed_item a,
	.sidebar-content p a,
	.sidebar-content li a,
	.partner p a,
	.social-feed p a,
	.first-post p a,
	.copy li a,
	.post li a,
	.post p a {
		font-family: 'helvetica_neue_lt_std75_bold';
		color: #00afd8;
		text-decoration: none;
	}
	
	.page-id-6983 .post p a {
		display: inline-block;
	}	
	
	h1 a:hover,
	h2 a:hover,
	h3 a:hover {
		color: #00afd8;
	}
	
	.hungryfeed_item a:hover,
	.sidebar-content p a:hover,
	.sidebar-content li a:hover,
	.partner p a:hover,
	.social-feed p a:hover,
	.first-post p a:hover,
	.post li a:hover,
	.post p a:hover {
		color: #464655;
	}

.first-post img {
	width: 100%;
	height: auto;
}

.post img {
	width: 100%;
	height: 100%;
	display: block;
}

.post p img {
	width: auto;
}

.hungryfeed_item img {
	display: block;
	width: 100%;
}

.post .post-catlink {
	font-family: 'helvetica_neue_lt_std75_bold';
	color: #00afd8;
	text-decoration: none;
}

.sidebar-content .copy,
.page-content .copy,
.social-feed .copy,
.first-post .copy,
.post .copy {
	background-color: #fff;
	text-align: left;
	padding: 20px 30px 
}

.first-post .copy {
	text-align: center;
}

.social-feed {
	background-color: #fff;
}
	
	.social-feed .copy li {
		display: block;
		font-size: 1.6em;
		margin-left: 8%;
		margin-bottom: 8px;
	}
	
	.social-feed .copy li a {
		font-family: 'helvetica_neue_lt_std75_bold';
		color: #00afd8;
		text-decoration: none;
	}
	
	.social-feed .copy li a:hover {
		color: #474755;
	}
	
	.twitter-feed,
	.fb-feed {
		display: none;
	}
	
	.comment-respond,
	.comments-area,
	.postnav {
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 18px;
		background-color: #fff;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-moz-background-clip:padding-box !important;
		-webkit-background-clip:padding-box !important;
		background-clip:padding-box !important;
	}
	
		.comment-respond h3 {
			font-size: 2.4em;
		}
		
		.comment-respond p {
			font-size: 1.6em;
			margin-bottom: 8px;
		}
		
		.comment-respond label {
			font-size: 1em;
		}
			
			.comment-notes span,
			.comment-respond label span {
				display: inline;
			}
			
		.form-allowed-tags {
			display: none;
		}
	
		
		.comment-respond input {
			padding: 10px;
			border: 1px solid #cfcfcf;
			font-size: 1em;
			color: #474755;
			width: 93%;
		}
		
		.comment-respond textarea {
			width: 98%;
		}
		
		.comment-respond .form-submit input {
			background-color: #00afd8;
			color: #fff;
			padding: 10px;
			border-radius: 5px;
			font-family: 'helvetica_neue_lt_std75_bold';
			font-size: 1em;
			border: 0;
			width: auto;
		}
		
		.commentlist li {
			list-style: none;
			position: relative;
		}
		
			.comment-author {
				font-size: 1.6em;
				color: #474755;
				font-family: 'helvetica_neue_lt_std75_bold';
				margin-bottom: 20px;
			}
			
			.comment-meta a {
				position: absolute;
				top: 10px;
				right: 0;
				font-size: 1.2em;
				color: #474755;
				text-decoration: none;
				font-family: 'helvetica_neue_lt_std75_bold';
			}
			
			@media screen and (max-width: 880px) {
				.comment-meta a {
					position: static;
				}
			}
			
			@media screen and (min-width: 780px) {
				.form-submit input {
					margin-left: 21%;
				}
				
				.comment-respond input ,
				.comment-respond textarea {
					width: auto;
				}
			}
			
			.commentlist p {
				font-size: 1.6em;
				margin-bottom: 20px;
				color: #474755;
			}
			
			.logged-in-as a,
			.commentlist .reply a {
				font-family: 'helvetica_neue_lt_std75_bold';
				color: #00afd8;
				font-size: 1.6em;
				text-decoration: none;
			}
			
			.logged-in-as a {
				font-size: 1em;
			}
			
			.logged-in-as a:hover,
			.commentlist .reply a:hover {
				color: #474755;
			}
			
			ul.children {
				padding: 20px 0 20px 20px;
			}
	
		.postnav li {
			list-style: none;
		}
		
		.postnav .prev {
			float: left;
			width: 48%;
		}
		
			.postnav .prev a {
				padding-left: 24px;
			}
		
		.postnav .next {
			float: right;
			width: 50%;
			text-align: right;
		}
		
			.postnav .next a {
				padding-right: 24px;
			}
		
			.postnav a {
				position: relative;
				display: inline-block;
				color: #787e86;
				font-family: 'helvetica_neue_lt_std75_bold';
				font-size: 1.6em;
				text-decoration: none;
			}
			
			.postnav .prev a span {
				position: absolute;
				top: -3px;
				left: 0px;
				width: 17px;
				height: 27px;
				background: url(../../../../wp-content/themes/goon/img/sprites.png) -250px 6px no-repeat;
			}
			
			.postnav .prev a:hover span {
				background: url(../../../../wp-content/themes/goon/img/sprites.png) -250px -16px no-repeat;
			}
			
			.postnav .next a span {
				position: absolute;
				top: -3px;
				right: 0px;
				width: 17px;
				height: 27px;
				background: url(../../../../wp-content/themes/goon/img/sprites.png) -220px 6px no-repeat;
			}
			
			.postnav .next a:hover span {
				background: url(../../../../wp-content/themes/goon/img/sprites.png) -220px -16px no-repeat;
			}
		

@media screen and (min-width: 780px) {

	.post {
		margin: 0;
	}
	
	.multi-post {
		margin-bottom: 20px;
	}
	
	.social-feed  p,
	.first-post p,
	.post p {
		width: auto;
	}
	
	.error404 .post img,
	.home .post img {
		max-height: 200px;
	}
	
	.multiple .post img:first-child,
	.single .post img:first-child {
		width: 100%;
	}
	
	.social-feed .copy,
	.post .copy {
		text-align: left;
		padding: 18px;
	}
	
	.error404 .post,
	.home .post {
		background-color: #fff;
	}
		
		.error404 .post .copy,
		.home .post .copy {
			padding: 18px 18px 0 18px;
		}
		
		.error404 .post .read-more,
		.home .post .read-more {
			padding: 0 0 18px 18px;
		}
	
	.first-post {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		min-height: 0;
		padding-bottom: 20px;
	}
	
	@media screen and (min-width: 990px) {
		.first-post {
			position: relative;
			overflow: hidden;
			margin-bottom: 20px;
			min-height: 530px;
		}
	}
	
	.right-copy {
		min-height: 0;
	}

		.first-post img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

		.right-copy img {
			float: left;
			position: static;
			width: 50%;
			height: auto;
		}

		.first-post .copy {
			position: relative;
			margin: 20% auto 0 auto;
			z-index: 2;
			padding: 0;
			text-align: center;
			background-color: transparent;
		}

		.left-copy .copy {
			text-align: left;
			margin: 20% 0 0 20px;
		}

		.right-copy .copy {
			float: left;
			position: static;
			background-color: #fff;
			text-align: left;
			width: 50%;
			padding: 20px;
			margin: 0;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			-moz-background-clip:padding-box !important;
			-webkit-background-clip:padding-box !important;
			background-clip:padding-box !important;
		}

			.first-post h1,
			.first-post p {
				display: inline-block;
				background-color: #fff;
				margin: 0 auto;
			}
			.first-post h1 {
				padding: 0 10px 10px 0;
			}
			
			.error404 .first-post h1,
			.home .first-post h1 {
				padding: 10px;
			}
			
			.error404 .left-copy h1,
			.home .left-copy h1 {
				padding: 10px;
			}
			
			.first-post p {
				padding: 10px;
				margin-top: -2px;
				margin-bottom: 35px;
			}
	
	.social-feed {
		background-color: transparent;
	}
	
	.social-feed .copy{
		margin-bottom: 20px;
	}
	
	.fb-feed,
	.twitter-feed {
		background-color: #fff;
		padding: 20px;
		display: block;
		margin-bottom: 20px;
	}
}

/* ==|== partners ========= */

.partners-section {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 10px;
}

	.partner-intro {
		margin-bottom: 40px;
	}
	
	.partner-intro .simplesocial {
		display: none;
	}
	
	.partner-intro p {
		font-size: 1.6em;
		line-height: 1.4em;
		margin-bottom: 17px;
	}
	
	.partner-logos img {
		display: block;
		margin-bottom: 30px;
	}
	
	.item-holder {
		width: 100%;
		overflow: hidden;
	}
	
	.partner {
		background-color: #fff;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	
	
		.partner .imglink  {
			display: block;
			margin: 20px auto 20px auto;
		}
	
	
	@media screen and (min-width: 780px) {
	
		.partners-section {
			margin: 20px 0 10px 0;
			padding: 22px 22px 22px 0;
		}
		
		.partner-intro {
			margin: 0;
		}
		
		.partner-logos img {
			height: auto;
			margin: 0;
		}
		
		.partner-content .post {
			margin-bottom: 20px;
		}
		
		.partner-content .post .csscol {
			-moz-column-count:2; /* Firefox */
			-webkit-column-count:2; /* Safari and Chrome */
			column-count:2;
			-moz-column-gap:20px; /* Firefox */
			-webkit-column-gap:20px; /* Safari and Chrome */
			column-gap:20px;
		}
		
		.partner {
			position: relative;
			overflow: hidden;
		}
		
			.partner h2 {
				font-size: 2.4em;
				margin-bottom: 20px;
			}
			
			.partner h3 {
				font-size: 1.6em;
				margin-bottom: 20px;
			}
			
			.partner .imglink  {
				position: absolute;
				top: 20px;
				left: 20px;
				margin-top: 0;
			}
		
			.partner .copy {
				display: inline-block;
				padding: 20px;
				width: 66.666%;
				padding-left: 33.333%;
			}
			
			.partner .copy-long {
				width: auto;
				padding-left: 0;
			}
			
			@media screen and (max-width: 880px) {
				.partner .copy {
					width: 60%;
					padding-left: 40%;
				}
			}
		
		
	}
	
/* ==|== form ========= */

form .formrow {
	margin: 0 0 20px 0;
}

form br {
	display: none;
}

form label {
	display: inline-block;
	width: 100%;
	margin: 0 20px 0 0;
	font-weight: bold;
	font-family: 'helvetica_neue_lt_std75_bold';
	color: #464655;
	text-align: left;
	font-size: 1.6em;
}

@media screen and (min-width: 780px) {
	form label {
		width: 16.666%;
		text-align: right;
	}
}

form span {
	display: inline-block;
	width: 66.666%;
	font-family: 'helvetica_neue_lt_std55_roman';
	color: #6b727b;
	font-size: 1.6em;
}

form span textarea,
form span input {
	border: 1px solid #d9dcdc;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
}

form .submit {
	margin-left: 20px;
	padding-left: 16.666%;
}

	form .submit input {
		background-color: #00afd8;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		font-family: 'helvetica_neue_lt_std75_bold';
		font-size: 1.6em;
		border: 0;
	}

div.wpcf7 img.ajax-loader {
	width: auto !important;
}
	
/* ==|== footer ========= */

footer {
	overflow: hidden;
}

footer ul {
	overflow: hidden;
	margin-bottom: 20px;
}

	footer li {
		float: left;
		display: inline-block;
		font-size: 1.3em;
		padding: 9px 0;
	}
		
		.vcard span a,
		footer li a {
			color: #00afd8;
			text-decoration: none;
		}
		
		.vcard span a:hover,
		footer li a:hover {
			color: #474755;
		}

footer .vcard {
	clear: both;
	font-size: 1.3em;
	line-height: 1.6em;
	margin-bottom: 20px;
}

	footer .vcard span {
		display: block;
	}
	
	footer .vcard span span {
		display: inline;
	}
	
	@media screen and (min-width: 780px) {
	
		footer ul {
			margin-bottom: 10px;
		}
			footer li {
				width: auto;
				margin-right: 22px;
			}
			
			footer .vcard div,
			footer .vcard span {
				display: inline;
			}
			
				footer .vcard span:after {
					content: ' | ';
				}
				
				footer .vcard .company-number:after,
				footer .vcard span span:after {
					content: '';
				}
			
			footer .vcard .addr {
				
			}
		
	}