/* 
    Created on : 2022 April
    Author     : Daniel
*/


.color-brown { color: #422a18; }
.color-jwb { color: #3c2415; }
.color-crimson { color: #a43c4a; }
.color-aubergine { color: #6a575c; }
.color-shale { color: #808077; }
.color-clay { color: #dcc5b9; }
.color-strongwhite { color: #f5f1e9; }
.color-lightbrown { color: #d0c7be; }

body, body * {
	box-sizing: border-box;
}

body #page {
	width: 100%;
	max-width: 100%;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
}

#header-top {
	width: 100%;
	max-width: 100%;
	margin: 0;
	background-color: #d0c7be;
	text-align: right;
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px 0;
	padding: 0;
}
#header-top .bar-link-wrap {
	display: inline-block;
	font-size: 16px;
	color: #3c2415;
	border-left: 1px solid #888888;
	margin: 0;
	padding: 0;
}
#header-top #minicart {
	clear: none;
	border-top: 0 none;
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
}
#header-top a {
	text-decoration: none;
}
#header-top a:hover {
	text-decoration: underline;
}
#header-top #minicart .bar-link,
#header-top .bar-link {
	display: block;
	padding: 0.3em 2em;
	font-size: 16px;
	line-height: 1.2em;
	color: #3c2415;
	margin: 0;
}
#header-top #minicart .bar-link-cart,
#header-top .bar-link-cart {
	padding-right: 3.4em;
	position: relative;
}
#header-top .bar-link-cart::after {
	content: '';
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	right: 2em;
	top: 0.2em;
	background-image: url('/images/home22/icon-basket.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
	#header-top { justify-content: center; }
	#header-top .bar-link-wrap { border: 0 none; }
	#header-top .bar-link-wrap + .bar-link-wrap { border-left: 1px solid #888888; }
	#header-top .bar-link-wrap.bar-search + .bar-link-wrap { border-left: none; }
	#header-top #minicart .bar-link, #header-top .bar-link { padding: 0.3em 1em; }
	#header-top #minicart .bar-link-cart, #header-top .bar-link-cart { padding-right: 2.4em; }
	#header-top .bar-link-cart::after { right: 0.8em; }
}


#topsearch { float: right; }
#megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > a > img.um-img-resize { width: 1.4em; height: auto; }

.header-search {
	display: inline-block;
	font-size: 16px;
	padding: 0.3em 1.5em;
}
.site-header-top-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.site-header-top-search .toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
	left: -2px;
	color: #3c2415;
}
.site-header-top-search button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}
.site-header-top-search .toggle-inner {
	display: flex;
	justify-content: center;
	/*position: relative;*/
	position: static;
}
.site-header-top-search svg {
	display: block;
	height: 17px;
	max-width: 100%;
}
.search-form-main {
	width: 0;
	overflow: hidden;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	position: relative;
}
.search-form-main.active {
	width: 250px;
	margin-left: 9px;
	height: 20px;
}
.site-header-top-search .search-form-wrap {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	width: 100%;
}
.site-header-top-search .search-form {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	width: 100%;
	padding: 0 25px 0 0;
}
.search-form label {
	align-items: stretch;
	display: flex;
	font-size: inherit;
	font-weight: normal;
	margin: 0;
	width: 100%;
}
.search-form-main .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}
.search-form-main .search-form .search-field {
	display: block;
	background: 0 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	height: 20px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #3c2415;
	width: 100%;
	color: #3c2415;
}
.search-form-main .search-form-close {
	cursor: pointer;
	position: absolute;
	right: 7px;
	top: 2px;
}
@media only screen and (max-width: 767px) {
	.bar-search { width: 100%; text-align: center; }
}



.row {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.column {
	overflow: visible;
}

#header {
	overflow: visible;
}
#header #headerimg {
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px 0;
}
#header #headerimg img {
	max-width: 100%;
	height: auto;
}


@media only screen and (max-width: 767px) {
	#page #header #headerimg {
/*		margin: 0 10px;
		width: calc(66.66666% - 20px);*/
	}	
	#page #header #headerimg {
		text-align: left;
		float: none;
		width: calc(50%);
		margin: 0;
		padding: 10px 8px;
		max-width: 210px;
	}

	
}




.hp-wrap * {
	box-sizing: border-box;
}
.hp-wrap {
	/*font-family: 'Roboto', Open Sans, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 300;
}

.hp-wrap .text-align-center {
	text-align: center;
}
.hp-wrap .text-align-left {
	text-align: left;
}
.hp-wrap .text-align-right {
	text-align: right;
}
.hp-wrap a {
	text-decoration: none;
	color: #422a18;
}
.hp-wrap a:hover {
	color: #333333;
}
.section-sub-title a { color: inherit; display: inline-block; }
.section-sub-title a:hover { color: inherit; opacity: 0.8; }

#content h2.hclay {
	background-color: #d0c7be;
	padding: 4px 10px;
}

.hp-wrap h1,
.hp-wrap h2,
.hp-wrap h3 {
	font-family: 'Butler', serif;
	font-weight: 400;
}
.hp-wrap h1 { font-size: 44px; }
.hp-wrap h2 { font-size: 34px; }
.hp-wrap h3 { font-size: 24px; }
.hp-wrap h4 { font-size: 20px; font-weight: 300; }
.hp-wrap h5 { font-size: 18px; font-weight: 300; }
.hp-wrap h6 { font-size: 16px; font-weight: 300; }

.giftcert h2,
#cart h2 { font-size: 28px; }

@media only screen and (max-width: 767px) {
	.hp-wrap h1 { font-size: 34px; }
	.hp-wrap h2 { font-size: 26px; }
	.hp-wrap h3 { font-szie: 22px; }
	.hp-wrap h4 { font-size: 20px; }
	.hp-wrap h5 { font-size: 18px; }
	.hp-wrap h6 { font-size: 16px; }

	.giftcert h2,
	#cart h2 { font-size: 22px; }
}

#page {
	background-image: none;
}

#content {
	font-size: 100%;
}
#content p {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	/* font-size: 15px; */
}


.header-landing {
	width: 100%;
	background-color: #3c2415;
	color: #f5f1e9;
	padding: 0.5em 1em;
	font-size: 26px;
	margin: 0;
}
@media only screen and (max-width: 767px) {
.header-landing { font-size: 22px; }

}



.content-section {}
/*.content-section::after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;width: 0;}*/
.content-section-category { padding: 30px 0 0; }

.content-section-category .products-column { padding-bottom: 30px; }

.content-section .container{
	position:relative;
	margin: 0 auto;
	max-width: 1200px;
}

.category-header {
	background-color: #f5f1e9;
}
.category-header .col1_1 .container {
	width: 100%;
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
}


