@charset "UTF-8";
/*!
Theme Name: ChocolateBar 2020
Theme URI: http://underscores.me/
Author: Eric Davis
Author URI: https://www.smallbox.com/
Description: Endangered Species Chocolate 2020 Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chocolatebar-2020
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ChocolateBar 2020 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "Engrace";
  src: url(../assets/fonts/Engrace-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Engrace";
  src: url(../assets/fonts/Engrace-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Engrace";
  src: url(../assets/fonts/Engrace-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeue-Black.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeueBold_4.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeue-Medium.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeueLight.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeue-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../assets/fonts/HelveticaNeue-Thin.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url(../assets/fonts/HelveticaNeue-MediumCond.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
.din_condensed {
  font-family: "Engrace";
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

strong {
  font-weight: 600;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
  color: #24272a;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #436042;
  text-decoration: none;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
}
a:hover, a:focus, a:active {
  color: #19322f;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  cursor: pointer;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

.woocommerce button.button.alt,
.woocommerce .cart button.button,
.woocommerce a.button,
.single_add_to_cart_button,
button.woof_reset_button_2,
button.button.woof_reset_search_form,
a.button.product_type_simple,
input[type=submit].btn-esc,
.btn-esc {
  height: 50px;
  background-color: #436042;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0px 35px 0px;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.05);
}
.woocommerce button.button.alt:focus,
.woocommerce .cart button.button:focus,
.woocommerce a.button:focus,
.single_add_to_cart_button:focus,
button.woof_reset_button_2:focus,
button.button.woof_reset_search_form:focus,
a.button.product_type_simple:focus,
input[type=submit].btn-esc:focus,
.btn-esc:focus {
  color: #fff;
}
.woocommerce button.button.alt:hover,
.woocommerce .cart button.button:hover,
.woocommerce a.button:hover,
.single_add_to_cart_button:hover,
button.woof_reset_button_2:hover,
button.button.woof_reset_search_form:hover,
a.button.product_type_simple:hover,
input[type=submit].btn-esc:hover,
.btn-esc:hover {
  color: #fff;
  background-color: #19322f;
}

.woocommerce a.button.alt {
  background-color: #436042;
  min-height: 60px;
}
.woocommerce a.button.alt:hover {
  color: #fff;
  background-color: #19322f;
}

.woocommerce .cart button.button:disabled {
  opacity: 0;
}

.btn-esc-rev {
  height: 50px;
  background-color: #fff;
  color: #436042;
  font-size: 14px;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  border: 2px solid #436042;
  padding: 3px 35px 0px;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-esc-rev:focus {
  color: #fff;
}
.btn-esc-rev:hover {
  color: #fff;
  background-color: #19322f;
  border: 2px solid #19322f;
}

.arrowbtn {
  height: 60px;
  background-color: #436042;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 0px 70px 0px 25px;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: background-color 0.2s ease-in-out;
}
.arrowbtn:focus {
  color: #fff;
}
.arrowbtn .arrow-wrap {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #436042;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.arrowbtn .arrow-wrap svg {
  fill: #fff;
  width: 20px;
  transform: translateX(-15px);
  transition: transform 0.25s ease-in-out;
}

.arrowbtn:hover {
  background-color: #19322f;
  color: #fff;
}
.arrowbtn:hover .arrow-wrap svg {
  transform: translateX(0px);
}

@media screen and (max-width: 600px) {
  .arrowbtn {
    transform: scale(0.8);
    transform-origin: left;
  }
}
.arrowbtn-light {
  color: #436042;
  font-size: 14px;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: color 0.2s ease-in-out;
}
.arrowbtn-light .arrow-wrap {
  margin-left: 10px;
}
.arrowbtn-light .arrow-wrap svg {
  fill: #436042;
  width: 20px;
  transform: translateX(0px);
  transition: transform 0.25s ease-in-out;
}

.arrowbtn-light:hover {
  color: #19322f;
}
.arrowbtn-light:hover .arrow-wrap svg {
  fill: #19322f;
  transform: translateX(10px);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.gform_wrapper {
  padding: 2rem;
  background-color: #f4f0eb;
  border-radius: 0.5rem;
}
.gform_wrapper .gform_heading .gform_title {
  font-size: 2.6rem;
  margin-bottom: 2rem;
}
.gform_wrapper .gform-body .gform_fields .gfield {
  margin-bottom: 3rem;
}
.gform_wrapper .gform-body .gform_fields .gfield .ginput_container .gfield_description {
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 0;
}
.gform_wrapper .gform-body .gform_fields .gfield .gfield_description {
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  color: #767676;
}
.gform_wrapper .gform_footer .gform_button {
  background-color: #436042;
  color: #fff;
  border: 0;
  padding: 1.5rem 2.5rem;
  border-radius: 2rem;
  font-size: 1.4rem;
  font-weight: 600;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*
CTC Separate Stylesheet
Updated: 2020-10-01 11:43:53
Theme Name: ESC 2020
Theme URI: https://www.chocolatebar.com
Template: chocolatebar
Author: Ayokay
Author URI: https://www.ayokay.com
Description: Based on the SmallBox design for ChocolateBar.com
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.7.1537875833
*/
/* Custom Style */
.clearfix:before,
.clearfix:after {
  visibility: hidden;
  display: table;
  content: " ";
  clear: both;
}

.clearfix {
  display: block;
  clear: both;
}

a:focus {
  outline: none;
}

a,
p,
div,
section,
span {
  box-sizing: border-box;
}

ul,
ol {
  margin-left: 0;
}

li {
  margin: 0;
}

ul.list li {
  margin-bottom: 5px;
  position: relative;
  padding: 0 0 0 20px;
}

ul.list li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #252525;
  left: 0;
  display: block;
  position: absolute;
  top: 9px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #362e2c;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-family: "Metropolis";
  font-weight: bold;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input[type=search],
input[type=text] {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

.libre_baskerville {
  font-family: "Libre Baskerville";
}

.metropolis {
  font-family: "Metropolis";
}

.din_condensed {
  font-family: "DIN Condensed";
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.medium {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.wrapper {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}

.big_wrapper {
  width: 100%;
  padding: 0 3%;
}

.small_wrapper {
  max-width: 81.125em;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.25em;
}

.wrap {
  max-width: 1300px;
  margin: 0 auto;
  display: block;
}

.arow_link {
  color: #362e2c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  padding: 0 36px 0 0;
  display: inline-block;
}

.arow_link:after {
  content: "";
  display: inline-block;
  background-image: url(../img/arrow-nav.svg);
  width: 26px;
  height: 100%;
  margin-left: 15px;
  vertical-align: middle;
  background-size: 22px;
  background-repeat: no-repeat;
  position: absolute;
}

/* OUR PROMISES */
.cmspage_main {
  overflow: hidden;
  background: #fefefe;
}

.cmspage_banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
}

.cmspage_banner .cmspage-title {
  padding: 120px 0 64px 120px;
  color: #fff;
  font-size: 150px;
  line-height: 145px;
}

.banner_choco_pieces {
  position: absolute;
  right: -12%;
  bottom: -191px;
  width: 45%;
}

.cmspage_main p {
  font-size: 18px;
  font-weight: 300;
}

.cmspage_main p:last-child {
  margin-bottom: 0;
}

.cms_page li {
  position: relative;
  padding: 4px 0 4px 25px;
}

.cms_page li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 10px;
  width: 10px;
  background: #efc663;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 14px;
}

.blog_list li {
  position: relative;
  padding: 4px 0 4px 25px;
}

.blog_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 10px;
  width: 10px;
  background: #efc663;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 14px;
}

.cms_page ul {
  margin-bottom: 15px;
}

.our-promoses-top {
  max-width: 49%;
  padding-left: 120px;
}

.common-section {
  padding: 70px 0;
}

.exceptional {
  position: relative;
  padding: 30px 0;
}

.YesParallax .wrapper {
  position: relative;
  z-index: 1;
}

.YesParallax:before,
.YesParallax:after {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.YesParallax:after {
  left: inherit;
  right: 0;
  background-position: right;
}

.exceptional .sm_title {
  font-family: "DIN Condensed-Light";
  position: relative;
  color: rgba(54, 46, 44, 0.6);
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  height: 116px;
}

.exceptional .sm_title:after {
  content: "";
  display: block;
  background-image: url(../img/arrow-nav.svg);
  width: 14px;
  height: 75px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 20px auto 0;
}

.exceptional_image {
  padding: 120px 0;
}

.exceptional_image img {
  margin: 0 auto;
}

.exceptional_detail {
  max-width: 711px;
  margin: 0 auto 50px;
  text-align: center;
}

.exceptional_detail h4 {
  font-family: "Engrace", sans-serif;
  font-size: 16px;
}

.exceptional_detail h2 {
  font-family: "Engrace", sans-serif;
  font-size: 80px;
  color: #efc663;
  line-height: 75px;
  margin: 30px 0;
}

.exceptional_main .exceptional:first-child .sm_title {
  margin: -30px 0 0;
  text-align: left;
  padding-left: 120px;
}

.exceptional_main .exceptional:first-child .sm_title:after {
  margin: 0;
  top: -60px;
  left: 80px;
}

.exceptional_main .exceptional:first-child .exceptional_image {
  padding-top: 0px;
}

.ten_giveback {
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
}

.ten_giveback_inner {
  padding: 146px 100px 150px 42px;
  max-width: 50%;
}

.ten_giveback_inner h2 {
  font-size: 100px;
  color: #efc663;
  line-height: 75px;
  margin-bottom: 20px;
}

.ten_giveback_inner p {
  color: #f5f2e9;
  font-size: 18px;
  margin-bottom: 0;
}

/* Our Partners */
.partners_menu {
  max-width: 1340px;
  text-align: center;
  background: #f4f0eb;
  margin: -20px auto 0;
  position: relative;
  z-index: 1;
}

.sm_wrapper {
  max-width: 998px;
  margin: 0 auto;
  display: block;
}

.partners_menu li {
  float: left;
  margin-right: 112px;
}

.partners_menu li:before {
  display: none;
}

.partners_menu #menu-our-partners li:last-child {
  margin-right: 0;
  position: absolute;
  width: 30%;
  top: -5px;
  right: 0;
}

.partners_menu li a {
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  font-family: "Engrace", sans-serif;
  padding: 16px 0;
  position: relative;
  display: inline-block;
}

.partners_menu li.current-menu-item a {
  color: #19322f;
  opacity: 1;
}

.partners_menu li.current-menu-item a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background: #436042;
}

.partners_menu .menu:after,
.partners_menu .menu:before {
  content: "";
  display: table;
  clear: both;
}

.partners_menu {
  position: relative;
}

.partners_menu #menu-our-partners li:last-child a {
  background: #efc663;
  padding: 20px 40px;
  font-size: 18px;
  color: #362e2c;
  font-family: "DIN Condensed";
  opacity: 1;
}

.partners_menu #menu-our-partners li:last-child a:before {
  display: none;
}

.cms_page h3 {
  font-size: 24px;
  color: #436042;
  margin: 0 0 24px;
}

.partners_pages .cms_page p {
  font-size: 22px;
  line-height: 36px;
  font-weight: 300;
}

.partners_post-inner {
  float: left;
  width: 48.5%;
  margin: 0 0 40px;
}

.partners_post-inner:nth-child(2n) {
  float: right;
}

.partners_post-inner:nth-child(2n+1) {
  clear: both;
}

.partners_post-content {
  padding: 40px 32px;
}

.partners_post-content h2 {
  font-size: 36px;
  line-height: 30px;
  margin: 0;
}

.partners_post-content p {
  line-height: 32px;
  font-size: 18px;
  margin: 20px 0 22px;
}

#menu-our-partners {
  position: relative;
}

.farmers_class .farmers_left {
  width: 57%;
  margin-right: 8%;
  display: inline-block;
  vertical-align: top;
}

.farmers_class .farmers_right {
  width: 34%;
  display: inline-block;
  vertical-align: top;
}

.farmers_class .farmers_right blockquote p {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-size: 18px;
  color: rgba(54, 46, 44, 0.5);
  line-height: 32px;
}

.farmers_class .farmers_right h3 {
  color: #362e2c;
  margin: 30px 0 3px;
}

.farmers_class .farmers_right p {
  font-family: "Metropolis";
  font-size: 14px;
  color: rgba(54, 46, 44, 0.5);
}

.farmers_class iframe {
  width: 100%;
  height: 498px;
  margin-top: 110px;
}

.yellow_btn {
  background: #efc663;
  padding: 20px 30px;
  color: #fafbfd;
  font-size: 24px;
  font-family: "DIN Condensed";
  display: inline-block;
}

.teal_btn {
  background: #436042;
  padding: 20px 30px;
  color: #fff;
  font-size: 24px;
  font-family: "DIN Condensed";
  display: inline-block;
}

.teal_btn:hover {
  background: #19322f;
  color: #fff;
}

.mac-os .yellow_btn {
  padding: 20px 30px 16px 30px;
}

.arrow-bottom {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/arrow-nav.svg) no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 20px;
}

.yellow_btn:hover {
  background: #362e2c;
  color: #fff;
}

/* Our Story */
#menu-our-story {
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners_menu #menu-our-story li {
  width: 20%;
  float: left;
  margin: 0;
  list-style: none;
}

.common-section h2 {
  margin: 30px 0 20px;
  font-size: 36px;
}

.story_image {
  padding-bottom: 60px;
}

.story_slider_main {
  padding: 50px 0;
}

.story_slider_inner p {
  font-family: "Helvetica Neue Condensed";
  font-size: 14px;
  margin: 10px 0 0;
}

.story_slider_main .slick-dots {
  position: absolute;
  bottom: 12px;
  right: 0;
}

.story_slider_main .slick-dots li {
  margin-left: 5px;
  display: inline-block;
  line-height: 0;
}

.story_slider_main .slick-dots li button {
  font-size: 0;
  border: 1px solid #efc663;
  background: none;
  height: 8px;
  width: 8px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
}

.story_slider_main .slick-dots li button:focus {
  outline: none;
}

.story_slider_main .slick-dots li.slick-active button {
  background: #efc663;
}

.story_slider_main .slick-arrow {
  height: 14px;
  width: 26px;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  top: 50%;
  right: -40px;
  cursor: pointer;
  background: url(../img/arrow-nav.svg);
  display: block;
  z-index: 1;
}

.story_slider_main .slick-arrow.slide-left {
  background-position: 0 15px;
  right: inherit;
  left: -40px;
}

.our_story_team {
  padding: 50px 0;
}

.story_team {
  margin: 0 -22px;
}

.story_team_members {
  width: 33.33%;
  float: left;
  padding: 0 22px;
  margin-bottom: 80px;
}

.story_team_members:nth-child(3n+1) {
  clear: both;
}

.employee_name {
  font-weight: 500;
  margin: 30px 0 10px;
}

.story_team_members p {
  font-size: 15px;
  margin: 20px 0 0;
  line-height: 21px;
}

.story_team_members img {
  width: 100%;
}

.story_video_iframe iframe {
  width: 100%;
  height: 600px;
}

.story_video {
  padding-bottom: 100px;
}

.story_faq .acco-title {
  font-family: "Engrace", sans-serif;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  color: #436042;
}

.story_faq .acco-title::before {
  content: "+";
  transform: translateY(-50%);
  display: inline-block;
  font-size: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
  left: -40px;
  top: 50%;
}

.story_faq .acco-title.active::before {
  content: "-";
  transform: translateY(-50%) translateX(3px);
  font-size: 50px;
}

.mac-os .story_faq .acco-title::before {
  top: 0;
}

.story_faq .acco-title.active::before {
  background-position: -2px -35px;
}

.faq_inner {
  padding: 20px 0;
}

.story_faq .acco-cont {
  font-size: 16px;
  line-height: 24px;
  padding-top: 10px;
  font-weight: 300;
}

.story_faq {
  padding-bottom: 100px;
}

/*  WHERE TO BUY  */
/*
.where_buy_banner {
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

.where_buy_banner_content {
  max-width: 700px;
  padding: 60px 0;
}

.where_buy_banner_content p {
  font-size: 17px;
  font-family: 'Libre Baskerville';
  font-style: italic;
}
*/
.thanx-icon:before {
  content: "\f164";
  font-family: "FontAwesome";
}

.thanx-icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #ddd;
  margin: 0 auto 40px;
  font-size: 50px;
  line-height: 150px;
}

.errorpage_404 {
  text-align: center;
  position: relative;
}

a.light-button {
  background: #ffcf01;
  color: #fff;
  padding: 14px 20px;
  display: inline-block;
  margin: 20px 0 0;
}

a.light-button:hover {
  background: #362e2c;
  color: #fff;
}

.errorpage_404 img {
  width: 100%;
  min-height: 400px;
  object-fit: cover;
}

.errorpage_404 .wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.erroe_page_top {
  font-size: 17px;
  line-height: 20px;
  color: #f5f2e9;
  position: relative;
  padding-left: 30px;
  display: inline-block;
}

.erroe_page_top:before {
  content: "";
  background: url(../img/error_page_icon.png) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  display: block;
}

.errorpage_404 h1 {
  font-size: 90px;
  text-transform: uppercase;
  color: #436042;
  margin: 60px 0 0px;
  line-height: 90px;
}

.errorpage_404 h3 {
  font-size: 36px;
  text-transform: uppercase;
  color: #f5f2e9;
  margin: 0px 0 40px;
  line-height: 36px;
}

.errorpage_404 p {
  font-weight: 500;
  color: #f5f2e9;
  margin-bottom: 0;
}

figure {
  max-width: 100%;
  margin-bottom: 15px;
}

figcaption {
  padding: 5px;
  font-size: 14px;
  font-style: italic;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(59, 36, 22, 0.9);
  z-index: 99;
}

#status img {
  margin: 0 auto;
}

#status {
  width: 200px;
  height: 64px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  text-align: center;
  /* centers the loading animation vertically one the screen */
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}

.whiteloader {
  width: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #efc663;
  transition: 0.2s all ease-in-out;
  height: 10px;
}

/* Store Page */
.tab_online_buy {
  width: 100%;
  padding: 70px 0% 0 0%;
}

.tab_online_buy li {
  padding: 35px 0;
}

.tab_online_buy > ul {
  margin-top: 30px;
  height: 560px;
  overflow-y: auto;
  padding: 0;
}

.tab_online_buy_open {
  z-index: 9;
}

/* Nav Menu */
.page-template-Partners_cms-template .partners_menu .sm_wrapper,
.page-template-Partners-template .partners_menu .sm_wrapper {
  max-width: 100%;
}

.partners_menu #menu-our-partners li {
  margin: 0 56px;
  float: none;
  display: inline-block;
}

.partners_menu #menu-our-partners li:before {
  display: none;
}

.partners_menu #menu-our-partners li:first-child {
  margin-left: 0;
}

.partners_menu #menu-our-partners li:last-child {
  margin-right: 0;
  position: relative;
  width: auto;
  display: inline-block;
  vertical-align: top;
  top: unset;
  margin-top: -4px;
  margin-bottom: -4px;
}

.home_cta_btn {
  background: #f6b955;
  font-size: 24px;
  color: #333;
  font-family: "DIN Condensed";
  line-height: 30px;
  padding: 0.85em 2.5em 0.625em 1.25em;
  position: relative;
  cursor: pointer;
  display: inline-block;
  min-width: 14em;
}

.home_cta_btn:hover {
  color: #fff;
}

.home_cta_btn:after {
  content: "";
  display: inline-block;
  background-image: url(../img/arrow-nav.svg);
  width: 1.2em;
  height: 0.68em;
  background-size: 1.2em auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* .home_banner .heading1{font-size: 7em;} */
/* horizontal product page */
.product-horizontal .single_product {
  padding: 40px 40px;
}

.product-horizontal .single_product .product-thumbnail {
  width: 55%;
}

.product-horizontal .single_product_detail .product-thumbnail img {
  max-width: 100%;
}

.product-horizontal .single_product_right {
  width: 54%;
  margin: 300px 0 0;
}

.product-horizontal .nutrition-facts img {
  max-width: 100%;
}

.product-horizontal .single_product_certificat {
  text-align: center;
}

.product-horizontal .single_product .product-thumbnail:after {
  bottom: 28px;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

#page {
  overflow-x: hidden;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Engrace", sans-serif;
}

h1 {
  font-size: 72px;
  line-height: 72px;
}

h2 {
  font-size: 54px;
  line-height: 54px;
}

h3 {
  font-size: 32px;
  line-height: 32px;
}

h4 {
  font-size: 24px;
  line-height: 24px;
  color: #436042;
}

p, ul, ol, li {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

ul {
  list-style: none;
}

ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #436042; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#home-banner {
  position: relative;
}
#home-banner .triangleborder {
  height: 40px;
  background-color: #fff;
  background-image: url(../img/bkgrd-border-bone.png);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 100%;
}

#home-carousel {
  height: 100%;
  overflow: hidden;
}
#home-carousel .slide {
  min-height: 640px;
  padding: 120px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
#home-carousel .slide .heading {
  font-family: "Engrace", sans-serif;
  font-size: clamp(48px, 10vw, 100px);
  line-height: clamp(40px, 8vw, 80px);
}
#home-carousel .slide .smtext {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 30px;
  margin-block: 30px;
  font-weight: 200;
}
#home-carousel .slide .arrowbtn {
  margin-top: 0px;
  width: fit-content;
}
#home-carousel .slide .inner {
  height: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#home-carousel .slide.two-column {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#home-carousel .slide.two-column > div {
  height: 100%;
  width: 100%;
}
#home-carousel .slide.two-column .textwrap {
  padding: 60px 30px 90px 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  #home-carousel .slide.two-column .textwrap {
    padding: 60px 30px 90px 60px;
  }
}
#home-carousel .slide.two-column .imgwrap {
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 1200px) {
  #home-carousel .slide {
    min-height: 600px;
    padding: 90px;
  }
  #home-carousel .slide .heading {
    font-size: 90px;
    line-height: 70px;
  }
  #home-carousel .slide .smtext {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 900px) {
  #home-carousel .slide {
    min-height: 50vw;
  }
  #home-carousel .slide .heading {
    font-size: 72px;
    line-height: 72px;
  }
  #home-carousel .slide .smtext {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #home-carousel .slide.two-column .heading {
    font-size: 48px;
    line-height: 40px;
  }
  #home-carousel .slide.two-column .smtext {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  #home-carousel .slide {
    min-height: 450px;
    padding: 60px 60px 30px 60px;
  }
  #home-carousel .slide .inner .heading {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 20px;
  }
  #home-carousel .slide .inner .arrowbtn {
    margin-bottom: 30px;
  }
  #home-carousel .slide.two-column {
    display: flex;
    flex-direction: column-reverse;
  }
  #home-carousel .slide.two-column .textwrap {
    padding: 45px 30px 45px;
  }
  #home-carousel .slide.two-column .heading {
    font-size: 36px;
    line-height: 36px;
  }
  #home-carousel .slide.two-column .smtext {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #home-carousel .slide.two-column .arrowbtn {
    margin-bottom: 10px;
  }
  #home-carousel .slide.two-column .imgwrap {
    height: 350px;
  }
}
.arrow-prev,
.arrow-next {
  position: absolute;
  top: 40%;
  z-index: 1;
  cursor: pointer;
}
.arrow-prev svg,
.arrow-next svg {
  width: 25px;
  height: auto;
  fill: #24272a;
  transform: translateX(0px);
  transition: transform 0.2s ease-in-out;
}

.arrow-prev {
  left: 20px;
}

.owl-dots {
  display: inline-block;
  position: absolute;
  bottom: 60px;
  left: 90px;
}
.owl-dots button span {
  display: inline-block;
  background-color: #a19f9c;
  width: 40px;
  height: 3px;
  margin-right: 10px;
}
.owl-dots button.active span {
  display: inline-block;
  background-color: #436042;
  width: 40px;
  height: 3px;
}

.arrow-prev:hover svg {
  fill: #436042;
  transform: translateX(-10px);
}

.arrow-next {
  right: 20px;
}

.arrow-next:hover svg {
  transform: translateX(10px);
  fill: #436042;
}

