/*
Theme Name: Frontwards
Theme URI: http://frontwardsdesign.co.uk
Description: So barebones it barely exists.
Version: 1.01
Author: Oliver Fisher
Author URI: http://frontwardsdesign.co.uk
*/

@font-face {
    font-family: 'alte_haas_groteskregular';
    src: url('fonts/alte-haas-grotesk.regular-webfont.eot');
    src: url('fonts/alte-haas-grotesk.regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alte-haas-grotesk.regular-webfont.woff2') format('woff2'),
         url('fonts/alte-haas-grotesk.regular-webfont.woff') format('woff'),
         url('fonts/alte-haas-grotesk.regular-webfont.ttf') format('truetype'),
         url('fonts/alte-haas-grotesk.regular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alte_haas_groteskbold';
    src: url('fonts/alte-haas-grotesk.bold-webfont.eot');
    src: url('fonts/alte-haas-grotesk.bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alte-haas-grotesk.bold-webfont.woff2') format('woff2'),
         url('fonts/alte-haas-grotesk.bold-webfont.woff') format('woff'),
         url('fonts/alte-haas-grotesk.bold-webfont.ttf') format('truetype'),
         url('fonts/alte-haas-grotesk.bold-webfont.svg#alte_haas_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*====================================
  +++ GLOBAL +++
  ====================================*/

body {
	padding: .75em .75em 2.25em;
	font-family: 'alte_haas_groteskregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	text-align: center;
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-ms-font-feature-settings: "kern";
	-o-font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	font-feature-settings: "kern";
	text-rendering:optimizeLegibility;
	background: #fff;
	color: #111;
}

* {
	margin: 0;
	font-family: inherit;
	line-height: inherit;
	color: inherit;
}

* + *,
form li,
.mc4wp-response {
	margin-top: 1.125em;
}

.powerpress_player * + *{
	margin-top: 0;
}

body, br, ol, li, dt, dd, th, td, option {
 	margin-top: 0;
}

.margins-off * {
	margin-top: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden{
	display: none !important;
}

.visually-hidden{
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	line-height: 0;
	border: 0;
}

.inverse{
	background: #111;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.inverse,
.inverse a{
	color: #f5f5f5;
}

.inverse a:hover,
.inverse a:focus{
	color: #93BAA0;
}

section.inverse{
	margin: 2.25em -.75em 0;
	padding: 1.125em .75em 2.25em;
}

.single-new_blood article section + section,
.page-template-new-blood article section + section{
	margin-top: 0;
}

/* GRIDS/LISTS/FLEX */

.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 1.125em -0.75em -1.125em;
	text-align: center;
	-webkit-align-items: baseline;
	align-items: baseline;
}

.grid > * {
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	margin-top: 0;
	padding: 1.125em 0.75em;
	text-align: left;
}

.page-template-magazine .grid > *,
.post-type-archive-issue .grid > *,
.single-magazine .grid > *,
.releases > *,
.single-new_blood .grid > *,
.post-type-archive-new_blood .grid > * {
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}

.post-type-archive-issue .grid > * {
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}

.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#search .flex{
	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-vertical{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 2.25em;
}

.flex-vertical .button-link{
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.flex-grow {
	flex-grow: 1;
}

.columns{
	text-align: left;
}

.page-template-home-template-new .columns > * {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.text-columns{
	-webkit-columns: 2 12.5em;
	-moz-columns: 2 12.5em;
	columns: 2 12.5em;
	-webkit-column-gap: 1.125em;
	-moz-column-gap: 1.125em;
	column-gap: 1.125em;
	-webkit-column-rule: 1.125em;
	-moz-column-rule: 1.125em;
	column-rule: 1.125em;
	margin-top: 1.125em;
}

.text-columns li{
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.button-group{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -0.25em;
	margin-right: -0.25em;
}

.button-group > *{
	margin-bottom: 0.5em;
	padding: 0 0.25em;
}

.button-group > * > * {
	width: 100%;
	text-align: center;
}

article ul:not(.meta-list) {
	list-style: disc;
}

article ol {
	list-style: decimal;
}

article * + ul,
article * + ol {
	margin-top: 1.5rem;
}

dt{
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

dt, dd{
	font-size: 0.75em;
}

.page-template-news article .meta-list,
.single-post article .meta-list{
	-webkit-justify-content: center;
	justify-content: center;
}

ul.flex > *{
	width: 50%;
}

.spacious-list * + *{
	margin-top: 1.125em;
}

ul.spacious-list h3,
ul.flex h3{
	font-size: 0.75em;
}

.meta-list > *,
.meta-key,
.meta-value{
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.meta-list a {
	border-bottom: 1px solid;
}

.meta-key {
	white-space: nowrap;
}

article .meta-list > *{
	text-align: center;
}

.page-template-home-template-new-two article .meta-list > *,
.page-template-home-template-new article .meta-list > *{
	text-align: left;
}

.meta-list {
	margin-top: .5em;
}

.meta-key,
.meta-value{
	font-size: 0.625rem;
}

.meta-value{
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.meta-list > *{
	margin-bottom: .25em;
	line-height: 1;
}

.content-list {
	list-style-type: square;
	list-style-position: inside;
}

.link-list{
	text-align: left;
}

.link-list li {
	margin-top: 0;
}

.link-list > * + *{
	margin-top: 0.25em;
}

.link-list a{
	display: block;
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #13682E;
	border-bottom: 1px solid #fff;
}

.link-list a:hover{
	border-bottom: 1px solid;
}

/* TABULAR */

.table{
	display: table;
	text-align: left;
}

.table > * {
	display: table-row;
}

.table > * > * {
	display: table-cell;
	line-height: 1.5;
}

.table > * > * + * {
	padding-left: 1.5em;
}

/* IMAGES */

figure{
	line-height: 0;
}

figure img{
	line-height: 0;
}

img{
	height: auto;
	width: auto;
	max-width: 100%;
}

figcaption{
	margin-top: 0.75em;
	font-size: 0.625em;
    line-height: 1.5;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.border{
	border: 4px solid;
}

.border-thin {
	border: 1px solid;
}

.full-bleed{
	position: relative;
}

.full-bleed figcaption {
	padding-left: 1.2em;
}

img#wpstats{
	position:absolute;
	top:0;
	width:0px;
	height:0px;
	overflow:hidden
}

/* VIDEO / EMBEDS */

iframe {
	max-width: 100%;
}

.embed-container,
.embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed,
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* LINKS */

a{
	text-decoration: none;
	color: #111;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

a:hover, a:focus, a:active{
	color: #13682E;
}

.skip-link {
	position: absolute;
	z-index: 99999;
	top: 0;
	right: 0;
	margin: 0 auto;
	padding: .5em 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #111;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.skip-link:focus {
	height: auto;
	width: auto;
	clip: auto;
	line-height: 1.25;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.button-link{
	display: inline-block;
	padding: 0.8em;
	line-height: 1;
	border: 2px solid;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.button-link:hover,
.button-link:focus,
.inverse a.button-link:hover,
.inverse a.button-link:focus {
	background: #13682E;
	color: #fff;
	border-color: #13682E;
}

.page-template-home-template-new-two .button-link:hover,
.page-template-home-template-new-two .button-link:focus,
.page-template-home-template-new .button-link:hover,
.page-template-home-template-new .button-link:focus {
	background: #111;
	color: #f5f5f5;
	border-color: #111;
}

.page-template-home-template-new-two .black-background a.button-link:hover,
.page-template-home-template-new-two .black-background a.button-link:focus,
.page-template-home-template-new .black-background a.button-link:hover,
.page-template-home-template-new .black-background a.button-link:focus {
	background: #f5f5f5;
	color: #111;
	border-color: #f5f5f5;
}

* + .button-link{
	margin-top: 1.8em;
}

button{
	-webkit-appearance: none;
	padding: 0;
	border: 0;
	background: none;
}

button:focus,
button:active{
	outline: none;
}

/* FORMS */

#search{
	display: none;
	position: fixed;
	top: .75em;
    left: .75em;
    right: .75em;
	z-index: 1000;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 0;
}

select {
	width: 100%;
}

input[type="search"],
[role="search"] input[type="text"]{
	width: 100%;
	padding: 0;
	font-size: 1.3125em;
	line-height: 1.5;
	text-transform: uppercase;
	border: 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
    background: none;
    color: #f5f5f5;
	-webkit-appearance: none;
}

.page-template-home-template-new-two input[type="search"],
.page-template-home-template-new-two [role="search"] input[type="text"],
.page-template-home-template-new input[type="search"],
.page-template-home-template-new [role="search"] input[type="text"] {
	padding: 0 .25em;
    color: #111;
	border: 2px solid #111;
}

input[type="search"]:focus,
[role="search"] input[type="text"]{
	outline: 0;
}

input[type="search"]::-webkit-input-placeholder,
[role="search"] input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #f5f5f5;
}

input[type="search"]::-moz-placeholder,
[role="search"] input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	color: #f5f5f5;
}

input[type="search"]:-ms-input-placeholder, /* IE 10+ */
[role="search"] input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	color: #f5f5f5;
}

input[type="search"]:-moz-placeholder, /* Firefox 18- */
[role="search"] input[type="text"]:-moz-placeholder { /* Firefox 18- */
	color: #f5f5f5;
}

.page-template-home-template-new-two input[type="search"]::-webkit-input-placeholder,
.page-template-home-template-new-two [role="search"] input[type="text"]::-webkit-input-placeholder, /* Chrome/Opera/Safari */
.page-template-home-template-new input[type="search"]::-webkit-input-placeholder,
.page-template-home-template-new [role="search"] input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999;
}

.page-template-home-template-new-two input[type="search"]::-moz-placeholder,
.page-template-home-template-new-two [role="search"] input[type="text"]::-moz-placeholder, /* Firefox 19+ */
.page-template-home-template-new input[type="search"]::-moz-placeholder,
.page-template-home-template-new [role="search"] input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	color: #999;
}

.page-template-home-template-new-two input[type="search"]:-ms-input-placeholder, /* IE 10+ */
.page-template-home-template-new-two [role="search"] input[type="text"]:-ms-input-placeholder, /* IE 10+ */
.page-template-home-template-new input[type="search"]:-ms-input-placeholder, /* IE 10+ */
.page-template-home-template-new [role="search"] input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	color: #999;
}

.page-template-home-template-new-two input[type="search"]:-moz-placeholder, /* Firefox 18- */
.page-template-home-template-new-two [role="search"] input[type="text"]:-moz-placeholder, /* Firefox 18- */
.page-template-home-template-new input[type="search"]:-moz-placeholder, /* Firefox 18- */
.page-template-home-template-new [role="search"] input[type="text"]:-moz-placeholder { /* Firefox 18- */
	color: #999;
}

input[type="search"]:focus::-webkit-input-placeholder, /* Chrome/Opera/Safari */
[role="search"] input[type="text"]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #111;
}

input[type="search"]:focus::-moz-placeholder, /* Firefox 19+ */
[role="search"] input[type="text"]:focus::-moz-placeholder { /* Firefox 19+ */
	color: #111;
}

input[type="search"]:focus:-ms-input-placeholder, /* IE 10+ */
[role="search"] input[type="text"]:focus:-ms-input-placeholder { /* IE 10+ */
	color: #111;
}

input[type="search"]:focus:-moz-placeholder, /* Firefox 18- */
[role="search"] input[type="text"]:focus:-moz-placeholder { /* Firefox 18- */
	color: #111;
}

[role="search"] input[type="submit"]{
	-webkit-align-self: stretch;
	align-self: stretch;
	padding: 0 0.5em;
	font-size: 1.3125em;
	background-color: #111;
	border: 0;
	border-radius: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	-webkit-appearance: none;
	border-radius: 0;
}

.page-template-home-template-new-two [role="search"] input[type="submit"],
.page-template-home-template-new [role="search"] input[type="submit"]{
	background-color: transparent;
	color: #111;
}

[role="search"] input[type="submit"]:hover,
[role="search"] input[type="submit"]:focus{
	background-color: #f5f5f5;
	color: #111;
}

.page-template-home-template-new-two [role="search"] input[type="submit"]:hover,
.page-template-home-template-new-two [role="search"] input[type="submit"]:focus,
.page-template-home-template-new [role="search"] input[type="submit"]:hover,
.page-template-home-template-new [role="search"] input[type="submit"]:focus{
	background-color: #111;
	color: #f5f5f5;
}

[role="search"] button {
	-webkit-align-self: stretch;
	align-self: stretch;
	padding: 0 0.5em;
	font-size: 1.3125em;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.dropdown{
	position: relative;
	font-size: 0.75em;
	line-height: 2.25;
	text-align: center;
	border: 1px solid;
}

.dropdown select{
	width: 100%;
	padding: 0 0.5625em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	cursor: pointer;
}

.dropdown:after{
	content: "\e903";
	position: absolute;
	top: 50%;
	right: 0.5625em;
	transform: translate(0, -50%);
	pointer-events: none;
}

form{
	text-align: left;
}

fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

label{
	display: block;
	margin-bottom: 0.25em;
}

form * + *{
	margin-top: 0;
}

input[type="text"],
input[type="email"],
textarea{
	width: 100%;
	color: #111;
}

input[type="file"]{
	font-size: 0.875em;
}

textarea{
	height: 12em;
}

input[type="submit"]{
	padding: 0.78571428571429em 2.57142857142857em;
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border: 4px solid;
	background: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active{
	color: #13682E;
}

.mc4wp-alert{
	padding: 1.125em 2.25em;
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #13682E;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/*====================================
  +++ GLOBAL TYPOGRAPHY +++
  ====================================*/

b, strong{
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

i, em{
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
label,
.question,
legend{
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
.question,
legend{
	margin-bottom: 0;
}

h1,
h2,
.grid h3,
article h3,
legend{
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.questions h2 {
	text-transform: none;
	letter-spacing: normal;
}

h1{
	margin-right: auto;
    line-height: 1.125;
}

.page-template-home-template-new-two h1 {
	line-height: 0;
}

h2,
legend{
	padding-bottom: 0.375em;
}

h2,
.grid h3,
article h3,
legend{
	line-height: 1.25;
}

.article-header h2{
	margin-top: 0;
	font-size: 2em;
	text-transform: none;
	letter-spacing: 0;
}

/* .secondary h2 {
	font-size: 2em;
} */

h2 + article {
	margin-top: 2.25em;
}

.single img + h2 {
	margin-top: .75rem;
}

h3,
h4,
h5,
.question{
	text-align: left;
}

h3,
.questions h2,
.page-template-magazine .text-columns h4,
.single-issue .text-columns h4 {
	font-size: 1.125em;
	line-height: 1.25;
}

.masonry-columns h2,
.grid h3{
	margin-top: .5em;
	font-size: .5em;
	letter-spacing: 0.05em;
}

h1 span,
h2 span,
h3 span{
	display: block;
	margin-top: 0;
	/* font-family: 'alte_haas_groteskregular', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	text-transform: none;
	letter-spacing: 0;
}

article h3{
	margin-top: 0;
	margin-bottom: .5em;
	text-align: center;
}

.page-template-home-template-new-two article h3 {
	text-align: left;
}

#previous-issue h3 {
	font-size: 2em;
}

.article-title {
	text-transform: none;
	letter-spacing: 0;
}

figure + .article-title,
img + .article-title {
	margin-top: 1.5rem;
}

label,
.question{
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

p,
.column-central li,
label,
.question{
	font-size: 0.75em;
}

p{
	margin-top: 0;
}

p:first-of-type,
.article-header p{
	font-size: 0.875em;
}

h3 + p:first-of-type,
h4 + p:first-of-type,
.blog article p:first-of-type{
	font-size: 0.75em;
}

h3 + p,
.questions h2 + p,
h3 + p:first-of-type,
.questions h2 + p:first-of-type,
h4 + p,
h4 + p:first-of-type{
	margin-top: 0.16666666666667em;
}

.text-columns * + h3,
.page-template-magazine .text-columns * + h4,
.single-issue .text-columns * + h4 {
	margin-top: 3em;
	padding-top: 1em;
	border-top: 4px solid;
}

.page-template-magazine .text-columns h5,
.single-issue .text-columns h5,
.text-columns h4 {
	margin-top: 3em;
}

.page-template-magazine .text-columns h4:first-of-type {
	margin-top: 0;
}

.text-columns ol + h4,
.page-template-magazine .text-columns ol + h5,
.single-issue .text-columns ol + h5 {
	position: relative;
	padding-top: 1em;
}

.text-columns ol + h4::before,
.single-issue .text-columns ol + h5::before,
.page-template-magazine .text-columns ol + h5::before {
	content: '';
	position: absolute;
	top: 0;
	width: 50%;
	border-top: 2px solid;
}

.page-template-magazine .text-columns ol + h4::before,
.single-issue .text-columns ol + h4::before {
	border: 0;
}

.answer,
.answer:first-of-type{
	margin-top: 0;
	font-size: 1em;
}

.grid p,
.grid p:first-of-type,
.secondary p,
.secondary p:first-of-type,
.masonry-columns p,
.masonry-columns p:first-of-type{
	font-size: 0.875em;
}

p, li{
	text-align: left;
}

.article-header p{
	text-align: center;
}

* + p,
.column-central ul{
	margin-top: 1.5em;
}

.column-central li + li{
	margin-top: .75rem;
}

*:not(h3) + p:first-of-type{
	margin-top: 1.28571428571429em;
}

.powerpress_links,
.powerpress_links:first-of-type,
.home .column-4 p.powerpress_links:first-of-type{
	font-size: 0.625em;
}

p a{
	border-bottom: 1px solid;
}

.small-print,
.small-print:first-of-type{
	margin: 0;
	font-size: 0.625em;
	text-align: center;
}

footer[role="contentinfo"] li a{
	padding: 0;
}

.footnote{
	font-size: 0.75em;
	font-style: italic;
}

/* ICONS */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?z67h3');
  src:  url('fonts/icomoon.eot?z67h3#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?z67h3') format('truetype'),
    url('fonts/icomoon.woff?z67h3') format('woff'),
    url('fonts/icomoon.svg?z67h3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
#search-submit,
.dropdown:after{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/*====================================
  +++ GLOBAL LAYOUT +++
  ====================================*/

/* MAIN HEADER + MENU */

header[role="banner"]{
	margin-top: 0;
	padding-bottom: .75em;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}

.page-template-home-template-new-two header[role="banner"],
.page-template-home-template-new header[role="banner"] {
	padding-bottom: 0;
	background-color: #111;
}

.page-template-home-template-new-two header[role="banner"] a,
.page-template-home-template-new header[role="banner"] a {
	color: #f5f5f5;
}

.main-logo{
	line-height: 0;
	text-align: left;
}

nav{
	margin: 0;
}

header[role="banner"] nav[role="navigation"]{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
    z-index: 1000;
	display: -webkit-flex;
	display: flex;
	background: #111;
}

header[role="banner"] nav[role="navigation"] > ul{
	width: 75%;
}

header[role="banner"] nav[role="navigation"] > ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

header[role="banner"] nav[role="navigation"] > ul > li{
	width: 33.3333%;
	font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

header[role="banner"] nav[role="navigation"] > ul > li:nth-child(n+4){
	display: none;
}

header[role="banner"] nav a{
	display: block;
    height: 100%;
	padding: 1.125em 0.75em;
	color: #fcfcfc;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
}

header[role="banner"] nav[role="navigation"] > ul > li a:hover,
header[role="banner"] nav[role="navigation"] > ul > li a:focus{
	background: #13682E;
	color: #fcfcfc;
}

nav a,
.social-media-links a{
	display: block;
}

.social-media-links a{
	padding: 0.25em .5em;
}

nav .current-menu-item a,
nav .current-menu-parent a{
	color: #13682E;
}



/* RESPONSIVE MENU */

#menu-icon {
	z-index: 10000;
	width: 25%;
    color: #fff;
    background: #111;
	border-radius: 0;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
}

#menu-icon:hover{
	background: #13682E;
}

#menu-icon:focus{
	outline: none;
}

#menu-icon:after{
	font-family: 'icomoon';
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	speak: none;
	line-height: 1;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

.btn-open:after {
	content: "\e120";
}

.btn-close:after {
	content: "\e117";
}

#overlay {
	display:none;
	position:fixed;
	top:0;
	left: 0;
	height:100%;
	width:100%;
	overflow:auto;
	z-index:998;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	background: #111;
	color: #fff;
}

#overlay a{
	color: #fff;
}

#overlay nav[role="navigation"]{
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin: 0 .75em;
}

#menu-main-menu-1{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#overlay nav[role="navigation"] li{
	width: 50%;
	font-size: 1.3125em;
}



/* PAGE ELEMENTS */

.wrapper{
	margin-top: 0;
}

.page-template-home-template-new-two .wrapper {
	max-width: 90rem;
	margin-left: auto;
	margin-right: auto;
}

main {
	margin-top: 0;
}

main header{
	margin: 0 -0.75em 2.25em;
	padding: 2.25em 0.75em 1.125em;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #111;
	color: #f5f5f5;
}

.page-template-home-template-new-two main header,
.page-template-home-template-new main header{
	margin: 0 -0.75em;
	padding-top: 0;
	padding-bottom: .75em;
	background-color: #fff;
	color: #111;
}

.section-header{
	padding: 1.125em;
	background: #111;
	color: #f5f5f5;
}

article + article,
.page-template-new-blood article section,
.page-template-new-blood article section + section,
.single-new_blood article section,
.single-new_blood article section + section{
	margin-top: 2.25em;
	padding-top: 1.6875em;
}

.page-template-new-blood article section,
.page-template-new-blood article section + section,
.single-new_blood article section,
.single-new_blood article section + section{
	border-top: 4px solid;
}

article + article {
	position: relative;
}

article + article:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 4px solid;
}

article section{
	padding-top: 1.125em;
}

article section:first-of-type{
	padding-top: 0;
}

section + section{
	margin-top: 2.25em;
}

main footer {
	margin-top: 6em;
	/* padding-top: 1.5em; */
	border-top: 2px solid;
}

.pagination {
	display: -webkit-flex;
	display: flex;
	/* -webkit-justify-content: space-between;
	justify-content: space-between; */
}

.pagination a {
	padding: 1.5em;
    font-family: 'alte_haas_groteskbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.next {
	margin-right: auto;
}

.next a {
	padding-left: 0;
}

.previous {
	margin-left: auto;
}

.previous a {
	padding-right: 0;
}

footer[role="contentinfo"]{
	margin: 0 -.75em 0;
	padding: 2.25em .75em 1.125em;
}

footer[role="contentinfo"] .columns {
	text-align: left;
}

footer[role="contentinfo"] * + .columns{
	margin-top: 0;
}

footer[role="contentinfo"] * + ul{
	margin-top: 0.75em;
}

.error404 footer[role="contentinfo"],
.search footer[role="contentinfo"],
.category footer[role="contentinfo"],
.tax-dj footer[role="contentinfo"],
.page-template-home-template-new-two footer[role="contentinfo"],
.page-template-about footer[role="contentinfo"],
.page-template-faq footer[role="contentinfo"],
.page-template-default footer[role="contentinfo"],
.single-new_blood footer[role="contentinfo"],
.post-type-archive-radio_show footer[role="contentinfo"],
.single-radio_show footer[role="contentinfo"],
.post-type-archive-issue footer[role="contentinfo"],
.single-issue footer[role="contentinfo"],
.tax-issues footer[role="contentinfo"],
.tax-label footer[role="contentinfo"],
.post-type-archive-review footer[role="contentinfo"],
.single-review footer[role="contentinfo"],
.single-book_review footer[role="contentinfo"],
.single-zine_review footer[role="contentinfo"],
.single-column footer[role="contentinfo"],
.single-band footer[role="contentinfo"],
.single-article footer[role="contentinfo"],
.single-letter footer[role="contentinfo"],
.page-id-27532 footer[role="contentinfo"],
.page-template-magazine footer[role="contentinfo"],
.page-template-radio footer[role="contentinfo"],
.page-template-reviews footer[role="contentinfo"],
.page-template-reviews-single-column footer[role="contentinfo"],
.page-template-reviews-two-column footer[role="contentinfo"],
.page-template-new-blood footer[role="contentinfo"],
.page-template-contact footer[role="contentinfo"],
.page-template-distribute footer[role="contentinfo"],
.page-template-get-involved footer[role="contentinfo"]{
	margin-top: 2.25em;
	background: #111;
	color: #f5f5f5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* .page-template-home-template-new footer[role="contentinfo"] {
	margin-top: 0;
} */

.error404 footer[role="contentinfo"] a,
.search footer[role="contentinfo"] a,
.category footer[role="contentinfo"] a,
.tax-dj footer[role="contentinfo"] a,
.page-template-home-template-new-two footer[role="contentinfo"] a,
.page-template-about footer[role="contentinfo"] a,
.page-template-faq footer[role="contentinfo"] a,
.page-template-default footer[role="contentinfo"] a,
.single-new_blood footer[role="contentinfo"] a,
.post-type-archive-radio_show footer[role="contentinfo"] a,
.single-radio_show footer[role="contentinfo"] a,
.post-type-archive-issue footer[role="contentinfo"] a,
.single-issue footer[role="contentinfo"] a,
.tax-issues footer[role="contentinfo"] a,
.tax-label footer[role="contentinfo"] a,
.post-type-archive-review footer[role="contentinfo"] a,
.single-review footer[role="contentinfo"] a,
.single-book_review footer[role="contentinfo"] a,
.single-zine_review footer[role="contentinfo"] a,
.single-column footer[role="contentinfo"] a,
.single-band footer[role="contentinfo"] a,
.single-article footer[role="contentinfo"] a,
.single-letter footer[role="contentinfo"] a,
.page-id-27532 footer[role="contentinfo"] a,
.page-template-magazine footer[role="contentinfo"] a,
.page-template-radio footer[role="contentinfo"] a,
.page-template-reviews footer[role="contentinfo"] a,
.page-template-reviews-single-column footer[role="contentinfo"] a,
.page-template-reviews-two-column footer[role="contentinfo"] a,
.page-template-new-blood footer[role="contentinfo"] a,
.page-template-contact footer[role="contentinfo"] a,
.page-template-distribute footer[role="contentinfo"] a,
.page-template-get-involved footer[role="contentinfo"] a {
	color: #f5f5f5;
}

footer[role="contentinfo"] h2{
	margin-bottom: 1.125em;
	padding-bottom: 0;
	font-size: 1em;
}

footer[role="contentinfo"] li,
footer[role="contentinfo"] address{
	font-size: 0.75em;
}

#footer-bottom{
	margin-top: 2.25em;
}

#footer-bottom * + *{
	margin-top: 0;
}



/*====================================
  +++ PAGE SPECIFIC +++
  ====================================*/

/* HOME */

#featured-things{
	margin-top: 1.125em;
}

/* .home .column-8{
	padding-right: 0;
} */

/* .home .column-4 p{
	-webkit-flex-grow: 1;
	flex-grow: 1;
} */

/* .home .column-4 p,
.home .column-4 p:first-of-type, */
.content-list{
	font-size: 0.75em;
}

/* .home .column-4 p.summary:first-of-type {
	font-size: 0.875em;
}

.home section h2,
.home section h3,
.home section figure{
	margin: 0;
} */

.flex-vertical h2{
	padding: 0;
}

/* .home section h3{
	margin-top: 0.75em;
	font-size: 1.125em;
	line-height: 1.25;
}

.home section.inverse h3{
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.home section figure.full-bleed{
	margin-top: -2.25em;
	margin-left: -0.75em;
	margin-right: -0.75em;
} */



/* NEW BLOOD */

.questions > *{
	margin-top: 1.125em;
}



/* CONTACT */

.page-template-contact main h3 + *{
	margin-top: 0;
}

.page-template-contact main * + h3,
.page-template-contact main li + li{
	margin-top: 1.125em;
}

.page-template-contact main .flex li + li{
	margin-top: 0;
}

#social-media li{
	margin-top: 0;
}


/* REVIEWS */

.review * {
	text-align: left;
}

.review img {
	width: 100%;
}

.review figcaption {
	margin-top: 1.5em;
}

.review-title {
	font-size: 1.125em;
}


/* SINGLE "ARCHIVE" PAGES */

.single-band section + section {
	position: relative;
	margin-top: 6.75rem;
	padding-top: 3.375rem;
}

.single-band section + section:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: 4px solid;
}



/*  ============================================================
 	UTILITY
    ============================================================  */

	/*  DISPLAY
	------------------------------  */

	.block {
		display: block;
	}


	/*  POSITIONING
	------------------------------  */

	.full-bleed-horizontal {
		margin-left: -.75rem;
		margin-right: -.75rem;
	}

	@media screen and (min-width: 37.5em) { /* 600px */

		.full-bleed-horizontal {
			margin-left: -.875rem;
			margin-right: -.875rem;
		}

	}

	@media screen and (min-width: 56.25em) { /* 900px */

		.full-bleed-horizontal {
			margin-left: -1.3125rem;
			margin-right: -1.3125rem;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px */

		.full-bleed-horizontal {
			margin-left: -1.5rem;
			margin-right: -1.5rem;
		}

	}

	@media screen and (min-width: 90em) { /* 1440px */

		.full-bleed-horizontal {
			margin-left: -1.6875rem;
			margin-right: -1.6875rem;
		}

	}


	/*  SPACING
	------------------------------  */

	/* Vertical Rhythm */

	.stack-none > * + * {
		margin-top: 0 !important;
	}

	.stack-x-small > * + * {
		margin-top: .375rem;
	}

	.stack-small > * + * {
		margin-top: .75rem;
	}

	.stack-medium > * + * {
		margin-top: 1.5rem !important;
	}

	.stack-large > * + * {
		margin-top: 3rem;
	}

	.stack-x-large > * + * {
		margin-top: 6rem;
	}

	.margin-top-x-small {
		margin-top: .375em !important;
	}


	/*  COLORS
	------------------------------  */

	/* Background */

	.light-grey-background {
		background-color: #ccc;
	}

	.black-background {
		background-color: #111;
	}

	.black-background * {
		color: #fff;
	}

	section[class*="-background"] {
		margin-left: -.75em;
		margin-right: -.75em;
		padding: 2.25em .75em;
	}

	section[class*="-background"] + section[class*="-background"]  {
		margin-top: 0;
	}

	@media screen and (min-width: 37.5em) { /* 600px */

		section[class*="-background"] {
			margin-left: -.875em;
			margin-right: -.875em;
			padding: 2.25em .875em;
		}

	}

	@media screen and (min-width: 56.25em) { /* 900px */

		section[class*="-background"] {
			margin-left: -1.3125em;
			margin-right: -1.3125em;
			padding: 2.25em 1.3125em;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px */

		section[class*="-background"] {
			margin-left: -1.5em;
			margin-right: -1.5em;
			padding: 3em 1.5em;
		}

	}

	@media screen and (min-width: 90em) { /* 1440px */

		section[class*="-background"] {
			margin-left: -1.6875em;
			margin-right: -1.6875em;
			padding: 3.75em;
		}

	}


	/*  TYPOGRAPHY
	------------------------------  */

	/* Case */

	.uppercase {
		text-transform: uppercase;
	    letter-spacing: 0.05em;
	}

	/* Alignment */

	.text-align-left {
		text-align: left !important;
	}



/*  ============================================================
 	COMPONENTS
    ============================================================  */

	/*  NEW GRID
	------------------------------  */

	.grid-small {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -.75em;
	}

	.grid-small > * {
		width: 50%;
		padding: .75em;
	}

	.grid-small h3,
	.masonry-columns h3 {
		margin-bottom: 0;
		font-size: 1em;
		text-align: left;
	}

	.grid-small .meta-key,
	.grid-small .meta-value,
	.masonry-columns .meta-key,
	.masonry-columns .meta-value {
		font-size: .75em;
	}


	/*  MASONRY TEXT COLUMNS
	------------------------------  */

	.masonry-columns {
		columns: 2 250px;
		-webkit-column-gap: 2.25em;
		-moz-column-gap: 2.25em;
		column-gap: 2.25em;
		-webkit-column-rule: 2px solid #ddd;
		-moz-column-rule: 2px solid #111;
		column-rule: 2px solid #111;
	}

	.masonry-columns > * {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.masonry-columns > * + * {
		margin-top: 3em;
	}


	/*  GALLERY
	------------------------------  */

	.gallery {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.gallery > * {
		width: 50%;
	}

	.gallery > * + * {
		margin-top: 0;
	}

	@media screen and (min-width: 37.5em) { /* 600px */

		.gallery > * {
			width: 33.3333%;
		}

	}

	@media screen and (min-width: 56.25em) { /* 900px */

		.gallery > * {
			width: 25%;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px */

		.gallery > * {
			width: 16.6666666%;
		}

	}


	/*  INLINE LIST
	------------------------------  */

	.inline-list > * {
		display: inline-block;
		font-size: .844rem;
	}

	.inline-list > *:before {
		content: '\002F';
	}



/*  ============================================================
 	NEW HOME
    ============================================================  */

	/*  MAIN FEATURED
	------------------------------  */

	#featured-content {
		margin-top: 0;
	}

	#featured-content ul > * + *,
	#secondary-featured-content > * + * {
		margin-top: 3em;
	}

	#featured-content ul > :first-child {
		margin-bottom: 3em;
	}

	#featured-content ul > :first-child + * {
		margin-top: 0;
	}
	#featured-content h2,
	#secondary-featured-content h3 {
		padding-bottom: 0;
		font-size: 1.5em;
	}

	@media screen and (min-width: 56.25em) { /* 900px */

		#featured-content ul > * + *,
		#secondary-featured-content > :nth-of-type(1),
		#secondary-featured-content > :nth-of-type(2) {
			margin-top: 0;
		}


	}

	@media screen and (min-width: 75em) { /* 1200px */

		#secondary-featured-content > :nth-of-type(3),
		#secondary-featured-content > :nth-of-type(4) {
			margin-top: 0;
		}

	}