.category-header .text-column { 
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.category-header .image-column { }
@media only screen and (min-width: 768px) {
	.category-header .image-column { min-height: 420px; }
}
@media only screen and (max-width: 767px) {
	.category-header .text-column { padding: 30px; }
	#page .category-header .container-half.cont-half-left { padding: 0; }
	.category-header .image-column { padding: 55% 0 0 0; }
	.content-section-category { padding: 30px 6px; }
}


/* Forms */

.button-wrap { padding: 0; }
.jw-frame-button {
	display: inline-block;
	position: relative;
	background-color: transparent;
	border: 0 none;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 1.5px;
	line-height: 1;
	padding: 0.7em 3.6em 0.65em;
	/*margin: 4px;*/
	cursor: pointer;
}
.jw-frame-button::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: -3px;
	left: -3px;
	border: 1px solid #422a18;
	transition: all 0.3s ease-in-out;
}
.jw-frame-button::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 3px;
	left: 3px;
	border: 1px solid #422a18;
	transition: all 0.3s ease-in-out;
}
.jw-frame-button:hover::before,
.jw-frame-button:hover::after {
	top: 0;
	left: 0;
}

/*#cart a.ectlink, .seeall a.ectlink, .buttonlink, #gform_submit_button_28,#gform_submit_button_29,#gform_submit_button_34, a.catlink, .entry form input.submit, #commentform input#submit, #prodreviews form input.submit, #sortby input.sortbutton, .listbutton a.ectlink,*/
input[type="button"],input[type="submit"],
#searchform input[type="submit"],
#gform_submit_button_28,#gform_submit_button_29,#gform_submit_button_34,#commentform input#submit,#gform_submit_button_33,.gform_wrapper .gform_footer input.button,
.videosnippet .videolink, .pagesnippet p a, .button-continue,
.morelink .button, #upsell .catlinkdiv a, .localDeliveryNoteBottom .button, #cart .button,
.jw-button {
	display: inline-block;
	position: relative;
	background-color: transparent;
	/*border: 0 none;*/
	font-size: 14px;
	font-weight: 600;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 1.5px;
	line-height: 1;
	padding: 0.8em 3.2em;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	/*color: #422a18;*/
	/*border: 1px solid #422a18;*/
	color: #6a575c;
	border: 1px solid #6a575c;
	text-transform: uppercase;
	text-decoration: none;
}
input[type="button"]:hover,input[type="submit"]:hover,
#searchform input[type="submit"]:hover,
.videosnippet .videolink:hover, .pagesnippet p a:hover,#gform_submit_button_28:hover,#gform_submit_button_29:hover,#gform_submit_button_34:hover,#gform_submit_button_33:hover,
.gform_wrapper .gform_footer input.button:hover,
.morelink .button, #upsell .catlinkdiv a:hover, .localDeliveryNoteBottom .button:hover, #cart .button:hover,#commentform input#submit:hover,
.button-continue:hover,
#page .jw-button:hover,
.jw-button:hover {
	/*background-color: #422a18;*/
	background-color: #6a575c;
	color: #ffffff;
}
#cart .button { padding: 0.8em 2.0em; }
#cart .detailsbox .button { padding: 0.2em 2.0em; }
/*#cart a.ectlink, .seeall a.ectlink, .buttonlink, #gform_submit_button_28,#gform_submit_button_29,#gform_submit_button_34, a.catlink, .entry form input.submit, #commentform input#submit, #prodreviews form input.submit, #sortby input.sortbutton, .listbutton a.ectlink,*/
.pagesnippet p a,#gform_submit_button_28,#gform_submit_button_29,#gform_submit_button_34,
.videosnippet .videolink { padding: 0.3em 2.0em; font-size: 12px; }

.blog-search .search-submit { width: auto; height: auto; margin-top: 5px;}

.jw-button.button-small1 {
	font-size: 12px;
	padding: 0.4em 1.2em;
}


.signup-form-wrap .field {
	width: 30%;
}
.signup-form-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    font-size: 16px;
    font-family: inherit;
    letter-spacing: normal;
    padding: 12px 12px;
    border-radius: 0;
    color: #3c2415;
    background-color: transparent;
    /*border: 1px solid #eee;*/
    border: 0 none;
	border-bottom: 2px solid #3c2415;
	width: 100%;
}
.signup-form-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #422a18;
  font-size: 14px;
  opacity: 1;
}
.signup-form-wrap input::-moz-placeholder { /* Firefox 19+ */
  color: #422a18;
  font-size: 14px;
  opacity: 1;
}
.signup-form-wrap input:-ms-input-placeholder { /* IE 10+ */
  color: #422a18;
  font-size: 14px;
  opacity: 1;
}
.signup-form-wrap input:-moz-placeholder { /* Firefox 18- */
  color: #422a18;
  font-size: 14px;
  opacity: 1;
}
@media all and (-ms-high-contrast:none){
	.signup-form-wrap .field{
		padding-right: 5px;
	}
}

.signup-form-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.signup-form-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus-visible {
    background-color: rgba(255,255,255,0.05);
    /*border: 1px solid #eee;*/
    border: 0 none;
	border-bottom: 2px solid #3c2415;
}

.rsvp-form {}
.rsvp-form .field-horizontal,
.gform_wrapper.gravity-theme .rsvp-form .field-horizontal { margin-bottom: 20px; }
.gform_wrapper.gravity-theme .rsvp-form .field-horizontal .gfield_label { margin-left: auto; margin-right: auto; display: block; }
.gform_wrapper.gravity-theme .rsvp-form .field-horizontal .gfield_radio {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.gform_wrapper.gravity-theme .rsvp-form .field-horizontal .gfield_radio .gfield-choice-input + label {
	max-width: 100%;
	cursor: pointer;
}
.gform_wrapper.gravity-theme .rsvp-form .options-bold .gfield_radio .gfield-choice-input + label {
	font-weight: bold;
	font-size: 1.0em;
}
.gform_wrapper.gravity-theme .rsvp-form .mb-20 { margin-bottom: 20px; }


@media only screen and (max-width: 767px) {
	.signup-form-wrap .field {
		width: 90%;
	}
}

@media only screen and (min-width: 641px) {
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		width: calc(50% - 8px);
		max-width: calc(50% - 8px);
	}
}



.row-section { width: 100%; }
.row-section::after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;width: 0;}


