/*
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
*/

/*@import url("https://hello.myfonts.net/count/32020e");*/

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

/* FONTS */

@font-face {
	font-family: 'Stratford-Rom';
	src: url('/wp-content/themes/frontwards/fonts/32020E_2_0.eot');
	src: url('/wp-content/themes/frontwards/fonts/32020E_2_0.eot#iefix') format('embedded-opentype'),
	url('/wp-content/themes/frontwards/fonts/32020E_2_0.woff') format('woff2'),
	url('/wp-content/themes/frontwards/fonts/32020E_2_0.woff') format('woff'),
	url('/wp-content/themes/frontwards/fonts/32020E_2_0.ttf') format('truetype'),
	url('/wp-content/themes/frontwards/fonts/32020E_2_0.svg') format('svg');
}

@font-face {
	font-family: 'Stratford-Ita';
	src: url('/wp-content/themes/frontwards/fonts/32020E_1_0.eot');
	src: url('/wp-content/themes/frontwards/fonts/32020E_1_0.eot#iefix') format('embedded-opentype'),
	url('/wp-content/themes/frontwards/fonts/32020E_1_0.woff') format('woff2'),
	url('/wp-content/themes/frontwards/fonts/32020E_1_0.woff') format('woff'),
	url('/wp-content/themes/frontwards/fonts/32020E_1_0.ttf') format('truetype'),
	url('/wp-content/themes/frontwards/fonts/32020E_1_0.svg') format('svg');
}

@font-face {
	font-family: 'Stratford-Bol';
	src: url('/wp-content/themes/frontwards/fonts/32020E_0_0.eot');
	src: url('/wp-content/themes/frontwards/fonts/32020E_0_0.eot#iefix') format('embedded-opentype'),
	url('/wp-content/themes/frontwards/fonts/32020E_0_0.woff') format('woff2'),
	url('/wp-content/themes/frontwards/fonts/32020E_0_0.woff') format('woff'),
	url('/wp-content/themes/frontwards/fonts/32020E_0_0.ttf') format('truetype'),
	url('/wp-content/themes/frontwards/fonts/32020E_0_0.svg') format('svg');
}

@font-face {
	font-family: 'Stratford-ExtBol';
	src: url('/wp-content/themes/frontwards/fonts/32020E_3_0.eot');
	src: url('/wp-content/themes/frontwards/fonts/32020E_3_0.eot#iefix') format('embedded-opentype'),
	url('/wp-content/themes/frontwards/fonts/32020E_3_0.woff') format('woff2'),
	url('/wp-content/themes/frontwards/fonts/32020E_3_0.woff') format('woff'),
	url('/wp-content/themes/frontwards/fonts/32020E_3_0.ttf') format('truetype'),
	url('/wp-content/themes/frontwards/fonts/32020E_3_0.svg') format('svg');
}

@font-face {
	font-family: 'jaapokki';
	src:url('/wp-content/themes/frontwards/fonts/jaapokki-regular_j2f6o0.eot');
	src:url('/wp-content/themes/frontwards/fonts/jaapokki-regular_j2f6o0.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/frontwards/fonts/jaapokki-regular_j2f6o0.ttf') format('truetype'),
		url('/wp-content/themes/frontwards/fonts/jaapokki-regular_j2f6o0.woff') format('woff'),
		url('/wp-content/themes/frontwards/fonts/jaapokki-regular_j2f6o0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

/* ELEMENTS */

html{
	height: 100%;
}

body {
	position: relative;
	padding: 0 0.875em 1.3125em;
	font-family: 'Stratford-Rom', Garamond, Georgia, serif;
	font-size: 100%;
	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";
	background-color: #fff;
	color: #111;
}

.home{
	position: relative;
	color: #333;
	background-color: #111;
	background-position: top left;
	-webkit-background-size: 100%;
	background-size: 100%;
}

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

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

* + * {
	margin-top: 1.3125em;
}

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

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

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

.flex > *,
.flex-wrapper > *{
	margin-top: 0;
}

.flex-wrapper {
	display: -webkit-flex;
    display: flex;
	/*-webkit-flex: 1;
	flex: 1;*/
}

.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -1.3125em -0.875em;
}

.page-template-press .grid{
	-webkit-align-items: baseline;
	align-items: baseline;
}

.grid > * {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	padding: 1.3125em 0.875em;
}

.grid *,
.text-columns *{
	margin-top: 0;
}

.text-columns{
	-webkit-columns: 4 300px;
	-moz-columns: 4 300px;
	columns: 4 300px;
	-webkit-column-gap: 2.625em;
	-moz-column-gap: 2.625em;
	column-gap: 2.625em;
	margin-top: 2.625em;
}

.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;
}

.text-columns li + li{
	margin-top: 1.3125em;
}

figure{
	line-height: 0;
}

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

.caption{
	font-size: 0.75em;
	color: #888;
}

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

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