@media screen and (max-width: 900px) {
  .owl-dots {
    bottom: 20px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .owl-dots {
    bottom: 10px;
    left: 30px;
  }
  .arrow-prev {
    left: 20px;
    transform: scale(0.5);
  }
  .arrow-next {
    right: 20px;
    transform: scale(0.5);
  }
}
.template-frontpage .featured-products h1 {
  font-size: 72px;
  line-height: 72px;
  font-family: "Engrace", sans-serif;
  text-align: center;
  letter-spacing: 1px;
  margin: 80px 0 40px;
}
.template-frontpage .featured-products .inner {
  max-width: 1130px;
  margin: auto;
  padding: 15px 15px 100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 55px;
}
.template-frontpage .featured-products .inner .product-card {
  position: relative;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.template-frontpage .featured-products .inner img {
  width: auto;
  height: auto;
  max-height: 400px;
  margin: auto;
}
.template-frontpage .featured-products .inner h3 {
  font-size: 30px;
  line-height: 28px;
  font-family: "Engrace", sans-serif;
  letter-spacing: 1px;
  margin: 10px 0;
}
.template-frontpage .featured-products .inner h3:hover {
  color: #436042;
}
.template-frontpage .featured-products .inner p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  margin-top: 5px;
}
.template-frontpage .featured-products .inner .arrowbtn {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 900px) {
  .template-frontpage .featured-products h1 {
    font-size: 60px;
    line-height: 60px;
    margin: 30px 0 0px;
  }
  .template-frontpage .featured-products .inner {
    padding: 15px 15px 30px;
    grid-gap: 30px;
  }
  .template-frontpage .featured-products .inner .product-card {
    text-align: center;
    max-width: 360px;
    margin: 30px auto;
  }
  .template-frontpage .featured-products .inner .product-card h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .template-frontpage .featured-products .inner .product-card p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 650px) {
  .template-frontpage .featured-products h1 {
    font-size: 48px;
    line-height: 48px;
  }
  .template-frontpage .featured-products .inner {
    padding: 15px;
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
  .template-frontpage .featured-products .inner img {
    margin: auto;
  }
  .template-frontpage .featured-products .inner h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .template-frontpage .featured-products .inner p {
    font-size: 16px;
    line-height: 24px;
  }
}
.altblock {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
}
.altblock .inner {
  max-width: 1130px;
  min-height: 660px;
  margin: auto;
  padding: 15px;
  display: flex;
  align-items: center;
}
.altblock .inner .txt-wrap {
  max-width: 500px;
  margin-left: auto;
}
.altblock .inner .txt-wrap h2 {
  font-size: 54px;
  line-height: 48px;
  font-family: "Engrace", sans-serif;
  letter-spacing: 1px;
  margin: 20px 0 10px;
  color: #19322f;
}
.altblock .inner .txt-wrap p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  margin-top: 15px;
  font-weight: 200;
}

.altblock:nth-of-type(even) {
  background-position: center right;
}
.altblock:nth-of-type(even) .txt-wrap {
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 900px) {
  .altblock {
    padding: 10%;
  }
  .altblock .inner {
    min-height: 400px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .altblock .inner .txt-wrap {
    margin: auto;
  }
  .altblock .inner .txt-wrap h2 {
    font-size: 48px;
    line-height: 54px;
    margin: 20px 0 10px;
  }
  .altblock .inner .txt-wrap p {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  .altblock .inner {
    min-height: 240px;
  }
  .altblock .inner .txt-wrap {
    margin: auto;
    padding-bottom: 15px;
  }
  .altblock .inner .txt-wrap h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 15px 0 15px;
  }
  .altblock .inner .txt-wrap p {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Video Banner */
#home-banner-vid {
  width: 100%;
  padding: 20px 40px 40px;
  overflow: hidden;
}
#home-banner-vid .video-background {
  max-height: 600px;
  min-height: 200px;
  height: calc(56.25vw - 80px);
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#home-banner-vid .video-background .video-foreground {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#home-banner-vid .video-background .arrowbtn {
  border: none;
}

#home-banner-vid.loading .video-background {
  opacity: 0;
}

@media screen and (max-width: 800px) {
  #home-banner-vid {
    padding: 20px;
  }
}
/*


.video-background {
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 56.25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 2s opacity ease;
  transition: 2s opacity ease;
  opacity: 1; 
}


.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; 
}
*/
/*  Product Page */
.site-content-contain {
  background: #fafbfd;
}

.page-banner {
  height: 360px;
  width: 100%;
  position: relative;
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

.product_banner.page-banner {
  background-position: center left;
}

.page_banner_content {
  max-width: 454px;
  width: 100%;
  padding: 15px;
}
.page_banner_content h1 {
  font-family: "Engrace", sans-serif;
  font-size: 90px;
  line-height: 70px;
  color: #19322f;
}

.page-banner.text-banner .page_banner_content {
  max-width: 800px;
  left: 0;
}
.page-banner.text-banner .page_banner_content p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  font-style: normal;
  max-width: 100%;
}

.page-banner .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-banner .wrapper .page_banner_content {
  max-width: 1300px;
}

.heading3 {
  font-size: 100px;
  line-height: 100px;
  font-family: "Engrace", sans-serif;
}

h1 {
  text-align: left;
}

.page_banner_content p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 0;
  max-width: 75%;
}

@media only screen and (max-width: 700px) {
  .heading3 {
    font-size: 80px;
    line-height: 80px;
  }
  .page-banner {
    height: 300px;
  }
  .page-banner .heading3 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .heading3 {
    font-size: 50px;
    line-height: 50px;
  }
  .page_banner_content {
    max-width: 454px;
    width: 100%;
    padding: 15px;
  }
  .page_banner_content h1 {
    font-size: 120px;
    line-height: 120px;
  }
}
.product_filter_col {
  width: 25%;
  float: left;
  position: relative;
}

.product_filter_title {
  background: #f4f0eb;
  padding: 15px 20px;
  font-size: 19px;
  line-height: 18px;
  color: #a6a29e;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #e1dcd8;
  font-family: "Helvetica Neue Condensed";
}

.product_filter_title span {
  color: #a6a29e;
  display: block;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}

@media screen and (max-width: 1160px) {
  .product_filter_title {
    padding: 15px;
    font-size: 20px;
    line-height: 24px;
  }
}
.filter_pro_icon {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: #e1dcd8;
  display: block;
  right: 20px;
  top: 33%;
  position: absolute;
  cursor: pointer;
}

.filter_pro_icon span1 {
  position: relative;
  height: 2px;
  width: 11px;
  background: #fff;
  display: block;
  text-align: center;
  margin: 0 auto;
  top: 48%;
}

.filter_pro_icon span1:before,
.filter_pro_icon span1:after {
  content: "";
  height: 2px;
  width: 15px;
  position: absolute;
  display: block;
  top: -5px;
  background: #fff;
  left: -2px;
}

.filter_pro_icon span1:after {
  top: initial;
  bottom: -5px;
  width: 6px;
  left: 3px;
}

.filter_title_active {
  background: #fff;
}

.filter_title_active .filter_pro_icon {
  background: #436042;
}

.filter_title_active span {
  color: #436042;
}

.product_filter_menu {
  height: 0;
  z-index: -11;
  opacity: 0;
  position: absolute;
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 86px;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  padding: 20px 25px;
  margin: 0;
  list-style: none;
}

.product_filter_menu.product_filter_menu_open {
  display: block;
  height: auto;
  opacity: 1;
  z-index: 1;
}

.product_filter_menu.product_filter_menu_open li {
  list-style: none;
}
.product_filter_menu.product_filter_menu_open li::before {
  display: none;
}

.check-box-txt input {
  display: none;
}

.check-box-txt input + .checkmark::before {
  content: "";
  height: 8px;
  width: 8px;
  background: #adabab;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

.mac-os .check-box-txt input + .checkmark::before {
  top: 6px;
}

.check-box-txt input:checked + .checkmark:before {
  background: #436042;
}

.check-box-txt input:checked + .checkmark {
  color: #436042;
}

.product_filter_menu .checkmark {
  font-family: "Helvetica Neue Condensed";
  font-size: 16px;
  color: #adabab;
  position: relative;
  padding: 4px 5px 4px 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.response_loading {
  margin: 0 auto;
  display: block;
  height: 200px;
  width: 200px;
}

.check-box-txt:hover .checkmark {
  color: #436042;
}

.check-box-txt:hover .checkmark:before {
  background: #436042;
}

.product_filter-close {
  padding: 30px;
  font-size: 16px;
  color: #362e2c;
  font-family: "DIN Condensed-Light";
  display: flex;
  width: 100%;
}

.product_filter-close i {
  color: #436042;
  font-size: 20px;
  margin-right: 10px;
}

.category-close {
  display: inline-block;
  margin-left: 5px;
}

.category-close a {
  position: relative;
  color: #fff;
  background: #436042;
  padding: 9px 15px;
  border-radius: 20px;
  cursor: pointer;
  margin-left: 15px;
}

.category-close a:before {
  content: "\f00d";
  font-family: "FontAwesome";
  padding-right: 10px;
}

.category-close a:hover {
  background: #19322f;
}

.product_filter_search {
  width: 25%;
  float: right;
  background: #fff;
  position: relative;
  padding: 20px;
}

.product_filter_search .inlineSearch {
  background: none;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px;
  width: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue Condensed";
}

.open_filter_mobile {
  background: #fff;
  display: flex;
}

.product_filter_search .inlineSubmit {
  width: 18px;
  height: 18px;
  font-size: 0;
  border: none;
  position: absolute;
  right: 30px;
  top: 29px;
  cursor: pointer;
}

.product_filter_search .inlineSearch::-webkit-input-placeholder {
  color: rgba(54, 46, 44, 0.5);
  text-transform: uppercase;
}

.product_filter_search .inlineSearch::-moz-placeholder {
  color: rgba(54, 46, 44, 0.5);
  text-transform: uppercase;
}

.product_filter_search .inlineSearch:-ms-input-placeholder {
  color: rgba(54, 46, 44, 0.5);
  text-transform: uppercase;
}

.product_filter_search .inlineSearch:-moz-placeholder {
  color: rgba(54, 46, 44, 0.5);
  text-transform: uppercase;
}

.product_filter-close {
  padding: 30px;
  font-size: 16px;
  color: #362e2c;
  font-family: "Helvetica Neue Condensed";
  background-color: #fafbfd;
}

.product_filter-close i {
  color: #436042;
  font-size: 20px;
  margin-right: 10px;
}

.mobile_filter {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* Product */
  .product_filter_search {
    display: none;
  }
  .product_filter_col {
    width: 100%;
  }
  .mobile_filter {
    display: block;
  }
  .mobile_filter .product_filter_title {
    font-size: 24px;
  }
  .mobile_filter .filter_pro_icon {
    top: 26%;
  }
  .product_filter_title1 {
    background: #436042;
    padding: 20px 30px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #caa858;
  }
  .product_filter_title1 .filter_pro_icon {
    background: #19322f;
  }
  .product_filter_title1 span {
    color: #fff;
    display: block;
    font-size: 16px;
    font-family: "DIN Condensed-Light";
  }
  .filter_pro_icon {
    background: none;
    right: 20px;
  }
  .filter_pro_icon span1 {
    height: 2px;
    width: 20px;
    background: #436042;
  }
  .filter_pro_icon span1:before {
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    display: block;
    top: 0;
    background: #436042;
    left: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
  .filter_title_active .filter_pro_icon span1:before {
    display: none;
  }
  .filter_pro_icon span1:after {
    display: none;
  }
  .filter_title_active {
    background: #fff;
  }
  .filter_title_active .filter_pro_icon {
    background: none;
  }
  .filter_title_active span {
    color: #436042;
  }
  .product_filter_menu {
    position: relative;
    padding: 0px 25px;
    top: 0;
  }
  .product_filter_title {
    background: #fff;
    border-right: none;
    border-top: 1px solid #e5e5e5;
    font-size: 24px;
    padding: 20px 30px;
  }
  .product_filter_title span {
    display: none;
  }
  .product_filter_menu {
    box-shadow: none;
  }
  .product_filter_menu li:last-child {
    padding-bottom: 16px;
  }
  .filter_pro_icon {
    top: 25%;
  }
  .product_filter_title1 .filter_pro_icon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #19322f;
    display: block;
    right: 20px;
    top: 25%; /* top:33%; */
    position: absolute;
    cursor: pointer;
  }
  .product_filter_title1 .filter_pro_icon span1 {
    position: relative;
    height: 2px;
    width: 11px;
    background: #fff;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 48%;
  }
  .product_filter_title1 .filter_pro_icon span1:before, .product_filter_title1 .filter_pro_icon span1:after {
    content: "";
    height: 2px;
    width: 15px;
    position: absolute;
    display: block;
    top: -5px;
    background: #fff;
    left: -2px;
    transform: none;
    -webkit-transform: none;
  }
  .product_filter_title1 .filter_pro_icon span1:after {
    top: initial;
    bottom: -5px;
    width: 6px;
    left: 3px;
  }
  .product_filter_title1 .filter_title_active {
    background: #fff;
  }
  .product_filter_title1 .filter_title_active .filter_pro_icon {
    background: #436042;
  }
  .product_filter_title1 .filter_title_active span {
    color: #436042;
  }
  .open_filter_mobile {
    display: none;
  }
}
.wrap-product-outer {
  background-color: #fafbfd;
}

.wrap-product {
  max-width: 1382px;
  width: 100%;
  margin: 0 auto;
  background-color: #fafbfd;
}
.wrap-product ul {
  margin: 0;
}
.wrap-product li {
  list-style: none;
}

section.product-cat {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
section.product-cat h2 {
  padding: 30px 15px 0;
  font-size: 54px;
  color: #24272a;
  font-family: "Engrace", sans-serif;
}

section.product-cat.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
}

ul.product_list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.product_list li {
  float: left;
  width: 25%;
  margin-bottom: 40px;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
  position: relative;
  list-style: none;
}

.product_list li:before {
  display: none;
}

.product_list li.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
}

section.product-cat.baking-chips li,
section.product-cat.chips li {
  width: 50%;
}

.product_list li.product-categories-new:after {
  content: "NEW!";
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #436042;
  color: #fff;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 18px;
  font-family: "Engrace", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}

.product_inner {
  background: #fff;
  border: 1px solid #e5e3e3;
  padding: 48px;
  margin: 0 13px;
}

.product_inner:hover {
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.1);
}

.product_list li:nth-child(4n+1) {
  clear: left;
}

@media only screen and (max-width: 999px) {
  .product_banner_content p {
    font-size: 15px;
    line-height: 26px;
  }
  .product_banner_content {
    left: 0%;
  }
  .product_filter_title {
    padding: 20px 53px 20px 20px;
    font-size: 20px;
  }
  .product_filter-close {
    padding: 20px 20px 0;
  }
  .product_list li {
    width: 33.33%;
  }
  .product_list li:nth-child(4n+1) {
    clear: none;
  }
  .product_list li:nth-child(3n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 768px) {
  .product_list li {
    width: 50%;
  }
  .product_list li:nth-child(3n+1) {
    clear: none;
  }
  .product_list li:nth-child(2n+1) {
    clear: left;
  }
  section.product-cat.baking-chips li {
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .product_list li {
    width: 100%;
  }
  .product_list li:nth-child(2n+1), .product_list li:nth-child(3n+1) {
    clear: none;
  }
  .product_banner_content p {
    max-width: 100%;
  }
}
.product_inner .product-thumbnail img {
  margin: 0 auto;
  width: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
}

@media only screen and (max-width: 999px) {
  .product_inner .product-thumbnail img {
    max-height: 400px;
    width: auto;
  }
}
.product_inner:hover .product-thumbnail img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.product_inner .product_title {
  margin: 40px 0 20px;
  font-family: "Engrace", sans-serif;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}

.product_inner .product_title a {
  display: inline-block;
  color: #362e2c;
}

.product_inner .product_title a:hover {
  display: inline-block;
  color: #436042;
}

.list_prod_desc p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0;
}

.Cocoa-Percentage {
  margin: 15px 0 10px;
}

.Cocoa-Percentage p {
  color: #436042;
  font-family: "Engrace", sans-serif;
  font-weight: 700;
  margin: 0;
  float: left;
  font-size: 20px;
}

.list_certifications {
  float: right;
}

.list_certifications div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.list_certifications div:last-child {
  margin-right: 0;
}

.list_certifications .all-certifications {
  display: none;
}

.list_certifications img {
  max-width: 25px;
}

.ingredients-cta {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ingredients-cta .inner {
  max-width: 1130px;
  min-height: 760px;
  margin: auto;
  padding: 15px;
  display: flex;
  align-items: center;
}
.ingredients-cta .inner .txtwrap {
  max-width: 550px;
  margin-right: auto;
}
.ingredients-cta .inner .txtwrap h2 {
  font-size: 100px;
  line-height: 90px;
  font-family: "Engrace", sans-serif;
  letter-spacing: 1px;
  margin: 20px 0 10px;
}
.ingredients-cta .inner .txtwrap p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin-top: 5px;
}

@media screen and (max-width: 1200px) {
  .ingredients-cta {
    background-size: cover;
  }
  .ingredients-cta .inner {
    max-width: 1130px;
    min-height: 760px;
    margin: auto;
    padding: 15px;
    display: flex;
    align-items: center;
  }
  .ingredients-cta .inner .txtwrap {
    max-width: 550px;
    margin-right: auto;
  }
  .ingredients-cta .inner .txtwrap h2 {
    font-size: 72px;
    line-height: 72px;
    font-family: "Engrace", sans-serif;
    letter-spacing: 1px;
    margin: 20px 0 10px;
  }
  .ingredients-cta .inner .txtwrap p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 5px;
  }
}
@media screen and (max-width: 800px) {
  .ingredients-cta {
    background-size: cover;
  }
  .ingredients-cta .inner {
    max-width: 1130px;
    min-height: 450px;
    margin: auto;
    padding: 15px;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .ingredients-cta .inner .txtwrap {
    max-width: 450px;
    margin-right: auto;
  }
  .ingredients-cta .inner .txtwrap h2 {
    font-size: 48px;
    line-height: 48px;
    font-family: "Engrace", sans-serif;
    letter-spacing: 1px;
    margin: 20px 0 10px;
  }
  .ingredients-cta .inner .txtwrap p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 5px;
  }
}
.ingredients-content .wpcontent {
  max-width: 800px;
  margin: auto;
  padding: 15px;
}
.ingredients-content .wpcontent h1 {
  font-size: 72px;
  line-height: 64px;
  margin-bottom: 40px;
}
.ingredients-content .wpcontent p {
  font-size: 22px;
  font-weight: 300;
  max-width: 700px;
  margin: auto;
}

@media screen and (max-width: 1000px) {
  .ingredients-content .wpcontent h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .ingredients-content .wpcontent p {
    font-size: 20px;
    max-width: 700px;
    margin: 0px auto 50px;
  }
}
@media screen and (max-width: 600px) {
  .ingredients-content .wpcontent h1 {
    font-size: 48px;
    line-height: 48px;
  }
  .ingredients-content .wpcontent p {
    font-size: 18px;
    margin: 20px auto 50px;
  }
}
.ingredients-section {
  position: relative;
}

#ingredients-bkgrd {
  position: absolute;
  top: -150px;
  left: 0;
  z-index: -1;
}
#ingredients-bkgrd img {
  width: 100vw;
  height: auto;
}

.ingredients-wrap {
  padding: 10px 60px 100px;
  text-align: left;
}
.ingredients-wrap .scroll-down {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 30px;
  font-family: "Engrace", sans-serif;
  color: #436042;
  margin-bottom: 90px;
}
.ingredients-wrap .scroll-down img {
  margin: 10px auto;
  transform: translateY(0px);
  transition: transform 0.3s ease-in-out;
}
.ingredients-wrap .scroll-down svg {
  margin-top: 30px;
  max-width: 14px;
}
.ingredients-wrap .scroll-down:hover img {
  transform: translateY(10px);
}

.ingredients-section .ingredients-list {
  max-width: 1260px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}