.content-section .container{
	position:relative;
	margin: 0 auto;
	max-width: 1200px;
}
.content-row {
	position:relative;
	margin: 0 auto;
	max-width: 1200px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.content-row.row-fullwidth { width: 100%; max-width: 100%; }
.content-row .col1_1 {
	/*width: 100%;*/
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
}
.content-row.row-fullwidth .col1_1 { width: calc(100% - 20px); }
.content-row.row-fullwidth .col1_1.no-gutter { width: 100%; }
.content-row .col1_2 { width: calc(50% - 20px); }
.content-row .col1_2.no-gutter { width: 50%; }
.content-row.gutter-2 .col1_2 { width: calc(50% - 40px); }
.content-row .col1_3 { width: calc(33.33333% - 20px); }
.content-row .col1_3.no-gutter { width: 33.33333%; }
.content-row .col2_3 { width: calc(66.66666% - 20px); }
.content-row .col2_3.no-gutter { width: 66.66666%; }
.content-row .col1_4 { width: calc(25% - 20px); }
.content-row .col1_4.no-gutter { width: 25%; }
.content-row .col3_4 { width: calc(75% - 20px); }
.content-row .col3_4.no-gutter { width: calc(75%); }
.content-row .col1_5 { width: calc(20% - 20px); }
.content-row .col1_5.no-gutter { width: 20%; }
.content-row .col2_5 { width: calc(40% - 20px); }
.content-row .col2_5.no-gutter { width: 40%; }
.content-row .col3_5 { width: calc(60% - 20px); }
.content-row .col3_5.no-gutter { width: 60%; }
.content-row .col4_5 { width: calc(80% - 20px); }
.content-row .col4_5.no-gutter { width: 80%; }

.content-row .col1_1,
.content-row .column {
	margin-left: calc(20px / 2);
	margin-right: calc(20px / 2);
}
.content-row .column.no-gutter {
	margin-left: 0;
	margin-right: 0;
}
.content-row.gutter-2 .column {
	margin-left: calc(40px / 2);
	margin-right: calc(40px / 2);
}

/*
	.row-section .container .image-column { margin-left: 0; margin-right: 0; }
	.row-section .container .col2_5.image-column,
	.row-section .container .col2_5.has-gutter.image-column {
		width: 40%;
	}
	.row-section .container .col3_5.image-column,
	.row-section .container .col3_5.has-gutter.image-column {
		width: 60%;
	}
}*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.content-row .tcol1_1 { width: calc(100% - 20px); }
	.content-row .tcol1_1.no-gutter { width: 100%; }
	.content-row .tcol1_2 { width: calc(50% - 20px); }
	.content-row .tcol1_2.no-gutter { width: 50%; }
	.content-row .tcol1_3 { width: calc(33.33333% - 20px); }
	.content-row .tcol1_3.no-gutter { width: 33.33333%; }
	.content-row .tcol2_3 { width: calc(66.66666% - 20px); }
	.content-row .tcol2_3.no-gutter { width: 66.66666%; }
	.content-row .tcol1_4 { width: calc(25% - 20px); }
	.content-row .tcol1_4.no-gutter { width: 25%; }
	.content-row .tcol3_4 { width: calc(75% - 20px); }
	.content-row .tcol3_4.no-gutter { width: 25%; }
	.content-row .tcol1_5 { width: calc(20% - 20px); }
	.content-row .tcol1_5.no-gutter { width: 20%; }
	.content-row .tcol2_5 { width: calc(40% - 20px); }
	.content-row .tcol2_5.no-gutter { width: 40%; }
	.content-row .tcol3_5 { width: calc(60% - 20px); }
	.content-row .tcol3_5.no-gutter { width: 60%; }
	.content-row .tcol4_5 { width: calc(80% - 20px); }
	.content-row .tcol4_5.no-gutter { width: 80%; }

}
@media only screen and (max-width: 767px) {
	.content-row .col1_1,
	.content-row .col1_2,
	.content-row.gutter-2 .col1_2,
	.content-row .col1_3,
	.content-row .col2_3,
	.content-row .col1_4,
	.content-row .col3_4,
	.content-row .col1_5,
	.content-row .col2_5,
	.content-row .col3_5,
	.content-row .col4_5 {
		width: calc(100% - 20px);
	}
	.content-row .col1_2.no-gutter,
	.content-row .col1_3.no-gutter,
	.content-row .col2_3.no-gutter,
	.content-row .col1_4.no-gutter,
	.content-row .col3_4.no-gutter,
	.content-row .col1_5.no-gutter,
	.content-row .col2_5.no-gutter,
	.content-row .col3_5.no-gutter,
	.content-row .col4_5.no-gutter {
		width: 100%;
	}

	.content-row .col1_2:not(:last-child),
	.content-row .col1_3:not(:last-child),
	.content-row .col2_3:not(:last-child),
	.content-row .col1_4:not(:last-child),
	.content-row .col3_4:not(:last-child),
	.content-row .col1_5:not(:last-child),
	.content-row .col2_5:not(:last-child),
	.content-row .col3_5:not(:last-child),
	.content-row .col4_5:not(:last-child) {
		margin-bottom: 10px;
	}
	.content-row .col1_2.no-gutter:not(:last-child),
	.content-row .col1_3.no-gutter:not(:last-child),
	.content-row .col2_3.no-gutter:not(:last-child),
	.content-row .col1_4.no-gutter:not(:last-child),
	.content-row .col3_4.no-gutter:not(:last-child),
	.content-row .col1_5.no-gutter:not(:last-child),
	.content-row .col2_5.no-gutter:not(:last-child),
	.content-row .col3_5.no-gutter:not(:last-child),
	.content-row .col4_5.no-gutter:not(:last-child) {
		margin-bottom: 0;
	}
	
	.content-row .mcol1_1 { width: calc(100% - 20px); }
	.content-row .mcol1_1.no-gutter { width: 100%; }
	.content-row .mcol1_2 { width: calc(50% - 20px); }
	.content-row .mcol1_2.no-gutter { width: 50%; }
	.content-row .mcol1_3 { width: calc(33.33333% - 20px); }
	.content-row .mcol1_3.no-gutter { width: 33.33333%; }
	.content-row .mcol2_3 { width: calc(66.66666% - 20px); }
	.content-row .mcol2_3.no-gutter { width: 66.66666%; }
	.content-row .mcol1_4 { width: calc(25% - 20px); }
	.content-row .mcol1_4.no-gutter { width: 25%; }
	.content-row .mcol3_4 { width: calc(75% - 20px); }
	.content-row .mcol3_4.no-gutter { width: 25%; }
	.content-row .mcol1_5 { width: calc(20% - 20px); }
	.content-row .mcol1_5.no-gutter { width: 20%; }
	.content-row .mcol2_5 { width: calc(40% - 20px); }
	.content-row .mcol2_5.no-gutter { width: 40%; }
	.content-row .mcol3_5 { width: calc(60% - 20px); }
	.content-row .mcol3_5.no-gutter { width: 60%; }
	.content-row .mcol4_5 { width: calc(80% - 20px); }
	.content-row .mcol4_5.no-gutter { width: 80%; }
	
	.section-title { letter-spacing: 1.5px;}
	.section-sub-title { padding-left: 5%; padding-right: 5%; }

	.content-row.gutter-2 .column {
		margin-left: calc(20px / 2);
		margin-right: calc(20px / 2);
	}
}


.is-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.is-align-center {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.is-flex-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.is-flex-row {
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.is-flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}
.is-justify-start, .is-justify-left {
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.is-justify-center {
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}



.hp-wrap .page-title { letter-spacing: 2px; }
.hp-wrap .section-title { letter-spacing: 2px;}

.hp-wrap .section-sub-title { font-size: 16px; line-height: 1.7em; }


#s-craftheritage {
	background-color: #f4f2e9;
}
#s-craftheritage .content-text { letter-spacing: 1.5px; }

#craftherigtage-image { background-image: url('/images/home22/web-craft-heritage-bg.jpg'); }

#s-craftheritage .button-wrap { margin-bottom: 15px; }

.column.image-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.landing-section-cream { background-color: #f4f2e9; }
.landing-section-white { background-color: #ffffff; }

.section-divider .content-row {
	padding: 40px 0;
}

.content-section .container-half {
	max-width: 600px;
}
.content-section .container-half.cont-half-left {
	margin-left: auto;
	padding: 10% 15% 10% 5%;
}
#s-craftheritage.content-section .container-half.cont-half-left {
	padding: 10% 10% 10% 5%;
}
.content-section .container-half.cont-half-right {
	margin-right: auto;
	padding: 10% 5% 10% 15%;
}
.content-section .container-half.cont-half-left.container-half-middle,
.content-section .container-half.cont-half-right.container-half-middle {
	padding-top: 5%;
	padding-bottom: 5%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.content-text {
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
#s-craftheritage .content-text {
	font-size: 18px;
	line-height: 1.7em;
}

@media only screen and (max-width: 767px) {
	#s-craftheritage .content-text { font-size: 16px; }
	.section-sub-title { font-size: 15px; }
}


#s-quality {}
#s-quality .content-row { padding: 40px 0; }
.service-slider { margin: 20px 0; }
.service-slider .slick-prev::before, .service-slider .slick-next::before { color: #3c2415; }
.hp-wrap .service-link { display: block; text-align: center; color: #3c2415; }
/*.service-link:hover { opacity: 0.7; }*/

.service-icon {
    content: "";
    width: 120px;
    height: 120px;
    display: inline-block;
    padding: 0;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-icon.beef { background-image: url(/images/home22/jwb-icon-beef.svg); }
.service-icon.chicken { background-image: url(/images/home22/jwb-icon-chicken.svg); }
.service-icon.lamb { background-image: url(/images/home22/jwb-icon-lamb.svg); }
.service-icon.pork { background-image: url(/images/home22/jwb-icon-pork.svg); }
.service-icon.game { background-image: url(/images/home22/jwb-icon-game.svg); }
.service-icon.turkey { background-image: url(/images/home22/jwb-icon-turkey.svg); }
.service-icon.goose { background-image: url(/images/home22/jwb-icon-goose.svg); }
.service-icon.rabbit { background-image: url(/images/home22/jwb-icon-rabbit.svg); }
.service-icon.grilling { background-image: url(/images/home22/jwb-icon-grilling.png); }
.service-icon.lightbites { background-image: url(/images/home22/jwb-icon-lightbites.svg); }
.service-icon.summerroasts { background-image: url(/images/home22/jwb-icon-summer-roasts2.svg); }
.service-icon.freerange { background-image: url(/images/home22/jwb-icon-summer-roasts2.svg); }
.service-icon.midweekmeals { background-image: url(/images/home22/jwb-icon-midweekmeals.svg); }
.service-icon.worldclassbeef { background-image: url(/images/home22/jwb-icon-world-class-beef-02.svg); }
.service-icon.christmas { background-image: url(/images/home22/jwb-icon-christmas.svg); }

.service-title {
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 15px;
	font-weight: 600;
	position: relative;
}
.service-title::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	transition: all 0.2s ease-in-out;
	border-bottom: 2px solid #3c2415;
}
.service-link:hover .service-title::after { width: 60%; left: 20%; }

@media only screen and (max-width: 980px) {
	#s-quality .content-row { padding: 20px 0; }
	.service-slider { margin: 10px 40px; }
	.service-slider .slick-prev { left: -40px; }
	.service-slider .slick-next { right: -40px; }
	
}


#s-foundations {
	background-color: #f4f2e9;
}
#foundation-image {
	background-image: url('/images/home22/video-screenshot.jpg');
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#foundation-image .video-player-wrap {
	/*display: block;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(100,100,100,0.2);
	cursor: pointer;
}
#foundation-image .video-player-wrap::before {
	content: '';
	/*display: block;*/
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50px,-50px);
	width: 100px;
	height: 100px;
	background-image: url(/images/home22/icon-youtube-default.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#foundation-image .video-player-wrap:hover::before {
	opacity: 0.8;
}
#foundation-image .video-player-wrap .video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.video-player-wrap .video-link {
	opacity: 0;
}
.video-player-wrap.active .video-link { display: none; }
.video-player-wrap.active {
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	position: relative;
}
.video-player-wrap.active .video-link { display: none; }
.video-player-wrap.active iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#foundation-image .video-player-wrap.active .video {
	background-color: #f4f2e9;
	background-color: #000000;
	opacity: 1;
}
.playpause {
	background-image: url('/images/home22/media_play_pause_resume.png');
	background-repeat: no-repeat;
	width: 24%;
	height: 110px;
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	z-index: 3;
	margin: auto;
	background-size: contain;
	background-position: center;
	opacity: 0.8;
}
.video-player-wrap:hover .playpause {
	opacity: 0.4;
}


