/*

Theme Name: Etheringtons
Author: Unfold / Ampersand Industries
Version: 1.2.1

*/

@import url('etherington-fonts.css');

*,
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* render fonts correctly on mac */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	background: #fff;
	color: #272324;
	font-family: 'RidleyGrotesk-Light', Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	/*font-size: 16px;
	line-height: 1.6;
  	*/
	font-size: 16px;
	line-height: 24px;
	box-sizing: border-box
}

/******
Base elements and tags
******/
a {
	color: #000;
	text-decoration: none;
	transition: all 0s;
}
a:hover,
a:focus {
	text-decoration: underline;
	transition: all 0.3s;
	color:#720c10;
}
img {
	border: none;
	display: block;
	width: 100%;
	height: auto;
}
img.alignleft {display: inline-block; width: auto; float: left; margin-right: 20px;}
img.alignright {display: inline-block; width: auto; float: right; margin-left: 20px;}
p {
	margin: 0 0 1em 0;
	padding: 0;
}

figure {margin:0;}

b, strong {font-weight: 500; font-family: RidleyGrotesk-semibold;}

blockquote { margin:0; padding: 0 0 0 45px; border-left: 1px solid #1c2742; margin-bottom: 50px;}
blockquote p{margin-bottom:0 !important; font-size: 20px; font-weight: 400;}
p.cite { margin-top: -35px;}


table {border-collapse: collapse; width: 100%; margin-bottom: 50px;}
td {border: 1px solid #c6c6c5; padding: 3%;}
a:focus, button:focus, span:focus {outline:0;}

iframe {border: none;}

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}

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


/******

  STRUCTURE

******/
.section {
	width: 100%;
	float: left;
	position: relative;
}
.section-inner {
	width: 90%;
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
}


.section.header,
.section.search-panel,
.section.page-header {
	background: transparent url(images/header-background-texture-retina.jpg) repeat-x 50% 0;
	background-size: 1292px 122px;
	height: 105px;
	color:#fff;
	position: relative;
	z-index: 100;
}

.section.header:after{
	width: 100%;
	height: 20px;
	content: " ";
	display: block;
	position: absolute;
	background: transparent url(images/header-base.png) repeat-x 50% bottom ;
	background-size: 1292px;
	bottom: -16px;
}

.content-section {padding: 30px 0;}
.content-section.no_padding { padding: 0;}
.content-section.no_base_padding { padding-bottom: 0;}
.content-section.no_top_padding { padding-top: 0;}
.content-section.featured_list + .content-section {padding-top: 60px;}

.section.keyline_base .section-inner {	border-bottom: 1px solid #cfcfcf; padding-bottom: 30px; }
.section.keyline_top .section-inner {	border-top: 1px solid #cfcfcf; margin-top: 30px; }

.content-section.last-row {}

.section.footer-base {
	background-color:#e9e9e9;
	color:#231f20;
	position: relative;
}
.section.footer-links {text-align: center; padding: 30px 0;}


/******

  HEADER

******/

.section.header .section-inner {width: 100%; padding-left: 5%; padding-right: 5%; max-width: none;}

.brand {
}

.top-navigation {
	width: 80%;
	float:right;
	text-align: right;
	color:#adadad;
	font-size: 15px;
	font-family: 'Locke-Regular';
	padding-top: 10px;
}
.top-navigation a {color:#adadad;}
.navigation {
	width: 80%;
	float:right;
	padding-top: 10px;
}

a#logo {font-size:24px; line-height: 29px; font-weight: 600;
	height: 120px;
	width: 120px;
	display: block;
	position: absolute;
	background: transparent url(images/etheringtons-logo.svg) no-repeat 50%;
	background-size: 120px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	z-index: 200;
	top: 15px;
}

a#logo:hover {text-decoration: none; border-bottom: none;}
.top-navigation span, .top-navigation a {margin: 0 10px; }
a.header-cart {
	background: transparent url(images/icon-shopping-basket.png) no-repeat 3px 0;
	background-size: 25px;
	padding-left: 32px;
}
a.show-search {
	background: transparent url(images/icon-search.png) no-repeat 50% 5px;
	width: 30px;
	height: 25px;
	background-size: 17px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	vertical-align: text-bottom;
}

.search-panel { text-align: center; color:#fff;
height:0 !important; overflow: hidden;
	-moz-transition: height 1s;
	-webkit-transition: height 1s;
	transition: height 1s;
}
.search-panel .section-inner {padding: 30px 0;}
.search-panel.open {
	height: auto !important;
	-moz-transition: height 1s;
	-webkit-transition: height 1s;
	transition: height 1s;

}
.search-panel label {display: none;}
.search-panel input {display: inline-block;}
.search-panel input[type="text"] {font-size: 16px; padding: 16px; border:none; background-color: #e9e9e9; width: 50%; max-width: 500px;}
.search-panel input[type="submit"] {	border: none;
	background: #231f20 url(images/mobile-arrow.png) no-repeat 50% 50%;
	display: inline-block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}

/******

 NAVIGATION

******/
ul.menu {
	margin: 0;
	padding: 0;

}
ul.menu li {
	display: inline-block;
	list-style: none;
}
ul.menu .sub-menu li {
	padding: 0 4% 0 0;
}
ul.menu li:last-of-type {
	padding-right: 0;
}
ul.menu li a {
	text-decoration: none;
	color: #000;
	font-weight: 400;

	padding: 5px 0 5px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

a.toggle-nav,
a.toggle-nav.shiftnav-toggle-button:hover {
	display: none;
	background: transparent url(images/mobile-menu-burger.png) no-repeat 50% 50%;
	background-size: 35px 24px;
	width: 35px; height: 24px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	vertical-align: bottom;
}


ul.sub-menu {
	display: none;
	margin: 0;
	padding-left: 0;
}

ul.menu .mobile-only {
	display: none;
}

.top-navigation .menu li a { color:#fff; }
.top-navigation .menu li a:hover { color:#a1be45; }

.ubermenu-nav {text-align: right !important;}
.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left{float: none !important;}

.ubermenu-item-level-0 a {
	font-family: "RidleyGrotesk-semibold";
}

.ubermenu-item-level-0 .ubermenu-target {padding: 15px 13px !important;}

.ubermenu-item-level-2 a {
	font-family: "RidleyGrotesk-Regular" !important;
}

.ubermenu-row {
	width: 90% !important;
	max-width: 974px !important;
	margin: 0 auto !important;
	padding: 60px 0 !important;
	font-family: "RidleyGrotesk-Regular" !important;
	font-size: 17px;
}


.ubermenu-submenu a.ubermenu-target{
	border-top: 1px solid #727272 !important;
	display: block !important;
	padding: 13px 0 !important;
}

.ubermenu-submenu a.ubermenu-target:hover {color:#a1be45 !important;}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto {padding-right: 10px;}



.section.breadcrumbs{padding: 0 0 0 0;}
.section.featured_list + .section.breadcrumbs {padding-top: 20px; }
.breadcrumbs {text-transform: uppercase; font-size: 11px; line-height: 1.5;}
.breadcrumbs span {font-family: RidleyGrotesk-SemiBold; color:#720c10;}
.breadcrumbs a {border: none !important; color:#000; font-family: RidleyGrotesk-Light;}


a.menu_pro_link, a.site_pro_link {position: relative; text-decoration: none; display: block;}

.site_pro_link span, .menu_pro_link span {display: block; text-align: left;}
.site_pro_link p, .menu_pro_link p {margin:0; line-height: 1.1;}
.site_pro_link span.content, .menu_pro_link span.content {position: absolute; top:0; right:0; bottom:0; left:0; padding: 20px;}

.site_pro_link span.text, .menu_pro_link span.text {text-transform: uppercase; font-family: RidleyGrotesk-light; color:#fff;}
.site_pro_link span.text strong, .menu_pro_link span.text strong { font-family: RidleyGrotesk-semibold; }

.site_pro_link span.button, .menu_pro_link span.button {color:#fff; text-transform: uppercase; border-bottom: 1px solid; font-size: 13px; font-family: RidleyGrotesk-semibold; display: inline-block; margin-top: 10px; line-height: 1.4;}



/***

  LAYOUTS

****/


.single-post .post-content .section-inner {	width: 80%; max-width: 790px;}
.single-post .post-content .section .section-inner {width: 100%;}

.post-introduction {
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.single-post h1,
.post-introduction p {max-width: 650px; margin-left: auto !important; margin-right: auto !important;}
.post-inner-content {max-width: 580px; margin: 0 auto;}


.post-nav {
	border-top: 1px solid #cfcfcf;
	padding-top: 50px;
	margin-top: 50px;
	clear: both;
}

.wp-pagenavi {max-width: 580px; margin: 0 auto;}


.wp-pagenavi{
	text-align: center;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current,
.wp-pagenavi a, .wp-pagenavi span  {
  border: none !important;
  color:#656565;
  display: inline-block;
  vertical-align: bottom;
}

.wp-pagenavi span.current {
  font-weight: 300;
  font-family: RidleyGrotesk-semibold;
  color:#720c10;
}


.nav-inner {max-width: 580px; margin: 0 auto;}
.post-nav .nav-link {display: inline-block; vertical-align: top; width: 31%;}
.nav-link a {border: none !important;}
.link_previous {text-align: left;}
.link_next {text-align: right;}
.link_all {text-transform: uppercase; text-align: center; color:#898989;}
a.nextpostslink, a.previouspostslink, .link_previous a, .link_next a { width: 100%; height: 33px; overflow: hidden; display: block; text-align: left; text-indent: -9999px; background: transparent url(images/archive-arrow-prev.png) no-repeat 0 0; background-size: contain;}
a.nextpostslink, .link_next a { 	-webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: 0 0;}

a.nextpostslink {width: auto; float:right;}
a.previouspostslink {width: auto; float:left;}
ul.recipe-list, ol.recipe-list {margin:0; padding:0;}
ul.recipe-list li {list-style: none; margin-bottom: 0.5em;}
ol.recipe-list li {margin-bottom: 1.5em;}



.double .column,
.triple .column {
	display: inline-block;
	vertical-align: top;
	width: 49.215%;
	margin-right: 1.57%;
}

.double .column:last-of-type {
	margin-right: 0;
}
.double.one_third_two_third .column:first-of-type {
	width: 32.28%;
}
.double.one_third_two_third .column:last-of-type {
	width: 66.15%;
}
.double.two_third_one_third .column:first-of-type {
	width: 66.15%;
}
.double.two_third_one_third .column:last-of-type {
	width: 32.28%;
}

.triple .column {
	width: 32.28%;
}
.triple .column:last-of-type {margin-right:0;}


.border_base .section-inner {border-bottom: 2px solid #9f9f9f; padding-bottom: 60px;}
.two_thirds .column {width: 66.15%; padding-right: 7.4%;}



.wp-pagenavi {font-size: 15px; color:#fff;}
.wp-pagenavi span,  .wp-pagenavi a { display: inline-block; padding: 5px 10px; }



/***

	FONT FORMATTING

****/
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
	margin: 1.5em 0 0.5em 0;
	font-family: 'Locke-Regular';
}



h2{ font-size: 32px;}
.single-post h2,
h3{ font-size: 16px; color:#720c10; text-transform: uppercase; font-family: RidleyGrotesk-semibold;}
h4{ }
h5{ }
h1, h2.title { text-align: center; font-size: 51px; line-height: 59px; color:#720c10; }
h2.title { color:#272324;}
.narrow h2:first-child {margin-top:14px;}
.narrow .column:first-child img {padding-right: 20px;}

.woocommerce div.product h1.product_title,
.single-tribe_events h1,
.single-course h1 {
	font-size: 34px; line-height: 42px; text-align: left;
}
input.stock_alert_email {padding: 8px;}
.over-title + h1, .over-title + h2.title{margin: 0.25em 0 1em 0 ;}

p.featured-text {
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 50px;
	font-weight: 300;
}

.content-section a { border-bottom: 1px solid; }
.content-section a:hover { text-decoration: none; }

a.button-link {
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid #720c10;
	padding: 12px 15px;
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color:#720c10;
	font-family: RidleyGrotesk-SemiBold;
}

a.button-link:hover{text-decoration: none; background-color:#720c10; color:#fff;}
.section-intro { max-width: 640px; text-align:center; margin: 0 auto 1em auto; } 
.section-intro, .section-intro p, blockquote p, p.intro, .post-introduction, .post-introduction p {
	color:#720c10;
	font-size: 21px;
	line-height: 33px;
	font-family: 'Locke-Regular';
	text-align: center;
}

p.intro a {color:#720c10;}
p.intro a:hover {color:#272324;}


.over-title {
	font-family: RidleyGrotesk-SemiBold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	width: 100%;
	display: block;
}

.over-title::after {
	background: transparent url(images/divide-title-grey.png) no-repeat 50% 50%;
	background-size: 71px 4px;
	display: block;
	height: 20px;
	width: 100%;
	content: " ";
}
.slides .over-title:after{background: transparent url(images/divide-title-white.png) no-repeat 50% 50%;background-size: 50px; margin-top: -8px;}
.panel .over-title::after {
	background: transparent url(images/divide-title-white.png) no-repeat 50% 50%;
	background-size: 50px; margin-top: -8px;
}

.title {font-family: 'Locke-Regular'; font-size: 32px; line-height: 37px;}


.slideshow-title{
	font-family: RidleyGrotesk-SemiBold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    display: block;
	position: absolute; bottom: 0; left:0; right:0;
	color:#fff;
	z-index:10;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	padding: 3em;
	margin:0;

}

blockquote {
	border: none;
	padding:0;
	margin-bottom: 20px;
}

blockquote:before{
	content: " ";
	width: 100%;
	height: 60px;
	display: block;
	background: transparent url(images/section-divide.png) no-repeat 50% 50%;
	background-size: 90px;
}

.section.texture blockquote:first-of-type:before { display: none; }


p.quote-caption {
	text-align: center;
	text-transform: uppercase;
	font-family: RidleyGrotesk-semibold;
}

p.quote-caption a {color:#720c10;}



.wpcf7-form {width: 100%; max-width: 700px; }

.wpcf7-form ol{ margin:0; padding:0;}
.wpcf7-form li {list-style:none; margin: 0 0 15px 0; width: 100%; display: block; font-size: 0;}


.wpcf7-form label{display:block; font-weight: 400; font-size: 16px;}
.wpcf7-form .wpcf7-form-control-wrap{ font-size: 16px; }

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select
{
	font-size: 16px !important;
	color:#000;
	background-color:#e9e9e9;
	border: 1px solid #231f20;
	 font-family:inherit; font-size:inherit; padding:15px 25px; width:75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.wpcf7-form textarea{width:100%; min-height: 150px;}

.wpcf7-form .wpcf7-checkbox input {width: auto; display: inline-block;}

.wpcf7-form select{
	background-color:#231f20; color:#fff;
}

.wpcf7-form li.double .wpcf7-form-control-wrap {width: 49%; margin-right: 2%; display: inline-block;}
.wpcf7-form li.double .wpcf7-form-control-wrap:nth-of-type(2n) {margin-right: 0%; }


.wpcf7-form input.wpcf7-submit{
	text-transform: uppercase;
	text-decoration: none;
	background: transparent !important;
	border: 2px solid #720c10 !important;
	padding: 12px 15px;
	display: inline-block;
	width: auto;
	font-weight: 300;
	font-size: 12px !important;
	line-height: 1;
	color:#720c10 !important;
	font-family: RidleyGrotesk-semibold;
}

.wpcf7-form input.wpcf7-submit:hover{background-color:#720c10; color:#fff;}

.section.featured-image .section-inner {width: 100%; max-width: none;}
.section.featured-image .section-inner:after{
	content: " ";
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height: 25px;
	background: transparent url(images/white-ragged-base.png) repeat 50% 50%;
	background-size: 1291px 25px;
}
.single.texture { background: #e9e9e9 url(images/white-texture-overlay.png); }

.section.texture h2 {font-family:RidleyGrotesk-SemiBold; text-transform: uppercase; margin-bottom: 30px; text-align: center; line-height: 1;}
.section.texture .section-inner {padding: 40px 0;}

.section.texture .section-inner::before,
.section.texture .section-inner::after
 {
	content: " ";
	width: 100%;
	height: 60px;
	display: block;
	background: transparent url(images/section-divide.png) no-repeat 50% 50%;
	background-size: 90px;
}

.section.narrow .section-inner,
.section.single .section-inner {max-width: 640px;}

.section.ragged_base::after {
	height: 20px;
	width: 100%;
	content: " ";
	display: block;
	background: transparent url(images/ragged-base.png) repeat-x 50% bottom;
	background-size: 1292px;
	bottom: -1px;
	position: absolute;
}

.section.ragged_top::before {
	height: 20px;
	width: 100%;
	content: " ";
	display: block;
	background: transparent url(images/ragged-top.png) repeat-x 50% top;
	background-size: 1292px;
	top: 0;
	position: absolute;
}


.section.call_out .section-inner{
	max-width: 500px;
	background: #e9e9e9 url(images/white-texture-overlay.png);
	text-align: center;
	padding: 15px 45px;
}

.section.call_out h3 {font-family: Locke-Regular; color:#272324; text-transform: none; font-size: 24px;}


/***

	BLOG

***/

/*.content-header {padding-top: 65px;} */

.search-results .content-header,
.search-no-results .content-header {padding-top: 40px;}
.content-header::before{
	content: " ";
	width: 100%;
	height: 25px;
	background: transparent url(images/white-ragged-base.png) repeat-x 50% bottom;
	background-size: 1292px 25px;
	position: absolute;
	right: 0;
	left:0;
	top:-25px;
}



ul.category-links {
	text-align: center;
	margin: -20px auto 10px auto !important ;
	padding:0;
}

ul.category-links li {list-style: none; display: inline-block;}
ul.category-links a { text-decoration: none; text-transform: uppercase; color:#c1c1c1; padding: 5px; letter-spacing: 0.3px; font-size: 14px; font-family: RidleyGrotesk-semibold;}
ul.category-links a:hover { text-decoration: underline; color:#272324; }
ul.category-links li.current-cat a { color:#720c10; font-family: RidleyGrotesk-semibold;}

.posts {font-size: 0;}
.posts, ul.category-links {width: 82%; margin: 0 auto;}

.posts .post {font-size:16px; width: 100%; display: inline-block; border-bottom: 1px solid #cfcfcf; padding-bottom: 25px; margin-bottom: 25px;}
.posts a {text-decoration: none;}
.post .image {width: 39%; display: inline-block; vertical-align: top;}
.post .text {width: 60%; display: inline-block; vertical-align: top; padding: 0 2% 0 5%;}

.posts h2 {margin-top: 0;}
.posts h2 a {color: #720c10; font-size:28px; line-height: 34px; text-decoration: none; border-bottom: none;}
.posts h2 a:hover {text-decoration: underline;}

.posts .postdate {
	font-family: RidleyGrotesk-SemiBold;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 30px;
	display: block;
}

.posts p.postdate::after {
	background: transparent url(images/divide-grey.png) no-repeat 0 50%;
	background-size: 51px;
	display: block;
	height: 7px;
	margin-top: -6px;
	width: 100%;
	content: " ";
}

.posts .link {color:#720c10; text-transform: uppercase; font-family: RidleyGrotesk-semibold; border-bottom: 1px solid; font-size: 12px;}
.posts a.link:hover {color:#272324;}
.posts .text p {font-size: 15px; line-height: 23px; font-family: RidleyGrotesk-Regular;}







/**

	COURSES

**/

.posts .course-price {display: block; font-family: RidleyGrotesk-semibold;}
.single-course h1, .single-tribe_events h1 {margin-top:0; text-align: left;}
.single-course p.intro,
.single-tribe_events p.intro
 {font-size: 16px; line-height: 24px; text-align: left; font-family: RidleyGrotesk-semibold; color:#000;}

.single-course span.price-label {font-family: RidleyGrotesk-semibold; }
.single-course span.price-label .price {font-size: 34px;}

.course_intro .column:first-child {width: 60% !important;}
.course_intro .column:first-child img {padding-right: 20px;}
.course_intro .column:last-child {width: 35% !important;}

.course_overview .section-inner { max-width: 960px;}
.course_overview .column:first-child {width: 65.5% !important;}

.course_related {text-align: center;}

.posts .post .tribe-events-event-cost {margin-top: 20px;}
.posts .post .tribe-events-event-cost form {margin-top: 20px;}
.posts .post .ticket-cost { font-family: RidleyGrotesk-semibold; font-size: 34px; margin-right: 20px;}
/** SLIDESHOWS **/

.content-section.slideshow {padding:0; background-color:#272324;}
.content-section.slideshow .section-inner{ width: 100%; max-width: none; }

.slideshow .flexslider {
	margin:0;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
	background-color:#272324;
}
.flexslider .slides > li { height: 70vh;}
.flexslider .slides > li img{ height: 70vh; object-fit: cover;}

.compact .flexslider .slides > li { height: 50vh;}
.compact .flexslider .slides > li img{ height: 50vh; object-fit: cover;}

.slides li.top-left img 	{ object-position: 0 0;}
.slides li.top-center img	{ object-position: 50% 0%;}
.slides li.top-right img	{ object-position: 100% 0%;}
.slides li.middle-left img	{ object-position: 0 50%;}
.slides li.middle-center img{ object-position: 50% 50% }
.slides li.middle-right img	{ object-position: 100% 50%;}
.slides li.bottom-left img	{ object-position: 0 100%;}
.slides li.bottom-center img{ object-position: 50% 100%;}
.slides li.bottom-right img	{ object-position: 100% 100%;}


.flex-direction-nav a {
	width: 27px;
	height: 47px;
	background: transparent url(images/slide-arrow.png) no-repeat 50% 50%;
	background-size:  27px 47px;
	text-align: left !important;
	text-indent: -9999px;
	border: none;
	text-decoration: none !important;
}

.flex-direction-nav a.flex-prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.flex-direction-nav a.flex-prev:before{ content: " ";}
.flex-direction-nav a.flex-next:before{ content: " ";}



.slideshow span {display: block;}
.slideshow .title {font-size: 48px; line-height: 53px;}

.slides .overlay {
	display: block;
	background: transparent url(images/slide-cover-tint.png) repeat;;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 482px;
	text-align: center;
	color:#fff;
	padding: 0 30px;
	margin: auto;
}

.slides .overlay:before{
	content: " ";
	display: block;
	position: absolute;
	height: 25px;
	top: -25px;
	left:0;
	right:0;
	background: transparent url(images/slide-cover-top.png) no-repeat 0 0;
	background-size: 482px 25px;
}

.slides .overlay:after{
	content: " ";
	display: block;
	position: absolute;
	height: 25px;
	bottom: -25px;
	left:0;
	right:0;
	background: transparent url(images/slide-cover-top.png) no-repeat 0 0;
	background-size: 482px 25px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


/** FEATURED LIST **/

.featured_list {
	background-color:#720c10;
	color:#fff;
	padding: 0;
}

.featured_list ul {margin:0; padding:0; text-align: center;}
.featured_list li {display: inline-block;

	font-family: Locke-Regular;
	font-size: 17px;
	vertical-align: top; text-align: left; padding: 9px 10px 9px 45px; background-size: 30px; background-position: left 50%; background-repeat: no-repeat;}



.section.featured_list::before {
	height: 20px;
	width: 100%;
	content: " ";
	display: block;
	background: transparent url(images/featured-list-top.png) repeat-x 50% top;
	background-size: 1292px;
	top: -19px;
	position: absolute;
}

.section.featured_list::after {
	height: 20px;
	width: 100%;
	content: " ";
	display: block;
	background: transparent url(images/featured-list-base.png) repeat-x 50% top;
	background-size: 1292px;
	bottom: -19px;
	position: absolute;
}


/** PROCESS DIAGRAM **/

.featured_list {
	background-color:#720c10;
	color:#fff;
	z-index: 50;
}

.process_diagram ul {margin:0; padding:0; text-align: center;}
.process_diagram li {display: inline-block; vertical-align: top; text-align: left; padding: 5px 10px 5px 45px; background-size: 30px; background-position: left 50%; background-repeat: no-repeat;}




/***  FOOTER ***/


.footer-base  { background: #e9e9e9 url(images/white-texture-overlay.png); }

.footer-base::before {
	height: 20px;
	width: 100%;
	content: " ";
	display: block;
	background: transparent url(images/ragged-top.png) repeat-x 50% top;
	background-size: 1292px;
	top: 0;
	position: absolute;
}





.footer-base .section-inner {
	padding: 50px 0 50px 0 ;
	text-align: center;
	font-size: 14px; line-height: 19px;
}

.footer-base .column {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: left;
	border-left: 1px solid #c4c4c4;
	padding-left: 25px;
	padding-right: 25px;
}

.footer-base h3 {
	color:#720c10;
	font-size: 21px;
	margin: 10px 0 20px 0;
	font-family: Locke-Regular;
	text-transform: none;
}
.footer-base p {font-family: RidleyGrotesk-Regular; padding-right: 15px;}
.footer-base strong {font-family: RidleyGrotesk-semibold;}

.footer-links .section-inner .site_wide_link {
	display: inline-block;
	width: 49.215%;
	margin-right: 1.57%;
	vertical-align: top;
}
.footer-links .section-inner .site_wide_link:nth-child(2n){margin-right:0;}

.newsletter_signup { background-color:#720c10;}
.newsletter_signup h3 {color:#fff; text-align:center; font-family: Locke-Regular; text-transform: none; font-size: 27px;}
.newsletter_signup h3:after{
	background: transparent url(images/divide-title-white.png) no-repeat 50% 100%;
	background-size: 71px 2px;
	display: block;
	height: 20px;
	width: 100%;
	content: " ";
}


ul.useful-links {padding:0; margin:0;}
.useful-links li {list-style: none;}
.useful-links a{ text-decoration: none; font-family: RidleyGrotesk-semibold; padding: 5px 0; display: block;}
.useful-links a:hover {text-decoration: none; color:#720c10;}

p.rubric {font-size: 11px; line-height: 15px;}

body.admin-bar .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {top: 112px;}
body.menu_active {overflow: hidden; padding-right: 17px; }
body.menu_active.mac15 {padding-right: 15px;}

ul.social-links {padding: 0; margin: 0 0 15px 0;}
.social-links li {list-style: none; display: inline-block; margin-right: 10px; }
.social-links a {width: 45px; height: 45px; display: block; overflow: hidden; text-align: left; text-indent: -9999px; background-size: contain; background-position: 50%; background-repeat: no-repeat;}
li.social-facebook a {background-image: url(images/social-facebook.png);}
li.social-instagram a {background-image: url(images/social-instagram.png);}
li.social-twitter a {background-image: url(images/social-twitter.png);}

.section.no_top_margin {margin-top:0; padding-top: 0;}
.section.no_base_padding {margin-bottom:0; padding-bottom:0;}
.section.no_base_padding .listing-item{margin-bottom:0;}


/***

	PANELS

***/
.panels {text-align: center;}
.panels a {text-decoration: none; color:#fff;}
.panels span {display: block; text-align: center; color:#fff;}

.panel {width: 32%; margin-right: 2%; display: inline-block; vertical-align: top; position: relative; margin-bottom: 2%;}
.panel:nth-child(3n) {margin-right:0;}

.panel span.overlay {position: absolute; left:0; right:0; bottom: 0; top:0;
	background: transparent url(images/panel-overlay.png) repeat-x 50% bottom;
}
.panel span.overlay-inner {position: absolute; left:0; right:0; bottom: 0; padding: 20px; }

.panel.graphical span.overlay {

}
.panel.graphical span.overlay-inner { 
	padding: 0 30px;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
}

.panel.graphical .button {border: 2px solid; text-transform: uppercase; color:#b0cc56; display: inline-block; font-weight: 500; padding: 5px 10px;	font-family: RidleyGrotesk-SemiBold; font-size: 12px; margin-top: 20px; text-decoration: none; margin-bottom:0; }
.panel.graphical a:hover .button {background-color:#b0cc56; color:#272324; border-color:#b0cc56;}
.panel.graphical span.over-title{
	font-size: 35px;
	margin-bottom: 9px;
}
.panel.graphical span.over-title:after {display: none;}
.panel.graphical span.title {
	font-family: RidleyGrotesk-Light;
	font-size: 29px;
	line-height: 35px;
	text-transform: uppercase;
}
.panel.graphical span.title:after{
    background: transparent url(images/divide-title-white.png) no-repeat 50% 50%;
    background-size: 71px 4px;
    display: block;
    height: 20px;
    width: 100%;
    content: " ";
}

.panel.standard span.description {
	height: 0;
	overflow: hidden;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	line-height: 1.5;
	font-family: RidleyGrotesk-Regular;
}


.panel.standard a:hover span.description {

	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding-top:20px;

	height: auto;
}
.panel.standard a:hover span.overlay {background: rgba(0,0,0,0.5);}


.description .button {
	text-transform: uppercase;
	text-decoration: underline;
	font-family: RidleyGrotesk-semibold;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.content-section.panels.call_to_action{
	padding:0;
	background: #272324;
}
.content-section.panels.call_to_action .section-inner{
	width:100%;
	max-width:100%;
}
.call_to_action .panels {
	display:flex; flex-wrap:wrap;
	gap: 30px;
	padding: 45px 30px !important;	
}
@media all and (min-width: 700px) {
	.call_to_action .panels {	flex-wrap: nowrap;}
}
.call_to_action .panels .panel{
	width:100%;
	margin:0;
}

.call_to_action .overlay { background: radial-gradient(circle,rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.09) 100%) !important;}
.call_to_action a:hover .overlay { background-color: rgba(0,0,0,0.6) !important;}
.call_to_action .overlay-inner > span { max-width: 450px; margin-left: auto; margin-right: auto; }
.call_to_action span.description p {
	font-family: 'RidleyGrotesk-Regular';
	font-size: 21px; line-height: 1.3;
	margin:1em 0 0 0 ;
	max-height:0px;
	overflow:hidden;
	 transition: all 0.3s;
}

.call_to_action a:hover span.description p { max-height: none;  transition: all 0.3s;}
.call_to_action .panel.graphical span.title { font-family: RidleyGrotesk-SemiBold;} 
.call_to_action .panel.graphical span.over-title { font-family: RidleyGrotesk-Light; font-size: 22px; } 

/***

	FAQs

***/
.faqs .section-inner {max-width: 776px;}
.ui-accordion-header {
	border-top: 1px solid #cfcfcf; font-family: RidleyGrotesk-semibold; color:#720c10; padding: 20px 65px;
	background: transparent url(images/faq-icon-open.png) no-repeat 20px 21px; background-size: 20px;
	cursor: pointer;
	margin: 0;
}
h3.ui-accordion-header {text-transform: none;}
.ui-accordion-header.ui-state-active {background-image: url(images/faq-icon-close.png);}
.accordion {border-bottom: 1px solid #cfcfcf;}
.answer {padding: 0 20px 20px 65px;}


/***

	PEOPLE

***/
.people .panel a, .people .panel span  {text-decoration: none; color:#231f20;}
.people .panel .button {border: 2px solid; text-transform: uppercase; display: block; max-width: 150px; margin-left: auto; margin-right: auto; font-weight: 500; padding: 5px 10px;	font-family: RidleyGrotesk-SemiBold; font-size: 12px; margin-top: 10px; color:#720c10;}
.people .panel a:hover .button {color:#fff; background-color:#720c10;}

.people .panel .description {display: none; overflow: hidden; padding: 20px;}

.people .panel.open .button.open-panel {display: none; overflow: hidden;}

.people .panel .over-title {font-family: RidleyGrotesk-Regular; margin-top:14px; font-size: 11px;}
.people .panel .over-title:after {display: none;}
.people .panel .title {font-family: RidleyGrotesk-semibold; font-size: 20px; text-transform: uppercase; margin-top: -14px;}


.close-panel { text-transform: uppercase; color:#720c10 !important; font-size: 12px; font-family:RidleyGrotesk-semibold; text-decoration: underline !important;}





/***

	WOO woocommerce_content

***/
.wc-tab.panel {width: 100%;}
.delivery-information {display: block; width: 100%; margin-top: 20px; float: left; border-top: 1px solid #cfcfcf;}

.blog .section.breadcrumbs,
.archive .section.breadcrumbs,
.single-course .section.breadcrumbs,
/*.single-post .section.breadcrumbs,*/
.woocommerce .section.breadcrumbs { padding-top: 40px; z-index: 1;}

h2.woocommerce-loop-product__title{
	color:#720c10;
	font-size:24px !important;
}
.woocommerce-loop-product__link:hover h2 {text-decoration: underline;}

.woocommerce ul.products li.product .button { margin-top: 4px;}

.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button, button.stock_alert_button, button.tribe-button{

	text-transform: uppercase;
	text-decoration: none;
	background: transparent !important;
	border: 2px solid #720c10 !important;
	padding: 12px 15px;
	display: inline-block;
	font-weight: 300;
	font-size: 12px !important;
	line-height: 1;
	color:#720c10 !important;
	font-family: RidleyGrotesk-semibold;
	letter-spacing: 1px;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover, button.tribe-button:hover{
	background-color: #720c10 !important;
	color:#fff !important;
	cursor: pointer;
}


.woocommerce ul.products li.product:nth-child(3n),
.woocommerce-page ul.products li.product:nth-child(3n){
	margin-right: 0 !important;
}

.woocommerce ul.products li.product .price{
	color:#000 !important;
	font-size: 18px !important;
	font-family: RidleyGrotesk-semibold !important;
}

.woocommerce div.product .product_title{
	font-size: 35px;
	text-align: left;
}

p.price,
.woocommerce div.product form.cart{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.related.products {border-top: 1px solid #cfcfcf; width: 100%; clear:both;}
.related.products > h2:first-of-type {
	text-align: center;
	font-family: RidleyGrotesk-semibold !important;
	font-size: 22px !important;
	text-transform: uppercase;
	padding: 30px 0 !important;
	margin: 0 !important;

}
.woocommerce div.product div.summary {margin-bottom: 0 !important;}

.woocommerce div.product div.images.woocommerce-product-gallery {text-align: center;}
.woocommerce div.product div.images .woocommerce-product-gallery__image {padding: 5px;}
ul.product-contents {padding:0; margin:0 0 30px 0;}
.product-contents li {list-style: none; font-family: RidleyGrotesk-semibold;}
.product-contents span.quantity { color:#720c10;}


.delivery-information h3 {
	color:#720c10;
	font-family: RidleyGrotesk-semibold;
	text-transform: uppercase;
}

.delivery-information a {text-transform: uppercase; color:#720c10; 	font-family: RidleyGrotesk-semibold;}

.woocommerce div.product p.price {
	font-size: 34px !important;
	font-family: RidleyGrotesk-semibold;
	color:#000 !important;
}

.woocommerce div.product form.cart .button {font-size: 14px !important;}
.woocommerce .quantity .qty {border: 1px solid #000 !important;  padding: 8px 0 !important; background-color:#e9e9e9;}

ul.tickets {margin:0; padding:0;}
ul.tickets li {list-style: none; display: block; text-transform: uppercase; margin: 0 0 5px 0;}
ul.tickets a { display: block; text-align: center !important;}
ul.tickets li.selected-ticket a {color:#fff; background-color: #720c10;}

.single-course .tribe-tickets-form-row td {	width: 100%; display: block; border:none;}
.single-course .tribe-event-tickets-plus-meta td {border: none !important;}
.single-course .tribe-event-tickets-plus-meta-attendee>header {color:#720c10;font-family: RidleyGrotesk-semibold; text-transform: uppercase; font-size: 16px;}
.single-course .tribe-event-tickets-plus-meta label {font-family: RidleyGrotesk-semibold; text-transform: uppercase; font-size: 14px;}

.tribe-event-tickets-plus-meta input[type=email], .tribe-event-tickets-plus-meta input[type=password], .tribe-event-tickets-plus-meta input[type=text], .tribe-event-tickets-plus-meta input[type=url], .tribe-event-tickets-plus-meta textarea {width: 100% !important;}
td.tickets_price {font-family: RidleyGrotesk-semibold;}

.single-course div.quantity, span.tribe-tickets-remaining {width: 50%; display: inline-block;}
.single-course span.tribe-tickets-remaining {padding-left: 10px;}
.single-course td.tickets_name,
.single-course td.tickets_price,
.single-course td.tickets_description{display: none !important; }
.single-course td.add-to-cart {border:none;}
.single-course button.tribe-button {width: 100%; text-align: center;}
.woocommerce .section.panels .section-inner {width: 100% !important; max-width: none !important;}

p.out-of-stock {font-size: 16px !important;font-family: RidleyGrotesk-semibold; margin-bottom:0 !important; color:#000 !important;}
h6.subscribe_for_interest_text {font-family: RidleyGrotesk-light; font-size: 16px;}

.woocommerce-checkout-payment img {width: auto; display: inline-block;}

.woocommerce-cart .section.single .section-inner,
.woocommerce-checkout .section.single .section-inner
 {max-width: 974px;}

.checkout p.form-row {line-height: 1.3;}

.checkout .orddd_lite_field_note,
.cart-collaterals .orddd_lite_field_note {font-size: 15px; display: block; padding: 20px 0;}

.checkout p#e_deliverydate_field {border-top: 1px solid #cfcfcf; margin-top: 20px; padding-top: 20px;}

.cart-collaterals .form-row label {
	font-family: Locke-Regular;
	font-size: 32px;
	color:#720c10;
	display: block;
	margin: 1.5em 0 0.5em 0;
}



.shop_table th {text-transform: uppercase; font-family: RidleyGrotesk-semibold; font-weight: 300 !important;}

.woocommerce table.shop_table,
.woocommerce table.shop_table td {border: none !important;}


.woocommerce table.shop_table td{ padding-top: 20px !important; padding-bottom: 20px !important; border-bottom: 1px solid #cfcfcf !important; border-top: none !important;}
.woocommerce table.shop_table td.actions {border-bottom: none !important; padding-top: 30px !important; padding-bottom: 40px !important;}

.woocommerce td.actions input.button {color:#949494 !important; border-color: #949494 !important; }
.woocommerce td.actions input.button:hover {background-color: #949494 !important;  color:#fff !important; border-color: #949494 !important; }

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width: 90px !important; height: auto !important;}

.woocommerce-cart p#e_deliverydate_field {
		width: 48%;
		float: left;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
#e_deliverydate_field input.input-text {padding: 8px 16px;}

td.product-price,
th.product-price,
td.product-quantity,
th.product-quantity,
td.product-subtotal,
th.product-subtotal,
th.product-total,
td.product-total,
tfoot th, tfoot td {text-align: right; border-top: none !important;}

.shop_table .product-name a {
	border: none;
	text-decoration: none;
	font-family: Locke-Regular;
	color:#720c10;
	font-size: 20px;
}
@media all and (min-width: 700px){
	div.orddd-checkout-fields { width: 48%; left: 52%; position: relative;}	
}
.col-2 .woocommerce-additional-fields div.orddd-checkout-fields { width:100%; left:0;}
div.cart_totals, div.orddd-checkout-fields {
	background: #e9e9e9 url(images/white-texture-overlay.png);
	padding: 30px;
}
.cart_totals h2 {border-bottom: 1px solid #b6b5b5; padding-bottom: 25px; margin-bottom: 25px; margin-top: 15px;}

.cart_totals table {border: none !important;}
.cart_totals th {text-transform: none !important;}

.woocommerce .cart_totals table.shop_table td {padding: 9px 12px !important; border: none !important;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	padding: 20px;
}

.orddd-checkout-fields input.input-text{    
	cursor: text !important;
    max-width: 100% !important;
    width: 100%;
    background-color: #fff !important;
    padding: 15px !important;
}
.orddd-checkout-fields .select2-container { width:100% !important;}

small.orddd_field_note { display: none !important;}

input.ticket-meta{padding: 8px; font-size: 16px;}


#tribe-events-content .section-inner {width: 100%;}

#mc_embed_signup .indicates-required,
#mc_embed_signup label {display: none;}
#mc_embed_signup input[type="email"]{
	background-color:#e9e9e9;
	padding: 16px 17px;
	display: inline-block;
	border: none;
	width: 70%;
	font-size: 16px;
	font-family: RidleyGrotesk-regular;
}
#mc_embed_signup input[type="submit"]{
	border: none;
	background: #231f20 url(images/mobile-arrow.png) no-repeat 50% 50%;
	display: inline-block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}





#contact_details .column:last-child {
	 background: #e9e9e9 url(images/white-texture-overlay.png);
}


#contact_details .column:last-child h3,
#contact_details .column:last-child p {padding-left: 30px; padding-right: 30px;}
#contact_details .column:last-child hr {width: 100%; padding: 0; margin: 0; border: none; border-top: 2px solid #fff;}
.google_map .section-inner {max-width: none; width: 100%;}
#map {min-height: 600px;}

/***

	SECTION BRANDING


***/

body.section-academy a#logo { background-image: url(images/etheringtons-butchery-academy-logo.svg);}
body.section-pasties a#logo { background-image: url(images/etheringtons-pasty-logo.svg);}

.shiftnav.shiftnav-open-target {width: 100% !important; max-width: 100% !important;}
.shiftnav:after {display: none !important;}

.shiftnav-nav {padding: 55px 0 0 0 !important;}
.shiftnav-nav .shiftnav-menu > li {padding: 0 20px !important;}

.shiftnav-depth-0 > .shiftnav-target{
	font-family: RidleyGrotesk-semibold;
	text-transform: uppercase;
	color:#fff;
	border-bottom: 1px solid #727272;
}

.shiftnav-depth-3 {
	font-family: RidleyGrotesk-Regular;
	text-transform: none;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
	padding-left:0 !important; padding-right: 0 !important;
}

.shiftnav-submenu-activation {
	background: transparent url(images/mobile-arrow.png) no-repeat 0 50% !important;
	background-size: 19px 16px !important;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	width: 40px !important;
}

.shiftnav-retract, .shiftnav-retract a {
	color:#9d9d9d !important;
	font-size: 12px !important;
	line-height: 16px;
	border: none !important;
	text-transform: uppercase;
	font-family: RidleyGrotesk-semibold;
}

.shiftnav-retract i{
		background: transparent url(images/mobile-back-arrow.png) no-repeat 50% 50%;
		background-size: 19px;
		overflow: hidden;
		width: 19px;
		height: 16px;
		display: inline-block;
		text-indent: -99999px;
		vertical-align: text-bottom;
}

.shiftnav-active > span:first-child {	border-bottom: 1px solid #727272;}

.shiftnav-active > .shiftnav-submenu-activation { display: none !important; }


.shiftnav .shiftnav-panel-close{
	background: transparent url(images/mobile-close-icon.png) no-repeat 50% 50% !important;
	background-size: 22px 21px !important;
	padding: 30px 28px !important;
}

.shiftnav .shiftnav-panel-close i { display: none !important;}
/***

		RESPONSIVE QUERIES

***/


@media all and (max-width: 1120px) {
	a.show-search {display: none;}
	a.toggle-nav,
	a.toggle-nav.shiftnav-toggle-button:hover{display: inline-block;}

	.top-navigation{padding-top: 40px;}
}

@media all and (max-width: 1100px) {
	.footer-links .section-inner .site_wide_link,
	.site_wide_link {width: 100% !important; max-width: 580px; margin: 0 0 20px 0 !important;}

}

@media all and (max-width: 1050px) {

	.panel{ width: 49%;}
	.panel:nth-child(3n) {margin-right:2%;}
	.panel:nth-child(2n) {margin-right:0;}

}

@media all and (max-width: 900px) {

}

@media all and (max-width: 800px) {
	.footer-base .column {width: 50%; margin-bottom: 20px;}

	.posts, ul.category-links {width: 100%;}

	.panel.graphical span.over-title {font-size: 23px; line-height: 1.1;}
	.panel.graphical span.title {font-size: 18px; line-height: 23px;}


	.course_overview .column:first-child,
	.course_overview .column:last-child,
	.course_intro .column:first-child,
	.course_intro .column:last-child,
	.double.two_third_one_third .column:first-of-type,
	.double.two_third_one_third .column:last-of-type,
	.double.one_third_two_third .column:first-of-type,
	.double.one_third_two_third .column:last-of-type

	 {
		margin:0 !important;
		width: 100% !important;
	}
	.course_intro .column:first-child img {padding-right:0;}

	.single-course h1 {margin-top: 18px;}


}

@media all and (max-width: 768px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 48% !important;}
	.woocommerce-cart p#e_deliverydate_field {width: 100%; float: none; margin-bottom: 20px;}
}

@media all and (max-width: 700px) {

}

@media all and (max-width: 680px) {
	.panel{ width: 100%; margin-right:0;}
	.panel:nth-child(3n),
	.panel:nth-child(2n) {margin-right:0;}
	.panel {margin-left:auto; margin-right: auto; max-width: 300px; margin-bottom: 30px;}


	.content-section {padding: 10px 0;}

	.double .column, .triple .column {width: 100%; margin:0;}


}

@media all and (max-width: 600px) {

		a#logo {height:85px; width:85px; background-size: 85px;}
		.section.header, .section.page-header {height: 72px;}
		.section.header {position: fixed;}
		.section.header + .section {padding-top: 81px;}
		.section.header + .section.breadcrumbs {padding-top: 110px;}
		.top-navigation {padding-top:30px;}

		.section.content-header { padding-top: 10px;}

		.post, .post .text, .post .image {width: 100%; padding-left:0; padding-right:0;}
		.post .text {margin-top: 20px;}

		.slides .overlay { width: 280px;}
		.slideshow .title {font-size: 27px; line-height: 30px;}
		.slides .overlay:before {height: 12px; top: -12px; background-size: 280px 12px;}
		.slides .overlay:after {height: 12px; bottom: -12px; background-size: 280px 12px;}

		span.strapline, span.no-mobile {display: none;}
}


@media all and (max-width: 550px) {
	p, li {font-size: 14px; line-height: 1.4;}
	h1 {font-size: 37px; line-height: 37px;}

	.panel .over-title::after {margin-top:-7px !important;}
	.over-title {font-size: 12px; line-height: 16px;}
	.title {font-size: 27px; line-height: 27px;}
	.people .panel .title {margin-top: -5px;}
	.panel.standard span.description {font-size: 15px; line-height: 1.3;}

	.footer-base .column {width: 100%; }


	blockquote p, p.intro, .post-introduction, .post-introduction p { font-size: 16px; line-height: 24px; }
	.section.texture h2 {font-size: 18px; line-height: 23px;}

	p.price, .woocommerce div.product form.cart {width: 100%;}
}


@media all and (max-width: 520px) {

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 100% !important; margin-right: 0 !important;}

}

@media all and (max-width: 450px) {

}

@media all and (max-width: 380px) {
	.site_pro_link span.content{padding: 10px;}
	.site_pro_link span.button {font-size: 11px; margin-top:0;}

}



.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

.woocommerce-store-notice, p.demo_store{

background-color:#720c10 !important;
font-family: RidleyGrotesk-semibold;
text-transform: uppercase;
font-size: 16px;

}

.woocommerce-store-notice a,
p.demo_store a {
text-decoration: none !important;
border-bottom: 1px solid;
}


.woocommerce-store-notice a.woocommerce-store-notice__dismiss-link,
p.demo_store a.woocommerce-store-notice__dismiss-link{
	font-size: 12px;
}

li.outofstock {
	position: relative;
}

li.outofstock a, li.outofstock img, li.outofstock span, li.outofstock h2 { opacity:0.5;}

li.outofstock::before{
	position: absolute;
	content: "Out of stock";
	text-transform: uppercase;
	font-family:  RidleyGrotesk-semibold;
	font-size: 13px;
	background-color:#720c10 !important;
	color:#fff;
	padding: 10px;
	top:0;
	left:0;
	z-index:2;
	
}


.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { display: none !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none; 
    margin: 0 !important; 
    padding: 0; 
    position: relative; 
    width: 100% !important; 
    margin-left: 0; 
}


.woocommerce .products ul, .woocommerce ul.products{
	display: grid; grid-gap: 4vw;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link { border:none !important; }

@media all and (min-width: 500px){ 	.woocommerce .products ul, .woocommerce ul.products{ grid-template-columns: 1fr 1fr} }
@media all and (min-width: 800px){ 	.woocommerce .products ul, .woocommerce ul.products{ grid-template-columns: 1fr 1fr 1fr} }
@media all and (min-width: 1200px){ 	.woocommerce .products ul, .woocommerce ul.products{ grid-template-columns:  1fr 1fr 1fr 1fr} }


.woocommerce-tabs{
	width:90%; margin:0 auto; max-width: 700px; 
}

.section.video { padding:0; }
.section.video .section-inner {width: 100%; max-width:100%;}
.section.video video { width:100%; height:100%; object-fit:cover;} 
.section.video.half_height video { height: 60vh;}


.iconic-wds-fields__fields { display: flex !important; }
.iconic-wds-fields__fields > div {
    width: 50%;
}
.iconic-wds-fields__fields div#jckwds-delivery-date-ymd-wrapper { display: none !important;}


.payment_method_clearaccept iframe { height: 45px !important;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0 1em !important;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, #e_deliverydate_field input.input-text {
	font-family: 'RidleyGrotesk-Regular' !important;
}

.text-and-image {
  display: flex;
  gap: 40px;
  align-items: center;
}

.text-and-image--reverse {
  flex-direction: row-reverse;
}

.text-and-image__media,
.text-and-image__content {
  flex: 1 1 0;
}

@media (max-width: 900px) {
  .text-and-image,
  .text-and-image--reverse {
    flex-direction: column;
  }
}

.cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 12px 22px;
  border: 2px solid currentColor;
  border-radius: 3px;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.cta-button:hover,
.cta-button:focus {
  transform: translateY(-1px);
  opacity: 0.9;
}

.cta-button:active {
  transform: translateY(0);
}