.ingredients-section .ingredients-list .ingredients-list-item {
  padding: 40px;
  background: #fff;
}
.ingredients-section .ingredients-list .ingredients-list-item .img-wrap {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ingredients-section .ingredients-list .ingredients-list-item .img-wrap img {
  max-width: 100%;
  height: auto;
}
.ingredients-section .ingredients-list .ingredients-list-item h3 {
  font-size: 32px;
  line-height: 30px;
}
.ingredients-section .ingredients-list .ingredients-list-item p {
  font-size: 16px;
  font-weight: 300;
}

@media screen and (max-width: 1000px) {
  .ingredients-wrap {
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
    padding: 30px 60px 100px;
    text-align: center;
  }
  .ingredients-section .ingredients-list {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
  .ingredients-section .ingredients-list .ingredients-list-item {
    padding: 30px;
    background: #fff;
  }
  .ingredients-section .ingredients-list .ingredients-list-item .img-wrap {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ingredients-section .ingredients-list .ingredients-list-item h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (max-width: 700px) {
  .ingredients-wrap {
    padding: 30px 30px 100px;
  }
  .ingredients-section .ingredients-list {
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .ingredients-section .ingredients-list .ingredients-list-item {
    padding: 30px;
    background: #fff;
  }
  .ingredients-section .ingredients-list .ingredients-list-item .img-wrap {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ingredients-section .ingredients-list .ingredients-list-item h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
section.certifications {
  padding: 200px 70px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section.certifications .inner {
  padding: 100px 60px;
  background-color: #fff;
}
section.certifications .inner h2 {
  color: #24272a;
  font-size: 72px;
  line-height: 80px;
  font-family: "Engrace", sans-serif;
  text-align: center;
  padding-bottom: 30px;
}
section.certifications .inner .icons-wrap {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
section.certifications .inner .icons-wrap .cert .img-wrap {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.certifications .inner .icons-wrap .cert .img-wrap img {
  max-width: 100%;
  height: auto;
}
section.certifications .inner .icons-wrap .cert p {
  color: #24272a;
  font-size: 32px;
  line-height: 40px;
  font-family: "Engrace", sans-serif;
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  section.certifications {
    padding: 100px 70px;
  }
  section.certifications .inner {
    padding: 60px 30px 30px;
  }
  section.certifications .inner h2 {
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 30px;
  }
  section.certifications .inner .icons-wrap {
    flex-wrap: wrap;
  }
  section.certifications .inner .icons-wrap .cert {
    width: 33.33%;
  }
  section.certifications .inner .icons-wrap .cert .img-wrap {
    height: 90px;
    padding: 15px;
  }
  section.certifications .inner .icons-wrap .cert .img-wrap img {
    max-width: 100%;
    height: auto;
  }
  section.certifications .inner .icons-wrap .cert p {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  section.certifications {
    padding: 0;
  }
  section.certifications .inner {
    padding: 60px 30px 30px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  section.certifications .inner h2 {
    color: #24272a;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 30px;
  }
  section.certifications .inner .icons-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
  }
  section.certifications .inner .icons-wrap .cert {
    width: 50%;
  }
  section.certifications .inner .icons-wrap .cert .img-wrap {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
  }
  section.certifications .inner .icons-wrap .cert .img-wrap img {
    max-width: 100%;
    height: auto;
  }
  section.certifications .inner .icons-wrap .cert p {
    color: #24272a;
    font-size: 24px;
    line-height: 30px;
    font-family: "Engrace", sans-serif;
    text-align: center;
    margin-top: 20px;
  }
}
.ingredients-extra .lowercta {
  padding: 60px;
}
.ingredients-extra .lowercta .inner {
  display: flex;
  max-width: 1330px;
  margin: auto;
}
.ingredients-extra .lowercta .inner .left {
  flex-basis: 55%;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ingredients-extra .lowercta .inner .left h2 {
  color: #19322f;
  font-size: 100px;
  line-height: 90px;
  font-family: "Engrace", sans-serif;
}
.ingredients-extra .lowercta .inner .left p {
  color: #19322f;
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
.ingredients-extra .lowercta .inner .left a {
  text-decoration: none;
  color: #436042;
}
.ingredients-extra .lowercta .inner .right {
  flex-basis: 45%;
  padding-left: 60px;
}

@media screen and (max-width: 1200px) {
  .ingredients-extra .lowercta {
    padding: 60px;
  }
  .ingredients-extra .lowercta .inner {
    display: flex;
    max-width: 1330px;
    margin: auto;
  }
  .ingredients-extra .lowercta .inner .left {
    flex-basis: 65%;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .ingredients-extra .lowercta .inner .left h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .ingredients-extra .lowercta .inner .left p {
    font-size: 20px;
    line-height: 30px;
  }
  .ingredients-extra .lowercta .inner .right {
    flex-basis: 35%;
    padding-left: 30px;
  }
}
@media screen and (max-width: 900px) {
  .ingredients-extra .lowercta {
    padding: 60px 30px;
  }
  .ingredients-extra .lowercta .inner {
    display: flex;
    margin: auto;
  }
  .ingredients-extra .lowercta .inner .left {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .ingredients-extra .lowercta .inner .left h2 {
    font-size: 48px;
    line-height: 48px;
  }
  .ingredients-extra .lowercta .inner .left p {
    font-size: 18px;
    line-height: 28px;
  }
  .ingredients-extra .lowercta .inner .right {
    flex-basis: 50%;
    padding-left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .ingredients-extra .lowercta {
    padding: 60px 0px;
  }
  .ingredients-extra .lowercta .inner {
    position: relative;
    padding: 60px 30px;
    background: rgba(255, 255, 255, 0.7);
  }
  .ingredients-extra .lowercta .inner .left {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .ingredients-extra .lowercta .inner .left h2 {
    font-size: 48px;
    line-height: 48px;
  }
  .ingredients-extra .lowercta .inner .left p {
    font-size: 18px;
    line-height: 28px;
  }
  .ingredients-extra .lowercta .inner .right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: -1;
    overflow: hidden;
    height: 100%;
  }
  .ingredients-extra .lowercta .inner .right img {
    max-width: 100%;
    height: auto;
  }
}
.page-template-template-flex #page {
  background-color: #fafbfd;
}

.flex-banner {
  height: 360px;
  width: 100%;
  position: relative;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.flex-banner-content h1 {
  font-size: 120px;
  line-height: 100px;
  font-size: clamp(60px, 12vw, 120px);
  line-height: clamp(54px, 10vw, 100px);
  text-align: center;
}

.flex_banner_content {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 65%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 15px;
}
.flex_banner_content h1 {
  font-size: 120px;
  line-height: 120px;
}

.flex-banner .flex-banner-content {
  max-width: 800px;
  left: 0;
}
.flex-banner .flex-banner-content p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  font-style: normal;
  max-width: 100%;
}

.cmspage_banner .wrapper,
.flex-banner .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-color: rgba(244, 240, 235, 0.2666666667);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.flex-blocks .text-block {
  background-color: #fafbfd;
  padding: 60px 15px 30px;
}
.flex-blocks .text-block .inner {
  max-width: 760px;
  margin: auto;
}
.flex-blocks .text-block .inner h1,
.flex-blocks .text-block .inner h2 {
  font-size: 84px;
  line-height: 100%;
  margin: 30px 0 60px;
}
.flex-blocks .text-block .inner h2 {
  font-size: 72px;
}
.flex-blocks .text-block .inner h2.gsection_title {
  font-size: 54px;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
}
.flex-blocks .text-block .inner .gform_legacy_markup_wrapper .top_label .gfield_label {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.flex-blocks .text-block .inner .gform_legacy_markup_wrapper .gfield_description {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
}
.flex-blocks .text-block .inner input.gform_button.button {
  height: 50px;
  background-color: #14767a;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding: 3px 35px 0px;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.15);
}
.flex-blocks .text-block .inner .gform_fileupload_rules {
  font-size: 14px;
}
.flex-blocks .text-block .inner h3,
.flex-blocks .text-block .inner h4 {
  margin: 60px 0 30px;
}
.flex-blocks .text-block .inner p {
  max-width: 760px;
  margin: auto;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
}

.flex-blocks .text-block.center {
  text-align: center;
}
.flex-blocks .text-block.center .inner {
  max-width: 900px;
}

@media screen and (max-width: 900px) {
  .flex-blocks .text-block {
    background-color: #fafbfd;
    padding: 60px 15px;
  }
  .flex-blocks .text-block .inner {
    max-width: 900px;
    margin: auto;
  }
  .flex-blocks .text-block .inner h1,
  .flex-blocks .text-block .inner h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .flex-blocks .text-block .inner p {
    max-width: 760px;
    margin: auto;
    font-size: 20px;
    font-weight: 300;
  }
}
@media screen and (max-width: 900px) {
  .flex-blocks .text-block {
    background-color: #fafbfd;
    padding: 60px 15px;
  }
  .flex-blocks .text-block .inner {
    max-width: 900px;
    margin: auto;
  }
  .flex-blocks .text-block .inner h1,
  .flex-blocks .text-block .inner h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .flex-blocks .text-block .inner p {
    max-width: 760px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 300;
  }
}
.flex-blocks .two-col-img {
  background-color: #fafbfd;
}
.flex-blocks .two-col-img .inner {
  max-width: 1030px;
  margin: auto;
  padding: 60px 15px;
}
.flex-blocks .two-col-img .inner h2 {
  font-size: 54px;
  text-align: center;
  margin-bottom: 30px;
}
.flex-blocks .two-col-img .inner .article-wrap {
  display: flex;
}
.flex-blocks .two-col-img .inner .article-wrap article {
  flex-basis: 50%;
  flex-wrap: wrap;
  flex-shrink: 0;
  flex-grow: 0;
}
.flex-blocks .two-col-img .inner .article-wrap article .img-wrap {
  padding: 5px;
  height: 290px;
}
.flex-blocks .two-col-img .inner .article-wrap article .img-wrap img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
.flex-blocks .two-col-img .inner .article-wrap article .text-wrap {
  padding: 40px;
}
.flex-blocks .two-col-img .inner .article-wrap article .text-wrap h3 {
  font-size: 36px;
  line-height: 42px;
}
.flex-blocks .two-col-img .inner .article-wrap article .text-wrap p {
  font-size: 18px;
  font-weight: 300;
}

@media screen and (max-width: 900px) {
  .flex-blocks .two-col-img .inner {
    padding: 30px 15px;
  }
  .flex-blocks .two-col-img .inner h2 {
    font-size: 40px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article {
    flex-basis: 50%;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .img-wrap {
    padding: 5px;
    height: 240px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .img-wrap img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap {
    padding: 20px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap p {
    font-size: 18px;
    font-weight: 300;
  }
}
@media screen and (max-width: 600px) {
  .flex-blocks .two-col-img .inner {
    padding: 30px 15px;
  }
  .flex-blocks .two-col-img .inner h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .flex-blocks .two-col-img .inner .article-wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .flex-blocks .two-col-img .inner .article-wrap article {
    flex-basis: 100%;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 30px;
    max-width: 400px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .img-wrap {
    padding: 5px;
    height: 240px;
    text-align: center;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .img-wrap img {
    height: 100%;
    width: auto;
    object-fit: cover;
    margin: auto;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap {
    padding: 20px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .flex-blocks .two-col-img .inner .article-wrap article .text-wrap p {
    font-size: 18px;
    font-weight: 300;
  }
}
.flex-blocks .fullwidth-image-block {
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-blocks .fullwidth-image-block .inner {
  max-width: 1060px;
  width: 100%;
  padding: 90px 30px;
  margin: auto;
}
.flex-blocks .fullwidth-image-block .inner .text-wrap {
  max-width: 500px;
  margin-right: auto;
}
.flex-blocks .fullwidth-image-block .inner .text-wrap h2 {
  font-size: 54px;
  line-height: 54px;
  text-align: left;
}
.flex-blocks .fullwidth-image-block .inner .text-wrap p {
  font-size: 18px;
  font-weight: 300;
  max-width: 400px;
}
.flex-blocks .fullwidth-image-block .inner .text-wrap a {
  display: block;
  margin-top: 30px;
}

.flex-blocks .fullwidth-image-block.center {
  padding: 200px 70px;
}
.flex-blocks .fullwidth-image-block.center .inner {
  background-color: #fdfdfd;
}
.flex-blocks .fullwidth-image-block.center .inner .text-wrap {
  max-width: 800px;
  margin: auto;
  text-align: center;
}
.flex-blocks .fullwidth-image-block.center .inner .text-wrap h2 {
  text-align: center;
  margin-bottom: 15px;
}
.flex-blocks .fullwidth-image-block.center .inner .text-wrap p {
  text-align: center;
  max-width: 750px;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .flex-blocks .fullwidth-image-block {
    min-height: 0px !important;
  }
  .flex-blocks .fullwidth-image-block .inner {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 60px 30px;
    height: 100%;
    width: 100%;
    margin: 0;
  }
  .flex-blocks .fullwidth-image-block .inner .text-wrap h2 {
    font-size: 28px !important;
    line-height: 32px !important;
    text-align: left;
  }
  .flex-blocks .fullwidth-image-block .inner .text-wrap p {
    font-size: 18px;
    font-weight: 300;
    max-width: 400px;
  }
  .flex-blocks .fullwidth-image-block .inner .text-wrap a {
    display: block;
    margin-top: 30px;
  }
  .flex-blocks .fullwidth-image-block.center {
    padding: 30px 30px;
  }
  .flex-blocks .fullwidth-image-block.center .inner {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .flex-blocks .fullwidth-image-block.center .inner .text-wrap {
    max-width: 800px;
    margin: auto;
    text-align: center;
  }
  .flex-blocks .fullwidth-image-block.center .inner .text-wrap h2 {
    text-align: center;
  }
  .flex-blocks .fullwidth-image-block.center .inner .text-wrap p {
    text-align: center;
    max-width: 750px;
    margin: auto;
  }
}
.flex-blocks .threecol-image-block {
  padding: 60px 0;
  background-color: #fafbfd;
}
.flex-blocks .threecol-image-block .inner {
  max-width: 1220px;
  margin: auto;
  padding: 15px;
}
.flex-blocks .threecol-image-block .inner h2 {
  font-size: 54px;
  line-height: 54px;
  text-align: center;
  margin-bottom: 60px;
}
.flex-blocks .threecol-image-block .inner .article-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}
.flex-blocks .threecol-image-block .inner .article-wrap article {
  height: 240px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.flex-blocks .threecol-image-block .inner .article-wrap article img {
  max-width: 100%;
  height: auto;
}
.flex-blocks .threecol-image-block .inner .article-wrap article:hover {
  box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 600px) {
  .flex-blocks .threecol-image-block {
    padding: 60px 0;
    background-color: #fafbfd;
  }
  .flex-blocks .threecol-image-block .inner {
    max-width: 1220px;
    margin: auto;
    padding: 15px;
  }
  .flex-blocks .threecol-image-block .inner h2 {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 20px;
  }
  .flex-blocks .threecol-image-block .inner .article-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
  .flex-blocks .threecol-image-block .inner .article-wrap article {
    height: 140px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
  }
  .flex-blocks .threecol-image-block .inner .article-wrap article img {
    max-width: 100%;
    height: auto;
  }
  .flex-blocks .threecol-image-block .inner .article-wrap article:hover {
    box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.2);
  }
}
.flex-blocks .script-block {
  padding: 0px 30px 90px;
}
.flex-blocks .script-block .inner {
  max-width: 1160px;
  margin: auto;
}

.flex-blocks .wysiwyg-block {
  padding: 30px;
  margin-bottom: 60px;
}
.flex-blocks .wysiwyg-block .inner {
  max-width: 1160px;
  margin: auto;
}

.flex-blocks .faq-block {
  padding: 0 30px 30px 60px;
}
.flex-blocks .faq-block .inner {
  max-width: 700px;
  margin: auto;
}
.flex-blocks .faq-block .inner article {
  margin: 30px 0;
  position: relative;
}
.flex-blocks .faq-block .inner article h2 {
  color: #436042;
  cursor: pointer;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.flex-blocks .faq-block .inner article h2:before {
  content: "+";
  transform: translateX(-15px);
  display: inline-block;
  font-size: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  position: absolute;
  left: -20px;
  top: -5px;
}
.flex-blocks .faq-block .inner article .answer {
  font-size: 18px;
  font-weight: 300;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in;
  padding-left: 10px;
}
.flex-blocks .faq-block .inner article.expanded h2:before {
  content: "-";
  font-size: 60px;
}
.flex-blocks .faq-block .inner article.expanded .answer {
  height: auto;
  opacity: 1;
}

.flex-blocks .events-calendar {
  padding: 60px;
}
.flex-blocks .events-calendar .month-separator {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #24272a;
  opacity: 0.5;
  font-family: "Engrace", sans-serif;
}
.flex-blocks .events-calendar .month-separator hr {
  display: inline-block;
  width: 100%;
  color: #24272a;
  opacity: 0.5;
  margin-left: 10px;
}
.flex-blocks .events-calendar article {
  background-color: #fff;
  padding: 40px;
  display: flex;
  margin: 30px auto 60px;
  max-width: 1200px;
}
.flex-blocks .events-calendar article .left {
  flex-basis: 60px;
  flex-shrink: 0;
  flex-grow: 0;
}
.flex-blocks .events-calendar article .left .event-day-text {
  font-size: 16px;
  opacity: 0.5;
  font-family: "Engrace", sans-serif;
}
.flex-blocks .events-calendar article .left .event-day-num {
  font-family: "Engrace", sans-serif;
  color: #24272a;
  font-size: 28px;
}
.flex-blocks .events-calendar article .center {
  padding: 0 40px 0 30px;
}
.flex-blocks .events-calendar article .center .event-date-text {
  font-family: "Engrace", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.flex-blocks .events-calendar article .center h2 {
  font-size: 36px;
  line-height: 40px;
  color: #24272a;
}
.flex-blocks .events-calendar article .center .event-type {
  font-family: "Engrace", sans-serif;
  font-size: 16px;
  color: #362e2c;
  letter-spacing: 1px;
  margin: 5px 0;
}
.flex-blocks .events-calendar article .center .event-desc {
  font-size: 15px;
  color: #24272a;
  font-weight: 300;
  line-height: 30px;
}
.flex-blocks .events-calendar article .right {
  flex-basis: 380px;
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-blocks .events-calendar article .right img {
  width: 100%;
  height: auto;
  position: sticky;
  top: 60px;
  margin-bottom: 30px;
  max-width: 400px;
}
.flex-blocks .events-calendar article.featured .left {
  border-right: 2px solid #19322f;
}
.flex-blocks .events-calendar article.featured .event-date-text span.featured-label {
  color: #436042;
  margin-right: 15px;
}
.flex-blocks .events-calendar article.featured .event-date-text span.featured-label:before {
  content: url(../img/icon-featured-event.png);
  margin-right: 7px;
  transform: translateY(1px);
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .flex-blocks .events-calendar {
    padding: 60px 30px;
  }
  .flex-blocks .events-calendar article .right {
    flex-basis: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .flex-blocks .events-calendar {
    padding: 60px 15px;
  }
  .flex-blocks .events-calendar article {
    padding: 40px 20px;
  }
  .flex-blocks .events-calendar article .left {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .flex-blocks .events-calendar {
    padding: 60px 15px;
  }
  .flex-blocks .events-calendar article {
    flex-direction: column-reverse;
  }
  .flex-blocks .events-calendar article .right {
    flex-basis: auto;
  }
}
@media screen and (max-width: 500px) {
  .flex-blocks .events-calendar article .center {
    padding: 0;
  }
  article.featured .event-date-text span.featured-label {
    display: block;
    width: 100%;
    margin-right: 15px;
  }
  article.featured .event-date-text span.featured-label:before {
    content: url(../img/icon-featured-event.png);
    margin-right: 7px;
    transform: translateY(1px);
  }
}
section.impact-report {
  padding: 90px 30px 150px;
}

.impact-report_inner {
  max-width: 1460px;
  margin: auto;
  display: flex;
}
.impact-report_inner .left {
  flex-basis: 50%;
  padding-right: 40px;
}
.impact-report_inner .left h2 {
  font-size: 100px;
  line-height: 100px;
  color: #362e2c;
}
.impact-report_inner .left p {
  font-size: 20px;
  margin: 30px 0 40px;
}
.impact-report_inner .right {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  section.impact-report {
    padding: 90px 30px 150px;
  }
  .impact-report_inner .left {
    flex-basis: 60%;
    padding-right: 40px;
  }
  .impact-report_inner .left h2 {
    font-size: 72px;
    line-height: 72px;
  }
  .impact-report_inner .right {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 800px) {
  section.impact-report {
    padding: 0px 30px 100px;
  }
  .impact-report_inner {
    flex-direction: column-reverse;
  }
  .impact-report_inner .left {
    flex-basis: auto;
    padding-right: 0px;
  }
  .impact-report_inner .left h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .impact-report_inner .right {
    flex-basis: auto;
  }
  .impact-report_inner .right img {
    margin-bottom: 60px;
  }
}
/* Single Product Page */
body.single-products {
  background-color: #fcfcfc;
}

.single_pro_bg {
  height: 600px;
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.single_product_detail .wrap-product {
  padding: 0px;
  display: block;
  max-width: 1200px;
}

.single_product_detail {
  background: #fcfcfc;
  width: 90%;
  max-width: 1300px;
  margin: -220px auto 0;
}
@media screen and (max-width: 1200px) {
  .single_product_detail {
    width: 100%;
    padding-inline: 30px;
  }
}

.single_product {
  padding: 40px 50px 0;
  background: #fafbfd;
  z-index: 1;
  display: flex;
  justify-content: space-evenly;
}
@media screen and (max-width: 1000px) {
  .single_product {
    padding: 40px 20px 0;
  }
}
@media screen and (max-width: 800px) {
  .single_product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .single_product {
    padding-inline: 0;
  }
}

.single_product_left {
  order: 1;
  flex-basis: 500px;
  padding-right: 50px;
}
@media screen and (max-width: 800px) {
  .single_product_left {
    order: 2;
    grid-column: span 2;
  }
}
@media screen and (max-width: 600px) {
  .single_product_left {
    grid-column: span 3;
    padding-inline: 0;
  }
}

.single_product .product-thumbnail {
  order: 2;
  flex-basis: 300px;
}
@media screen and (max-width: 800px) {
  .single_product .product-thumbnail {
    order: 1;
    grid-column: span 3;
  }
}
.single_product .product-thumbnail .tabContainer img {
  width: 100%;
  max-width: 410px;
  transform: translateY(-120px);
  margin-bottom: -120px;
}
@media screen and (max-width: 1000px) {
  .single_product .product-thumbnail .tabContainer img {
    transform: translateY(0px);
    margin-bottom: 0px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  .single_product .product-thumbnail .tabContainer img {
    max-width: 240px;
    margin: auto;
    transform: translateY(-200px);
    margin-bottom: -150px;
  }
}

@media screen and (max-width: 800px) {
  .single_product_left {
    order: 1;
    flex-basis: 550px;
    padding-right: 20px;
  }
}
.product-back {
  position: absolute;
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.product-back li {
  display: inline-block;
}

.product-back a {
  font-size: 14px;
  font-family: "Engrace", sans-serif;
  color: #19322f;
}

.product-back a.selected {
  color: #436042;
}

.single_product_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .single_product_top {
    flex-direction: column;
    gap: 20px;
  }
}

.blog_cat {
  margin-bottom: 15px;
}

#FRONT {
  position: relative;
}

#FRONT.has-shadow:after {
  content: "";
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 50px;
  border-radius: 66%;
  box-shadow: 0 41px 34px -5px rgba(105, 105, 105, 0.41);
}
@media screen and (max-width: 1000px) {
  #FRONT.has-shadow:after {
    display: none;
  }
}

.single_product_top a.backlink {
  position: relative;
  font-size: 16px;
  color: #362e2c;
  font-family: "Helvetica Neue Condensed";
  padding: 10px 0 0;
  display: flex;
}
.single_product_top a.backlink svg {
  width: 15px;
  margin-right: 8px;
  transform: translateY(-3px);
}

.single_product_top .share_icons div:first-child {
  margin-right: 8px;
  margin-top: 3px;
  color: rgba(54, 46, 44, 0.3);
  font-size: 15px;
  font-family: "Helvetica Neue Condensed";
  text-transform: uppercase;
  color: #24272a;
}

.single_product_top .share_icons div {
  display: inline-block;
  vertical-align: middle;
}

h1 {
  font-size: 60px;
  line-height: 50px;
  font-size: clamp(42px, 5vw, 60px);
  line-height: clamp(40px, 4.5vw, 50px);
  margin-bottom: 15px;
}

.attributes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding-top: 30px;
}
.attributes .percentage_cocoa {
  color: #436042;
  font-family: "Engrace", sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.product_detail {
  margin-top: 20px;
}

.product_detail p {
  font-size: 18px;
  line-height: 31px;
}

.shop-form-inner {
  display: flex;
}

.shop-form-inner section .label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #436042;
  font-size: 14px;
  margin-bottom: 10px;
}

.shop-form-inner section.price-wrap {
  margin-right: 60px;
  width: auto;
}
.shop-form-inner section.price-wrap .price {
  font-family: "Engrace", sans-serif;
  font-size: 48px;
  line-height: 40px;
}

.shop-form-inner section.qty-wrap .qty-control {
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 2px 15px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-form-inner section.qty-wrap .qty-control input {
  border: none;
  text-align: center;
  font-size: 18px;
  margin: 0 5px;
}
.shop-form-inner section.qty-wrap .qty-control span {
  cursor: pointer;
}

.bd-buttons {
  padding: 30px 0 30px;
  border-bottom: 2px solid #ccc;
}

#add-to-cart {
  margin-top: 20px;
  cursor: pointer;
}

.buy_now {
  position: relative;
}

.buy_now_title {
  background: #436042;
  font-size: 30px;
  color: #fafbfd;
  font-family: "Engrace", sans-serif;
  line-height: 30px;
  padding: 25px 30px 15px 30px;
  position: relative;
  cursor: pointer;
}

/* padding 20px 30px */
.buy_now_title span {
  color: rgba(54, 46, 44, 0.8);
  font-size: 16px;
  font-family: "Engrace", sans-serif;
  display: block;
  line-height: 16px;
}

.buy_now_title:after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 25px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #000;
}

.active.buy_now_title:after {
  content: "\f077";
}

.online_retailers {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 70px;
  box-shadow: 0 2px 6px 0px #ececec;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}

.online_retailers li:hover {
  background: #f3f3f3;
}

.online_retailers li {
  border-bottom: 1px solid #e5e5e5;
}
.online_retailers li::before {
  display: none;
}

.online_retailers li img {
  display: inline-block;
  vertical-align: middle;
}

.online_retailers a {
  display: table;
  width: 100%;
  text-align: left;
  padding: 15px 30px;
  transition: none;
  -webkit-transition: none;
}

.online_retailers span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 66%;
  font-size: 18px;
  font-family: "Engrace", sans-serif;
  color: #362e2c;
  text-transform: uppercase;
  position: relative;
}

.woocommerce-cartblock form.cart .shop-form-inner {
  width: 100%;
  margin: 60px 0 30px;
}
@media screen and (max-width: 600px) {
  .woocommerce-cartblock form.cart .shop-form-inner {
    margin: 0 0 30px;
  }
}
.woocommerce-cartblock form.cart .shop-form-inner .price-wrap {
  display: block;
  width: auto;
}
.woocommerce-cartblock form.cart .quantity input.qty {
  display: none;
}

.single_product_right {
  order: 3;
  flex-basis: 250px;
  padding-left: 50px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single_product_right {
    padding-left: 30px;
    margin-top: 30px;
    flex-basis: 180px;
    width: 180px;
  }
}
@media screen and (max-width: 600px) {
  .single_product_right {
    display: none;
  }
}
.single_product_right .nutrition-facts img {
  margin: 0 auto;
  max-width: 190px;
}
@media screen and (max-width: 1000px) {
  .single_product_right .nutrition-facts img {
    max-width: 100%;
  }
}

.single_product_certificat .all-certifications {
  display: none;
}

.single_product_certificat div {
  display: inline-block;
  vertical-align: middle;
  margin: 0 11px 20px 11px;
}

.single_product_certificat {
  margin: 50px 0 0;
}

.product-detail-image {
  position: absolute;
  right: -20px;
  width: 30%;
  bottom: 0;
  width: 300px;
}

section.detail-block {
  padding-left: 50px;
  display: flex;
  justify-content: space-between;
  gap: 60px;
  margin-top: 120px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  section.detail-block {
    gap: 30px;
  }
}
@media screen and (max-width: 1000px) {
  section.detail-block {
    flex-direction: column;
    margin-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  section.detail-block {
    padding-left: 0;
  }
}
section.detail-block .woocommerce-cartblock {
  flex-basis: 100%;
  flex-shrink: 1;
  display: grid;
  grid-template-columns: 45% 55%;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  section.detail-block .woocommerce-cartblock {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
}
section.detail-block .woocommerce-cartblock .bulk-product-option {
  border-inline: 1px solid #e5e3e3;
  padding-inline: 60px;
  margin-inline: -30px;
}
@media screen and (max-width: 1200px) {
  section.detail-block .woocommerce-cartblock .bulk-product-option {
    margin-inline: 0px;
    padding-inline: 30px;
  }
}
@media screen and (max-width: 1000px) {
  section.detail-block .woocommerce-cartblock .bulk-product-option {
    border-right: none;
  }
}
@media screen and (max-width: 800px) {
  section.detail-block .woocommerce-cartblock .bulk-product-option {
    border: none;
    padding: 0;
    flex-basis: 300px;
  }
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce {
  margin: auto;
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  justify-self: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product .button {
    position: relative;
    margin-top: 15px;
  }
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: flex;
  flex-wrap: wrap;
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product a.woocommerce-loop-product__link img {
  width: 180px;
  flex: 0 0 180px;
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product a.woocommerce-loop-product__link h2 {
  flex-basis: 200px;
  flex-grow: 2;
  flex-shrink: 0;
}
section.detail-block .woocommerce-cartblock .bulk-product-option .woocommerce ul.products li.product a.woocommerce-loop-product__link .price {
  width: 100%;
  flex: 1 1 100%;
  font-family: "Engrace", sans-serif;
  font-size: 48px;
  line-height: 40px;
  color: #24272a;
  text-align: left;
  margin-bottom: 0;
}
section.detail-block .single_product_info {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-basis: 210px;
  flex-shrink: 0;
  flex-grow: 0;
}
section.detail-block .single_product_info .single_product_txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transform: translateY(2px);
  color: #436042;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 30PX;
}
section.detail-block .single_product_info .ingredients {
  margin-bottom: 15px;
}
section.detail-block .single_product_info .ingredients h6 {
  font-size: 14px;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0px;
  padding: 0;
  color: #bfbdbe;
}
section.detail-block .single_product_info .ingredients p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 0;
}

.bulk-product-option .woocommerce ul.products {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bulk-product-option .woocommerce ul.products li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bulk-product-option .woocommerce ul.products li::before {
  display: none;
}
.bulk-product-option .woocommerce ul.products li a.woocommerce-loop-product__link img {
  width: 280px;
}
.bulk-product-option .woocommerce ul.products li a.woocommerce-loop-product__link h2 {
  font-size: 30px;
  line-height: 30px;
  font-family: "Engrace", sans-serif;
}
.bulk-product-option .woocommerce ul.products li a.woocommerce-loop-product__link .price {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #436042;
}

.single_product_bottom {
  padding-inline: 30px;
  padding-block: 60px;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.single_product_bottom .might_enjoy {
  grid-column: span 2;
}
@media screen and (max-width: 1200px) {
  .single_product_bottom .might_enjoy {
    grid-column: span 3;
  }
}

.single_product_bottom h4 {
  font-size: 30px;
  color: #436042;
  font-family: "Engrace", sans-serif;
  margin-bottom: 20px;
}

.product_inner {
  padding: 33px;
}

.single_pro_bg {
  height: 520px;
}

.single_product .product-thumbnail img {
  width: 280px;
}

.single_product_certificat img {
  max-width: 43px;
}

.single_product_certificat div {
  margin: 0 8px 20px 8px;
}

.might_enjoy {
  margin-top: 30px;
}

.might_enjoy-colwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.might_enjoy_col {
  flex-basis: 220px;
  max-width: 250px;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
  .might_enjoy_col {
    max-width: 300px;
    flex-basis: 250px;
  }
}

.might_enjoy_col_inner {
  border: 1px solid #e5e3e3;
  margin: 0;
  height: 100%;
}

.might_enjoy_col_inner img {
  margin: 0 auto;
  height: 240px;
  object-fit: cover;
  object-position: top;
}

.might_enjoy_col_inner .product-thumbnail {
  max-height: 250px;
  overflow: hidden;
  padding: 30px 30px 0;
  border-bottom: 1px solid #e5e3e3;
}

.might_enjoy_title {
  padding-top: 10px;
  color: #2c2020;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  font-family: "Engrace", sans-serif;
}

.might_enjoy_detail {
  padding: 30px 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: relative;
}

.might_enjoy-cocoa {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #436042;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  padding-top: 14px;
  text-align: center;
  position: absolute;
  top: -30px;
  right: 10px;
}

.might_enjoy_detail_txt {
  min-height: 40px;
}

.might_recipe {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  .might_recipe {
    grid-column: span 3;
  }
}

.recipe_product {
  border: 1px solid #e5e3e3;
}
@media screen and (max-width: 1200px) {
  .recipe_product {
    display: flex;
    gap: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .recipe_product {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

.recipe_product img {
  width: 100%;
  max-height: 158px;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .recipe_product img {
    flex-basis: 300px;
    max-height: 100%;
  }
}

.recipe_product_detail {
  padding: 25px;
}
@media screen and (max-width: 1200px) {
  .recipe_product_detail {
    flex-basis: 600px;
  }
}
@media screen and (max-width: 800px) {
  .recipe_product_detail {
    flex-basis: auto;
  }
}
.recipe_product_detail h4 {
  font-size: 24px;
  margin-bottom: 10px;
}

.recipe_product_detail p {
  font-size: 16px;
}

.exception_taste {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 60px;
}

.exception_taste_inner {
  max-width: 435px;
  margin-left: 8%;
}

.exception_taste h2 {
  color: #fff;
  font-family: "Engrace", sans-serif;
  font-size: 100px;
  line-height: 90px;
  margin-bottom: 30px;
}

.exception_taste .arow_link {
  background: #fff;
  padding: 20px 30px;
  display: block;
  max-width: 90%;
}

.exception_taste .arow_link:after {
  float: right;
  top: 8px;
  position: relative;
}

.single_product_detail.layout-horizontal .wrap-product .single_product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 500px auto;
  gap: 30px;
}
@media screen and (max-width: 999px) {
  .single_product_detail.layout-horizontal .wrap-product .single_product {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_left {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media screen and (max-width: 999px) {
  .single_product_detail.layout-horizontal .wrap-product .single_product .single_product_left {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 100%;
  }
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_left .product_detail h1.heading4 {
  font-size: clamp(48px, 6vw, 80px);
  line-height: clamp(48px, 6vw, 80px);
}
.single_product_detail.layout-horizontal .wrap-product .single_product .product-thumbnail {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 120px 0;
}
@media screen and (max-width: 999px) {
  .single_product_detail.layout-horizontal .wrap-product .single_product .product-thumbnail {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 30px 0 60px;
  }
}
.single_product_detail.layout-horizontal .wrap-product .single_product .product-thumbnail .tabContainer img {
  width: 100%;
  height: auto;
  max-width: none;
  transform: none;
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_right {
  grid-column: 2/3;
  grid-row: 2/3;
  padding-left: 0;
}
@media screen and (max-width: 999px) {
  .single_product_detail.layout-horizontal .wrap-product .single_product .single_product_right {
    grid-column: 1/2;
    grid-row: 3/4;
    width: 100%;
  }
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_right .nutrition-facts {
  width: 100%;
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_right .nutrition-facts img {
  margin: 0 auto;
  max-width: 100%;
}
.single_product_detail.layout-horizontal .wrap-product .single_product .single_product_right .single_product_certificat {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
}

.page-template-where_to_buy-template header.site-header {
  position: static;
}

.where-buy-banner.page-banner {
  background-position: center right;
}
.where-buy-banner.page-banner .wrapper {
  display: flex;
  align-items: center;
}
.where-buy-banner.page-banner .wrapper .page_banner_content {
  transform: none;
  position: static;
}
.where-buy-banner.page-banner .wrapper .page_banner_content p {
  max-width: 600px;
}

@media screen and (max-width: 1200px) {
  .where-buy-banner.page-banner {
    background-position: center center;
    height: 360px;
  }
  .where-buy-banner.page-banner .wrapper .page_banner_content {
    position: static;
  }
  .where-buy-banner.page-banner .heading3 {
    font-size: 72px;
    line-height: 72px;
  }
}
@media screen and (max-width: 900px) {
  .where-buy-banner.page-banner {
    background-position: center center;
    height: 360px;
  }
  .where-buy-banner.page-banner .heading3 {
    font-size: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 600px) {
  .where-buy-banner.page-banner {
    background-position: center right;
    height: 360px;
  }
  .where-buy-banner.page-banner .wrapper {
    background-color: rgba(255, 255, 255, 0.85);
    max-width: none;
  }
  .where-buy-banner.page-banner .heading3 {
    font-size: 48px;
    line-height: 48px;
  }
}
.product_find_map {
  position: relative;
}

.product_find_map .ssf-main-content .ssf-row {
  max-width: initial;
  height: 800px;
}

.product_find_map #mainContent .store-locator-map-holder {
  width: 67%;
  float: right;
  position: relative;
}

.product_find_map #filter_left_panel {
  position: absolute;
  left: 0;
  width: 29%;
  padding: 0;
  top: 240px;
  margin: 0 2%;
}

.product_find_map #mainContent .section {
  padding: 0;
}

.tb_txt {
  font-family: "DIN Condensed";
  font-size: 24px;
  text-transform: uppercase;
  color: rgba(54, 46, 44, 0.2);
  background: #f5f2e9;
  float: left;
  display: block;
  padding: 20px 0;
  text-align: center;
  width: 50%;
  cursor: pointer;
}

.tb_txt.active {
  background: #fff;
  color: #362e2c;
}

.tab_online_buy {
  max-width: 33%;
  padding: 70px 2% 0;
  position: absolute;
  top: 0;
  z-index: 0;
  top: 140px;
  text-align: center;
  height: 100%;
  background: #fff;
  max-height: 728px;
  opacity: 0;
}

.tab_online_buy_open {
  z-index: 11;
  opacity: 1;
}

.tab_online_buy li {
  width: 50%;
  float: left;
  padding: 16px 0;
  padding: 50px 0;
}

.tab_online_buy li:nth-child(2n+1) {
  clear: both;
}

.tab_online_buy li img {
  margin: 0 auto;
  display: block;
}

.tab_online_buy p {
  font-size: 15px;
  line-height: 24px;
}

.tab_find_menu {
  max-width: 33%;
  position: relative;
  top: 70px;
  z-index: 3;
}

.product_find_map #ssf_adress_input_box {
  width: 29%;
  position: absolute;
  top: 60px;
  left: 0px;
  padding: 0;
  margin: 0 2%;
}

.product_find_map .store-locator__actions-bar {
  padding: 0;
  position: relative;
  box-shadow: initial;
  background: none;
}

.product_find_map .ssf-panel.shadowed {
  box-shadow: none;
}

.product_find_map .store-locator__geolocator-cell {
  display: none;
}

.product_find_map .store-locator__map-status.is-shown.is-transitionable {
  display: none;
}

.product_find_map .field-holder__icon ~ .ssf-field {
  padding: 15px;
  border: 1px solid #e6e6e8;
  border-radius: 0;
  box-shadow: none;
  background: none;
}

.product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
  font-family: "DIN Condensed";
  background: #efc663 !important;
  width: 180px !important;
  position: relative;
  top: 120px;
  left: 0px;
  padding: 15px 0px;
}

.product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x:focus {
  font-size: 19px;
}

.product_find_map #filter_left_panel .filter__row {
  border: none;
  overflow: initial;
  padding: 0;
  font-family: "Metropolis";
  font-weight: 700;
  font-size: 12px;
  color: #362e2c;
}

.product_find_map #filterOptionsClearer {
  font-family: "DIN Condensed";
  background: #f5f2e9;
  color: rgba(54, 46, 44, 0.2) !important;
  text-transform: uppercase;
  padding: 3px 30px;
  top: -70px;
  position: absolute;
  right: 0;
  width: 180px;
  text-align: center;
  font-size: 19px;
}

.product_find_map #filter_left_panel .filter__row br {
  display: none;
  font-family: "Metropolis";
  font-weight: 700;
  font-size: 12px;
  color: #362e2c;
}

.product_find_map .filter__items-counter {
  float: none;
}

.product_find_map .infobox__marker {
  background-color: #efc663;
  border: none;
  font-size: 0;
  background: url(../img/map_icon.png) no-repeat;
  height: 26px;
  width: 20px;
}

.product_find_map #storeLocator__bottomHalf {
  width: 31%;
  margin: 0 0 0 2%;
  position: absolute;
  top: 288px;
  height: 100%;
  overflow: auto;
  max-height: 512px;
}

.product_find_map #storeLocator__storeListRow .title {
  display: none;
}

.product_find_map #storeLocator__storeListRow {
  padding: 0;
}

.product_find_map #storeLocator__storeList .ssf-column {
  width: 100%;
}

.product_find_map #storeLocator__storeList .infobox__cta {
  display: none;
}

.product_find_map .store-locator__infobox {
  padding: 0;
  margin-bottom: 0 !important;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.8;
  cursor: pointer;
  color: #362e2c !important;
  font-family: "Metropolis";
  border-bottom: 1px solid #e6e6e8;
  padding: 30px 0;
  margin-right: 18px;
}

.product_find_map .store-locator__infobox:after,
.product_find_map .store-locator__infobox:before {
  content: "";
  display: table;
  clear: both;
}

.product_find_map .store-locator__infobox.is-active .infobox__marker {
  background-color: inherit;
}

.product_find_map .infobox__row.infobox__row--marker {
  position: absolute;
  left: 0;
  padding: 0;
}

.product_find_map .infobox__body {
  padding: 0 0 0 35px !important;
  display: block;
}

.product_find_map .infobox__body .infobox__title {
  font-size: 17px;
  color: #efc663;
  font-weight: 500;
  padding: 0 0 6px;
}

.product_find_map .infobox__body .store-address {
  font-size: 14px;
  padding: 0;
  max-width: 190px;
}

.product_find_map #storeLocator__bottomHalf::-webkit-scrollbar {
  width: 6px;
}

.product_find_map #storeLocator__bottomHalf::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(193, 193, 193, 0.3);
  border-radius: 20px;
}

.product_find_map #storeLocator__bottomHalf::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgb(193, 193, 193);
  background: #c1c1c1;
}

.product_find_map .store-locator__infobox.store-locator__infobox--main {
  background-color: #ddd;
}

.product_find_map .store-locator-map .store-locator__infobox:before {
  border-right-color: #ddd;
}

.product_find_map .store-locator__infobox--main .infobox__cta {
  border-top-color: #000;
  color: #111;
}

.product_find_map .store-locator__infobox--main .infobox__cta:hover {
  color: #fff;
}

.product_find_map .store-locator__infobox--main .infobox__stv:hover {
  color: #fff;
}

.product_find_map .infobox__cta,
.product_find_map .infobox__stv {
  border: none;
}

.product_find_map .infobox__inner .infobox__body {
  padding: 10px !important;
}

.product_find_map .store-contact-us + div {
  display: none;
}

.product_find_map .infobox__closer + .infobox__body .store-address {
  max-width: 100%;
  padding: 0 !important;
}

.product_find_map .store-locator__infobox--main .infobox__cta,
.store-locator__infobox--main .infobox__stv {
  color: #fff;
  background: #efc663;
  padding: 8px 8px;
  display: inline-block;
  margin: 14px 0 0;
}

.product_find_map .infobox__row + .infobox__row {
  padding: 8px 8px;
}

.product_find_map .infobox__body > .infobox__row:last-child {
  padding: inherit;
}

.product_find_map .store-locator-map .store-locator__infobox {
  padding: 30px;
}

/* Blog */
.featured_post_top {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-top: 180px;
}

.featured_left,
.featured_right {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.featured_right img {
  width: 100%;
}

.featured_left_inner {
  max-width: 385px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.featured_title {
  font-size: 80px;
  text-transform: uppercase;
  line-height: 70px;
}

.featured_cat a {
  font-family: "Helvetica Neue Condensed";
  font-size: 18px;
  text-transform: uppercase;
  color: #436042;
  margin: 14px 0 20px;
  display: inline-block;
}

.featured_left_inner p {
  font-weight: 500;
}

.keep_reading a {
  background: #f5f2e9;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: block;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 12px;
  color: rgba(54, 46, 44, 0.3);
  font-family: "Helvetica Neue Condensed";
  padding-top: 25px;
}

.keep_reading a:hover {
  background: #d6d6d6;
}

.keep_reading a::before {
  content: "";
  display: block;
  background: url(../img/blog-page_arow.png);
  width: 26px;
  height: 14px;
  margin: 0 auto 10px;
}

.esc_blog {
  font-family: "Helvetica Neue Condensed";
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: 2%;
  top: 27%;
}

.cat_filter {
  background: #f5f2e9;
}

.cat_filter ul {
  text-align: center;
  padding-left: 0;
}

.cat_filter ul li {
  display: inline-block;
  padding: 25px 0;
  margin: 0 36px;
}

.cat_filter ul li:before {
  display: none;
}

.cat_filter ul li a {
  color: rgba(54, 46, 44, 0.3);
  font-size: 15px;
  font-family: "Helvetica Neue Condensed";
  text-transform: uppercase;
  position: relative;
  padding: 0 10px 0 25px;
}

.cat_filter ul li a::before {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -3px;
  height: 18px;
  width: 18px;
  border: 2px solid #bfbbb4;
  border-radius: 5px;
  z-index: 1;
}

/* Mac OS CSS */
.mac-os .cat_filter ul li a::before {
  top: -4px;
}

/* Mac OS CSS End */
.cat_filter ul li a:hover::before {
  border-color: #436042;
}

.mac-os .cat_filter ul li a:hover::after {
  top: -15px;
}

.cat_filter ul li.current a {
  color: #362e2c;
}

.cat_filter ul li.current a::before {
  background: url(../img/blog-category-current.png);
  border: none;
  background-repeat: no-repeat;
  top: 0px;
  width: 14px;
  height: 12px;
  left: 5px;
}

/* Mac OS CSS */
.mac-os .cat_filter ul li.current a::before {
  top: 0;
}

/* Mac OS CSS End */
.cat_filter ul li.current a::after {
  display: none;
}

.blog.wrap {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  background-color: #fafbfd;
}

.blog_post_row {
  padding-bottom: 60px;
  max-width: 1300px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.blog_post_row article {
  margin: 30px 0 0;
  padding: 0 10px;
  background-color: #fff;
  padding: 10px;
}

@media screen and (max-width: 1000px) {
  .blog_post_row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .blog_post_row {
    grid-template-columns: 1fr;
  }
}
.releted_product .blog_post_row article:nth-child(3n+1) {
  clear: none;
}

.blog-content {
  background: #fff;
  position: relative;
  padding: 45px 15px;
  min-height: 330px;
}

.single_blog_top img {
  margin: 30px 0;
}

.post-date {
  width: 60px;
  height: 60px;
  background: #436042;
  border-radius: 50%;
  font-size: 13px;
  font-family: "Helvetica Neue Condensed";
  color: #fff;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -40px;
  right: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
}

.post-categories {
  display: flex;
  flex-wrap: wrap;
}
.post-categories li {
  margin: 10px 15px 15px 0;
  letter-spacing: 1px;
  line-height: inherit;
}

.blog_post_title a {
  color: #362e2c;
  font-size: 36px;
  line-height: 36px;
  display: block;
  margin-bottom: 15px;
}

.blog_post_title a:hover {
  color: #436042;
}

.blog_cat a,
.blog_cat .post-categories li a {
  color: #436042;
  font-size: 16px;
  font-family: "Helvetica Neue Condensed";
  text-transform: uppercase;
  margin-right: 5px;
}

.blog-content p {
  font-family: "Metropolis";
  color: #2c2020;
  font-size: 15px;
  line-height: 27px;
  margin: 0;
}

.blog_post_row .post-thumbnail {
  position: relative;
  overflow: hidden;
  max-height: 250px;
}

@media screen and (max-width: 600px) {
  .blog_post_row .post-thumbnail {
    position: relative;
    overflow: hidden;
    max-height: 300px;
  }
}
.releted_product .blog_post_row .post-thumbnail {
  max-height: 260px;
}

.blog_post_row .post-thumbnail img {
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
}

.blog_post_row article:hover .post-thumbnail img {
  transform: scale(1.1);
}

#loadMore {
  background: #efc663;
  color: #fff;
  font-family: "Helvetica Neue Condensed";
  font-size: 24px;
  padding: 20px 90px;
  text-transform: uppercase;
  display: inline-block;
}

.mac-os #loadMore {
  padding-bottom: 15px;
}

#loadMore:hover {
  background: #362e2c;
}

.lodemor_post {
  margin: 0 0 80px;
  text-align: center;
}

#loadMore.last_blog_show {
  background: #adadad;
  cursor: not-allowed;
}

.single_blog_banner {
  height: clamp(300px, 50vw, 600px);
  overflow: hidden;
  position: relative;
}
.single_blog_banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}

.wrap-single_blog {
  max-width: 1036px;
  margin: -80px auto 0;
  display: block;
  background: #fff;
  position: relative;
  padding: 45px 70px;
}

.wrap-single_blog ol {
  margin-left: 0;
  padding-left: 0;
}

.wrap-single_blog .post-date {
  left: -30px;
  top: 47px;
}

.single_post_title {
  font-size: 80px;
  line-height: 80px;
  margin: 30px 0 10px;
}

.single_blog_main p,
.single_blog_main li {
  font-size: 18px;
  line-height: 28px;
}

.single_blog_main .size-full.aligncenter {
  width: 100%;
}

.single_blog_main .size-full.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.single_blog_main .size-full.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.single_blog_main iframe {
  width: 100%;
}

.single_blog_main h4 {
  font-family: "Helvetica Neue Condensed";
  font-size: 16px;
  margin: 30px 0 20px;
}

hr {
  margin: 20px 0;
  border: 1px solid #ebeae9;
}

.blog_directions ul,
.blog_directions li {
  list-style: inherit;
}

.blog_directions li {
  font-size: 16px;
  padding: 8px 10% 8px 0;
  margin-left: 15px;
  font-weight: bold;
}

.blog_directions strong {
  font-weight: 400;
}

.blog_ingredients ul li {
  width: 48%;
  padding-right: 10%;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

.blog_bottom_content {
  background: #fff;
}

.releted_product {
  padding: 80px 0;
}

.single_blog_main .releted_product {
  padding: 0;
}

.releted_product h3 {
  font-size: 24px;
  color: #436042;
}

.small-dialog-custom.news_popup_box {
  padding: 90px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.mfp-close-btn-in .news_popup_box .mfp-close {
  color: #efc663;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  font-size: 44px;
  right: 10px;
  top: 10px;
}

.mfp-close-btn-in .news_popup_box .mfp-close:hover {
  color: #1d0d08;
}

.news_popup_box h2 {
  color: #efc663;
  font-size: 51px;
  margin: 0;
}

.news_popup_box h2 br,
.news_popup_box p br {
  display: none;
}

.news_popup_box .footer-signup-form {
  margin: 40px 0 40px;
}

.news_popup_box .footer-signup-form form {
  border-bottom: 1px solid #e5e5e5;
}

.news_popup_box p {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-size: 14px;
  color: rgba(54, 46, 44, 0.5);
}

.single_blog_top ul,
.single_blog_top ol {
  padding-left: 40px;
}
.single_blog_top ul li,
.single_blog_top ol li {
  margin-bottom: 20px;
}

.single_blog_top ul {
  margin-bottom: 20px;
}

.single_blog_top p img {
  margin: 0 auto;
}

.single_blog_top .rightalign {
  float: right;
}

.single_blog_top .leftalign {
  float: left;
}

.blog_cat .post-categories li {
  padding: 0;
}

.blog_cat .post-categories li::before {
  display: none;
}

.blog-img-slider img {
  width: 100%;
  max-height: 530px;
  object-fit: cover;
}

.blog-img-slider ul.slick-dots {
  margin-bottom: 50px;
  text-align: center;
  margin-top: 0px;
  text-align: center;
}

.blog-img-slider .slick-dots li {
  display: inline-block;
  padding: 0;
  margin: 0 5px;
}

.blog-img-slider .slick-dots li button {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #efc663;
  color: transparent;
  border: 0;
  border-radius: 100%;
  outline: 0;
  cursor: pointer;
}

.blog-img-slider .slick-dots li::before {
  display: none;
}

.blog-img-slider .slick-dots li.slick-active button {
  background: none;
  border: 1px solid #efc663;
}

.blog-img-thumb .slick-slide img {
  height: 150px;
  object-fit: cover;
  outline: 0;
  border: 5px solid #fff;
  cursor: pointer;
}

.blog-img-thumb .slick-slide img:focus {
  outline: 0;
}

.blr {
  -webkit-transition: 1.3s all ease-in-out;
  transition: 1.3s all ease-in-out;
}

.blr-top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.blr-bites-top {
  position: absolute;
  top: 0;
  z-index: 44;
}

.contact_page {
  padding: 70px 0;
}

.contact_page_row .left_col {
  width: 54%;
  float: left;
}

.contact_page_row .right_col {
  width: 30%;
  float: right;
  margin-top: 20px;
}

.contact_page h3 {
  font-size: 24px;
  color: #436042;
  margin-bottom: 15px;
}

.contact_page h3 + p {
  font-size: 22px;
}

.contact_page h4 {
  font-family: "Engrace", sans-serif;
  margin: 25px 0 14px;
  font-size: 24px;
  line-height: 30px;
}

.contact_page h4 + p,
.contact_page h4 + p + p {
  font-weight: 300;
}

.contact_page .right_col p {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  font-weight: 300;
}

.contact_page .right_col h4 {
  margin: 20px 0 10px;
}

.contact_form {
  padding: 40px 0 80px;
}

.contact_form_row .gform_wrapper {
  margin: 0;
}

.contact_form_row .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
  position: relative;
}

.cms_page .gform_wrapper ul.gform_fields li::before {
  display: none !important;
}

.contact_form_row .gform_wrapper ul.gform_fields li.gfield .gfield_label {
  display: none;
}

body .contact_form_row .gform_wrapper .top_label div.ginput_container {
  margin: 0;
}

body .contact_form_row .gform_wrapper .top_label input.large,
body .contact_form_row .gform_wrapper textarea.large,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: none;
  border-bottom: 1px solid #989494;
  height: 50px;
  font-size: 24px !important;
  color: #362e2c;
  font-family: "Helvetica Neue Condensed" !important;
  padding: 10px 11px !important;
}

body .contact_form_row .gform_wrapper textarea.large {
  height: 100px;
}

.contact_form_row .gform_wrapper div.validation_error {
  display: none;
}

.contact_form_row .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: calc(100% - 0px) !important;
}

.contact_form_row .gform_wrapper .validation_message {
  color: #d54a27;
  font-family: "Helvetica Neue Condensed" !important;
  font-size: 16px;
  position: absolute;
  padding: 0 !important;
  top: 0;
  right: 0;
  width: 100%;
  text-align: right;
  text-transform: uppercase;
}

.contact_form_row .gform_wrapper li.gfield.gfield_error {
  background: none;
  margin: 0 !important;
  width: calc(100% - 0px) !important;
  border: none !important;
}

.contact_form_row .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact_form_row .gform_wrapper li.gfield_error textarea {
  border: none;
  border-bottom: 1px solid #989494;
}

.contact_form_row .gform_wrapper .gform_footer .gform_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.2;
  border-radius: 0;
  background: #436042;
  color: #fff;
  font-family: "Engrace", sans-serif;
  font-size: 24px;
  cursor: pointer;
  padding: 22px 100px 22px 40px;
  border: none;
  letter-spacing: 1.2px;
  margin: 0;
}

/*MAC OS CSS*/
.mac-os .contact_form_row .gform_wrapper .gform_footer .gform_button {
  padding: 22px 100px 15px 40px;
}

/*MAC OS CSS END*/
.contact_form_row .gform_wrapper .gform_footer .gform_button:hover {
  background: #19322f;
  color: #fff;
}

.contact_form_row .gform_wrapper .gform_footer {
  padding: 0;
  display: inline-block;
  width: auto;
  position: relative;
  margin: 40px 0 0;
}

.contact_form_row .gform_wrapper .gform_footer::before {
  content: "";
  background: url(../img/white_link_arrow.png);
  width: 26px;
  height: 14px;
  position: absolute;
  display: block;
  right: 30px;
  top: 39%;
}

.footer_social.common_social {
  display: flex;
  justify-content: space-between;
  max-width: 160px;
  list-style: none;
}

/* Search Page */
.search_page_banner {
  position: relative;
  padding: 30px;
}

.search_title {
  font-size: 80px;
  color: #24272a;
  padding: 90px 0;
  text-transform: uppercase;
}

.search_page .search_content_custom .entry-meta,
.search_content_custom .link-more {
  display: none;
}

.search_page_title {
  margin: 20px 0 40px;
  text-transform: uppercase;
  color: #436042;
  font-size: 22px;
}

.search_content_custom h2 {
  margin: 40px 0 0px;
}
.search_content_custom h2 a {
  margin-bottom: 0;
  color: #436042;
}

.navigation.pagination .screen-reader-text {
  display: none;
}

.navigation.pagination .next.page-numbers .icon,
.navigation.pagination .prev.page-numbers .icon {
  width: 15px;
  height: 15px;
}

.navigation.pagination {
  padding: 90px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev.page-numbers,
.next.page-numbers {
  background: #436042;
  font-family: "Helvetica Neue Condensed";
  color: #fff;
  margin-inline: 10px;
  padding: 15px 20px;
}

.page-numbers {
  font-family: "Helvetica Neue Condensed";
  color: #436042;
  margin-inline: 5px;
}

.search_page {
  padding: 50px 30px;
}

.search_page_img {
  width: 20%;
  float: left;
}

#search-popup {
  background-color: #fafbfd;
  padding: 60px 30px 60px;
  max-width: 60vw;
  margin: auto;
  position: relative;
}
#search-popup h2 {
  text-transform: uppercase;
  font-size: 48px;
  margin-bottom: 15px;
}
#search-popup .search-icon-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
}
#search-popup input[type=search] {
  height: 50px;
  min-width: 300px;
  background-color: #fff;
  padding-left: 20px;
  border: 1px solid #ccc;
  padding-right: 0;
  margin-right: 0;
}
#search-popup input[type=submit] {
  background-color: #436042;
  font-family: "Helvetica Neue Condensed";
  letter-spacing: 1px;
  color: #fff;
  height: 50px;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  transform: translateY(-2px);
}

body.page-template-template-recipe-contest .contest-banner {
  position: relative;
  color: #fff;
}
body.page-template-template-recipe-contest .contest-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
body.page-template-template-recipe-contest .contest-banner .heading3 {
  color: #fff !important;
  position: relative;
  z-index: 3;
  font-weight: 900;
  font-family: "Helvetica Neue Condensed";
}
body.page-template-template-recipe-contest section.recipe-carousel .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem clamp(2rem, 6vw, 6rem);
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2rem;
}
@media screen and (max-width: 900px) {
  body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel {
    grid-template-columns: repeat(1, 1fr);
  }
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a {
  display: block;
  overflow: hidden;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a .imgwrap {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a:hover img {
  transform: scale(1.05);
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a:hover h3 {
  color: #436042;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a .slide-content {
  margin-top: 1rem;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a .slide-content h3 {
  margin-bottom: 1rem;
}
body.page-template-template-recipe-contest section.recipe-carousel .inner .carousel .slide a .slide-content p {
  margin: 0rem;
}

.error-page-404 {
  padding: 100px 30px;
  max-width: 1240px;
  margin: auto;
}
.error-page-404 header {
  text-align: center;
  margin-bottom: 100px;
}
.error-page-404 header form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-page-404 header form input[type=search] {
  font-family: "DIN Condensed", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  height: 60px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  outline: none;
  border: none;
  background-color: #dbd8d3;
  border-radius: 30px;
  text-transform: uppercase;
  padding-left: 30px;
  padding-top: 10px;
  color: #a4a19e;
  min-width: 250px;
}
.error-page-404 header form input[type=submit] {
  font-size: 0;
  background-color: #14767a;
  height: 60px !important;
  width: 60px !important;
  border-radius: 50%;
  border: none;
  flex-basis: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  transform: translateX(-50px);
  background-image: url(../img/arrow-subscribe.png);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.15);
}
.error-page-404 .flex50 {
  display: flex;
  margin-bottom: 60px;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
}
.error-page-404 .flex50 > div {
  flex-basis: 50%;
  margin-bottom: 60px;
}
.error-page-404 #archives-dropdown--1 {
  padding: 15px 30px;
  font-size: 20px;
  border-radius: 10px;
  background-color: #436042;
  color: #fff;
}

@media screen and (max-width: 800px) {
  .error-page-404 .flex50 {
    display: block;
  }
}
@media only screen and (max-width: 1439px) {
  _ ::-moz-svg-foreign-content, :root .home_product {
    font-size: 80%;
  }
  _::-moz-svg-foreign-content, :root .home-two-layer {
    font-size: 80%;
  }
  .wrapper, .wrap-product {
    max-width: 1100px;
  }
  .footer-wrapper {
    max-width: 1170px;
  }
  .footer-signup-left h2 {
    font-size: 88px;
  }
  .footer-col.f_menu {
    width: 63%;
  }
  .f_last_menu {
    width: 23%;
  }
  .we_invest {
    width: 45%;
  }
  .we_invest:nth-child(2) {
    float: right;
  }
  .we_invest:nth-child(2) .we-invest-inner, .we-invest-inner {
    margin: 0;
  }
  .menu_right .menu-main-menu-container > ul > li > a {
    font-size: 46px;
  }
  .menu_right_side_bg {
    max-width: 36%;
  }
  .cmspage_banner .cmspage-title {
    padding: 100px 0 54px 120px;
    font-size: 120px;
    line-height: 120px;
  }
  .banner_choco_pieces {
    bottom: -131px;
  }
  .ten_giveback_inner {
    padding: 136px 90px 140px 32px;
    max-width: 56%;
  }
  .featured_left_inner {
    left: 54px;
    max-width: 400px;
  }
  .featured_title {
    font-size: 66px;
    line-height: 60px;
  }
  .esc_blog {
    top: 200px;
  }
  /* Mpa */
  .tb_txt {
    font-size: 20px;
  }
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
    width: 162px !important;
  }
  .product_find_map #filterOptionsClearer {
    width: 162px;
  }
  .cat_filter ul li {
    margin: 0 26px;
  }
  .site_logo {
    position: absolute;
  }
  .footer-top {
    padding: 60px 0 80px;
  }
  .bar-show .main_header {
    position: relative;
    top: auto;
    z-index: 1;
  }
  .bar-show .site_logo {
    top: 120px;
    z-index: 1;
  }
  .header_right {
    position: fixed;
    right: 3%;
    z-index: 1;
    top: 20px;
  }
  .bar-show .header_right {
    top: 120px;
  }
  .announcement-bar span.close-icon {
    right: 50px;
  }
  .bar-show.open_menu_body .header_right {
    top: 20px;
  }
  .announcement-bar {
    z-index: 11;
  }
  .open_menu_body .announcement-bar {
    z-index: 1;
  }
  .bar-content-right {
    width: 61%;
  }
}
@media only screen and (max-width: 1366px) {
  .wrap {
    max-width: 1170px;
  }
  .menu_right {
    padding: 30px 0 0 110px;
  }
  .menu_right .menu-main-menu-container > ul > li > a {
    padding: 5px 0;
    font-size: 43px;
  }
  .menu_right li.menu-item-has-children a + button {
    top: -10px;
  }
  .YesParallax::before {
    background-position: -10%;
  }
  .YesParallax::after {
    background-position: 120%;
  }
  .partners_menu {
    max-width: 1170px;
  }
  .story_faq .accordion {
    padding: 0 50px;
  }
  .online_retailers a {
    padding: 15px 20px;
  }
  .online_retailers li img {
    max-width: 70px;
  }
  /* Blog */
  .blog_post_row {
    margin: 0px;
  }
  .blog_post_title a {
    font-size: 30px;
    line-height: 30px;
  }
  .single_post_title {
    font-size: 66px;
    line-height: 66px;
  }
  /* Map */
  .where_buy_banner_content {
    max-width: 530px;
    padding: 125px 0 50px;
  }
  .tab_online_buy p br {
    display: none;
  }
  .tab_find_menu {
    top: 65px;
  }
  .errorpage_404 h1 {
    font-size: 100px;
    line-height: 100px;
  }
  .errorpage_404 h3 {
    font-size: 30px;
    line-height: 30px;
  }
  .cat_filter ul li {
    margin: 0 20px;
  }
  .announcement-bar .bar-title {
    font-size: 32px;
    padding-right: 22px;
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .announcement-bar p {
    font-size: 18px;
  }
  .announcement-bar {
    padding: 0 4%;
  }
  .announcement-bar span.close-icon {
    right: 30px;
    font-size: 18px;
  }
  .bar-show .site_logo, .bar-show .header_right {
    top: 100px;
  }
  .bar-content-right {
    width: 62%;
  }
  .partners_menu #menu-our-partners li {
    margin: 0 40px;
  }
}
@media only screen and (max-width: 1200px) {
  .wrapper, .footer-wrapper, .wrap-product, .sm_wrapper, .wrap {
    max-width: 960px;
  }
  .site_logo {
    width: 90px;
  }
  .header_right {
    top: 15px;
  }
  .footer-signup-left h2 {
    font-size: 76px;
    line-height: 70px;
  }
  .footer-col {
    width: 9%;
  }
  .footer-col img {
    max-width: 70px;
  }
  .footer-col.f_menu {
    width: 63%;
  }
  .f_last_menu {
    width: 28%;
  }
  .info_f {
    width: 16%;
  }
  .info_center {
    width: 520px;
  }
  .info_right_f {
    width: 240px;
  }
  .menu_right {
    padding: 30px 0 0 60px;
  }
  .header_menu_bottom {
    padding: 0 3% 0 60px;
  }
  .header_bottom_info p {
    font-size: 11px;
  }
  .header_menu_bottom .common_social li {
    margin-right: 8px;
  }
  .cmspage_banner .cmspage-title {
    padding: 90px 0 40px 120px;
    font-size: 100px;
    line-height: 100px;
  }
  .our-promoses-top {
    max-width: 70%;
    padding-left: 120px;
  }
  .YesParallax::before {
    background-position: -30%;
  }
  .YesParallax::after {
    background-position: 135%;
  }
  .ten_giveback_inner {
    padding: 116px 100px 120px 32px;
    max-width: 63%;
  }
  .yellow_btn {
    font-size: 20px;
  }
  .arrow-bottom {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }
  .story_slider {
    padding: 0 40px;
  }
  .story_slider_main .slick-arrow.slide-left {
    left: 0;
  }
  .story_slider_main .slick-arrow {
    right: 0;
  }
  .story_slider_main .slick-dots {
    right: 40px;
  }
  /* Blog */
  .featured_right img {
    min-height: 530px;
    object-fit: cover;
  }
  .featured_title {
    font-size: 52px;
    line-height: 53px;
  }
  .featured_left_inner p {
    font-size: 19px;
    line-height: 28px;
  }
  .featured_cat a {
    margin: 8px 0 13px;
  }
  .featured_left_inner {
    left: 49px;
    max-width: 309px;
  }
  .esc_blog {
    top: 37%;
  }
  .cat_filter ul li a {
    font-size: 16px;
    padding: 0 10px 0 37px;
  }
  .cat_filter ul li a::before {
    width: 16px;
    height: 16px;
  }
  .cat_filter ul li.current a::before {
    top: 4px;
  }
  .cat_filter ul li a:hover::after {
    left: -8px;
    height: 34px;
    width: 34px;
    top: -7px;
  }
  .blog-content {
    padding: 30px 26px;
    min-height: 342px;
  }
  #loadMore {
    font-size: 22px;
    padding: 12px 80px;
  }
  .wrap-single_blog {
    max-width: 880px;
    margin: -70px auto 0;
    padding: 30px 52px;
  }
  .single_blog_banner img {
    min-height: 250px;
    object-fit: cover;
  }
  .blog-img-thumb .slick-slide img {
    height: 110px;
  }
  .blog-img-slider img {
    max-height: 500px;
  }
  /* Map */
  .where_buy_banner_content {
    max-width: 550px;
    padding: 60px 0 60px 110px;
  }
  .tb_txt {
    font-size: 15px;
  }
  .tab_find_menu {
    top: 60px;
  }
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x, .product_find_map #filterOptionsClearer {
    width: 132px !important;
  }
  .tab_online_buy li {
    max-width: 40%;
  }
  .tab_online_buy li:nth-child(2n) {
    float: right;
  }
  /* Search */
  .menu_right {
    width: 380px;
  }
  .announcement-bar .bar-title {
    font-size: 28px;
    padding-right: 16px;
    margin-right: 14px;
  }
  .announcement-bar p {
    font-size: 16px;
    line-height: normal;
  }
  .announcement-bar {
    padding: 0 2%;
  }
  .announcement-bar img {
    max-width: 102px;
  }
  .announcement-bar span.close-icon {
    right: 16px;
    font-size: 16px;
  }
  .bar-show .site_logo, .bar-show .header_right {
    top: 80px;
  }
  /* Store Page */
  .tab_online_buy > ul {
    padding: 0 30px;
  }
  .partners_menu #menu-our-partners li {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 1024px) {
  /* Map */
  .where_buy_banner {
    position: relative;
  }
  .where_buy_banner::after {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .where_buy_banner_content {
    max-width: 100%;
    padding: 103px 0 60px 0;
    z-index: 1;
    position: relative;
  }
  .product_find_map .store-locator-map {
    height: 680px;
    top: 0;
  }
  .product_find_map .ssf-main-content .ssf-row {
    height: 682px;
  }
  .product_find_map #ssf_adress_input_box {
    top: 35px;
  }
  .tb_txt {
    font-size: 13px;
  }
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
    left: 70px;
  }
  .tab_online_buy {
    padding-top: 10px;
  }
  .tab_online_buy {
    top: 120px;
  }
  .footer-top {
    background-position: right -60px top;
  }
}
@media only screen and (max-width: 999px) {
  .wrapper, .footer-wrapper, .wrap-product, .sm_wrapper, .wrap {
    max-width: 720px;
  }
  p, li {
    font-size: 17px;
  }
  /* Map */
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
    left: 40px;
  }
  .product_find_map #storeLocator__bottomHalf {
    top: 218px;
    max-height: 462px;
  }
  .home_instagram #wdi_feed_0 .wdi_feed_item {
    width: 100%;
    margin: 10px 0;
  }
  .panel_scroll.home_banner {
    height: auto;
    padding: 145px 0 60px;
  }
  .home_product {
    font-size: inherit;
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
  .small_wrapper {
    max-width: 100%;
    padding: 0 20px;
  }
  .heading1 {
    font-size: 58px;
    line-height: 60px;
  }
  .home_product_detail p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 17px;
  }
  .home_link::after {
    width: 29px;
    height: 16px;
    margin-left: 11px;
    background-size: auto;
  }
  .site_logo {
    top: 10px;
    width: 80px;
  }
  .big_wrapper {
    padding: 0 20px;
  }
  .home_product_img img {
    margin: 0 36% 0 auto;
    width: 260px;
  }
  .home_product_img .sm-img {
    content: "";
    width: 95%;
    height: 188px;
    bottom: -50px;
    background-size: 100%;
    right: 20%;
  }
  .home-two-layer {
    transform: none;
    top: inherit;
  }
  .home_link {
    font-size: 18px;
  }
  .panel_scroll {
    padding: 60px 0;
  }
  .home-sourcing img {
    width: 100%;
  }
  .home_half-right {
    padding: 0 0 0 40px;
  }
  section.home-sourcing:nth-child(3) .home_half-right {
    padding: 0 40px 0 0;
  }
  section.home-sourcing:nth-child(3) .home_half.right img {
    width: auto;
    max-width: 280px;
  }
  .home-two-layer h4 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .home-two-layer .heading2 {
    font-size: 48px;
    line-height: 50px;
  }
  .home_product_detail {
    margin-top: 15px;
  }
  .footer_top_logos li img {
    max-width: 75%;
  }
  .footer_top_title h3 {
    font-size: 24px;
  }
  .footer-signup-left h2 {
    font-size: 55px;
    line-height: 64px;
  }
  .footer-signup-content p {
    font-size: 12px;
  }
  .footer-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .f_last_menu, .footer-col.f_menu {
    width: 100%;
  }
  .info_f, .info_center {
    display: none;
  }
  .info_right_f {
    width: 100%;
  }
  .footer_menu {
    padding: 42px 0;
  }
  .footer_menu_border::after {
    bottom: -10px;
  }
  .footer_info {
    padding: 10px 0 33px;
  }
  .menu_right {
    padding: 30px 0 0 40px;
  }
  .header_menu_bottom {
    padding: 0 3% 0 40px;
  }
  .header_menu_bottom .common_social li a {
    width: 30px;
    height: 30px;
    font-size: 19px;
  }
  .header_bottom_info {
    width: 55%;
  }
  .header_social {
    width: 46%;
  }
  .open_menu .header_slide_right {
    width: 66%;
  }
  .open_menu .header_slide_left {
    width: 34%;
  }
  .our-promoses-top {
    max-width: 74%;
  }
  .YesParallax::before {
    background-position: -60% -200%;
  }
  .YesParallax::after {
    background-position: 190% -100%;
  }
  .ten_giveback {
    margin-top: 70px;
  }
  .ten_giveback_inner {
    padding: 80px 126px 80px 0;
    max-width: 83%;
  }
  .ten_giveback_inner h2 {
    font-size: 80px;
    line-height: 65px;
  }
  .ten_giveback_inner p {
    font-size: 16px;
    line-height: 28px;
  }
  .partners_menu li {
    margin-right: 54px;
  }
  .partners_menu #menu-our-partners li:last-child a {
    padding: 20px;
  }
  .partners_pages .cms_page p {
    font-size: 18px;
    line-height: 32px;
  }
  .partners_post-content {
    padding: 25px 10px;
  }
  .contact_page_row .right_col {
    width: 34%;
  }
  /* Blog */
  .featured_post_top {
    display: block;
  }
  .featured_left, .featured_right {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    flex-direction: inherit;
  }
  .featured_right img {
    min-height: inherit;
    height: 420px;
  }
  .featured_right {
    height: 420px;
  }
  .featured_left_inner {
    left: 0;
    max-width: 720px;
    padding: 60px 0 40px;
  }
  .keep_reading a {
    height: 80px;
    width: 80px;
    left: 30px;
    top: 380px;
    transform: none;
    -webkit-transform: none;
    padding-top: 12px;
  }
  .esc_blog {
    display: none;
  }
  .cat_filter ul li {
    margin: 0 20px;
  }
  .blog-content {
    min-height: 314px;
  }
  .releted_product {
    padding: 50px 0 0;
  }
  .blog_post_row {
    padding-bottom: 40px;
  }
  .lodemor_post {
    margin-bottom: 60px;
  }
  .blog-img-thumb .slick-slide img {
    height: 100px;
  }
  .blog-img-slider img {
    max-height: 400px;
  }
  .wrap-single_blog {
    max-width: 700px;
    margin: -30px auto 0;
    padding: 30px 40px;
  }
  .single_post_title {
    font-size: 50px;
    line-height: 50px;
  }
  .blog_ingredients ul li {
    padding-bottom: 12px;
  }
  .errorpage_404 h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .errorpage_404 h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .cat_filter ul li {
    margin: 0 10px;
  }
  .cat_filter ul li a {
    padding: 0 5px 0 30px;
  }
  .home-sourcing {
    height: auto;
  }
  .home_product_img > .sm-img > img {
    width: 100%;
  }
  .blr-top {
    right: auto;
  }
  .footer-top {
    background-position: right -120px top;
  }
  .new-retailer .footer_top_title h3 {
    font-size: 32px;
    line-height: 38px;
    max-width: 84%;
  }
  .bar-show.open_menu_body .header_right {
    top: 10px;
  }
  .announcement-bar p {
    font-size: 15px;
    text-align: left;
    line-height: 22px;
  }
  .announcement-bar .bar-title {
    font-size: 25px;
    padding-right: 16px;
    margin-right: 14px;
  }
  .announcement-bar img {
    max-width: 98px;
  }
  .bar-show .site_logo, .bar-show .header_right {
    top: 70px;
  }
  .home_product_img {
    z-index: 0;
  }
  .bar-content-right {
    width: 43%;
  }
  /* Store Page */
  .tab_online_buy > ul {
    padding: 0 20px;
    margin-top: 0;
    height: 520px;
  }
  .tab_online_buy {
    max-height: 615px;
  }
  .partners_menu #menu-our-partners li {
    margin: 0 15px;
  }
  .home_banner .heading1 {
    font-size: 3.6em;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper, .wrap-product, .sm_wrapper, .wrap, .wrap-single_blog {
    max-width: 600px;
  }
  .wrap-single_blog {
    background: none;
    padding: 40px 0;
  }
  .site_logo {
    top: 10px;
    width: 58px; /* z-index:222; */
  }
  .panel_scroll.home_banner {
    padding: 160px 0 60px;
  }
  .big_wrapper {
    padding: 0 20px;
  }
  .header_menu .header_menu_icon::after {
    width: 44px;
    height: 44px;
  }
  .header_menu .header_menu_icon {
    width: 44px;
    height: 44px;
  }
  .active .header_menu_icon span:nth-child(1), .header_menu:hover .header_menu_icon span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-2px, 2px);
    transform: rotate(-45deg) translate(-2px, 2px);
  }
  .header_menu_icon span {
    height: 2px;
    max-width: 22px;
  }
  .header_right {
    margin-top: 0;
    right: 20px;
    top: 23px;
  }
  .header_slide_left {
    display: none;
  }
  .header_slide_right {
    width: 100%;
    left: 0;
    height: 0;
  }
  .open_menu .header_slide_right {
    width: 100%;
    height: 100%;
  }
  .menu_right {
    padding: 0;
    float: none;
  }
  .header_slide_right_inner {
    height: auto;
    padding: 120px 0 0 20px;
  }
  .menu_right_side {
    float: none;
    padding: 30px 0 0;
    text-align: left;
  }
  .menu_right_side_bg {
    position: relative;
    float: right;
    max-width: 53%;
    top: -120px;
  }
  .header_menu_bottom {
    display: none;
  }
  .home_product_bg {
    width: 100%;
  }
  .home_product_bg::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    display: block;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  }
  .home_product_img .sm-img {
    content: "";
    width: 140%;
    height: 130px;
    bottom: -30px;
    background-size: 113%;
    right: 0;
  }
  .home_product_img img {
    margin: 0;
    width: 190px;
  }
  .home_product_img {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .home_product .home_half.left {
    padding-right: 0;
  }
  .heading1 {
    max-width: 300px;
  }
  .home_product_detail {
    margin-top: 20px;
  }
  .home_product .home_product_detail {
    max-width: 300px;
  }
  .home_half {
    width: 100%;
  }
  .home_half-right {
    padding: 30px 0 0 0;
  }
  section.home-sourcing:nth-child(3) .home_half.right img {
    margin: 0 auto;
  }
  .panel_scroll {
    padding: 40px 0;
  }
  section.home-sourcing:nth-child(4) .home_half-right {
    padding: 30px 0 0 0;
  }
  .home_link::after {
    bottom: 4px;
    position: absolute;
  }
  .home_product .home_link::after {
    bottom: inherit;
    position: relative;
  }
  .home_news_left {
    width: 100%;
    float: none;
  }
  .home_instagram {
    width: 100%;
    float: none;
    margin: 30px auto 0;
    max-width: 330px;
  }
  .footer-top {
    padding: 50px 0 150px;
  }
  .we_invest, .footer-signup-left, .footer-signup-right {
    width: 100%;
  }
  .footer-top::after {
    display: none;
  }
  .we_invest:nth-child(2) {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e6e6e8;
  }
  .footer-signup-left h2 {
    text-align: center;
  }
  .footer-signup-content p {
    font-size: 14px;
  }
  .footer-col img {
    max-width: 100px;
    margin: 0 auto;
  }
  .f_menu .menu-footer-menu-container > ul > li {
    width: 100%;
    float: left;
    padding: 0 !important;
    text-align: center;
  }
  #menu-footer-menu .sub-menu {
    display: none;
    padding-bottom: 20px;
  }
  #menu-footer-menu li > a {
    cursor: pointer;
  }
  .footer-col {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
  }
  .footer-col.f_menu {
    margin: 20px 0 0;
  }
  .info_right_f {
    text-align: center;
  }
  .footer-signup-left h2 {
    font-size: 50px;
    line-height: 56px;
  }
  .we_invest .slick-arrow.slide-left {
    left: 0;
  }
  .we_invest .slick-arrow {
    right: 0;
  }
  .cmspage_banner .cmspage-title {
    padding: 120px 0 100px 0px;
    font-size: 70px;
    line-height: 70px;
  } /* 90 */
  .bar-show .cmspage_banner .cmspage-title {
    padding: 190px 0 100px 0;
  }
  .banner_choco_pieces {
    bottom: -70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 310px;
  }
  .cmspage_banner {
    background-position: 70%;
    margin-bottom: 40px;
  }
  .our-promoses-top {
    max-width: 100%;
    padding-left: 0;
  }
  .exceptional_main .exceptional:first-child .sm_title {
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }
  .exceptional_main .exceptional:first-child .sm_title::after {
    margin: 20px auto 0;
    top: inherit;
    left: 0;
  }
  .common-section {
    padding: 40px 0;
  }
  .we_invest:nth-child(2) .we-invest-inner, .we-invest-inner {
    margin: 0 auto;
  }
  .exceptional_image {
    padding: 60px 0;
  }
  .exceptional_detail h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .cmspage_main p {
    font-size: 16px;
    line-height: 28px;
  }
  .YesParallax::before, .YesParallax::after {
    display: none;
  }
  .ten_giveback {
    margin-top: 0;
    background-position: 40%;
  }
  .YesParallax img {
    width: 70%;
  }
  .exceptional_image {
    padding: 70px 0;
  }
  .YesParallax::before {
    background-position: -80% -200%;
  }
  .YesParallax::after {
    background-position: 230% -100%;
  }
  .ten_giveback_inner h2 {
    font-size: 60px;
    line-height: 45px;
  }
  .ten_giveback_inner {
    padding: 70px 96px 70px 0;
    max-width: 60%;
  }
  .partners_pages .cmspage_banner {
    margin-bottom: 0;
  }
  .partners_menu li a {
    padding: 7px 0;
  }
  .partners_menu li.current-menu-item a::before {
    display: none;
  }
  .partners_menu #menu-our-partners li:last-child a {
    padding: 12px 20px;
    float: none;
    font-size: 16px;
    background: none;
    font-family: "DIN Condensed-Light";
    padding: 7px 0;
  }
  .partners_menu #menu-our-partners li:last-child {
    position: static;
    width: 100%;
  }
  .partners_menu {
    max-width: 100%;
    text-align: left;
  }
  .partners_menu li {
    margin-right: 0;
    float: left;
    width: 50%;
  }
  .partners_post-content h2 {
    font-size: 28px;
    line-height: 24px;
  }
  .partners_menu #menu-our-story li {
    width: 50%;
  }
  .partners_pages .cms_page p {
    font-size: 16px;
    line-height: 30px;
  }
  .common-section h2 {
    margin: 25px 0 15px;
    font-size: 28px;
  }
  .story_image {
    padding-bottom: 20px;
  }
  .story_team_members {
    padding: 0 15px;
    margin-bottom: 67px;
  }
  .story_video_iframe iframe {
    height: 460px;
  }
  .story_video {
    padding-bottom: 50px;
  }
  .story_team_members {
    width: 50%;
  }
  .story_faq {
    padding-bottom: 30px;
  }
  .contact_page {
    padding: 30px 0;
  }
  .contact_page_row .left_col, .contact_page_row .right_col {
    width: 100%;
  }
  .contact_form_row .gform_wrapper .gform_footer .gform_button {
    padding: 8px 80px 7px 30px;
    font-size: 18px;
  }
  .mac-os .contact_form_row .gform_wrapper .gform_footer .gform_button {
    padding: 8px 80px 7px 30px;
  }
  .mac-os .yellow_btn {
    padding: 16px 30px 16px;
  }
  .story_team_members:nth-child(3n+1) {
    clear: none;
  }
  .story_team_members:nth-child(2n+1) {
    clear: both;
  }
  /* blog */
  .featured_right img {
    height: 380px;
  }
  .featured_right {
    height: 380px;
  }
  .featured_left_inner {
    max-width: 600px;
  }
  .keep_reading a {
    top: 340px;
  }
  .featured_title {
    font-size: 40px;
    line-height: 48px;
  }
  .featured_left_inner p {
    font-size: 16px;
    line-height: 26px;
  }
  .cat_filter ul {
    padding: 25px 0;
  }
  .cat_filter ul li {
    margin: 0 0 0 20px;
    padding: 0;
  }
  .releted_product {
    padding: 40px 0 0;
  }
  .wrap-single_blog .post-date {
    top: 0;
    position: static;
  }
  .single_blog_main p {
    font-size: 15px;
    line-height: 29px;
  }
  .blog_bottom_content {
    padding: 0 20px;
  }
  .blog_ingredients ul li {
    padding: 0 0 10px;
    width: 100%;
  }
  .single_post_title {
    font-size: 40px;
    line-height: 40px;
  }
  .wrap-single_blog .post-date {
    left: 0;
  }
  .lodemor_post {
    margin-bottom: 20px;
  }
  /* Map */
  .tab_find_menu {
    max-width: 100%;
  }
  .product_find_map #mainContent .store-locator-map-holder {
    width: 100%;
    margin-top: 400px;
  }
  .product_find_map {
    padding-bottom: 420px;
  }
  .product_find_map .store-locator-map {
    height: 400px;
    top: 0;
  }
  .product_find_map .ssf-main-content .ssf-row {
    height: 400px;
  }
  .product_find_map #ssf_adress_input_box {
    width: 68%;
  }
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
    left: initial;
    right: -108%;
    top: 53px;
    margin: auto;
  }
  .product_find_map #storeLocator__bottomHalf {
    top: 161px;
    max-height: 212px;
    width: 98%;
  }
  .product_find_map .store-locator__infobox {
    padding: 13px 0;
  }
  .tab_online_buy {
    top: 120px;
    max-width: 100%;
    max-height: 340px;
  }
  .tab_online_buy li {
    max-width: 33.33%;
    padding: 16px 0;
  }
  .tab_online_buy li:nth-child(2n) {
    float: left;
  }
  .tab_online_buy li:nth-child(2n+1) {
    clear: none;
  }
  .tab_online_buy li:nth-child(3n+1) {
    clear: left;
  }
  .product_find_map .store-locator__infobox.store-locator__infobox--main {
    padding: 20px;
    margin: 0;
  }
  .product_find_map .infobox__closer + .infobox__body {
    padding: 10px !important;
  }
  .product_find_map .infobox__closer {
    right: 2px;
  }
  .category-close a {
    margin: 15px 7px 4px;
    display: inline-block;
  }
  .mac-os .cat_filter ul li a::before {
    top: 0;
  }
  .mac-os .cat_filter ul li a:hover::after {
    top: -8px;
  }
  .cat_filter ul li.current a::before {
    top: -2px;
  }
  .cat_filter ul li a::before {
    top: -4px;
  }
  .check-box-txt input + .checkmark::before {
    top: 10px;
  }
  .mac-os #loadMore {
    padding-bottom: 10px;
  }
  .home_product_img {
    right: 10%;
  }
  .home_product_img .sm-img {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: -50px;
  }
  .footer-top {
    background-position: right bottom;
    background-size: 596px auto;
  }
  .new-retailer .footer_top_title h3 {
    max-width: 70%;
  }
  .announcement-bar p {
    text-align: center !important;
  }
  .announcement-bar .bar-title {
    padding-right: 0;
    margin-right: 0;
    display: block;
    border-right: 0;
    border-bottom: 1px solid #362e2c;
    padding-top: 7px;
    padding-bottom: 0;
  }
  .announcement-bar span.close-icon {
    top: 11px;
    transform: none;
    -webkit-transform: none;
  }
  .bar-show .site_logo, .bar-show .header_right {
    top: 110px;
  }
  .bar-content-right {
    width: 81%;
    text-align: center;
  }
  .show_menu_only_mobile {
    display: block;
  }
  .f_last_menu {
    display: none;
  }
  /* Store Page */
  .tab_online_buy > ul {
    height: 240px;
  }
  .partners_menu #menu-our-partners li {
    margin: 0;
    padding: 0 20px;
  }
  .home_cta_btn {
    font-size: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapper, .wrap-product, .sm_wrapper, .wrap, .wrap-single_blog {
    max-width: 460px;
  }
  .home_product .home_product_detail {
    max-width: 160px;
  }
  .ten_giveback_inner {
    padding: 70px 0px 70px 0;
    max-width: 60%;
  }
  .partners_post-inner {
    width: 100%;
  }
  .story_faq .acco-title {
    font-size: 24px;
  }
  .story_faq .acco-title::before {
    top: 4px;
  }
  .small-dialog-custom.news_popup_box {
    padding: 40px;
  }
  .news_popup_box h2 {
    font-size: 36px;
  }
  /* blog */
  .featured_right img {
    height: 300px;
  }
  .featured_right {
    height: 300px;
  }
  .featured_left_inner {
    max-width: 460px;
    padding-bottom: 20px;
  }
  .keep_reading a {
    top: 265px;
  }
  .keep_reading a::before {
    margin: 0 auto 0px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    left: 5px;
  }
  .keep_reading a {
    width: 70px;
    height: 70px;
  }
  .cat_filter ul {
    padding: 15px 0;
  }
  .cat_filter ul li {
    padding: 3px 0;
  }
  .blog_post_row article {
    width: 100%;
  }
  .blog-content {
    min-height: initial;
  }
  .single_post_title {
    font-size: 30px;
    line-height: 30px;
  }
  .blog_post_row .post-thumbnail img {
    width: 100%;
  }
  .blog-img-thumb .slick-slide img {
    height: 70px;
  }
  .blog-img-slider img {
    max-height: 300px;
  }
  /* Map */
  .product_find_map #ssf_adress_input_box {
    width: 62%;
  }
  .menu_right {
    width: auto;
  }
  .bar-content-right h1, .bar-content-right h2, .bar-content-right h3, .bar-content-right h4, .bar-content-right h5, .bar-content-right h6 {
    font-size: 18px;
  }
  .bar-content-right * {
    font-size: 15px;
  }
  .bar-content-right {
    width: 76%;
  }
  .home_cta_btn {
    font-size: 18px;
    max-width: 100%;
    min-width: 90%;
    padding: 0.5em 1.5em 0.2em 0.75em;
  }
}
@media only screen and (max-width: 479px) {
  .wrapper, .wrap-product, .sm_wrapper, .wrap, .wrap-single_blog {
    padding: 0 10px;
  }
  .home_product_img .sm-img {
    width: 122%;
  }
  .footer_top_title h3 br {
    display: none;
  }
  .ten_giveback_inner {
    max-width: 80%;
  }
  .ten_giveback_inner p {
    max-width: 210px;
  }
  .ten_giveback {
    background-position: 50%;
  }
  .story_team_members {
    width: 100%;
  }
  .online_retailers span {
    font-size: 0;
  }
  .footer-signup-content p br {
    display: none;
  }
  /* blog */
  .featured_right img {
    height: 270px;
  }
  .featured_right {
    height: 270px;
  }
  .featured_left_inner {
    max-width: 342px;
  }
  .keep_reading a {
    top: 240px;
  }
  .blog_post_row {
    padding-bottom: 20px;
  }
  .lodemor_post {
    margin-bottom: 0px;
  }
  .blog-img-thumb .slick-slide img {
    height: 50px;
  }
  .blog-img-slider img {
    max-height: 200px;
  }
  .single_blog_top img {
    display: block;
    float: none !important;
    margin: 15px auto !important;
  }
  /* Map */
  .product_find_map #ssf_adress_input_box {
    width: 54%;
  }
  .product_find_map #ssf_adress_input_box .field-holder .sprite-icons-2x {
    right: -111%;
    width: 100px !important;
  }
  .tab_online_buy li {
    max-width: 24%;
    margin: 0 3%;
  }
  .product_find_map .infobox__closer + .infobox__body {
    padding: 0 !important;
  }
  .cat_filter ul li {
    margin: 0 0;
    padding: 3px 10px;
    width: 100%;
    text-align: left;
  }
  .footer-top {
    background-position: right bottom;
    background-size: 375px auto;
  }
  .new-retailer .footer_top_title h3 {
    max-width: 100%;
  }
  .announcement-bar .bar-title {
    margin-bottom: 3px;
  }
  .announcement-bar img {
    max-width: 65px;
  }
  .bar-show .site_logo, .bar-show .header_right {
    top: 120px;
  } /* 155 */
  .panel_scroll.home_banner {
    padding: 120px 0 60px;
  }
  .bar-show .panel_scroll.home_banner {
    padding-top: 200px;
  }
  /* Store Page */
  .tab_online_buy li {
    max-width: 46%;
    margin: 0 2%;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .tab_online_buy li:nth-child(2n) {
    float: none;
  }
}
@media only screen and (max-width: 410px) {
  .home_product .home_product_detail {
    max-width: 140px;
  }
  .home_product_detail p {
    font-size: 15px;
    line-height: 30px;
  }
  .home_product_img img {
    width: 160px;
  }
  .home_product_img .sm-img {
    bottom: -85px;
  }
}
@media only screen and (max-width: 370px) {
  .wrapper, .wrap-product, .sm_wrapper, .wrap, .wrap-single_blog {
    max-width: 300px;
  }
  .heading1 {
    font-size: 48px;
    line-height: 56px;
  }
  .home_banner .heading1 {
    font-size: 3em;
  }
  .home_product .home_product_detail {
    max-width: 144px;
  }
  .home_product_img img {
    width: 157px;
  }
  .home_product_img .sm-img {
    width: 110%;
    bottom: -70px;
  }
  .footer-signup-left h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .exception_taste .arow_link {
    font-size: 15px;
  }
  .ten_giveback_inner h2 {
    font-size: 50px;
  }
  .featured_left_inner {
    max-width: 300px;
  }
  .home_product_img {
    right: 15px;
  }
}
@media only screen and (max-width: 330px) {
  .home_product_img {
    right: 5px;
  }
  .home_product_img .sm-img {
    width: 100%;
    bottom: -100px;
  }
}
@media screen and (max-height: 800px) {
  .menu_right nav#site-navigation {
    max-height: 100%;
    overflow: auto;
  }
  .header_menu_bottom {
    bottom: 15px;
  }
  .menu_right .menu-main-menu-container > ul > li > a {
    font-size: 48px;
    padding: 4px 0;
  }
  .menu_right_side_bg {
    max-width: 30%;
  }
}
@media screen and (max-height: 700px) {
  .menu_right nav#site-navigation {
    max-height: 100%;
    overflow: auto;
  }
}
@media screen and (max-height: 600px) {
  .menu_right nav#site-navigation {
    max-height: 100%;
    overflow: auto;
  }
}
@media screen and (max-height: 600px) and (min-width: 1024px) {
  .home_product_img > .sm-img > img {
    width: 80%;
  }
}
@media screen and (max-height: 500px) {
  .menu_right nav#site-navigation {
    max-height: 100%;
    overflow: auto;
  }
}
/* this change is for the round (not tall) image on the home page */
@media only screen and (max-width: 768px) {
  .home_half.left .heading1 {
    padding-top: 30px;
  }
  .home_half.left .home_product_detail {
    max-width: 100%;
  }
  .home_half.left .home_product_detail .home_cta_btn {
    width: 100%;
  }
  .home_half.right {
    display: none;
  }
  .home_product_img {
    position: absolute;
    right: 0;
    bottom: 170px;
  }
}
.brandassets .brandassets_banner {
  height: 300px;
  display: flex;
}
.brandassets .brandassets_banner .titlewrap {
  width: 100%;
  height: 100%;
  padding-left: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
}
.brandassets .brandassets_banner .titlewrap h1 {
  font-size: clamp(72px, 10vw, 90px);
  width: 100%;
  max-width: 940px;
  margin: auto;
}
.brandassets .common-section {
  padding: 30px;
}
.brandassets .common-section .wrapper {
  max-width: 940px;
}