#s-fromstore { background-color: #6a575c; color: #f5f1e9; }
#s-fromstore .content-row { padding: 40px 0; color: #f5f1e9; }
#s-fromstore .section-sub-title { font-size: 18px; letter-spacing: 0.5px; }

@media only screen and (max-width: 767px) {
	.section-sub-title a { color: inherit; display: block; }
}

#s-craftedflavour { background-color: #f5f1e9; }
#craftedflavour-image { background-image: url('/images/home22/crafted-flavour-bg.jpg'); }


#s-traditiontaste { padding: 40px 0 50px; }
#s-traditiontaste .content-row { padding: 20px 0; }
#s-traditiontaste .section-sub-title { font-size: 17px; }

.content-row .feature-wrap {
	border: 1px solid #000000;
	padding: 6px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.content-row .feature-wrap .feature-link {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}
.content-row .feature-wrap .feature-link:hover { opacity: 0.8; }
.content-row .feature-wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.content-row .feature-wrap .feature-title {
	font-size: 19px;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 0;
	letter-spacing: 1.5px;
}
.content-row .feature-wrap p {
	font-size: 15px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 767px) {
	#s-traditiontaste { padding: 20px 0 20px; }
	.content-row .feature-wrap { width: 96%; margin: 0 auto; }
}


#s-giftofmore { background-color: #f5f1e9; padding: 50px 0; }
#s-giftofmore .content-row { padding: 10px 0; }

.gift-link {
	display: block;
	padding: 0 0 10px 0;
	position: relative;
}
.gift-link::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	transition: all 0.2s ease-in-out;
	border-bottom: 2px solid #3c2415;
}
.gift-link:hover::after { width: 60%; left: 20%; }
.service-link:hover .service-title::after { width: 60%; left: 20%; }


.gift-wrap { text-align: center; padding: 0 5%; }
.gift-icon {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto 15px auto;
}
.gift-icon img {
	max-width: 100%;
	max-height: 100%;
}
.gift-wrap .gift-title {
	font-size: 16px;
	line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
	#s-giftofmore { padding: 20px 0; }
}

#s-newsletter { background-color: #d0c7be; padding: 20px 0 40px 0; }
#s-newsletter .content-row { padding: 20px 0; }
.signup-form-wrap { text-align: center; }
.signup-form-wrap label { display: none; }
.fields-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
@media only screen and (max-width: 767px) {
	#s-newsletter { padding: 20px 0; }
}

@media only screen and (max-width: 767px) {
	.mobile-order1 { order: 1; }
	.mobile-order2 { order: 2; }
	#craftherigtage-image { padding-top: 40%; }
	#craftedflavour-image { padding-top: 40%; }
	.content-section .container-half.cont-half-left,
	.content-section .container-half.cont-half-right { margin-left: auto; margin-right: auto; max-width: 100%; padding: 5%; }
	.video-column .video-player-wrap { padding-top: 56.25%; }
	.video-column .video-player-wrap.active,
	.video-player-wrap.active { padding-top: 56.25%; }
}