#menu-main-menu > *,
.meta > *,
main header .icon-shopping-basket{
	margin: 0;
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	line-height: 1.75;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.meta > *,
main header .icon-shopping-basket{
	font-size: 0.75em;
}

/*.meta > * + *{
	position: relative;
	margin-left: 1em;
	padding-left: 1em;
}

.meta > * + *:before{
	content: '//';
	position: absolute;
	left: -.5em;
}*/

/* VIDEO */

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

.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: #333;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

a:hover, a:focus, a:active{
	color: #989898;
}

/* MAIN HEADER + MENU */

header[role="banner"]{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 -0.875em;
	padding: 1.3125em 0.875em 0.875em;
	background: #111;
	align-items: center;
}

header[role="banner"] > * + *{
	margin-top: 0.875em;
}

header[role="banner"] a{
	color: #eee;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header[role="banner"] a:hover,
header[role="banner"] a:focus{
	color: #fcc302;
}

header[role="banner"] > .main-logo{
	line-height: 0;
	margin-top: 0;
}

/*.home header[role="banner"]{
	background: transparent;
}*/

.flex-wrapper{
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

nav[role="navigation"]{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

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

#menu-main-menu > * + *,
.social-media-links > * + *{
	margin-left: 0.875em;
}

#menu-main-menu > *{
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.current-menu-item a{

}

.social-media-links{
	display: -webkit-flex;
	display: flex;
}

#menu-main-menu > *{
	font-size: 0.625em;
}

.social-media-links > *{
	font-size: 0.75em;
}



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

main header{
	position: relative;
	margin: 0 0 1.6875em;
}

.wrapper{
	max-width: 84.375em;
	margin: 0 auto;
	text-align: left;
}

.single .wrapper{
	max-width: 50em;
}


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

h1, h2, h3, h4{
	margin: 0;
	font-family: 'Stratford-Bol';
	font-weight: normal;
}

h1{

}

h2{
	font-size: 2.625em;
	line-height: 1.125;
}

h2 span{
	display: block;
	font-family: 'Stratford-Rom', Garamond, Georgia, serif;
}

/*.subtitle{
	display: block;
	font-size: 0.5em;
}*/

h3{
	margin: 3em 0 1em;
	font-size: 1.3125em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.grid h3, .grid h4,
.text-columns h4{
	margin: 0;
	font-size: 1.125em;
	text-transform: none;
	letter-spacing: 0;
}

.page-template-contributors h3,
.page-template-stockists h3 {
	color: #f00f36;
}

p{
	font-size: 0.875em;
}

article p{
	margin-top: 3em;
}

p + p,
article p + p{
	margin-top: 1.5em;
}

p em,
p i{
	font-family: 'Stratford-Ita';
}

p strong,
p b{
	font-family: 'Stratford-Bol';
}


p a{

}

.single-video article p{
	margin-top: 1.6875em;
	text-align: center;
	font-family: 'Stratford-Bol';
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.small-print{
	font-size: 0.75em;
}

/* ICONS */

[class^="icon-"]:before, [class*=" icon-"]:before {
	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;
}

.grid [class^="icon-"]:before,
.grid [class*=" icon-"]:before{
	font-size: 0.875rem;
}

.icon-twitter:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e90e";
}
.icon-instagram:before {
  content: "\e905";
}

.icon-chevron-thin-right:before {
  content: "\e902";
}
.icon-chevron-thin-left:before {
  content: "\e903";
}

.icon-shopping-basket:before {
  content: "\e901";
}

.icon-basket:before {
  content: "\e904";
}



/*====================================
  +++ GLOBAL PAGE CONTENT +++
  ====================================*/

main{
	margin-top: 3.9375em;
}

footer[role="contentinfo"]{
	margin-top: 5.25em;
}

/* .home footer{
	display: none;
} */

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

/* CONTACT */

.staff-member{
	margin: 0 0 2.0625em 0;
}

.staff-name{
	font-size: 1.266em;
}

.staff-role,
.staff-email{
	display: block;
}

.staff-role{
	font-size: 0.79em;
	line-height: 2.13607594936709;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.staff-email{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.social-media{
	position: absolute;
	bottom: 1.6875em;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-justify-content: center;
	justify-content: center;
}

.social-media li{
	margin: 0 0.5em;
	/*font-size: 1em;*/
}

.social-media a{
	color: #f7eadf;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

.social-media a:hover,
.social-media a:focus{
	color: #bbe5f6;
}

/*.role{
	font-size: 1.125em;
}*/



/*====================================
  +++ SLICK OVERRIDES +++
  ====================================*/

  /*.slideshow,
  .slider-nav{
	  padding: 1.6875em;
	  text-align: center;
	  background: #111;
  }*/

  /*.slideshow{
	  margin-top: 6.75em;
  }*/

  .slider-nav{
	  margin-top: 1.3125em;
	  padding-top: 0;
  }

  .slide{
	  cursor: move;
	  cursor: -webkit-grab;
	  cursor: grab;
	  font-size: 0;
	  text-align: center;
  }

  .slick-slide:focus{
	  outline: 0;
  }

  .slider-nav .slide{
	  text-align: left;
  }

  .slick-slide img{
	  display: inline-block;
  }

  .slick-slide:focus,
  .slick-nav:focus{
	  outline: 0;
  }

  .slick-nav{
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  height: auto;
	  z-index: 998;
	  padding: 0.9375em;
	  background-color: transparent;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
  }

  .slick-prev{
	  left: -3.375em;
	  text-align: left;
  }

  .slick-next{
	  right: -3.375em;
	  text-align: right;
  }

  .slick-nav:hover{
	  color: #989898;
  }

  .slick-nav:before{
	  font-size: 1.5em;
	  /*    color: #fff;*/
  }

	.slider-nav .slide{
  	  cursor: pointer;
  	  font-size: 0;
  	  text-align: center;
    }

	.slider-nav img{
		margin-right: 0.375em;
	}

  .slider-nav .slick-arrow{
	  display: none !important;
  }



/*====================================
  +++ WOO COMMERCE OVERRIDES +++
  ====================================*/

main header .icon-shopping-basket{
	position: absolute;
	bottom: 0;
	right: 0;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
	/*padding: 1em 0 1em 2em !important;*/
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 1.125em;
	color: #111;
}

/*.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before{
	left: 0;
}*/

/*button.single_add_to_cart_button.button.alt{
	flex-grow: 1;
}*/

button.single_add_to_cart_button.button.alt,
.single-product .cart .button{
	margin-right: 2.625em;
}

.single-product .cart .icon-shopping-basket{
	margin-top: 1.75em;
	-webkit-align-self: center;
	align-self: center;
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.shop-sub-title{
	font-family: 'Stratford-Rom', Garamond, Georgia, serif;
}

.input-text.qty{
	height: 100%;
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 1em;
	/*line-height: 1.6875;*/
    border: 1px solid #111;
}

.woocommerce button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt,
.woocommerce button.button.alt{
	/*text-transform: uppercase;
    letter-spacing: 0.05em;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background-color: #111;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:focus{
	background-color: #989898;
}

.woocommerce button.button{
	border-radius: 0;
}

.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus{
	background-color: #989898;
	color: #fff;
}

.woocommerce a.button{
	display: block;
	padding: 0;
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background-color: transparent;
	color: #111;
}

.woocommerce a.button:hover,
.woocommerce a.button:focus{
	color: #989898;
	background: transparent;
}

/*.variations_form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.variations_form *{
	margin-top: 0;
}*/

.woocommerce-variation-add-to-cart,
form.cart{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.variations label{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

select{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	border: 1px solid;
}

td.value{
	padding-left: 0.75em;
}

/* BASKET PAGE */

.woocommerce table.shop_table{
	border: 0;
}

th{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.woocommerce table.shop_table th{
	padding: 14px 0;
}

.woocommerce table.shop_table td{
	padding: 12px 0;
}

.woocommerce table.shop_table .cart_item td{
	padding: 20px 0;
}

td.product-name{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
	float: none;
}

.cart-collaterals h3{
	font-size: 1.5em;
    margin-bottom: 0.5em;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th
, .woocommerce table.shop_table td{
	border-top: 1px solid #111;
}

.woocommerce table.shop_table tr + tr td{
	border-top: 1px solid #ddd;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	font-size: 0.875em;
}

.woocommerce-page table.cart td.actions{
	text-align: left;
}

.woocommerce .cart .button, .woocommerce .cart input.button{
	margin-top: 20px;
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.single-product .cart .button,
.single-product .cart input.button{
	margin-top: 0;
}

.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled{
	padding: 0 1em;
	line-height: 1.6875;
}

.woocommerce-shipping-calculator p{
	font-size: 1em;
}

.woocommerce-shipping-calculator > p{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
}

.wcppec-checkout-buttons__separator{
	opacity: 1;
}

/* CHECKOUT PAGE */

.col-2{
	margin-top: 0;
}

#customer_details{
	margin-bottom: 1.6875em;
}

#order_review{
	margin-top: 0;
}

.checkout h3,
.section-title{
	font-size: 1.5em;
    /*margin-bottom: 0.5em;*/
}

.woocommerce form .form-row label{
	margin-top: 0.84375em;
}

.woocommerce form .form-row label,
ul.payment_methods label{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.875em;
}

.input-text{
	padding: 0.5em;
}

.input-text,
.select2-container{
	font-size: 0.875em;
}

.woocommerce-checkout #payment ul.payment_methods li img {
	width: 3.375em;
}

.woocommerce input.button.alt{
	font-family: 'Stratford-Bol', Garamond, Georgia, serif;
	font-size: 0.75em;
	line-height: 2.25;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: #111;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.woocommerce-page #payment #place_order{
	padding: 1em 2em;
	font-size: 0.875em;
}

/* ORDER RECEIVED PAGE */

.woocommerce .order_details{
	margin: 1.6875em 0 3.375em;
}

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

.addresses header{
	margin: 0;
}

.addresses address{
	margin-top: 0;
}