#toggleFilters {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(40px) translateY(-5px);
  outline: none;
  border: none;
  background-color: #436042;
  width: 40px;
  height: 45px;
  padding: 5px 5px 0 0;
  margin: 0;
  border-radius: 0 15px 15px 0;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #toggleFilters {
    display: flex;
  }
}
#toggleFilters:hover svg {
  transform: scale(1.1);
}
#toggleFilters svg {
  width: 25px;
  height: 25px;
  transition: all 0.3s ease-in-out;
}
#toggleFilters svg path {
  fill: #fff;
}

.brandassets-container {
  display: flex;
  border-bottom: 5px solid #436042;
  min-height: 100vh;
}
.brandassets-container .brandassetfilters {
  flex-basis: 300px;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 100vh;
  background-color: #f1f1f1;
  padding: 30px 15px 30px 20px;
  border-top: 5px solid #436042;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .brandassets-container .brandassetfilters {
    position: absolute;
    left: -250px;
    width: 250px;
  }
  .brandassets-container .brandassetfilters.active {
    left: 0;
  }
}
.brandassets-container .brandassetfilters fieldset {
  position: sticky;
  top: 0;
  outline: none;
  border: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 10px;
}
.brandassets-container .brandassetfilters fieldset label {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.brandassets-container .brandassetfilters fieldset label input[type=checkbox] {
  margin-right: 5px;
}
.brandassets-container .brandassetgrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: clamp(30px, 6vw, 60px);
  padding: clamp(30px, 6vw, 60px);
  max-width: 1200px;
}
.brandassets-container .brandassetgrid .assetwrap {
  flex-basis: clamp(150px, 20vw, 220px);
  margin-bottom: 30px;
  position: relative;
  height: fit-content;
  transition: all 0.3s ease-in-out;
}
.brandassets-container .brandassetgrid .assetwrap.hidden {
  display: none;
}
.brandassets-container .brandassetgrid .assetwrap:hover .desc {
  opacity: 1;
}
.brandassets-container .brandassetgrid .assetwrap h4 {
  color: #666;
  font-size: 17px;
  line-height: 18px;
  margin: 10px 0 0;
}
.brandassets-container .brandassetgrid .assetwrap a {
  font-size: 16px;
  align-self: center;
  justify-self: flex-end;
  font-family: "Engrace", sans-serif;
  text-transform: uppercase;
}
.brandassets-container .brandassetgrid .assetwrap .imgwrap {
  position: relative;
}
.brandassets-container .brandassetgrid .assetwrap .desc {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.brandassets-container .brandassetgrid .assetwrap .desc p {
  font-size: 12px;
  line-height: 20px;
}

body.page-template-template-vote main .single_recipe_banner,
body.page-template-template-confirm-vote main .single_recipe_banner,
body.single-recipes main .single_recipe_banner {
  width: 100%;
  height: clamp(300px, 40vw, 550px);
  position: relative;
  overflow: hidden;
}
body.page-template-template-vote main .single_recipe_banner img,
body.page-template-template-confirm-vote main .single_recipe_banner img,
body.single-recipes main .single_recipe_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.page-template-template-vote main article,
body.page-template-template-confirm-vote main article,
body.single-recipes main article {
  padding-block: clamp(2rem, 5vw, 5rem);
  padding-inline: clamp(2rem, 6vw, 6rem);
  max-width: 900px;
  margin: 0 auto -40px;
  transform: translateY(-90px);
  background-color: #fff;
}
body.page-template-template-vote main article h1, body.page-template-template-vote main article h2, body.page-template-template-vote main article h3,
body.page-template-template-confirm-vote main article h1,
body.page-template-template-confirm-vote main article h2,
body.page-template-template-confirm-vote main article h3,
body.single-recipes main article h1,
body.single-recipes main article h2,
body.single-recipes main article h3 {
  margin: 2rem 0 2rem;
  line-height: 1;
}
body.page-template-template-vote main article h1,
body.page-template-template-confirm-vote main article h1,
body.single-recipes main article h1 {
  font-size: clamp(3.2rem, 6vw, 6rem);
}
body.page-template-template-vote main article h3,
body.page-template-template-confirm-vote main article h3,
body.single-recipes main article h3 {
  color: #436042;
}
body.page-template-template-vote main article li,
body.page-template-template-confirm-vote main article li,
body.single-recipes main article li {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
body.page-template-template-vote main article p,
body.page-template-template-confirm-vote main article p,
body.single-recipes main article p {
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
body.page-template-template-vote main article strong,
body.page-template-template-confirm-vote main article strong,
body.single-recipes main article strong {
  font-weight: 700;
}
body.page-template-template-vote main article *,
body.page-template-template-confirm-vote main article *,
body.single-recipes main article * {
  line-height: 1.6;
}
body.page-template-template-vote main article .titlewrap,
body.page-template-template-confirm-vote main article .titlewrap,
body.single-recipes main article .titlewrap {
  display: flex;
  flex-direction: column;
}
body.page-template-template-vote main article .titlewrap a.backlink,
body.page-template-template-confirm-vote main article .titlewrap a.backlink,
body.single-recipes main article .titlewrap a.backlink {
  position: relative;
  font-size: 16px;
  color: #362e2c;
  font-family: "Helvetica Neue Condensed";
  padding: 10px 0 0;
  display: flex;
  align-items: center;
}
body.page-template-template-vote main article .titlewrap a.backlink svg,
body.page-template-template-confirm-vote main article .titlewrap a.backlink svg,
body.single-recipes main article .titlewrap a.backlink svg {
  width: 15px;
  transform: translateY(-3px);
  margin-right: 8px;
}
body.page-template-template-vote main aside,
body.page-template-template-confirm-vote main aside,
body.single-recipes main aside {
  background-color: #f4f0eb;
  padding-block: clamp(2rem, 5vw, 5rem);
  padding-inline: clamp(2rem, 6vw, 6rem);
}
body.page-template-template-vote main aside .inner,
body.page-template-template-confirm-vote main aside .inner,
body.single-recipes main aside .inner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  gap: clamp(2rem, 6vw, 6rem);
}
body.page-template-template-vote main aside .inner .col:first-of-type,
body.page-template-template-confirm-vote main aside .inner .col:first-of-type,
body.single-recipes main aside .inner .col:first-of-type {
  flex: 1 1 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.page-template-template-vote main aside .inner .col:first-of-type img,
body.page-template-template-confirm-vote main aside .inner .col:first-of-type img,
body.single-recipes main aside .inner .col:first-of-type img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
body.page-template-template-vote main aside .inner .col:last-of-type,
body.page-template-template-confirm-vote main aside .inner .col:last-of-type,
body.single-recipes main aside .inner .col:last-of-type {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.page-template-template-vote main aside .inner .col:last-of-type h3,
body.page-template-template-confirm-vote main aside .inner .col:last-of-type h3,
body.single-recipes main aside .inner .col:last-of-type h3 {
  font-size: 3rem;
  margin: 1rem 0;
}
body.page-template-template-vote main section.recipe-carousel .inner,
body.page-template-template-confirm-vote main section.recipe-carousel .inner,
body.single-recipes main section.recipe-carousel .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem clamp(2rem, 6vw, 6rem);
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel,
body.single-recipes main section.recipe-carousel .inner .carousel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2rem;
}
@media screen and (max-width: 900px) {
  body.page-template-template-vote main section.recipe-carousel .inner .carousel,
  body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel,
  body.single-recipes main section.recipe-carousel .inner .carousel {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  body.page-template-template-vote main section.recipe-carousel .inner .carousel,
  body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel,
  body.single-recipes main section.recipe-carousel .inner .carousel {
    grid-template-columns: repeat(1, 1fr);
  }
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a {
  display: block;
  overflow: hidden;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a .imgwrap,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a .imgwrap,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a .imgwrap {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a:hover img,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a:hover img,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a:hover img {
  transform: scale(1.05);
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a:hover h3,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a:hover h3,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a:hover h3 {
  color: #436042;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a img,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a img,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a .slide-content,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a .slide-content,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a .slide-content {
  margin-top: 1rem;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a .slide-content h3,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a .slide-content h3,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a .slide-content h3 {
  margin-bottom: 1rem;
}
body.page-template-template-vote main section.recipe-carousel .inner .carousel .slide a .slide-content p,
body.page-template-template-confirm-vote main section.recipe-carousel .inner .carousel .slide a .slide-content p,
body.single-recipes main section.recipe-carousel .inner .carousel .slide a .slide-content p {
  margin: 0rem;
  font-size: 1.2rem;
  font-weight: 500;
}
body.page-template-template-vote section.voting-form,
body.page-template-template-confirm-vote section.voting-form,
body.single-recipes section.voting-form {
  padding: 6rem 1rem;
  width: 100%;
  margin: auto;
  background-color: #f4f0eb;
}
body.page-template-template-vote section.voting-form.hidden,
body.page-template-template-confirm-vote section.voting-form.hidden,
body.single-recipes section.voting-form.hidden {
  display: none;
}
body.page-template-template-vote section.voting-form form,
body.page-template-template-confirm-vote section.voting-form form,
body.single-recipes section.voting-form form {
  max-width: 1200px;
  margin: auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4rem;
}
body.page-template-template-vote section.voting-form form fieldset,
body.page-template-template-confirm-vote section.voting-form form fieldset,
body.single-recipes section.voting-form form fieldset {
  border: none;
}
body.page-template-template-vote section.voting-form form fieldset legend,
body.page-template-template-confirm-vote section.voting-form form fieldset legend,
body.single-recipes section.voting-form form fieldset legend {
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 100%;
  margin-bottom: 2rem;
  font-family: "Engrace", sans-serif;
}
body.page-template-template-vote section.voting-form form fieldset.radio,
body.page-template-template-confirm-vote section.voting-form form fieldset.radio,
body.single-recipes section.voting-form form fieldset.radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
  padding-bottom: 4rem;
  gap: 2rem;
  padding-inline: 0;
}
body.page-template-template-vote section.voting-form form fieldset.email,
body.page-template-template-confirm-vote section.voting-form form fieldset.email,
body.single-recipes section.voting-form form fieldset.email {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  width: 100%;
}
body.page-template-template-vote section.voting-form form fieldset.email label,
body.page-template-template-confirm-vote section.voting-form form fieldset.email label,
body.single-recipes section.voting-form form fieldset.email label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
body.page-template-template-vote section.voting-form form fieldset.email label input,
body.page-template-template-confirm-vote section.voting-form form fieldset.email label input,
body.single-recipes section.voting-form form fieldset.email label input {
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
}
body.page-template-template-vote section.voting-form form fieldset.email p,
body.page-template-template-confirm-vote section.voting-form form fieldset.email p,
body.single-recipes section.voting-form form fieldset.email p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.4;
}
body.page-template-template-vote section.voting-form form fieldset.email label.checkbox,
body.page-template-template-confirm-vote section.voting-form form fieldset.email label.checkbox,
body.single-recipes section.voting-form form fieldset.email label.checkbox {
  flex-direction: row;
}
body.page-template-template-vote section.voting-form form fieldset.email .validation-message,
body.page-template-template-confirm-vote section.voting-form form fieldset.email .validation-message,
body.single-recipes section.voting-form form fieldset.email .validation-message {
  color: red;
  font-size: 0.85rem;
  font-weight: 600;
}
body.page-template-template-vote section.voting-form form label.radio,
body.page-template-template-confirm-vote section.voting-form form label.radio,
body.single-recipes section.voting-form form label.radio {
  display: flex;
  flex: 1 1 250px;
  max-width: 250px;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  padding: 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 600px) {
  body.page-template-template-vote section.voting-form form label.radio,
  body.page-template-template-confirm-vote section.voting-form form label.radio,
  body.single-recipes section.voting-form form label.radio {
    flex: 1 1 100%;
    max-width: 100%;
    flex-direction: row;
    padding: 1rem 2rem 1rem 1rem;
  }
}
body.page-template-template-vote section.voting-form form label.radio.active,
body.page-template-template-confirm-vote section.voting-form form label.radio.active,
body.single-recipes section.voting-form form label.radio.active {
  background-color: #436042;
}
body.page-template-template-vote section.voting-form form label.radio.active::before,
body.page-template-template-confirm-vote section.voting-form form label.radio.active::before,
body.single-recipes section.voting-form form label.radio.active::before {
  content: "✓ ";
  display: block;
  width: 90px;
  height: 90px;
  font-size: 5rem;
  color: #436042;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: -20px;
  right: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  body.page-template-template-vote section.voting-form form label.radio.active::before,
  body.page-template-template-confirm-vote section.voting-form form label.radio.active::before,
  body.single-recipes section.voting-form form label.radio.active::before {
    width: 50px;
    height: 50px;
    font-size: 3rem;
    top: -10px;
    right: -10px;
  }
}
body.page-template-template-vote section.voting-form form label.radio.active .textcol h3,
body.page-template-template-confirm-vote section.voting-form form label.radio.active .textcol h3,
body.single-recipes section.voting-form form label.radio.active .textcol h3 {
  color: #fff;
}
body.page-template-template-vote section.voting-form form label.radio.active .textcol p,
body.page-template-template-confirm-vote section.voting-form form label.radio.active .textcol p,
body.single-recipes section.voting-form form label.radio.active .textcol p {
  color: #fff;
}
body.page-template-template-vote section.voting-form form label.radio input,
body.page-template-template-confirm-vote section.voting-form form label.radio input,
body.single-recipes section.voting-form form label.radio input {
  display: none;
}
body.page-template-template-vote section.voting-form form label.radio .imgcol,
body.page-template-template-confirm-vote section.voting-form form label.radio .imgcol,
body.single-recipes section.voting-form form label.radio .imgcol {
  width: 100%;
}
@media screen and (max-width: 600px) {
  body.page-template-template-vote section.voting-form form label.radio .imgcol,
  body.page-template-template-confirm-vote section.voting-form form label.radio .imgcol,
  body.single-recipes section.voting-form form label.radio .imgcol {
    max-width: 100px;
  }
}
body.page-template-template-vote section.voting-form form label.radio .imgcol img,
body.page-template-template-confirm-vote section.voting-form form label.radio .imgcol img,
body.single-recipes section.voting-form form label.radio .imgcol img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
body.page-template-template-vote section.voting-form form label.radio .textcol h3,
body.page-template-template-confirm-vote section.voting-form form label.radio .textcol h3,
body.single-recipes section.voting-form form label.radio .textcol h3 {
  margin-block: 0.5rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #436042;
}
body.page-template-template-vote section.voting-form form label.radio .textcol p,
body.page-template-template-confirm-vote section.voting-form form label.radio .textcol p,
body.single-recipes section.voting-form form label.radio .textcol p {
  margin: 0;
  font-size: 1rem;
}
body.page-template-template-vote section.voting-form form button[type=submit],
body.page-template-template-confirm-vote section.voting-form form button[type=submit],
body.single-recipes section.voting-form form button[type=submit] {
  background-color: #436042;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body.page-template-template-vote section.voting-form form button[type=submit]:hover,
body.page-template-template-confirm-vote section.voting-form form button[type=submit]:hover,
body.single-recipes section.voting-form form button[type=submit]:hover {
  background-color: #fff;
  color: #436042;
}
body.page-template-template-vote section.voting-form form button[type=submit][disabled],
body.page-template-template-confirm-vote section.voting-form form button[type=submit][disabled],
body.single-recipes section.voting-form form button[type=submit][disabled] {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}
body.page-template-template-vote section.confirmed-recipe,
body.page-template-template-confirm-vote section.confirmed-recipe,
body.single-recipes section.confirmed-recipe {
  background-color: #f4f0eb;
  padding: 40px 20px;
}
body.page-template-template-vote section.confirmed-recipe .recipe-content,
body.page-template-template-vote section.confirmed-recipe .recipe-image,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-content,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-image,
body.single-recipes section.confirmed-recipe .recipe-content,
body.single-recipes section.confirmed-recipe .recipe-image {
  max-width: 500px;
  margin: auto;
  overflow: hidden;
}
body.page-template-template-vote section.confirmed-recipe .recipe-content img,
body.page-template-template-vote section.confirmed-recipe .recipe-image img,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-content img,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-image img,
body.single-recipes section.confirmed-recipe .recipe-content img,
body.single-recipes section.confirmed-recipe .recipe-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
body.page-template-template-vote section.confirmed-recipe .recipe-title,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-title,
body.single-recipes section.confirmed-recipe .recipe-title {
  margin-bottom: 10px;
}
body.page-template-template-vote section.confirmed-recipe .recipe-author,
body.page-template-template-confirm-vote section.confirmed-recipe .recipe-author,
body.single-recipes section.confirmed-recipe .recipe-author {
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

section.vote-cta {
  background-color: #436042;
  color: #fff;
  padding: 4rem 2rem;
}
section.vote-cta h2 {
  color: #fff;
  font-size: 4.8rem;
  margin-bottom: 1rem;
}
section.vote-cta .inner {
  max-width: 1000px;
  margin: 0 auto;
}
section.vote-cta .inner .button {
  background-color: #fff;
  color: #436042;
  padding: 0.8rem 1.5rem;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
section.vote-cta .inner .button:hover {
  background-color: #436042;
  color: #fff;
}

body.page-template-template-confirm-vote h1 {
  font-size: 60px;
  padding-top: 40px;
}
body.page-template-template-confirm-vote .arrowbtn {
  margin-top: 40px;
}

body.page-template-template-vote section.loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  padding-top: 100px;
}
body.page-template-template-vote section.loading-container.hidden {
  display: none;
}
body.page-template-template-vote section.loading-container svg {
  width: 100px;
  height: 100px;
  animation: spin 5s linear infinite;
}
body.page-template-template-vote section.loading-container .loading {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  font-size: 2rem;
  color: #436042;
  font-weight: 700;
}
body.page-template-template-vote section.success-container {
  padding: 4rem 2rem;
  display: block;
}
body.page-template-template-vote section.success-container.hidden {
  display: none;
}
body.page-template-template-vote section.success-container .success {
  max-width: 1200px;
  margin: auto;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header li:before {
  display: none;
}

header.site-header {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  font-family: "Engrace", sans-serif;
  height: 140px;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 1200px) {
  header.site-header {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 900px) {
  header.site-header {
    padding: 0px 15px;
    height: 90px;
  }
}
header.site-header .left {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
header.site-header .left .site-branding {
  margin-right: 35px;
  flex-basis: 100px;
  flex-shrink: 1;
  flex-grow: 0;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .site-branding {
    margin-right: 5px;
  }
}
header.site-header .left .site-branding svg {
  width: 90px;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .site-branding svg {
    width: 60px;
  }
}
header.site-header .left .site-branding svg g,
header.site-header .left .site-branding svg path,
header.site-header .left .site-branding svg polygon {
  fill: #000;
}
header.site-header .left .site-branding img {
  height: auto;
  width: 92px;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .site-branding img {
    width: 60px;
  }
}
header.site-header .left .main-navigation {
  font-size: 33px;
  line-height: 33px;
  flex-grow: 1;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .main-navigation {
    font-size: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 900px) {
  header.site-header .left .main-navigation {
    display: none;
  }
}
header.site-header .left .main-navigation li {
  margin-right: 35px;
  display: inline-flex;
  padding-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .main-navigation li {
    margin-right: 25px;
  }
}
header.site-header .left .main-navigation li a {
  color: #24272a;
  text-decoration: none;
  letter-spacing: 1px;
  transform: translateY(3px);
  font-size: 26px;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  header.site-header .left .main-navigation li a {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
  }
}
header.site-header .left .main-navigation .sub-menu {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  background-color: #fff;
  padding-left: 15px;
  padding-bottom: 15px;
}
header.site-header .left .main-navigation .sub-menu li {
  color: #24272a;
  text-decoration: none;
  font-size: 18px;
}
header.site-header .left .main-navigation .sub-menu li a {
  color: #24272a;
  font-size: 20px;
}
header.site-header .left li:hover a {
  color: #436042;
}
header.site-header .left li:hover .sub-menu li a {
  color: #24272a;
}
header.site-header .left li:hover .sub-menu li:hover a {
  color: #436042;
}
header.site-header #primary-menu > li.current-menu-item > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 2px;
  background: linear-gradient(to right, #436042, #19322f);
}
header.site-header #primary-menu > li.menu-item-has-children::after {
  display: inline-block;
  content: url(../img/arrow-nav.svg);
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
header.site-header #primary-menu > li.menu-item-has-children:hover::after {
  transform: rotate(90deg) translateX(12px) translateY(-12px);
}
header.site-header > .right {
  height: 100%;
  flex-basis: 300px;
}
@media screen and (max-width: 900px) {
  header.site-header > .right {
    display: none;
  }
}
header.site-header > .right .secondary-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header.site-header > .right .secondary-nav .upper {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
header.site-header > .right .secondary-nav .upper div.menuitem a {
  color: #24272a;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
header.site-header > .right .secondary-nav .upper div.menuitem:hover a {
  color: #436042;
}
header.site-header > .right .secondary-nav .upper .search {
  margin-left: 0px;
  margin-right: 0px;
}
header.site-header > .right .secondary-nav .upper .search svg {
  height: 22px;
  fill: #436042;
}
header.site-header > .right .secondary-nav .upper .search:hover svg {
  fill: #24272a;
}
header.site-header > .right .secondary-nav .lower {
  text-align: right;
}
header.site-header > .right .secondary-nav .lower.cart-empty .cart-customlocation {
  display: none;
}
header.site-header > .right .secondary-nav .lower.cart-empty .cart-shop {
  display: inline-flex;
}
header.site-header > .right .secondary-nav .lower.cart-has-items .cart-customlocation {
  display: inline-flex;
}
header.site-header > .right .secondary-nav .lower.cart-has-items .cart-shop {
  display: none;
}
header.site-header > .right .secondary-nav .lower.cart-active .cart-is-empty {
  display: none;
}
header.site-header > .right .secondary-nav .lower.cart-active .cart-has-items {
  display: inline-flex;
  padding-left: 20px;
  padding-right: 20px;
}
header.site-header > .right .secondary-nav .lower.cart-active .cart-has-items img {
  margin: 0 8px 5px 0;
}

@media screen and (max-width: 1200px) {
  header .btn-esc {
    transform: scale(0.8);
  }
}
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

nav.banner-subnav {
  height: 60px;
  margin: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f0eb;
  transform: translateY(-30px);
  gap: 60px;
  padding: 0 30px;
}
@media screen and (max-width: 700px) {
  nav.banner-subnav {
    flex-direction: column;
    height: auto;
    padding: 30px 0;
    gap: 30px;
  }
}
nav.banner-subnav .submenuitem {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-2px);
}
nav.banner-subnav .submenuitem a {
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  font-family: "Engrace", sans-serif;
  color: #436042;
  opacity: 50%;
  letter-spacing: 1px;
}
nav.banner-subnav .submenuitem.active {
  border-top: 4px solid #436042;
}
nav.banner-subnav .submenuitem.active a {
  opacity: 100%;
  transform: translateY(-2px);
}

@media only screen and (max-width: 700px) {
  nav.banner-subnav {
    margin: 0;
    transform: translateY(0);
  }
  nav.banner-subnav .submenuitem {
    margin: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-2px);
  }
}
#announcement-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px;
  text-align: center;
}
#announcement-bar p {
  margin: 0;
}
#announcement-bar .title {
  font-size: 16px;
  font-weight: 700;
}

/* Mobile Navigation
--------------------------------------------- */
#mobilemenu {
  z-index: 10;
  background: #fff;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: -100vw;
  padding-top: 45px;
  transition: left 0.3s ease-in-out;
}
#mobilemenu .logo-link {
  display: inline-block;
}
#mobilemenu .logo {
  width: 60px;
  height: auto;
  margin-left: 15px;
  margin-bottom: 15px;
}
#mobilemenu ul {
  padding: 0;
  margin: 0 0 0 15px;
}
#mobilemenu ul li {
  list-style: none;
  margin-bottom: 10px;
}
#mobilemenu ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #24272a;
  font-size: 20px;
}
#mobilemenu ul li.btn-esc a {
  color: #fff;
}
#mobilemenu .close {
  position: fixed;
  top: 30px;
  right: 30px;
}
#mobilemenu .close button {
  height: 60px;
  width: 60px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mobilemenu.open {
  top: 0;
  left: 0;
}
#mobilemenu.open .nav-icon {
  position: absolute;
  top: 60px;
  right: 15px;
}