/****************************************************************************************************/
/******* CATEGORY PAGE ******************************************************************************/
/****************************************************************************************************/


.products-navigation-bar {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
}

.products-navigation-bar #sortby { padding: 0; }

.form-sortby {}
.form-sortby label {
	padding: 4px;
	font-size: 14px;
	color: #422a18;
	line-height: 1.4em;
}
#cart select,
#sortby .form-sortby select,
.form-sortby select {
	border: 1px solid transparent;
	padding: 4px;
	font-size: 14px;
	background-color: transparent;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	color: #422a18;
	line-height: 1.4em;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 0.5px;
}
#sortby .form-sortby select option,
.form-sortby select option {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 0.5px;
	color: #422a18;
	background-color: #ffffff;
}
#cart select { border: 1px solid #6a575c; }

#sortby .form-sortby input.sortbutton {
	font-size: 14px; padding: 4px;
	line-height: 1.4em;
}

.pagenums { text-align: right; margin-top: 20px; }
.products-navigation-bar .pagenums { margin-top: 0; }
.pagenums span,
.pagenums a {
	display: inline-block;
	padding: 4px 7px;
	text-align: center;
}
.pagenums span.currpage,
.pagenums a { font-weight: 600; }
.pagenums span.currpage {
	background-color: #422a18;
	color: #ffffff;
}
@media only screen and (max-width: 767px) {
	.products-navigation-bar {
		flex-direction: column;
		align-items: center;
		gap: 15px;
		padding: 5px 0;
	}
	.pagenums { font-size: 0; }
	.pagenums span, .pagenums a { padding: 4px 5px; font-size: 15px; }
}



.important {
	text-align: left;
	padding: 5px 10px;
	background-color: #f5f1e9;
	margin-bottom: 5px;
}

.localDeliveryNoteTop {}
.localDeliveryNoteTop h3 {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 15px;
	margin-top: 15px;
}
.localDeliveryNoteBottom {
	margin-top: 20px;
}
.localDeliveryNoteBottom p,
.localDeliveryNoteTop p {
	letter-spacing: 1px;
}




.row.product-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.product-list .listing {
	text-align: left;
	height: auto;
	margin-bottom: 20px;
	float: none;
}

.product-list .listing .listimage {
	width: 100%;
	overflow: hidden;
	border: 0;
	position: relative;
	/*aspect-ratio: 4/3;*/
	aspect-ratio: 3/2;
	display: block;
	height: auto;
}
.product-list .listing .listimage > a {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	justify-content: center;
	/*justify-content: flex-start;*/
	align-items: center;
}
.product-list .listing .listimage .prodimage {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
	transition: all 0.3s ease-in-out;
}
.listimage a .teasedesc { display: none; }
.listimage a:hover .teasedesc {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 12;
	background-color: rgba(245, 241, 233,0.85);
	border: 2px solid rgb(245, 241, 233);
	color: #422a18;
	color: #000000;
	font-size: 13px;
	line-height: 1.3em;
	padding: 10px;
	box-sizing: border-box;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	opacity: 1;
	top: 0;
	left: 0;
	margin: 0;
}
.product-list .listing .listimage .award-label {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4px;
	text-align: center;
	background-color: #d0c7be;
	color: #422a18;
	font-size: 15px;
	font-weight: 600;
}

@media all and (-ms-high-contrast:none){
	.product-list .listing .listimage {
		position: relative;
		min-height: 150px;
	}
	.product-list .listing .listimage::before {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 33% 0 0 0;
		content: '';
		min-height: 1px;
	}
	.product-list .listing .listimage > a {
		position: absolute;
		top: 0;
		left: 0;
	}
}

.listing .listinfo,
.product-list .listinfo {
	height: auto;
	padding: 5px 0;
	position: relative;
}
.christmasProduct.listing .listinfo,
.localDeliProduct.listing .listinfo { padding-right: 30px; }

.product-list .listinfo h3 {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.5em;
	height: auto;
}
#upsell a.catlink, .product-list a.ectlink {
	display: block;
	padding: 2px 0;
	width: 100%;
	text-align: left;
	font-weight: normal;
	margin: 0;
}
.product-list .listinfo .prodprice {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 1px;	
}
.price-range-label { font-size: 0.85em; font-weight: normal;}
.product-list .listbutton .ectlink-btn, 
.product-list .listbutton { display: none; }

.product-mark-Localdelivery,
.product-mark-Christmas {
	display: inline-block;
	/*float: right;*/
	width: 30px;
	height: 30px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.product-mark-Localdelivery { background-image: url('/images/local-deli-tag-marker-brown.png'); }
.product-mark-Christmas { background-image: url('/images/christmas-product-icon-brown.png'); bottom: 35px; }

.christmasProduct.localDeliProduct .product-mark-Localdelivery,
.christmasProduct.localDeliProduct .product-mark-Christmas {
	width: 25px;
	height: 25px;
}
.christmasProduct.localDeliProduct .product-mark-Christmas { bottom: 30px; }


.localDeliProduct .cart-tab-img::before {
	position: absolute;
	z-index: 9;
	display: block;
	bottom: 0px;
	right: 0;
	width: 50%;
	height: 50%;
/*	background-image: url('/images/local-deli-tag-marker.png');*/
	background-image: url('/images/local-deli-tag-marker-brown.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	content: " ";
	padding: 0;
	font-weight: bold;
	color: #f5810a;
	transition: all 0.3s ease;
	font-size: 12px;
}


/* remove old icons */
/*#homeright .localDeliProduct .snipimages a::before,
.localDeliProduct .cart-tab-img::before,
.categoriesPage .localDeliProduct .img::before,*/
#proddetail.localDeliProduct #mainprodimg .fancyimg::before,
#upsell .localDeliProduct .img::before,
.listing.localDeliProduct .listimage::before { display: none; }


/*@media all and (-ms-high-contrast:none){
	.product-list .listing .listimage {
		position: relative;
	}
	.product-list .listing .listimage::before {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 33% 0 0 0;
	}
	.product-list .listing .listimage > a {
		position: absolute;
		top: 0;
		left: 0;
	}
}*/

@media only screen and (max-width: 767px) {
	.content-row .row.product-list { display: block; }
	.content-row .product-list .listing { width: 100%; max-width: 340px; margin: 0 auto 10px auto; }
}

/* centered text */
#upsell a.catlink, .product-list a.ectlink,
.listing .listinfo, .product-list .listinfo { text-align: center; }
.christmasProduct.listing .listinfo, .localDeliProduct.listing .listinfo { padding-right: 30px; padding-left: 30px; }
.product-list .listinfo h3 { min-height: 3em; }
	
@media only screen and (min-width: 981px) and (max-width: 1199px) {	
	.christmasProduct.listing .listinfo, .localDeliProduct.listing .listinfo { padding-right: 20px; padding-left: 20px; }
	.product-mark-Localdelivery, .product-mark-Christmas { width: 20px; height: 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {	
	.christmasProduct.listing .listinfo, .localDeliProduct.listing .listinfo { padding-right: 20px; padding-left: 20px; }
	.product-mark-Localdelivery, .product-mark-Christmas { width: 20px; height: 20px; }
}


/**********************************************************/
/**** CATEGORIES PAGE ******************************/
/**********************************************************/


.category-header-text {}
.category-header-text h3 {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1px;
}

.categories-list {}
.categories-list .row.product-list {
	/*margin: 0 -10px 0 -10px;*/
}

.categories-list .category-box {
	margin-bottom: 30px;
}
.categories-list .category-title {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	background-color: #f4f2e9;
	padding: 5px;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.categories-list .catlinkdiv {
	padding: 6px;
	float: none;
	width: 100%;
	text-align: center;
}
.catlinkdiv .jw-frame-button {
	padding: 0.7em 2.0em 0.65em;
	text-transform: uppercase;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.categories-list .catlinkdiv {
		padding: 0;
		width: auto;
	}
	.catlinkdiv .jw-button { padding: 0.8em 1.6em;}
	
}

/**********************************************************/
/**** PRODUCT PAGE ******************************/
/**********************************************************/

.product-important-bar {
	background-color: #6a575c;
	color: #ffffff;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 20px;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}
.product-important-bar a {
	color: #ffffff;
}
.product-important-bar a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.product-images .award-label {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	background-color: #d0c7be;
	color: #422a18;
	font-size: 15px;
	font-weight: 600;
}
#mainprodimg {}
#mainprodimg .prodimage { max-width: 100%; }


#proddetail {
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 15px;
}
#proddesc {}
#proddesc .product-name {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

#proddesc #poptions {
	padding: 10px 0;
}
#proddesc #poptions p {
	padding: 0;
	margin-bottom: 10px;
}

#pprice {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 20px;
	/*position: relative;*/
	padding: 5px 0;
	margin-bottom: 20px;
	/* letter-spacing: 1px; */
}
#pprice span {
	font-weight: 600;
}
#pprice span.small {
	font-weight: 400;
}

#poptions label {
	display: block;
	padding: 5px 0;
	font-size: 14px;
}

.listing .prodoptions textarea,
.listing .prodoptions input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.listing select,
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
#cartcontents input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
#searchform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
#searchform select,
#poptions input.prodoption,
#poptions textarea.prodoption,
#poptions select.prodoption {
	width: 100%;
	background-color: #ffffff;
	color: #6a575c;
	font-size: 14px;
	padding: 5px 8px;
	border: 1px solid #6a575c;
	border-radius: 0;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
}
#proddesc #poptions p.option-dropdown {
	background-color: #f4f2e9;
	padding: 10px;
	border: 1px solid #6a575c;
}
#proddesc #poptions p.option-dropdown label { font-weight: bold; font-size: 16px; }

.giftcert #cartcontents textarea,
.giftcert #cartcontents select,
.giftcert #cartcontents input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.giftcert textarea,
.giftcert select,
.giftcert form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	padding: 0.5em 0.8em;
	background-color: #f4f2e9;
	border: 1px solid #6a575c4f;
	width: 100%;
}
.giftcert #cartcontents label {
	font-weight: bold;
}
.giftcert-info p {
	line-height: 1.4em;
}

#localDeliveryShop {
	background-color: #ffffff;
	color: #6a575c;
	font-size: 14px;
	padding: 5px 8px;
	border: 1px solid #6a575c;
	border-radius: 0;	
}


.qty-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	position: relative;
}
.qty-row .product-mark-Localdelivery {
	bottom: 0;
}
.qty-row .product-mark-Christmas {
	bottom: 35px;
}

.qty-row .qtyChange {
	display: inline-block;
	margin: 0;
	padding: 5px;
	font-size: 16px;
	line-height: 1em;
	cursor: pointer;
	border: 1px solid #6a575c;
	text-align: center;
	width: 2em;
}
.qty-row .qtyChange.qtyDecrease { border-right: 0 none; }
.qty-row .qtyChange.qtyIncrease { border-left: 0 none; }
.qty-row .quant-field {
	font-size: 16px;
	padding: 5px 8px;
	border: 1px solid #6a575c;
	line-height: 1em;
}

#proddesc p.buybutton {
	padding: 10px 0;
}
#proddesc input.buybutton {
	display: inline-block;
	position: relative;
	background-color: transparent;
	border: 1px solid #6a575c;
	color: #6a575c;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 1.5px;
	line-height: 1;
	padding: 1.3em 2em;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
#proddesc input.buybutton:hover {
	background-color: #6a575c;
	color: #ffffff;
}

#proddesc .alert {
	background-color: #422a18;
	color: #ffffff;
}
#proddesc .alert a { color: #ffffff; }
#proddesc .alert a:hover { color: #ffffff; }


#proddesc .product-description {
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	font-size: 15px;
}
#proddesc * {}
#proddesc .product-description strong {
	font-weight: 600;
}

#proddesc a:hover { text-decoration: underline; }

#proddesc .product-info-row {
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #efefef;
}
.product-info-row a { font-weight: 600; font-size: 15px; text-transform: uppercase; }
.product-info-row a.ectlink { font-weight: 600; font-size: 15px; text-transform: uppercase; display: inline; padding: 0; margin: 0; }



#proddesc .allergen-row { }
#proddesc .tags { }
#proddesc .tags .tags-title,
#proddesc .tags a { font-weight: 600; }

.share-row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0;
	/*border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;*/
}
.share-row .share-title {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	font-weight: 600;
	font-size: 18px;
	line-height: 1em;
	padding: 5px 10px 5px 0;
	display: inline-block;
	border-right: 1px solid #422a18;
}
.share-row .addthis_inline_share_toolbox {
	padding: 5px 10px;
}
.share-row .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn {
	margin: 0 5px 5px;
}

.reviewlinks { margin-bottom: 0;}
.reviewitem table tr td {
	padding: 3px 0;
}
.reviewitem input.reviewform,
.reviewitem select.reviewform,
.reviewitem textarea.reviewform {
	width: 100%;
	background-color: #ffffff;
	color: #6a575c;
	font-size: 14px;
	padding: 5px 8px;
	border: 1px solid #6a575c;
	border-radius: 0;
}
#proddesc .reviewitem input.reviewform.submit {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	padding: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
#proddesc .reviewitem input.reviewform.submit:hover {
	background-color: #6a575c;
	color: #ffffff;
}

#upsell .upsell-title {
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
	color: #422a18;
	padding: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	.share-row .share-title { font-size: 15px; padding-right: 5px; }
	.share-row .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn { margin-tight: 2px; padding: 4px; }
	.product-info-row a { font-size: 14px; }
}
@media only screen and (max-width: 767px) {
	
}
@media only screen and (max-width: 450px) {
	.share-row .share-title { font-size: 15px; padding-right: 5px; }
	.share-row .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn { margin-tight: 2px; padding: 4px; }
	.product-info-row a { font-size: 14px; }
}


/**********************************************************/
/**** Product ******************************/
/**********************************************************/