.nav-icon {
  width: 40px;
  height: 25px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-bottom: 15px;
}
@media screen and (min-width: 900px) {
  .nav-icon {
    display: none;
  }
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #436042;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 0px;
}

.nav-icon span:nth-child(2) {
  top: 12px;
}

.nav-icon span:nth-child(3) {
  top: 24px;
}

.nav-icon.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.mob-cart-icon {
  background: #436042;
  margin-right: 25px;
  margin-bottom: 10px;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.mob-cart-icon span {
  position: absolute;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 12px;
  padding-top: 3px;
}
@media screen and (min-width: 900px) {
  .mob-cart-icon {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .cart-has-items .mob-cart-icon {
    display: flex;
  }
}
/* Posts and pages
--------------------------------------------- */
footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer li:before {
  display: none;
}
footer .upper {
  background-color: #f4f0eb;
  background-image: url(../img/bkgrd-border.png);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 100%;
}
footer .upper .inner {
  display: flex;
  padding: 100px 15px 80px;
  max-width: 1260px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  footer .upper .inner {
    flex-direction: column-reverse;
    padding: 60px 30px 40px;
  }
}
footer .upper .inner .left {
  flex-basis: 330px;
  flex-shrink: 1;
  flex-grow: 0;
  padding-right: 30px;
}
@media screen and (max-width: 900px) {
  footer .upper .inner .left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-basis: auto;
  }
}
@media screen and (max-width: 650px) {
  footer .upper .inner .left {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
  }
}
footer .upper .inner .left .footerlogo {
  margin-bottom: 20px;
  display: block;
}
footer .upper .inner .left .footerlogo svg {
  width: 150px;
}
footer .upper .inner .left .footerlogo svg g,
footer .upper .inner .left .footerlogo svg path,
footer .upper .inner .left .footerlogo svg polygon {
  fill: #000;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .left .footerlogo {
    margin-bottom: 30px;
  }
}
footer .upper .inner .left .footerlogo img {
  max-width: 100%;
  height: auto;
}
footer .upper .inner .left .social {
  display: flex;
}
footer .upper .inner .left .social a {
  display: inline-block;
  margin-right: 20px;
}
footer .upper .inner .left .social a i {
  font-size: 30px;
}
footer .upper .inner .left .social a:last-of-type {
  margin-right: 0;
}
footer .upper .inner .right {
  flex-basis: 750px;
  flex-shrink: 1;
  flex-grow: 0;
}
@media screen and (max-width: 900px) {
  footer .upper .inner .right {
    flex-basis: auto;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right {
    flex-basis: auto;
    margin-bottom: 30px;
  }
}
footer .upper .inner .right .subscribe-wrapper .heading {
  font-family: "Engrace", sans-serif;
  color: #436042;
  font-size: 28px;
  line-height: 28px;
  margin: 0 0 5px;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right .subscribe-wrapper .heading {
    text-align: center;
  }
}
footer .upper .inner .right .subscribe-wrapper .description {
  font-family: "Georgia", "Libre Baskerville", serif;
  font-style: italic;
  font-weight: 300;
  color: #24272a;
  font-size: 20px;
  margin: 0 0 10px;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right .subscribe-wrapper .description {
    font-size: 14px;
    text-align: center;
  }
}
footer .upper .inner .right .subscribe-wrapper form {
  margin-bottom: 70px;
  padding-top: 10px;
}
footer .upper .inner .right .subscribe-wrapper form .mc4wp-form-fields {
  display: flex;
  position: relative;
}
footer .upper .inner .right .subscribe-wrapper form input[type=email] {
  font-family: "Engrace", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  height: 60px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  outline: none;
  border: none;
  background-color: #dbd8d3;
  border-radius: 30px;
  padding-left: 30px;
  padding-top: 10px;
  color: #a4a19e;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right .subscribe-wrapper form input[type=email] {
    transform: translateX(0px);
    font-size: 16px;
    letter-spacing: 0px;
  }
}
footer .upper .inner .right .subscribe-wrapper form input[type=submit] {
  font-size: 0;
  background-color: #436042;
  height: 60px !important;
  width: 60px !important;
  border-radius: 50%;
  border: none;
  flex-basis: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  transform: translateX(-50px);
  background-image: url(../img/arrow-subscribe.png);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right .subscribe-wrapper form input[type=submit] {
    transform: translateX(0px);
    position: absolute;
    right: 0;
  }
}
footer .upper .inner .right nav {
  display: flex;
}
footer .upper .inner .right nav .footermain {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: 60px;
}
footer .upper .inner .right nav .footermain ul {
  display: flex;
  margin-left: 0;
  padding: 0;
  justify-content: space-between;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right nav .footermain ul {
    flex-direction: column;
  }
}
footer .upper .inner .right nav .footermain ul li {
  list-style: none;
}
footer .upper .inner .right nav .footermain ul li a {
  font-family: "Engrace", sans-serif;
  color: #436042;
  text-decoration: none;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
}
footer .upper .inner .right nav .footermain ul ul {
  flex-direction: column;
}
@media screen and (max-width: 650px) {
  footer .upper .inner .right nav .footermain ul ul {
    display: none;
  }
}
footer .upper .inner .right nav .footermain ul ul li {
  margin-bottom: 5px;
}
footer .upper .inner .right nav .footermain ul ul li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #24272a;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
footer .upper .inner .right nav .footersecondary {
  flex-basis: 125px;
  flex-grow: 0;
  flex-shrink: 0;
}
footer .upper .inner .right nav .footersecondary a {
  display: inline-block;
  font-family: "Engrace", sans-serif;
  color: #436042;
  text-decoration: none;
  font-size: 24px;
  margin-bottom: 5px;
}
footer .lower {
  background-color: #dbd8d3;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 650px) {
  footer .lower {
    flex-direction: column;
  }
}
footer .lower .inner {
  padding: 80px 15px;
  max-width: 1260px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 650px) {
  footer .lower .inner {
    padding-top: 40px;
    flex-direction: column;
  }
}
footer .lower .inner .left {
  display: flex;
  font-family: "Helvetica Neue Condensed";
}
@media screen and (max-width: 650px) {
  footer .lower .inner .left {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
footer .lower .inner .left > div {
  margin-right: 60px;
}
@media screen and (max-width: 650px) {
  footer .lower .inner .left > div {
    margin-right: 0;
    margin-bottom: 30px;
    font-size: 14px;
  }
}
footer .lower .inner .left > div a {
  color: #24272a;
}
footer .lower .inner .left > div a:hover {
  color: #436042;
}
footer .lower .inner .right {
  font-size: 14px;
}
@media screen and (max-width: 650px) {
  footer .lower .inner .right {
    align-items: center;
    text-align: center;
    font-size: 14px;
  }
}

#instagram-feed {
  overflow-x: hidden;
  padding: 120px 0 0;
}
#instagram-feed .upper {
  padding: 0 10vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#instagram-feed .upper .left h2 {
  font-size: 72px;
  line-height: 72px;
}
#instagram-feed .upper .left p {
  font-family: "Georgia", "Libre Baskerville", serif;
  color: #b68c2d;
  font-size: 28px;
  margin-top: 0;
}
#instagram-feed .upper .right button {
  background: none;
  border: none;
  cursor: pointer;
}
#instagram-feed .upper .right button:focus {
  outline: none;
}
#instagram-feed #sbi_images {
  transform: translateX(calc(10vw - 60px));
}
#instagram-feed .sbi-owl-nav {
  display: none;
}