.product-video-link,
.product-video-thumb {
	display: block;
	max-width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;
}
.product-video-thumb::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/videos/JWB-How-to-Cook-Page-Mockup-Assets Inactive2.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.product-video-thumb:hover::after {
	background-image: url('/images/videos/JWB-How-to-Cook-Page-Mockup-Assets-Hover2.png');
}
.product-video-thumb img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.product-video-link {
	margin-bottom: 20px;
}
.product-video-link-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 4px solid #422a18;
}
.product-video-link-text {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.product-video-link-text h3 {
	font-size: 42px;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
}
.product-video-link-text h4 {
	font-size: 28px;
	font-weight: 500;
	text-decoration: none !important;
	transition: all 0.1s ease-in-out;
}
.product-video-link-icon-wrap {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-video-link .product-video-link-icon-image {
	display: block;
	width: 55%;
	max-width: 80px;
	margin: 0;
	padding-top: 55%;
	background-image: url('/images/videos/play-icon-frame.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.product-video-link:hover .product-video-link-icon-image {
	background-image: url('/images/videos/play-icon-hover2.svg');
}
.product-video-link:hover .product-video-link-text h3,
.product-video-link:hover .product-video-link-text h4 {
	color: #baa48f;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.product-video-link-text h3 { font-size: 32px; }
	.product-video-link-text h4 { font-size: 24px; }
}
@media only screen and (max-width: 399px) {
	.product-video-link-text h3 { font-size: 32px; }
	.product-video-link-text h4 { font-size: 24px; }
}


/**********************************************************/
/**** CART ******************************/
/**********************************************************/

#cart {}


#minimumspend-minicart-note {
	opacity: 0;
	position: absolute;
	right: 0;
	border-radius: 3px;
	background-color: #f4f2e9;
	padding: 10px;
	border: 1px solid #6a575c;
	z-index: 101;
	transition: all 0.2s ease-in-out;
	pointer-events: none;
}
#minicart:hover #minimumspend-minicart-note {
	display: block !important;
	opacity: 1;
}

#addedtocartnotemore {
	background-color: #f4f2e9;
	padding: 10px;
	border: 1px solid #6a575c;
	transition: all 0.2s ease-in-out;
	color: #3c2415;
	font-size: 16px;
	margin-bottom: 15px;
}

.minimumSpendCartNote {
	color: #422a18;
	margin: 20px 0;
	display: table;
}
.minimumSpendCartNote .minimumSpendImage {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	font-size: 40px;
	text-align: center;
}
.minimumSpendCartNote .minimumSpendText {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px;
	font-size: 15px;
}
.minimumSpendCartNote .minimumSpendButtons {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px;
}


/**********************************************************/
/**** SIDEBARS ******************************/
/**********************************************************/
#sidebar {
	background-color: #fafafa;
	padding: 30px 10px;
	float: none;
	height: 100%;
}

#sidebar ul.categories {
	list-style: none;
	margin: 0 0 20px 0;
}
#sidebar ul.categories li {
	font-weight: 600;
	letter-spacing: 0.075em;
	font-size: 15px;
	padding: 0.2em;
	text-transform: uppercase;
	margin: 0;
	display: block;
}
#sidebar ul.categories li a {
	padding: 0.4em;
	color: #422a18;
	display: block;
}
#sidebar ul.categories li.current-category a {
	background-color: #f5f1e9;
}

#sidebar .sidebar-title {
	display: none;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding: 10px 0;
	cursor: pointer;
}
#sidebar .sidebar-title .category-name { font-weight: 600; display: inline-block; }


@media only screen and (max-width: 767px) {
	#sidebar { padding: 10px 20px; }
	#sidebar .sidebar-title { display: block; margin-left: 0; }
	#sidebar ul.categories { display: none; }
	#sidebar.showNav ul.categories { display: block; }
}



/**********************************************************/
/**** CONTENT PAGES LANDING PAGES  ******************************/
/**********************************************************/

.page-row {
	position:relative;
	margin-left: -10px;
	margin-right: -10px;
	max-width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.page-row.row-fullwidth { width: 100%; max-width: 100%; }

.page-row .col1_1 {
	/*width: 100%;*/
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
}
.page-row.row-fullwidth .col1_1 { width: calc(100% - 20px); }
.page-row .col1_1.no-gutter,
.page-row.row-fullwidth .col1_1.no-gutter { width: 100%; }
.page-row .col1_2 { width: calc(50% - 20px); }
.page-row .col1_2.no-gutter { width: 50%; }
.page-row .col1_3 { width: calc(33.33333% - 20px); }
.page-row .col1_3.no-gutter { width: 33.33333%; }
.page-row .col2_3 { width: calc(66.66666% - 20px); }
.page-row .col2_3.no-gutter { width: 66.66666%; }
.page-row .col1_4 { width: calc(25% - 20px); }
.page-row .col1_4.no-gutter { width: 25%; }
.page-row .col3_4 { width: calc(75% - 20px); }
.page-row .col3_4.no-gutter { width: calc(75%); }
.page-row .col1_5 { width: calc(20% - 20px); }
.page-row .col1_5.no-gutter { width: 20%; }
.page-row .col2_5 { width: calc(40% - 20px); }
.page-row .col2_5.no-gutter { width: 40%; }
.page-row .col3_5 { width: calc(60% - 20px); }
.page-row .col3_5.no-gutter { width: 60%; }
.page-row .col4_5 { width: calc(80% - 20px); }
.page-row .col4_5.no-gutter { width: 80%; }

.page-row .col1_1,
.page-row .column {
	margin-left: calc(20px / 2);
	margin-right: calc(20px / 2);
}
.page-row .column.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

#content h2.tall,
#content .page-row h2,
.page-row h2 {
	color: #3c2313;
	font-size: 30px;
	font-weight: bold;
	padding: 0 0 0.3em 0;
	display: inline-block;
	background-color: transparent;
}
#content h2.sub-dotted-border {
	width: 100%;
	border-bottom: 8px dotted #b3a291;
}
#content .careers-details-section {
	padding-bottom: 10px;
}
#content .block100 {
	display: block;
	width: 100%;
}


@media only screen and (min-width: 1020px) {
	.page-row.row-internal { margin-left: 0; margin-right: 0; }
}
@media only screen and (max-width: 1019px) {
	.page-row.row-internal { margin-left: 10px; margin-right: 10px; }
	#content h2.tall,
	#content .page-row h2,
	.page-row h2 { padding: 0 10px 0.3em 10px;}
}
@media only screen and (max-width: 767px) {

	.page-row .col1_1,
	.page-row .col1_2,
	.page-row .col1_3,
	.page-row .col2_3,
	.page-row .col1_4,
	.page-row .col3_4,
	.page-row .col1_5,
	.page-row .col2_5,
	.page-row .col3_5,
	.page-row .col4_5 {
		width: calc(100% - 20px);
	}

	.page-row .col1_2.no-gutter,
	.page-row .col1_3.no-gutter,
	.page-row .col2_3.no-gutter,
	.page-row .col1_4.no-gutter,
	.page-row .col3_4.no-gutter,
	.page-row .col1_5.no-gutter,
	.page-row .col2_5.no-gutter,
	.page-row .col3_5.no-gutter,
	.page-row .col4_5.no-gutter {
		width: 100%;
	}

	.page-row .col1_2:not(:last-child),
	.page-row .col1_3:not(:last-child),
	.page-row .col2_3:not(:last-child),
	.page-row .col1_4:not(:last-child),
	.page-row .col3_4:not(:last-child),
	.page-row .col1_5:not(:last-child),
	.page-row .col2_5:not(:last-child),
	.page-row .col3_5:not(:last-child),
	.page-row .col4_5:not(:last-child) {
		margin-bottom: 10px;
	}

	.page-row .col1_2.no-gutter:not(:last-child),
	.page-row .col1_3.no-gutter:not(:last-child),
	.page-row .col2_3.no-gutter:not(:last-child),
	.page-row .col1_4.no-gutter:not(:last-child),
	.page-row .col3_4.no-gutter:not(:last-child),
	.page-row .col1_5.no-gutter:not(:last-child),
	.page-row .col2_5.no-gutter:not(:last-child),
	.page-row .col3_5.no-gutter:not(:last-child),
	.page-row .col4_5.no-gutter:not(:last-child) {
		margin-bottom: 0;
	}
}


#foundation-image-fcc {
	background-image: url('/images/home22/video-screenshot.jpg');
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#foundation-image-fcc .video-player-wrap-fcc {
	/*display: block;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	/*height: 100%;*/
	background-color: rgba(100,100,100,0.2);
	cursor: pointer;
	height: auto;
	padding-top: 56.25%;
}

#foundation-image-fcc .video-player-wrap-fcc .video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: #b4a391;
}

.post-video-local {
	background-image: url('/images/home22/video-screenshot.jpg');
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.post-video-local .video-player-wrap-local {
	/*display: block;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	/*height: 100%;*/
	background-color: rgba(100,100,100,0.2);
	cursor: pointer;
	height: auto;
	padding-top: 56.25%;
}

.post-video-local .video-player-wrap-local .video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.post-video-local .video-player-wrap-local.active {
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	position: relative;
}
.post-video-local .video-player-wrap-local.active .video {
	background-color: #000000;
	opacity: 1;
}
.post-video-local .video-player-wrap-local:hover .playpause {
	opacity: 0.4;
}

/* Careers pages */
.opportunities-boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 21px;
}
.opportunities-boxes .oppbox-entry {
	border: 1px solid #bcbec0;
	padding: 0;
	display: flex;
	width: calc(33% - 14px);
}
.oppbox-entry .oppbox-image {
	width: 40%;
	background-color: #ffffff;
	padding: 0 5%;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.oppbox-entry .oppbox-info {
	width: 60%;
	padding: 15px;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.oppbox-entry .oppbox-info h3 {
	font-size: 18px;
	padding-bottom: 1em;
	margin-bottom: 0;
}
.oppbox-entry .oppbox-info p {
	margin: 0;
}
@media only screen and (min-width: 720px) and (max-width: 981px) {
	.opportunities-boxes .oppbox-entry { width: calc(50% - 11px) }
}
@media only screen and (max-width: 719px) {
	.opportunities-boxes .oppbox-entry { width: 100%; }
}

/* newsletter signup */
.newsletter-signup {
	color: #422a18;
}


h1.signup-header,
.signup-header {
	font-family: 'Butler', serif;
	font-weight: 400;
	font-size: 34px;
	padding: 0 20px;
}
.newsletter-signup .section-row {
	text-align: left; padding: 30px; background-color: #f4f2e9; margin: 0;
}

.newsletter-signup h1,
.newsletter-signup h2 {
	font-family: 'Butler', serif;
}

#content .newsletter-signup h2,
.newsletter-signup h2 {
	font-size: 26px;
	padding: 0;
	background-color: transparent;
}
#content .newsletter-signup h3,
.newsletter-signup h3 {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: 300;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
}
#content .newsletter-signup h4.section-sub-title,
.newsletter-signup h4.section-sub-title {
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 300;
	font-family: 'Roboto Condensed', Open Sans, Arial, sans-serif;
}

.newsletter-signup .signup-form-wrap .fields-wrap {
	justify-content: flex-start;
	padding-bottom: 15px;
}
.newsletter-signup .signup-form-wrap .field {
	width: 40%;
}
@media only screen and (max-width: 1019px) {
	/*#content .newsletter-signup h2.mobile-padding20,*/
	/*.mobile-padding20 {*/
	/*	padding-left: 20px;*/
	/*	padding-right: 20px;*/
	/*}*/

}


/**********************************************************/
/**** OTHER ******************************/
/**********************************************************/


#TB_window { font-size: 12px; }


@media only screen and (max-width: 767px) {
#searchform table.client tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
#searchform table.client td {
		width: 50%;
		display: block;
	}	
}

@media only screen and (max-width: 767px) {
	.desktop-only { display: none; }
}
@media only screen and (min-width: 768px) {
	.mobile-only { display: none; }
}


/**********************************************************/
/**** FOOTER ******************************/
/**********************************************************/

#page {
	margin-bottom: 0;
}

#footer {
	border-top: 0;
	margin: 0 auto;
	max-width: 100%;
	background-color: #7f7f7f;
	font-size: 11px;
	color: #ffffff;
}
#footer .footer-container {
	max-width: 1200px;
	margin: 0 auto;
}

#footer li { margin: 0; }


#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .links li { margin: 0 0 5px 0; }
#footer .links a { text-transform: uppercase; line-height: 1.4em; }



#footer ul.social-icons, #main-content ul.social-icons, .social-icons {
	list-style: none;
	padding: 0;
}
#footer ul.social-icons li, #main-content ul.social-icons li, ul.social-icons li {
	padding: 5px 0;
	display: inline-block;
	margin: 0 26px 10px 0;
	position: relative;
	margin-bottom: 0.5em;
}

.social-icons li a::before {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: fill;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.social-icons .icon-instagram a::before { background-image: url('/images/home22/icon-instagram.png'); }
.social-icons .icon-twitter a::before { background-image: url('/images/home22/icon-x-footer.png'); }
.social-icons .icon-facebook a::before { background-image: url('/images/home22/icon-facebook.png'); }
.social-icons .icon-youtube a::before { background-image: url('/images/home22/icon-youtube.png'); }
/*.social-icons .icon-instagram a:hover::before { background-image: url('images/icon-instagram-pink.svg'); }
.social-icons .icon-twitter a:hover::before { background-image: url('images/icon-twitter-pink.svg'); }
.social-icons .icon-facebook a:hover::before { background-image: url('images/icon-facebook-pink.svg'); }*/

.social-icons li a span, #mobile_social .icon-instagram a span, #mobile_social .icon-twitter a span, #mobile_social .icon-facebook a span, #mobile_social .icon-tripadvisor a span, #et-secondary-nav .icon-instagram a span, #et-secondary-nav .icon-twitter a span, #et-secondary-nav .icon-facebook a span, #et-secondary-nav .icon-tripadvisor a span {
	display: none;
}
#footer .social-icons li a:hover { opacity: 80%; }

@media only screen and (min-width: 768px) {
	#footer3 { text-align: right; }
}
@media only screen and (max-width: 767px) {
	.footer-container {
		flex-direction: column;
	}
	#footer .column { text-align: center; margin-bottom: 10px; }
	#footer1 { order: 2; }
	#footer2 { order: 3; }
	#footer3 { order: 1; }
	
}