@media screen and (max-width: 600px) {
  #instagram-feed {
    padding: 30px 0 0;
  }
  #instagram-feed .upper {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  #instagram-feed .upper .left h2 {
    font-size: 48px;
    line-height: 48px;
  }
  #instagram-feed .upper .left p {
    font-size: 20px;
    transform: translateY(-15px);
  }
  #instagram-feed .upper .right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #instagram-feed .upper .right button {
    background: none;
    border: none;
    cursor: pointer;
  }
  #instagram-feed .upper .right button:focus {
    outline: none;
  }
  #instagram-feed #sbi_images {
    transform: translateX(0);
    padding: 15px !important;
  }
}
#sb_instagram .sbi_link .sbi_instagram_link {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 10px 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Popups
--------------------------------------------- */
#coupon-popup {
  background-color: #fff;
  background-image: url("../img/modal.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  height: 400px;
  max-width: 600px;
  margin: auto;
  padding-left: 300px;
  padding-right: 30px;
}
#coupon-popup .coupon-icon-close {
  color: #9a9794;
  font-size: 48px;
  line-height: 40px;
  text-align: right;
  margin-right: -20px;
}
#coupon-popup .coupon-icon-close span {
  display: inline-block;
  transform: rotate(45deg);
  cursor: pointer;
}
#coupon-popup p {
  font-family: "Engrace", sans-serif;
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
  margin: 30px 0;
}
#coupon-popup form input[type=text] {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Engrace", sans-serif;
  width: 100%;
  border-radius: 30px;
  padding: 10px 20px 5px;
  font-size: 18px;
  background-color: #f4f0eb;
  color: #a4a19e;
  border: none;
}
#coupon-popup form.hidden {
  display: none;
}
#coupon-popup .form-response p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0 30px;
}
#coupon-popup .form-response p strong {
  color: #436042;
}
#coupon-popup .form-response.hidden {
  display: none;
}

button.mfp-close {
  display: none !important;
}

@media screen and (max-width: 650px) {
  #coupon-popup {
    margin: 15px;
    padding-left: 30px;
    background: rgb(255, 255, 255);
  }
}
#addedtocart-popup {
  background: #fff;
  max-width: 880px;
  margin: auto;
}
#addedtocart-popup header {
  background-color: #436042;
  background-image: url("../../build/img/check-bkgrd.png");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-family: "Engrace", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  padding: 15px;
}
#addedtocart-popup header .search-icon-close {
  transform: rotate(45deg);
  font-size: 30px;
  cursor: pointer;
}
#addedtocart-popup .main {
  display: flex;
  padding: 30px 50px;
}
#addedtocart-popup .main .left {
  padding: 40px 40px 40px 0;
  border-right: 1px solid #24272a;
  display: flex;
}
#addedtocart-popup .main .left .img-wrap {
  padding-right: 40px;
}
#addedtocart-popup .main .left .img-wrap img {
  max-height: 150px;
  width: auto;
}
#addedtocart-popup .main .left .text-wrap {
  max-width: 180px;
}
#addedtocart-popup .main .left .item-name {
  font-size: 26px;
  line-height: 30px;
  font-family: "Engrace", sans-serif;
  text-transform: uppercase;
}
#addedtocart-popup .main .left .item-price {
  font-size: 18px;
  line-height: 30px;
  color: #bfbdbe;
  font-family: "Georgia", "Libre Baskerville", serif;
}
#addedtocart-popup .main .left .item-quantity {
  font-size: 16px;
  line-height: 30px;
  color: #362e2c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#addedtocart-popup .main .left .item-subtotal {
  font-size: 16px;
  line-height: 30px;
  color: #362e2c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#addedtocart-popup .main .right {
  padding: 40px 0 40px 40px;
}
#addedtocart-popup .main .right .itemcounttext {
  color: #436042;
  font-family: "Engrace", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
#addedtocart-popup .main .right .itemcounttext img {
  width: 18px;
  height: 16px;
  margin-top: 0px;
  margin-right: 5px;
  float: left;
}
#addedtocart-popup .main .right .itemcounttext span {
  margin: 0 1px;
}
#addedtocart-popup .main .right .cartsubtotal {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}
#addedtocart-popup .main .right .btn-esc {
  margin-right: 15px;
  margin-bottom: 15px;
}
#addedtocart-popup footer p {
  font-weight: 300;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  #addedtocart-popup .main {
    display: flex;
    padding: 15px;
  }
  #addedtocart-popup .main .left {
    padding: 20px 20px 20px 0;
    border-right: 1px solid #24272a;
    display: flex;
  }
  #addedtocart-popup .main .left .img-wrap {
    padding-right: 20px;
  }
  #addedtocart-popup .main .left .img-wrap img {
    max-height: 150px;
    width: auto;
  }
  #addedtocart-popup .main .left .text-wrap {
    max-width: 180px;
  }
  #addedtocart-popup .main .left .item-name {
    font-size: 26px;
    line-height: 30px;
    font-family: "Engrace", sans-serif;
    text-transform: uppercase;
  }
  #addedtocart-popup .main .left .item-price {
    font-size: 18px;
    line-height: 30px;
    color: #bfbdbe;
    font-family: "Georgia", "Libre Baskerville", serif;
  }
  #addedtocart-popup .main .left .item-quantity {
    font-size: 16px;
    line-height: 30px;
    color: #362e2c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  #addedtocart-popup .main .left .item-subtotal {
    font-size: 16px;
    line-height: 30px;
    color: #362e2c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
  }
  #addedtocart-popup .main .right {
    padding: 20px 0 20px 20px;
  }
  #addedtocart-popup .main .right .itemcounttext {
    display: block;
    font-size: 20px;
  }
  #addedtocart-popup .main .right .itemcounttext img {
    display: none;
  }
  #addedtocart-popup .main .right .itemcounttext span {
    margin: 0px;
  }
  #addedtocart-popup .main .right .cartsubtotal {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  #addedtocart-popup .main .right .btn-esc {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 500px) {
  #addedtocart-popup .main {
    flex-direction: column;
  }
  #addedtocart-popup .main .left {
    padding: 15px 0px;
    border-right: none;
    display: flex;
  }
  #addedtocart-popup .main .left .img-wrap {
    padding-right: 20px;
  }
  #addedtocart-popup .main .left .img-wrap img {
    max-height: 150px;
    width: auto;
  }
  #addedtocart-popup .main .left .text-wrap {
    max-width: 180px;
  }
  #addedtocart-popup .main .left .item-name {
    font-size: 24px;
    line-height: 28px;
    font-family: "Engrace", sans-serif;
    text-transform: uppercase;
  }
  #addedtocart-popup .main .left .item-price {
    font-size: 16px;
    line-height: 26px;
    color: #bfbdbe;
    font-family: "Georgia", "Libre Baskerville", serif;
  }
  #addedtocart-popup .main .left .item-quantity {
    font-size: 16px;
    line-height: 30px;
    color: #362e2c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  #addedtocart-popup .main .left .item-subtotal {
    font-size: 16px;
    line-height: 30px;
    color: #362e2c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
  }
  #addedtocart-popup .main .right {
    padding: 20px 0 20px 0px;
  }
  #addedtocart-popup .main .right .itemcounttext {
    display: block;
    font-size: 18px;
  }
  #addedtocart-popup .main .right .itemcounttext img {
    display: none;
  }
  #addedtocart-popup .main .right .itemcounttext span {
    margin: 0px;
  }
  #addedtocart-popup .main .right .cartsubtotal {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  #addedtocart-popup .main .right .btn-esc {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
#cart-contents {
  position: absolute;
  top: 140px;
  right: 0;
  background-color: #fff;
  width: 430px;
  max-width: 100%;
  transform: translateX(100%);
  transition: all 0.5s ease-in-out;
  z-index: 100;
  padding: 0 0 40px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  #cart-contents {
    top: 90px;
  }
}

#cart-contents.active {
  transform: translateX(0);
}

#cart-item-list {
  max-height: 450px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#cart-item-list::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}
#cart-item-list article {
  display: flex;
  padding-top: 20px;
}
#cart-item-list article .left {
  flex-basis: 150px;
  flex-grow: 0;
  flex-shrink: 0;
}
#cart-item-list article .left img {
  max-height: 140px;
  margin: auto;
}
#cart-item-list article .right {
  padding-top: 30px;
  padding-right: 20px;
}
#cart-item-list article .right .item-name {
  font-size: 26px;
  line-height: 30px;
  font-family: "Engrace", sans-serif;
}
#cart-item-list article .right .item-price {
  font-size: 18px;
  line-height: 30px;
  color: #bfbdbe;
  font-family: "Georgia", "Libre Baskerville", serif;
}
#cart-item-list article .right .item-quantity {
  font-size: 16px;
  line-height: 30px;
  color: #362e2c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#cart-item-list article .right .item-subtotal {
  font-size: 16px;
  line-height: 30px;
  color: #362e2c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.cart-subtotal-wrap {
  padding: 20px;
  margin: 20px;
  border-top: 1px solid #c0bdbe;
  border-bottom: 1px solid #c0bdbe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  background: #fff;
}

.cart-checkout {
  padding: 20px;
  text-align: center;
}

.cart-checkout a:first-of-type {
  margin-right: 15px;
}

#scrolldown {
  padding: 20px;
  cursor: pointer;
  background-color: #fff;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  position: relative;
  bottom: 0;
  z-index: -1;
}
#scrolldown img {
  margin: auto;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
#scrolldown:hover img {
  transform: translateY(5px);
}

#scrollup {
  padding: 20px;
  cursor: pointer;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #fff;
}
#scrollup img {
  margin: auto;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
#scrollup:hover img {
  transform: translateY(-5px);
}

#cart-contents.scrolledtop #scrollup {
  transform: translateY(-70px);
}

#cart-contents.scrolledbottom #scrolldown {
  bottom: -70px;
}

#authmodal {
  width: fit-content;
  margin: auto;
}
#authmodal .inner {
  width: 100%;
  max-width: 500px;
  padding: clamp(15px, 5vw, 45px);
  height: auto;
  background-color: white;
  margin: auto;
  position: relative;
}
#authmodal .inner button#closeAuthModal {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  border: 2px solid #19322f;
  color: #19322f;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: white;
}
#authmodal .inner .message-container .title {
  font-family: "Engrace", sans-serif;
  font-size: 40px;
  line-height: 40px;
  color: #436042;
}
#authmodal .inner .message-container .text {
  font-size: 16px;
  line-height: 24px;
}
#authmodal .inner .google-signin-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
#authmodal .inner .google-signin-container p {
  font-size: 16px;
  line-height: 24px;
}
#authmodal .inner .google-signin-container button {
  background-color: transparent;
  width: 60px;
  height: 60px;
  padding: 0;
}
#authmodal .inner .google-signin-container button svg {
  width: 45px;
  height: 45px;
}
#authmodal .inner .email-signin-container {
  display: flex;
  flex-direction: column;
  display: none;
}
#authmodal .inner .email-signin-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
#authmodal .inner .email-signin-container form label input {
  border: 1px solid #436042;
  background-color: white;
}
#authmodal .inner .email-signin-container form input[type=submit] {
  border: 1px solid #436042;
  background-color: white;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
a.btn-esc.cart-customlocation img {
  margin-right: 0px;
  transform: translateY(-1px);
  transform: translateX(-10px);
}

button.button.woof_reset_search_form {
  font-size: 14px;
  height: 40px;
  box-shadow: none;
}

.woocommerce-info {
  border-top-color: #436042;
}
.woocommerce-info::before {
  color: #436042;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 5px 10px;
  margin-bottom: 5px;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  border-top-color: #436042;
  margin: 0;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message::before {
  color: #436042;
}
.woocommerce .content-area {
  padding-top: 45px;
  padding-inline: 30px;
  max-width: 1460px;
  margin: auto;
}
.woocommerce .content-area main {
  max-width: none;
  margin: auto;
}
.woocommerce .content-area main nav.woocommerce-breadcrumb {
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-top: 15px;
}
.woocommerce .content-area main nav.woocommerce-breadcrumb a {
  color: #436042;
}
.woocommerce .content-area main .woocommerce-result-count {
  font-size: 16px;
}
.woocommerce .content-area main a.button.product_type_simple,
.woocommerce .content-area main a.button.add_to_cart_button {
  height: 50px;
  background-color: #436042;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-family: "Helvetica Neue Condensed";
  padding: 3px 25px 0px 25px;
  border-radius: 30px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: background-color 0.2s ease-in-out;
}
.woocommerce .woocommerce-pagination ul.page-numbers li {
  font-family: "Engrace", sans-serif;
  font-weight: 700;
}
.woocommerce .woocommerce-pagination ul.page-numbers li::before {
  display: none;
}
.woocommerce .woocommerce-pagination ul.page-numbers li span,
.woocommerce .woocommerce-pagination ul.page-numbers li a {
  display: block;
  padding-inline: 5px;
  padding-top: 15px;
  min-width: 40px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li a.prev,
.woocommerce .woocommerce-pagination ul.page-numbers li a.next {
  background: #fff;
}
.woocommerce .woocommerce-ordering {
  display: none;
}

.woocommerce a.remove {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: #19322f !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  font-family: monospace;
}
.woocommerce a.remove:hover {
  background-color: #19322f !important;
}

.woocommerce.archive li::before,
.woocommerce.post-type-archive-product li::before {
  display: none;
}
.woocommerce.archive .content-area,
.woocommerce.post-type-archive-product .content-area {
  position: relative;
}
.woocommerce.archive .content-area main,
.woocommerce.post-type-archive-product .content-area main {
  margin: auto;
}
.woocommerce.archive .content-area main nav.woocommerce-breadcrumb,
.woocommerce.post-type-archive-product .content-area main nav.woocommerce-breadcrumb {
  grid-column: span 12;
  display: none;
}
.woocommerce.archive .content-area main header.woocommerce-products-header,
.woocommerce.post-type-archive-product .content-area main header.woocommerce-products-header {
  grid-column: span 12;
}
.woocommerce.archive .content-area main > .woof,
.woocommerce.post-type-archive-product .content-area main > .woof {
  grid-column: span 3;
  border: none;
  padding: 30px 30px 30px 15px;
  height: 100%;
  background-color: #f4f0eb;
  transform: none;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1400px) {
  .woocommerce.archive .content-area main > .woof,
  .woocommerce.post-type-archive-product .content-area main > .woof {
    grid-column: span 4;
    transform: none;
  }
}
@media screen and (max-width: 1200px) {
  .woocommerce.archive .content-area main > .woof,
  .woocommerce.post-type-archive-product .content-area main > .woof {
    position: fixed;
    z-index: 2;
    width: 300px;
    top: 0px;
    left: -300px;
  }
  .woocommerce.archive .content-area main > .woof.active,
  .woocommerce.post-type-archive-product .content-area main > .woof.active {
    transform: translateX(300px);
  }
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone,
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone {
  background-color: #f4f0eb;
  padding: 15px;
  position: sticky;
  top: 60px;
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone .woof_text_search_container,
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone .woof_text_search_container {
  margin-bottom: 30px;
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone .woof_text_search_container .woof_container_inner input[type=search],
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone .woof_text_search_container .woof_container_inner input[type=search] {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #a6a29e;
  padding: 15px 30px 10px 20px;
  border-radius: 30px;
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone .woof_container h4,
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone .woof_container h4 {
  font-size: 20px;
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone .woof_container .woof_block_html_items,
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone .woof_container .woof_block_html_items {
  margin-bottom: 30px;
}
.woocommerce.archive .content-area main > .woof .woof_redraw_zone .woof_container .woof_block_html_items ul li label,
.woocommerce.post-type-archive-product .content-area main > .woof .woof_redraw_zone .woof_container .woof_block_html_items ul li label {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.woocommerce.archive .content-area main > .woocommerce,
.woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode,
.woocommerce.post-type-archive-product .content-area main > .woocommerce,
.woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode {
  grid-column: span 9;
  padding-top: 30px;
  position: sticky;
  top: 30px;
}
@media screen and (max-width: 1400px) {
  .woocommerce.archive .content-area main > .woocommerce,
  .woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode,
  .woocommerce.post-type-archive-product .content-area main > .woocommerce,
  .woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode {
    grid-column: span 8;
  }
}
@media screen and (max-width: 1200px) {
  .woocommerce.archive .content-area main > .woocommerce,
  .woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode,
  .woocommerce.post-type-archive-product .content-area main > .woocommerce,
  .woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode {
    grid-column: span 12;
    z-index: 1;
  }
}
.woocommerce.archive .content-area main > .woocommerce .woof_products_top_panel .woof_reset_button_2,
.woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel .woof_reset_button_2,
.woocommerce.post-type-archive-product .content-area main > .woocommerce .woof_products_top_panel .woof_reset_button_2,
.woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel .woof_reset_button_2 {
  height: 40px;
  box-shadow: none;
  font-size: 14px;
}
.woocommerce.archive .content-area main > .woocommerce .woof_products_top_panel li,
.woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li,
.woocommerce.post-type-archive-product .content-area main > .woocommerce .woof_products_top_panel li,
.woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li {
  height: 40px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 18px;
  color: #a6a29e;
  font-weight: 700;
  font-family: "Engrace", sans-serif;
  padding-right: 10px;
}
.woocommerce.archive .content-area main > .woocommerce .woof_products_top_panel li a,
.woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li a,
.woocommerce.post-type-archive-product .content-area main > .woocommerce .woof_products_top_panel li a,
.woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li a {
  border: none;
  outline: none;
  font-size: 18px;
}
.woocommerce.archive .content-area main > .woocommerce .woof_products_top_panel li a span.woof_remove_ppi,
.woocommerce.archive .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li a span.woof_remove_ppi,
.woocommerce.post-type-archive-product .content-area main > .woocommerce .woof_products_top_panel li a span.woof_remove_ppi,
.woocommerce.post-type-archive-product .content-area main > .woof_results_by_ajax_shortcode .woof_products_top_panel li a span.woof_remove_ppi {
  background-size: 16px 16px;
  padding-right: 20px;
  background-position-y: 0px;
}
.woocommerce.archive .content-area ul.products,
.woocommerce.post-type-archive-product .content-area ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 60px 60px 15px;
  gap: 30px;
}
.woocommerce.archive .content-area ul.products::before,
.woocommerce.post-type-archive-product .content-area ul.products::before {
  display: none;
}
.woocommerce.archive .content-area ul.products li,
.woocommerce.post-type-archive-product .content-area ul.products li {
  padding: 15px;
  list-style: none;
  flex-basis: 200px;
  max-width: 400px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 0 0 280px;
}
.woocommerce.archive .content-area ul.products li::before,
.woocommerce.post-type-archive-product .content-area ul.products li::before {
  display: none;
}
.woocommerce.archive .content-area ul.products li a.woocommerce-loop-product__link:hover h2,
.woocommerce.post-type-archive-product .content-area ul.products li a.woocommerce-loop-product__link:hover h2 {
  color: #436042;
}
.woocommerce.archive .content-area ul.products li a.woocommerce-loop-product__link:hover img,
.woocommerce.post-type-archive-product .content-area ul.products li a.woocommerce-loop-product__link:hover img {
  transform: scale(1.05);
}
.woocommerce.archive .content-area ul.products li a.woocommerce-loop-product__link h2,
.woocommerce.post-type-archive-product .content-area ul.products li a.woocommerce-loop-product__link h2 {
  font-size: 26px;
  line-height: 26px;
  font-family: "Engrace", sans-serif;
  transition: all 0.3s ease-in-out;
}
.woocommerce.archive .content-area ul.products li a.woocommerce-loop-product__link img,
.woocommerce.post-type-archive-product .content-area ul.products li a.woocommerce-loop-product__link img {
  transition: all 0.3s ease-in-out;
  transform: scale(0.95);
}
.woocommerce.archive .content-area ul.products li a.woocommerce-loop-product__link .price,
.woocommerce.post-type-archive-product .content-area ul.products li a.woocommerce-loop-product__link .price {
  font-family: "Helvetica Neue Condensed";
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #436042;
}
.woocommerce.archive .content-area ul.products li a.button,
.woocommerce.post-type-archive-product .content-area ul.products li a.button {
  font-size: 16px;
  height: 40px;
}
.woocommerce.archive .content-area ul.products li a.button:hover,
.woocommerce.post-type-archive-product .content-area ul.products li a.button:hover {
  background-color: #19322f;
}

div[id^=woocommerce-product-] {
  background: red;
}

.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
  display: none;
}

.woocommerce table.cart,
.woocommerce #content table.cart {
  font-family: "Engrace", sans-serif;
  font-size: clamp(20px, 3vw, 30px);
  line-height: clamp(20px, 3vw, 30px) !important;
  max-width: 100%;
}
@media screen and (max-width: 500px) {
  .woocommerce table.cart,
  .woocommerce #content table.cart {
    margin-inline: 0;
    display: contents;
  }
}
.woocommerce table.cart a,
.woocommerce #content table.cart a {
  color: #19322f;
}
.woocommerce table.cart th,
.woocommerce #content table.cart th {
  text-transform: uppercase;
  font-size: 18px;
}
.woocommerce table.cart td.product-name,
.woocommerce #content table.cart td.product-name {
  font-size: clamp(16px, 3vw, 30px);
  line-height: clamp(22px, 3vw, 34px) !important;
}
.woocommerce table.cart td.product-name a,
.woocommerce #content table.cart td.product-name a {
  display: inline-block;
}
@media screen and (max-width: 500px) {
  .woocommerce table.cart tbody,
  .woocommerce #content table.cart tbody {
    display: flex;
    flex-direction: column;
  }
}
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal,
.woocommerce #content table.cart td.product-price,
.woocommerce #content table.cart td.product-subtotal {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.woocommerce table.cart tr.woocommerce-cart-form__cart-item.cart_item:hover,
.woocommerce #content table.cart tr.woocommerce-cart-form__cart-item.cart_item:hover {
  background-color: #f4f0eb;
}
.woocommerce table.cart td.actions,
.woocommerce #content table.cart td.actions {
  padding: 15px;
}
.woocommerce table.cart td.actions .coupon,
.woocommerce #content table.cart td.actions .coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.woocommerce table.cart td.actions .coupon input.input-text,
.woocommerce #content table.cart td.actions .coupon input.input-text {
  min-width: 200px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 15px;
}
.woocommerce table.cart td.actions .button,
.woocommerce #content table.cart td.actions .button {
  font-size: 14px;
  line-height: 15px;
  width: fit-content;
  height: 40px;
}

#order_review_heading {
  margin-top: 60px;
}

#payment li,
ul.wc_payment_methods li,
.shop_table li,
.cart_totals li {
  padding: 0;
}
#payment li::before,
ul.wc_payment_methods li::before,
.shop_table li::before,
.cart_totals li::before {
  display: none !important;
}

#payment {
  margin-top: 60px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
  width: 150px;
  box-shadow: none;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}/*# sourceMappingURL=style.css.map */