@charset "UTF-8";
/*!
Theme Name: megamex2018
Theme URI: http://underscores.me/
Author: JT Mega, Amy Dalrymple
Author URI: http://jtmega.com
Description: An updated theme for MegaMex Foods, created 2018
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: megamex2018
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 with others.

megamex2018 is based on Underscores https://underscores.me/, (C) 2012-2017 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* roughly equivalent to #f2f2f2 */
/* Vertical Align */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | 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.
 */
@import url("//hello.myfonts.net/count/3d6af5");
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * 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; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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; /* 1 */
  font-size: 1em; /* 2 */
}

/* 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; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * 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; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  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; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 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; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * 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; /* 1 */
  font: inherit; /* 2 */
}

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
  font-size: 14px;
}
@media only screen and (min-width: 550px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1000px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}

body,
button,
input,
select,
optgroup,
textarea {
  color: rgb(0, 0, 0);
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  /* 16px */
  line-height: 1.4;
}

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

h1, h3, h4, h5 {
  text-transform: uppercase;
}

h1, h3 {
  color: rgb(51, 51, 51);
}

h2, h4, h5 {
  color: rgb(194, 26, 53);
}

h1 {
  font-size: 32px;
  font-size: 2rem;
  /* 32px */
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}

h2 {
  font-size: 36px;
  font-size: 2.25rem;
  /* 36px */
  font-weight: 400;
  line-height: 1;
}

h3 {
  font-size: 28px;
  font-size: 1.75rem;
  /* 28px */
  font-weight: 500;
  line-height: 1.1;
  margin: 0.25em 0;
}

h4 {
  font-size: 16px;
  font-size: 1rem;
  /* 16px */
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
h4 small {
  color: rgb(51, 51, 51);
  font-size: 0.6em;
  text-transform: capitalize;
}

h5 {
  font-size: 20px;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 400;
  line-height: 1.333;
}

@media only screen and (max-width: 1024px) {
  /* reduced 80% for smaller displays */
  h1 {
    font-size: 32px;
    font-size: 2rem;
    /* 32px */
  }
  h2 {
    font-size: 36.8px;
    font-size: 2.3rem;
    /* 36.8px */
  }
  h3 {
    font-size: 27.2px;
    font-size: 1.7rem;
    /* 27.2px */
  }
  h4 {
    font-size: 16px;
    font-size: 1rem;
    /* 16px */
  }
  h5 {
    font-size: 19.2px;
    font-size: 1.2rem;
    /* 19.2px */
  }
}
@media only screen and (max-width: 767px) {
  /* reduced another 80% for handheld displays */
  h1 {
    font-size: 25.6px;
    font-size: 1.6rem;
    /* 25.6px */
  }
  h2 {
    font-size: 29.44px;
    font-size: 1.84rem;
    /* 29.44px */
  }
  h3 {
    font-size: 21.76px;
    font-size: 1.36rem;
    /* 21.76px */
  }
  h4 {
    font-size: 12.8px;
    font-size: 0.8rem;
    /* 12.8px */
  }
  h5 {
    font-size: 15.36px;
    font-size: 0.96rem;
    /* 15.36px */
  }
}
@media only screen and (max-width: 750px) {
  h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  /*> a {
  	color: $color__link-hover;
  }*/
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: Courier New, Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Courier New, Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

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

big {
  font-size: 125%;
}

.wisdom {
  font-family: "WisdomScript", script;
  font-size: 1.666em;
  text-transform: capitalize;
}

/* Wisdom Script ===================================================================================== */
@font-face {
  font-family: "WisdomScript";
  src: url("fonts/wisdom-script-webfont.woff2") format("woff2"), url("fonts/wisdom-script-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Icon Font ========================================================================================= */
@font-face {
  font-family: "megamex";
  src: url("fonts/megamex.eot?7ihas4");
  src: url("fonts/megamex.eot?7ihas4#iefix") format("embedded-opentype"), url("fonts/megamex.ttf?7ihas4") format("truetype"), url("fonts/megamex.woff?7ihas4") format("woff"), url("fonts/megamex.svg?7ihas4#megamex") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "megamex" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* dev specified =========== */
  display: inline-block;
  text-decoration: inherit;
  width: 1rem;
  margin-right: 0.25rem;
  text-align: center;
  margin-left: 0.2rem;
}

.icon-fruit-wedge:before {
  content: "\e91f";
}

.icon-serving-tray:before {
  content: "\e920";
}

.icon-utensils:before {
  content: "\e924";
}

.icon-chile-pepper:before {
  content: "\e922";
}

.icon-heat:before {
  content: "\e921";
}

.icon-timer:before {
  content: "\e923";
}

.icon-timer-v2:before {
  content: "\e923";
}

.icon-numberone:before {
  content: "\e91e";
}

.icon-arrow-up:before {
  content: "\e91b";
}

.icon-arrow-right:before {
  content: "\e91c";
}

.icon-arrow-left:before {
  content: "\e91d";
}

.icon-hamburger:before {
  content: "\e91a";
}

.icon-close:before {
  content: "\f00d";
}

.icon-vegan:before {
  content: "\e913";
}

.icon-printer:before {
  content: "\e914";
}

.icon-gluten-free:before {
  content: "\e915";
}

.icon-kosher:before {
  content: "\e916";
}

.icon-no-artificial:before {
  content: "\e917";
}

.icon-no-preservatives:before {
  content: "\e918";
}

.icon-check:before {
  content: "\e919";
}

.icon-search:before {
  content: "\e910";
  /*margin-right: .35rem;*/
}

.icon-clipboard:before {
  content: "\e911";
  /*margin-right: .35rem;*/
}

.icon-microwave:before {
  content: "\e900";
  margin-right: 0.35rem;
}

.icon-pepper-onion:before {
  content: "\e901";
  margin-right: 0.35rem;
}

.icon-multidirectional:before {
  content: "\e902";
  margin-right: 0.35rem;
}

.icon-avocado:before {
  content: "\e903";
}

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

.icon-certified:before {
  content: "\e905";
}

.icon-expertise:before {
  content: "\e906";
}

.icon-frozen:before {
  content: "\e907";
}

.icon-hpp:before {
  content: "\e908";
}

.icon-menu:before {
  content: "\e909";
}

.icon-no:before {
  content: "\e90a";
}

.icon-safety:before {
  content: "\e90b";
}

.icon-seed:before {
  content: "\e90c";
}

.icon-time:before {
  content: "\e90d";
}

.icon-avocado-full:before {
  content: "\e90e";
}

.icon-money:before {
  content: "\e90f";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-addperson:before {
  content: "\e7fe";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-linkedin:before {
  content: "\f0e2";
}

.icon-youtube:before {
  content: "\f16a";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-tiktok:before {
  content: "\e925";
}

.icon-pinterest:before {
  content: "\f231";
}

/* KG Second Chances Font ====================================================== */
@font-face {
  font-family: "KGSecondChancesSolid";
  src: url("fonts/KGSecondChancesSolid.woff2") format("woff2"), url("fonts/KGSecondChancesSolid.woff") format("woff");
}
/* Form Font for HERDEZ® Quemada product line landing page ===================== */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 9, 2024 */
@font-face {
  font-family: "formregular";
  src: url("fonts/form-webfont.woff2") format("woff2"), url("fonts/form-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.font-formregular {
  font-family: "formregular", "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

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: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button:not(.menu-toggle),
input[type=button],
input[type=reset],
input[type=submit] {
  border: 2.2px solid rgb(51, 51, 51);
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  color: rgb(51, 51, 51);
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  padding: 0.8em 1em;
  text-decoration: none;
  text-transform: uppercase;
}
button:not(.menu-toggle):hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: rgb(194, 26, 53);
  border-color: rgb(194, 26, 53);
  color: #fff;
}
button:not(.menu-toggle):active, button:not(.menu-toggle):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: rgb(51, 51, 51);
}
button:not(.menu-toggle).outline,
input[type=button].outline,
input[type=reset].outline,
input[type=submit].outline {
  border: 2.2px solid #fff;
  background: transparent;
  color: #fff;
}

.simplefavorite-button.active {
  opacity: 1 !important;
  background: transparent !important;
  color: rgb(51, 51, 51) !important;
  border: 0 !important;
  /*		padding: 0;*/
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.simplefavorite-button.active [class^=icon-], .simplefavorite-button.active [class*=" icon-"] {
  color: rgb(51, 51, 51) !important;
  padding: 0;
}
.simplefavorite-button.active [class^=icon-]:before, .simplefavorite-button.active [class*=" icon-"]:before {
  font-size: 1.5rem;
}
.simplefavorite-button.active:hover {
  color: rgb(194, 26, 53) !important;
  cursor: pointer;
}
.simplefavorite-button.active:hover [class^=icon-], .simplefavorite-button.active:hover [class*=" icon-"] {
  color: rgb(194, 26, 53) !important;
}

input[type=submit] {
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 2px solid rgb(0, 0, 0);
  box-shadow: none;
  color: rgb(0, 0, 0);
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.8rem 2rem;
  transition: all 0.5s ease;
  display: block;
  width: auto;
  height: calc(2em + 12px);
  margin: 0 auto 2rem;
}
input[type=submit].outline {
  border: 2.2px solid #fff;
  background: transparent;
  color: #fff;
}
input[type=submit]:hover {
  background: #c21a35;
  border-color: rgb(194, 26, 53);
  color: #fff;
}

.wp-block-buttons > .wp-block-button {
  text-transform: uppercase;
}

.wp-block-button__link:hover {
  text-decoration: none;
  background-color: rgb(194, 26, 53) !important;
  border-color: rgb(194, 26, 53);
  color: #fff !important;
}

label {
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1.1;
  margin-bottom: 0.375em;
}

.frm_required {
  color: rgb(194, 26, 53);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  padding: 0 0.125em;
}

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],
select,
textarea {
  background-color: #fff;
  color: #666;
  border: 2px solid rgba(102, 102, 102, 0.45);
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 1rem;
  padding: 0.8em 1em;
  width: 100%;
  height: calc(2em + 12px);
}
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,
select:focus,
textarea:focus {
  color: #111;
}

input[type=search] {
  width: 100%;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  input[type=search] {
    max-width: 50%;
  }
}
.checkbox label.inline {
  font-weight: 600;
  line-height: 1.2;
}
.checkbox .value {
  display: grid;
  margin-top: 0.375em;
  font-weight: 400;
  grid-template-columns: 2rem auto;
  gap: 1em;
  align-items: center;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: rgb(0, 0, 0);
  width: 2rem;
  height: 2rem;
  border: 2px solid rgba(102, 102, 102, 0.45);
  border-radius: 0;
  transform: translateY(-0.075em);
  display: grid;
  justify-content: center;
  align-items: center;
}
input[type=checkbox]:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 2rem 2rem rgb(0, 0, 0);
  transform-origin: center center;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
input[type=checkbox]:checked:before {
  transform: scale(1);
}

.radiobutton label.inline {
  font-weight: 600;
  line-height: 1.2;
  width: 100%;
}
.radiobutton .value {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 1em;
  padding: 0.5em 0 0;
}
.radiobutton .value label {
  font-weight: normal;
  width: 10%;
  display: grid;
  grid-template-columns: 2em auto;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 37.49em) {
  .radiobutton .value label {
    width: 30%;
  }
}
.radiobutton .value label input[type=radio] {
  grid-column: 1;
}
.radiobutton .value label span.value {
  grid-column: 2;
  padding: 0;
}

input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #1B1119;
  width: 1.6em;
  height: 1.6em;
  border: 0.15em solid #1B1119;
  border-radius: 50%;
  display: grid;
  place-content: center;
}
input[type=radio]::before {
  content: "";
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}
input[type=radio]:checked::before {
  transform: scale(1);
}

/* wrap select fields with this container class for full control */
.select-style {
  background: transparent;
  border: 2.2px solid rgba(102, 102, 102, 0.45);
  display: inline-block;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
  width: 100%;
}
.select-style:after {
  content: "\e91b";
  font-family: "megamex" !important;
  transform: rotate(180deg);
  position: absolute;
  top: 0.6em;
  right: 0.6em;
  color: rgb(0, 0, 0);
}

select {
  box-shadow: none;
  border: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  width: 100%;
  height: auto;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}

textarea {
  width: 100%;
  min-height: 100px;
}

@media only screen and (max-width: 1024px) {
  select {
    font-size: 12.8px;
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .select-style {
    margin: 1rem 0 0;
  }
  .select-style:first-of-type {
    margin-top: 0;
  }
}
/* overwriting formidable styles */
.frm_style_formidable-style.with_frm_style {
  /*.frm_blank_field select {
  	color: #A1A1A1;		
  }*/
  /*.frm_repeat_buttons {
  	margin-bottom: 20px;
  }*/
}
.frm_style_formidable-style.with_frm_style .frm_error_style {
  background-color: #ffffff;
  border: 2px solid rgb(51, 51, 51);
  color: rgb(194, 26, 53);
  font-size: 1rem;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.frm_style_formidable-style.with_frm_style .frm_error_style p {
  color: rgb(194, 26, 53);
}
.frm_style_formidable-style.with_frm_style .frm_error {
  color: #fff;
  color: var(--required-color);
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 0 0.5em #000;
}
.frm_style_formidable-style.with_frm_style label.frm_primary_label {
  color: #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.frm_style_formidable-style.with_frm_style label.frm_primary_label a {
  color: #fff;
  text-decoration: underline;
}
.frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 0;
}
.frm_style_formidable-style.with_frm_style input[type=text],
.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea,
.frm_style_formidable-style.with_frm_style .frm_form_fields_style {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid rgba(102, 102, 102, 0.45);
  font-size: 16px;
  font-size: 1rem;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: auto;
  line-height: 2;
  padding: 0.25em 0.5em;
  width: 100%;
  height: calc(2em + 12px);
}
.frm_style_formidable-style.with_frm_style textarea {
  height: auto;
}
.frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label {
  color: #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label a {
  color: #fff;
  text-decoration: underline;
}
.frm_style_formidable-style.with_frm_style .frm_checkbox label {
  color: #fff;
  position: relative;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.frm_style_formidable-style.with_frm_style .frm_checkbox label a {
  color: #fff;
  text-decoration: underline;
}
.frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox] {
  height: 1rem;
  width: 1rem;
  min-width: unset;
  border: 0;
  vertical-align: bottom;
  vertical-align: text-bottom;
  position: relative;
}
.frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox]:before {
  box-shadow: none;
  clip-path: none;
  margin: 0;
}
.frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
  border: 1px solid #fff;
  height: 0.45rem;
  width: 0.75rem;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  top: 0.25rem;
  left: 0.125rem;
}
.frm_style_formidable-style.with_frm_style .frm_blank_field select,
.frm_style_formidable-style.with_frm_style select {
  background-color: transparent;
  line-height: 1.45;
  padding: 0.7em 10px;
  text-transform: none;
}
.frm_style_formidable-style.with_frm_style .frm_blank_field select.unselected,
.frm_style_formidable-style.with_frm_style select.unselected {
  color: rgba(161, 161, 161, 0.5);
}
.frm_style_formidable-style.with_frm_style .frm_blank_field select:focus,
.frm_style_formidable-style.with_frm_style select:focus {
  background-color: transparent;
  border-color: rgb(51, 51, 51);
}
.frm_style_formidable-style.with_frm_style .frm_blank_field select option,
.frm_style_formidable-style.with_frm_style select option {
  color: rgb(0, 0, 0);
}
.frm_style_formidable-style.with_frm_style .frm_blank_field select option[value="* State"],
.frm_style_formidable-style.with_frm_style select option[value="* State"] {
  color: rgba(102, 102, 102, 0.45);
}
.frm_style_formidable-style.with_frm_style .select-style {
  background-color: #fff;
  border-width: 0;
  display: block;
  /*height: 44px;*/
  position: relative;
  z-index: 0;
  margin: 0;
}
.frm_style_formidable-style.with_frm_style legend + h3,
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}
.frm_style_formidable-style.with_frm_style .frm_repeat_sec {
  margin-top: 0;
}
.frm_style_formidable-style.with_frm_style .frm_repeat_sec .form-field {
  margin-bottom: 0;
}
.frm_style_formidable-style.with_frm_style .frm_button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 2px solid rgba(102, 102, 102, 0.45);
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
}
.frm_style_formidable-style.with_frm_style .frm_submit button {
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 2px solid rgb(0, 0, 0);
  box-shadow: none;
  color: rgb(0, 0, 0);
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.8em 2em;
  transition: all 0.5s ease;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.outline {
  border: 2.2px solid #fff;
  background: transparent;
  color: #fff;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
  background: #c21a35;
  border-color: rgb(194, 26, 53);
  color: #fff;
}
.frm_style_formidable-style.with_frm_style .frm_message {
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  text-align: center;
}
.frm_style_formidable-style.with_frm_style .frm_message p {
  color: rgb(0, 0, 0);
}

@media only screen and (max-width: 768px) {
  .frm_style_formidable-style.with_frm_style input[type=text],
  .frm_style_formidable-style.with_frm_style input[type=email],
  .frm_style_formidable-style.with_frm_style input[type=tel],
  .frm_style_formidable-style.with_frm_style input[type=number],
  .frm_style_formidable-style.with_frm_style select,
  .frm_style_formidable-style.with_frm_style textarea,
  .frm_style_formidable-style.with_frm_style .frm_form_fields_style {
    font-size: 12.8px;
    font-size: 0.8rem;
  }
  .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 1em;
  }
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: rgb(0, 0, 0);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}
a:active, a:focus, a:visited {
  color: rgb(0, 0, 0);
}
a:hover, a.active {
  color: rgb(194, 26, 53);
  text-decoration: underline;
  text-decoration-skip: ink;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a.button {
  background: transparent;
  border: 2.2px solid rgb(51, 51, 51);
  color: rgb(51, 51, 51);
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.8em 1em;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: bottom;
  margin: 0 auto;
}
a.button.nooutline {
  border: 0;
  font-weight: 600;
}
a.button:hover {
  background: rgb(194, 26, 53);
  border-color: rgb(194, 26, 53);
  color: #fff;
}
a.button.nobackgroundhover:hover {
  background: inherit;
  border-color: inherit;
  color: rgb(194, 26, 53);
}
a.button.disabled {
  border-color: rgba(102, 102, 102, 0.6);
  color: rgba(102, 102, 102, 0.6);
}
a.button.primary {
  background: rgb(102, 102, 102);
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
a.button.primary [class^=icon-]::before, a.button.primary [class*=" icon-"]::before {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  font-size: 1.5em;
}
a.button.primary:hover {
  background: #333333;
  border-color: #333333;
}
a.button.iconoutlined {
  background: transparent;
  border: 0;
  padding: 0.7em;
}
a.button.iconoutlined [class^=icon-], a.button.iconoutlined [class*=" icon-"] {
  background: #fff;
  display: inline-block;
  font-size: 60%;
  border: 2px solid black;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  margin: 0 5px;
}
a.button.iconoutlined .icon-addtolist:before {
  content: "\e911";
  margin-right: 0.35rem;
  font-size: 2em;
  line-height: 1.4;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
a.button.iconoutlined:hover, a.button.iconoutlined.active {
  color: rgb(194, 26, 53);
}
a.button.iconoutlined:hover [class^=icon-], a.button.iconoutlined:hover [class*=" icon-"], a.button.iconoutlined.active [class^=icon-], a.button.iconoutlined.active [class*=" icon-"] {
  background: rgb(194, 26, 53);
  border-color: rgb(194, 26, 53);
  color: #fff;
}
a.button.iconoutlined:hover .icon-addtolist:before, a.button.iconoutlined.active .icon-addtolist:before {
  content: "\e919";
}

@media only screen and (min-width: 1025px) {
  a[href^="tel:"], a[href^="tel:"]:hover {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
  }
}
@media only screen and (max-width: 1024px) {
  a.button {
    font-size: 12.8px;
    font-size: 0.8rem;
  }
  a.button.iconoutlined [class^=icon-], a.button.iconoutlined [class*=" icon-"] {
    font-size: 72%;
  }
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul#primary-menu {
  display: none;
}
.main-navigation ul ul {
  background: #fff;
  border-top: 2px solid rgb(194, 26, 53);
  border-bottom: 10px solid rgb(194, 26, 53);
  box-shadow: 0 8px 7px rgba(0, 0, 0, 0.5);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
@media only screen and (min-width: 1025px) {
  .main-navigation ul ul {
    width: 30vw;
  }
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  border-top: 2px solid #ccc;
  font-size: inherit;
  line-height: 1.2;
}
.main-navigation ul ul li:first-child {
  border-top: 0;
}
.main-navigation ul ul li a {
  padding: 0.8em 2.6em 0.8em 1.6em !important;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  color: rgb(51, 51, 51);
  padding: 1em 1.6em;
  position: relative;
  text-transform: capitalize;
}
.main-navigation ul ul a:hover {
  background: #fff;
  color: rgb(194, 26, 53);
}
.main-navigation ul ul a:hover:after {
  content: "›";
  font-size: 1.6em;
  position: absolute;
  top: 0.2em;
  right: 1rem;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: 0;
}
.main-navigation ul#primary-menu {
  height: 100%;
  /* vertical align links in main navigation */
}
@media only screen and (min-width: 1025px) {
  .main-navigation ul#primary-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}
@media screen and (min-width: 1025px) {
  .main-navigation ul#primary-menu > li {
    flex: 0 1 auto;
    display: table;
    height: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .main-navigation ul#primary-menu > li > a {
    display: table-cell !important;
    height: 100%;
    vertical-align: middle;
  }
}
.main-navigation ul#primary-menu > li > a.active {
  background: rgb(194, 26, 53);
  color: #fff;
}
.main-navigation ul#primary-menu > li > a:hover > a {
  background: rgb(194, 26, 53);
  color: #fff;
}
.main-navigation li {
  font-size: 16px;
  font-size: 1rem;
  /*line-height: 3.86;*/
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .main-navigation li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.menu-toggle {
  background: transparent;
  border: 0;
  font-size: 32px;
  font-size: 2rem;
  padding: 0 2rem;
}
.menu-toggle [class^=icon-] {
  color: rgb(194, 26, 53);
}
.menu-toggle [class^=icon-]:hover {
  color: #fff;
}
.menu-toggle [class^=icon-]:before {
  width: 100%;
  margin: 0 auto;
}
.menu-toggle:hover {
  background: rgb(194, 26, 53);
  cursor: pointer;
}
.menu-toggle:hover [class^=icon-] {
  color: #fff;
}
.menu-toggle[aria-expanded=true] {
  background: rgb(194, 26, 53);
}
.menu-toggle[aria-expanded=true] [class^=icon-]:before {
  color: #fff;
  content: "\f00d";
  font-size: 24px;
  font-size: 1.5rem;
  width: 2rem;
  margin-bottom: 1.2rem;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  padding: 2rem 0 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  background: transparent;
  border: 2.2px solid rgb(51, 51, 51);
  color: rgb(51, 51, 51);
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.8em 1em;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: bottom;
  margin: 0 auto;
}
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: rgb(194, 26, 53);
  border-color: rgb(194, 26, 53);
  color: #fff;
}

@media only screen and (max-width: 1060px) {
  .menu-toggle {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 1025px) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .main-navigation ul#primary-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 100%;
    min-width: 25vw;
    height: auto;
    border-top: 2px solid rgb(194, 26, 53);
    border-bottom: 10px solid rgb(194, 26, 53);
  }
  .main-navigation ul#primary-menu > li {
    display: block;
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    border-bottom: 2px solid rgba(102, 102, 102, 0.085);
  }
  .main-navigation ul#primary-menu > li > a {
    display: block;
    padding: 1.375rem 2rem;
    margin: 0 auto;
  }
  .main-navigation ul#primary-menu > li a {
    width: 100%;
  }
  .main-navigation ul#primary-menu > li.menu-item-has-children > a:after {
    content: "\f067";
    font-family: "megamex" !important;
    margin: 0 0.5em;
  }
  .main-navigation ul#primary-menu > li.toggled > a:after {
    content: "\f068";
  }
  .main-navigation ul#primary-menu ul {
    display: none;
    position: static;
    float: 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hidden, .print-only {
  display: none;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*@import "site/secondary/widgets";*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}
.site-content .logomark {
  background: #fff;
  background: rgba(50, 146, 87, 0.1);
  background: #EBF4EE;
  border-radius: 50%;
  display: block;
  width: 125px;
  height: 125px;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 62.5px);
  padding: 25px;
}
.site-content .logomark img {
  filter: invert(49%) sepia(22%) saturate(1143%) hue-rotate(90deg) brightness(92%) contrast(88%);
}

body.page-id-3609 footer.site-footer {
  background-color: transparent;
}

.wrapper,
nav.posts-navigation {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1650px) {
  .wrapper,
  nav.posts-navigation {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .wrapper,
  nav.posts-navigation {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .wrapper,
  nav.posts-navigation {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.wrapper .inner-wrapper,
nav.posts-navigation .inner-wrapper {
  padding-right: 200px;
  padding-left: 200px;
}
@media only screen and (max-width: 1650px) {
  .wrapper .inner-wrapper,
  nav.posts-navigation .inner-wrapper {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .wrapper .inner-wrapper,
  nav.posts-navigation .inner-wrapper {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .wrapper .inner-wrapper,
  nav.posts-navigation .inner-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.entry-header,
.page-header {
  margin: 3em 0 1.5em;
}

.mobile-only {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}
body.prevent-scroll {
  overflow: hidden;
}

#page-disable {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.85);
  z-index: 5;
}

/* Header */
.site-header {
  position: relative;
  z-index: 1000;
}
.site-header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.site-header.sticky .main-navigation {
  border-bottom: 2px solid rgb(50, 146, 87);
}
.site-header .main-navigation {
  background: #fff;
  /*max-height: 100px;*/
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  clear: both;
  display: block;
  width: 100%;
  z-index: 100;
}
.site-header .main-navigation .wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(5rem, 10rem) 1fr;
  grid-template-rows: auto;
  grid-template-areas: "navigation logo functions";
  justify-items: center;
  align-items: stretch;
  column-gap: 1rem;
  max-width: 1600px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1600px) {
  .site-header .main-navigation .wrapper {
    padding: 0;
  }
}
.site-header .main-navigation .wrapper:not(.supernav) a {
  color: rgb(51, 51, 51);
  display: block;
  font-weight: 500;
  padding: 0 1.6em;
  text-decoration: none;
  transition: all linear 0.3s;
}
@media only screen and (max-width: 1439px) {
  .site-header .main-navigation .wrapper:not(.supernav) a {
    padding: 0 1.275em;
  }
}
@media only screen and (max-width: 1199px) {
  .site-header .main-navigation .wrapper:not(.supernav) a {
    padding: 0 1em;
  }
}
.site-header .main-navigation .wrapper:not(.supernav) a:hover, .site-header .main-navigation .wrapper:not(.supernav) a.active {
  background: rgb(194, 26, 53);
  color: #fff;
}
.site-header .main-navigation .wrapper > div.navitems, .site-header .main-navigation .wrapper > div.sitefunctions {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  height: 100%;
}
.site-header .main-navigation .wrapper > div.navitems div, .site-header .main-navigation .wrapper > div.sitefunctions div {
  flex: 0 1 auto;
}
.site-header .main-navigation .wrapper > div.navitems {
  grid-area: navigation;
  justify-self: start;
  justify-content: flex-end;
}
.site-header .main-navigation .wrapper > div.site-branding {
  grid-area: logo;
  position: relative;
  height: 100%;
  min-height: 5rem;
  width: 100%;
  min-width: 5rem;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper > div.site-branding {
    min-height: 3rem;
    min-width: 3rem;
  }
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 5rem;
  position: relative;
  overflow: hidden;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon .default-logo, .site-header .main-navigation .wrapper > div.site-branding .logomark-icon .sticky-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translate(-50%);
  transition: top 0.5s ease;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon .default-logo {
  top: 0%;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon .sticky-logo {
  top: 100%;
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper > div.site-branding .logomark-icon {
    min-height: 4rem;
  }
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon a {
  padding: 0.5rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon a img {
  flex: 0 1 auto;
  filter: invert(49%) sepia(22%) saturate(1143%) hue-rotate(90deg) brightness(92%) contrast(88%); /* MMX GREEN */
  transition: filter linear 0.1s;
  max-height: 3.5rem;
  height: 100%;
  width: auto;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon a:hover {
  background: none;
}
.site-header .main-navigation .wrapper > div.site-branding .logomark-icon a:hover img {
  filter: invert(35%) sepia(47%) saturate(7133%) hue-rotate(334deg) brightness(74%) contrast(108%); /* MMX RED */
}
.site-header .main-navigation .wrapper > div.site-branding .tagline-flag {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: calc(-8vw + 50%);
  width: 100%;
  min-width: 16vw;
  padding: 0 0.5rem;
  background-color: rgb(194, 26, 53);
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.site-header .main-navigation .wrapper > div.site-branding .tagline-flag p {
  margin-top: 1.5em;
}
@media only screen and (max-width: 1024px) {
  .site-header .main-navigation .wrapper > div.site-branding .tagline-flag {
    font-size: 14px;
    font-size: 0.875rem;
    min-width: 33vw;
    left: calc(-16.5vw + 50%);
  }
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper > div.site-branding .tagline-flag {
    font-size: 12px;
    font-size: 0.75rem;
    min-width: 60vw;
    left: calc(-30vw + 50%);
  }
}
.site-header .main-navigation .wrapper > div.sitefunctions {
  grid-area: functions;
  justify-self: end;
  justify-content: flex-end;
}
.site-header .main-navigation .wrapper > div.sitefunctions > div a {
  height: 100%;
  padding: 0;
  min-width: 5rem;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper > div.sitefunctions > div a {
    min-width: 3rem;
  }
}
.site-header .main-navigation .wrapper > div.sitefunctions > div a i, .site-header .main-navigation .wrapper > div.sitefunctions > div a span {
  flex: 0 1 auto;
  font-size: 14px;
  font-size: 0.875rem;
}
.site-header .main-navigation .wrapper > div.sitefunctions > div a i[class^=icon-]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a i [class*=" icon-"]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a span[class^=icon-]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a span [class*=" icon-"]:before {
  font-size: 32px;
  font-size: 2rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper > div.sitefunctions > div a i[class^=icon-]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a i [class*=" icon-"]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a span[class^=icon-]:before, .site-header .main-navigation .wrapper > div.sitefunctions > div a span [class*=" icon-"]:before {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.site-header .main-navigation .wrapper > div.sitefunctions > div.mylist a {
  padding: 0.25rem 0.875rem;
  position: relative;
}
.site-header .main-navigation .wrapper.supernav {
  background-color: rgb(50, 146, 87);
  max-width: unset;
  display: block;
}
.site-header .main-navigation .wrapper.supernav .supernav-container {
  width: 100%;
  max-width: 1600px;
  padding: 0 2rem;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 1600px) {
  .site-header .main-navigation .wrapper.supernav .supernav-container {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .site-header .main-navigation .wrapper.supernav .supernav-container {
    padding: 0 1rem;
  }
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div {
  flex: 0 1 auto;
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div ul li a {
  color: #fff;
  display: block;
  padding: 0.5rem 0 0.5rem 2rem;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div ul li a:before {
  font-family: "megamex";
  display: block;
  position: absolute;
  left: 0;
  width: 2rem;
  font-size: 1.5rem;
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div ul li a:hover {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div.nav-subscribe ul li a:before {
  content: "\f0e0";
}
.site-header .main-navigation .wrapper.supernav .supernav-container > div.nav-contact ul li a:before {
  content: "\e7fe";
}

.site-header.sticky + .site-content {
  padding-top: 32px;
}

.search-box,
.subscribe-box,
.mylist-box {
  border-top: 2px solid rgb(194, 26, 53);
  border-bottom: 10px solid rgb(194, 26, 53);
  z-index: 20;
  background: #fff;
  text-align: right;
  padding: 1.6rem 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1800px;
  max-width: calc(100vw - 100px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .search-box,
  .subscribe-box,
  .mylist-box {
    padding-top: 0.5rem;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .search-box,
  .subscribe-box,
  .mylist-box {
    max-width: 1600px;
  }
}
.search-box .wrapper,
.subscribe-box .wrapper,
.mylist-box .wrapper {
  max-width: 1200px;
  padding: 0 50px;
}
@media only screen and (max-width: 750px) {
  .search-box .wrapper,
  .subscribe-box .wrapper,
  .mylist-box .wrapper {
    padding: 0 1.5rem;
  }
}
.search-box a.btn-close,
.subscribe-box a.btn-close,
.mylist-box a.btn-close {
  display: inline-flex;
  min-height: 2rem;
}
.search-box .icon-close,
.subscribe-box .icon-close,
.mylist-box .icon-close {
  padding: 0.5rem;
}
.search-box .icon-close[class^=icon-]::before, .search-box .icon-close[class*=" icon-"]::before,
.subscribe-box .icon-close[class^=icon-]::before,
.subscribe-box .icon-close[class*=" icon-"]::before,
.mylist-box .icon-close[class^=icon-]::before,
.mylist-box .icon-close[class*=" icon-"]::before {
  font-size: 32px;
  font-size: 2rem;
  width: auto;
  margin: 0 auto;
  padding: 0;
}
.search-box form,
.subscribe-box form,
.mylist-box form {
  width: 100%;
}
.search-box form .search-wrap,
.subscribe-box form .search-wrap,
.mylist-box form .search-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.search-box form .search-wrap label, .search-box form .search-wrap input, .search-box form .search-wrap a,
.subscribe-box form .search-wrap label,
.subscribe-box form .search-wrap input,
.subscribe-box form .search-wrap a,
.mylist-box form .search-wrap label,
.mylist-box form .search-wrap input,
.mylist-box form .search-wrap a {
  flex: 0 1 auto;
}

.header-branding {
  background-image: url(../images/product-photography/tabletop-hero.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 150px;
}

/* Homepage */
body.home {
  /* soliloquy plugin */
}
body.home .soliloquy-container {
  margin: 0 auto;
  /*height: 560px;*/
}
body.home .soliloquy-container .soliloquy-wrapper, body.home .soliloquy-container .soliloquy-viewport, body.home .soliloquy-container .soliloquy-item {
  height: 100% !important;
  overflow: hidden;
}
body.home .soliloquy-container .soliloquy-image {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: unset;
}
body.home .soliloquy-container .soliloquy-caption-inside, body.home .soliloquy-container .soliloquy-caption-inside:hover, body.home .soliloquy-container .soliloquy-caption-inside a {
  color: #333 !important;
}
body.home .soliloquy-container .soliloquy-caption-inside:hover, body.home .soliloquy-container .soliloquy-caption-inside:hover:hover, body.home .soliloquy-container .soliloquy-caption-inside a:hover {
  color: #fff;
}
body.home .soliloquy-container .soliloquy-caption {
  background: rgba(255, 255, 255, 0.75);
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 33%;
  max-height: 300px;
  margin: auto;
  padding: 2rem 1rem;
  text-align: center;
  width: 72.5%;
}
body.home .soliloquy-container .soliloquy-caption .messaging {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
body.home .soliloquy-container .soliloquy-caption .messaging * {
  flex: 0 1 auto;
  max-width: 100%;
}
body.home .soliloquy-container .soliloquy-caption .messaging h1 {
  font-size: 32px;
  font-size: 2rem;
  text-transform: uppercase;
}
body.home .soliloquy-container .soliloquy-caption .messaging h1, body.home .soliloquy-container .soliloquy-caption .messaging p {
  margin: 0;
}
body.home .soliloquy-container .soliloquy-caption .messaging p {
  line-height: 1.4;
}
body.home .soliloquy-container .soliloquy-caption .messaging a.button {
  margin-top: 20px;
  margin-top: 1.25rem;
}

@media only screen and (max-width: 1024px) {
  body.home .soliloquy-container .soliloquy-caption {
    height: 50%;
  }
}
@media only screen and (max-width: 768px) {
  body.home .soliloquy-container {
    height: 350px !important;
  }
  body.home .soliloquy-container .soliloquy-caption {
    height: 60%;
    top: 20%;
  }
  body.home .soliloquy-container .soliloquy-caption .messaging h1 {
    font-size: 22.4px;
    font-size: 1.4rem;
  }
}
body.home {
  /* homepage slides */
}
body.home .homeslides {
  height: 560px;
  position: relative;
  overflow: hidden;
}
body.home .homeslides .slidetoggle {
  position: absolute;
  top: 50%;
  top: calc(50% - 24px);
  top: calc(50% - 1.5rem);
  z-index: 50;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
  font-size: 48px;
  font-size: 3rem;
  transition: all 0.5s ease;
  width: 64px;
}
body.home .homeslides .slidetoggle [class^=icon-]:before, body.home .homeslides .slidetoggle [class*=" icon-"]:before {
  width: 100%;
}
body.home .homeslides .slidetoggle.backward {
  left: 16px;
  left: 1rem;
}
body.home .homeslides .slidetoggle.backward [class^=icon-]:before, body.home .homeslides .slidetoggle.backward [class*=" icon-"]:before {
  text-align: left;
}
body.home .homeslides .slidetoggle.forward {
  right: 16px;
  right: 1rem;
}
body.home .homeslides .slidetoggle.forward [class^=icon-]:before, body.home .homeslides .slidetoggle.forward [class*=" icon-"]:before {
  text-align: right;
}
body.home .homeslides .slidetoggle:hover {
  top: 50%;
  top: calc(50% - 32px);
  top: calc(50% - 2rem);
  font-size: 64px;
  font-size: 4rem;
}
body.home .homeslides ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  z-index: 10;
}
body.home .homeslides ul li {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100%;
}
body.home .homeslides ul li.active {
  left: 0;
}
body.home .homeslides ul li .messaging {
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 33%;
  max-height: 300px;
  margin: auto;
  padding: 2rem 1rem;
  text-align: center;
  width: 72.5%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
body.home .homeslides ul li .messaging * {
  flex: 0 1 auto;
  max-width: 100%;
}
body.home .homeslides h1, body.home .homeslides p {
  margin: 0;
}
body.home .homeslides a.button {
  margin-top: 20px;
  margin-top: 1.25rem;
}
body.home article {
  margin: 0 auto;
}
body.home article h2 {
  margin-top: 0;
}
body.home .entry-content p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.666;
  font-weight: 300;
}
body.home .homebrands {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
}
body.home .homebrands .brand {
  flex: 0 1 auto;
  font-weight: 400;
  width: 30%;
  position: relative;
  transition: all 0.25s ease;
  margin-bottom: 1rem;
}
body.home .homebrands .brand a {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.home .homebrands .brand:hover {
  color: rgb(194, 26, 53);
  /*font-size: 1.33em;*/
}
body.home .homebrands .brand:hover p.calltoaction:after {
  content: " ›";
}
body.home .homebrands .brand h3 {
  margin: 0 auto;
  text-align: center;
}
body.home .homebrands .brand h3 img {
  max-width: 80%;
}
body.home .homebrands .brand p {
  margin: 0;
}
body.home section {
  background-size: cover;
  background-position: center;
  margin-top: 3rem;
}
@media only screen and (min-width: 1400px) {
  body.home section#menu-idea {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
body.home section .idea-preview {
  background: rgba(255, 255, 255, 0.85);
  float: right;
  margin: 3rem 0;
  padding: 2rem;
  width: 50%;
  position: relative;
}
body.home section .idea-preview:after {
  border: solid transparent;
  content: " ";
  right: 100%;
  top: 0;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent rgba(255, 255, 255, 0.85) transparent transparent;
  /*border-color: rgba($color__white, 0);
  border-right-color: $color__white;*/
  border-width: 0 4.25rem 3rem 0;
}

@media only screen and (max-width: 1024px) {
  body.home .homeslides ul li .messaging {
    height: 50%;
  }
}
@media only screen and (max-width: 768px) {
  body.home .homeslides {
    height: 350px;
    /*.slidetoggle { display: none; }*/
  }
  body.home .homeslides ul li .messaging {
    height: 60%;
    top: 20%;
  }
  body.home .homeslides h1 {
    font-size: 22.4px;
    font-size: 1.4rem;
  }
  body.home .entry-content p {
    font-size: 19.2px;
    font-size: 1.2rem;
  }
  body.home .homebrands .brand {
    width: 45%;
    margin-bottom: 1.5rem;
  }
  body.home section {
    /*background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;*/
    background-image: none !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.45);
    padding: 0;
  }
  body.home section .idea-preview {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 40px;
  }
  body.home section .idea-preview:after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 40px;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 30px 20px;
  }
}
body.home.page-template-page_home2022 {
  background: rgba(50, 146, 87, 0.1);
}
body.home.page-template-page_home2022 h1, body.home.page-template-page_home2022 h2, body.home.page-template-page_home2022 h3 {
  color: rgb(51, 51, 51);
  line-height: 1.07;
}
body.home.page-template-page_home2022 h1 a, body.home.page-template-page_home2022 h2 a, body.home.page-template-page_home2022 h3 a, body.home.page-template-page_home2022 h4 a {
  color: inherit;
}
body.home.page-template-page_home2022 h1, body.home.page-template-page_home2022 h2 {
  font-size: 42.4px;
  font-size: 2.65rem;
}
body.home.page-template-page_home2022 h1 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 42.4px;
  font-size: 2.65rem;
}
body.home.page-template-page_home2022 h2 {
  margin: 0.25rem 0 1rem;
  font-size: 32px;
  font-size: 2rem;
}
@media only screen and (min-width: 1000px) {
  body.home.page-template-page_home2022 h2 {
    font-size: 37.2px;
    font-size: 2.325rem;
  }
}
@media only screen and (min-width: 1800px) {
  body.home.page-template-page_home2022 h2 {
    font-size: 42.4px;
    font-size: 2.65rem;
  }
}
body.home.page-template-page_home2022 h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
body.home.page-template-page_home2022 h4 {
  color: rgb(50, 146, 87);
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1000px) {
  body.home.page-template-page_home2022 h4 {
    font-size: 19.2px;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1800px) {
  body.home.page-template-page_home2022 h4 {
    font-size: 22.4px;
    font-size: 1.4rem;
  }
}
body.home.page-template-page_home2022 .site-header .main-navigation .wrapper > div.site-branding .logomark-icon {
  position: relative;
  overflow: hidden;
}
body.home.page-template-page_home2022 .site-header .main-navigation .wrapper > div.site-branding .logomark-icon .default-logo, body.home.page-template-page_home2022 .site-header .main-navigation .wrapper > div.site-branding .logomark-icon .sticky-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translate(-50%);
  transition: top 0.5s ease;
}
body.home.page-template-page_home2022 .site-header .main-navigation .wrapper > div.site-branding .logomark-icon .default-logo {
  top: 0%;
}
body.home.page-template-page_home2022 .site-header .main-navigation .wrapper > div.site-branding .logomark-icon .sticky-logo {
  top: 100%;
}
body.home.page-template-page_home2022 .site-content {
  position: relative;
}
body.home.page-template-page_home2022 .site-content .logomark {
  background: #fff;
  border-radius: 50%;
  display: block;
  width: 125px;
  height: 125px;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 62.5px);
  padding: 25px;
}
body.home.page-template-page_home2022 .site-content .logomark img {
  filter: invert(49%) sepia(22%) saturate(1143%) hue-rotate(90deg) brightness(92%) contrast(88%);
}
body.home.page-template-page_home2022 footer {
  background: #fff;
  padding-top: 62.5px;
}
@media screen and (min-width: 1px) {
  body.home.page-template-page_home2022 .site-content {
    background: #fff;
  }
  body.home.page-template-page_home2022 h2.bigshot {
    font-family: "Bigshot One", display;
    color: #329044;
    line-height: 1;
    margin: 3rem auto 2rem;
    font-size: 16px;
    text-transform: uppercase;
  }
}
body.home.page-template-page_home2022 .bigshot span {
  display: block;
  line-height: 0.75;
  width: clamp(332px, 50%, 514px);
  margin: 0 auto;
}
body.home.page-template-page_home2022 .size-53 {
  font-size: clamp(1.4375em, 0.0982em + 4.2857vw, 3.3125em);
  text-align: right;
}
body.home.page-template-page_home2022 .size-58 {
  font-size: clamp(1.75em, 0.4107em + 4.2857vw, 3.625em);
}
body.home.page-template-page_home2022 .size-76 {
  font-size: clamp(2.875em, 1.5357em + 4.2857vw, 4.75em);
}
body.home.page-template-page_home2022 .size-97 {
  font-size: clamp(4.1875em, 2.8482em + 4.2857vw, 6.0625em);
  text-align: right;
  padding-right: 0.5em;
}
body.home.page-template-page_home2022 .site-content .logomark {
  display: none;
}
body.home.page-template-page_home2022 footer {
  padding-top: 0px;
}
body.home.page-template-page_home2022 footer.site-footer > .wrapper {
  display: none;
}
body.home.page-template-page_home2022 .home-logo-wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
body.home.page-template-page_home2022 .homeform-outer {
  padding: 3rem 5%;
  margin: 3rem auto 0;
}
body.home.page-template-page_home2022 .homeform {
  max-width: 1300px;
  margin: 0 auto;
}
body.home.page-template-page_home2022 .home-mini-copy {
  max-width: 750px;
  text-wrap: balance;
  margin: 0 auto 1rem;
}

@media screen and (max-width: 800px) {
  body.home.page-template-page_home2022 .home-logo-wrapper {
    gap: 0;
    flex-wrap: wrap !important;
    margin-bottom: 2rem;
  }
  body.home.page-template-page_home2022 .home-logo-wrapper .wp-block-column {
    flex-basis: 33%;
  }
  body.home.page-template-page_home2022 .home-logo-wrapper figure {
    margin: 0;
    text-align: center;
  }
  body.home.page-template-page_home2022 .home-logo-wrapper figure img {
    max-height: 100px;
    width: auto;
  }
}
/* Brand Pages  */
body.single-brand {
  /* BRAND-specifics BELOW */
  /* LA VICTORIA */
  /* HERDEZ */
  /* DON MIGUEL */
  /* EMBASA */
  /* WHOLLY AVOCADO */
  /* WHOLLY GUACAMOLE */
  /* TRES COCINAS */
}
body.single-brand .header-branding {
  /*background-size: cover;
  background-position: center center;*/
  height: 560px;
  /*max-height: 893px;*/
  padding: 6rem 3rem 1rem;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
body.single-brand .header-branding .videobg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
body.single-brand .header-branding .videobg video {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  /*width: 100%;
  height: 100%;*/
  margin: auto;
  /*padding-top: 35%;		*/
}
body.single-brand .header-branding h1, body.single-brand .header-branding h2 {
  flex: 0 1 auto;
}
body.single-brand h1, body.single-brand h2, body.single-brand h3, body.single-brand h4 {
  text-align: center;
}
body.single-brand h1 {
  width: 360px;
  max-width: 80%;
  max-height: 180px;
  margin: 0 auto;
}
body.single-brand h1 img {
  display: block;
  margin: 0 auto;
}
body.single-brand h2 {
  margin-top: 0;
}
body.single-brand h2 span, body.single-brand h3 span {
  display: block;
  /*font-size: 180%;*/
  line-height: 1.1;
}
body.single-brand .entry-header, body.single-brand .entry-content {
  max-width: 950px;
  margin: 0 auto;
}
body.single-brand .entry-header {
  padding: 4rem 0 1rem;
  text-align: center;
}
body.single-brand .entry-content p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2;
}
body.single-brand .filtering-section, body.single-brand .tagline {
  max-width: 1200px;
  margin: 0 auto;
}
body.single-brand .filtering-section {
  border: 2px solid rgb(0, 0, 0);
  padding: 60px 90px;
}
body.single-brand .filtering-section h3, body.single-brand .filtering-section h5, body.single-brand .filtering-section p, body.single-brand .filtering-section .filters {
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
}
body.single-brand .filters {
  display: -ms-grid;
  -ms-grid-columns: 48% 1fr 48%;
  -ms-grid-rows: 1fr 32px 1fr 32px;
  /*-ms-grid-row-gap: 32px;*/
  display: grid;
  /*grid-template-areas: ;*/
  grid-template-columns: 48% 1fr 48%;
  /*grid-column-gap: 4%;*/
  grid-auto-rows: 1fr;
  grid-row-gap: 32px;
  grid-row-gap: 2rem;
}
body.single-brand .filters.single {
  display: block;
}
body.single-brand .filters.single .filter-item {
  max-width: 48%;
  margin: 0 auto;
}
body.single-brand .filters > .itemwithcontent {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
body.single-brand .filters > .itemwithcontent .filter-item,
body.single-brand .filters > .itemwithcontent .filter-desc {
  flex: 0 1 auto;
  width: 100%;
}
body.single-brand .filters > .itemwithcontent .filter-item {
  background-size: cover;
  background-position: center;
}
body.single-brand .filters > .itemwithcontent .filter-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
}
body.single-brand .filters > .itemwithcontent .filter-desc {
  padding-left: 125px;
}
body.single-brand .filters > .itemwithcontent .filter-desc p {
  margin-bottom: 0;
  text-indent: -117px;
  margin-top: 1em;
}
body.single-brand .filters > .itemwithcontent .filter-desc p.flag {
  left: -125px;
  top: 0.75em;
  text-indent: 0;
  margin-top: 0;
}
body.single-brand .filters > .itemwithcontent .flag {
  background-color: rgb(0, 0, 0);
  color: #fff;
  font-weight: 500;
  padding: 0.25em 0.5em;
  margin-right: 2em;
  margin-bottom: 1.6em;
  float: left;
  margin-top: -0.25em;
  position: relative;
}
body.single-brand .filters > .itemwithcontent .flag:after {
  left: 100%;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: rgb(0, 0, 0);
  border-width: 1em;
  margin-top: 0;
}
body.single-brand .filters > .filter-item {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
body.single-brand .filters > .filter-item h4 {
  flex: 0 1 auto;
  width: 100%;
  height: 100%;
  display: block;
}
body.single-brand .filters > .filter-item a {
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.single-brand .filters > .filter-item a span {
  flex: 0 1 auto;
}
body.single-brand .filters .item1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}
body.single-brand .filters .item2 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}
body.single-brand .filters .item3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 2;
}
body.single-brand .filters .item4 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 2;
}
body.single-brand .filters .item5 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 3;
}
body.single-brand .filters .item6 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 3;
}
body.single-brand .filters.alttiles [class^=item] {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  /*grid-row: auto;*/
}
body.single-brand .filters.alttiles .itemwithcontent.item1 {
  -ms-grid-row: 1;
  grid-row: 1;
}
body.single-brand .filters.alttiles .itemwithcontent.item2 {
  -ms-grid-row: 3;
  grid-row: 2;
}
body.single-brand .filters.alttiles .itemwithcontent.item3 {
  -ms-grid-row: 5;
  grid-row: 3;
}
body.single-brand .filters.alttiles .itemwithcontent.item4 {
  -ms-grid-row: 7;
  grid-row: 4;
}
body.single-brand .filters.alttiles .itemwithcontent.item5 {
  -ms-grid-row: 9;
  grid-row: 5;
}
body.single-brand .filters.alttiles .itemwithcontent.item6 {
  -ms-grid-row: 11;
  grid-row: 6;
}
body.single-brand .filters.alttiles > .itemwithcontent {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item {
  align-self: stretch;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item a {
  position: relative;
  min-height: 200px;
  color: #fff;
  padding: 0;
  display: inline-block;
  text-shadow: 0 0 13px #000000;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item a:hover {
  color: rgb(50, 146, 87);
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item a span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item {
  /*						h4 {
  						position: absolute;
  						left: 50%;
  						top: 50%;
  						transform: translate(-50%,-50%);
  					}*/
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item,
body.single-brand .filters.alttiles > .itemwithcontent .filter-desc {
  width: 48%;
  width: calc(50% - 1rem);
  padding: 0;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item p.flag,
body.single-brand .filters.alttiles > .itemwithcontent .filter-desc p.flag {
  display: none;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item h4,
body.single-brand .filters.alttiles > .itemwithcontent .filter-desc h4 {
  padding: 1em 0.25em;
}
body.single-brand .filters.alttiles > .itemwithcontent .filter-item p,
body.single-brand .filters.alttiles > .itemwithcontent .filter-desc p {
  text-indent: 0px;
  text-indent: unset;
}
body.single-brand .filters.alttiles > .itemwithcontent:nth-child(2n) {
  flex-direction: row-reverse;
}
body.single-brand .filters.alttiles > .itemwithcontent:nth-child(2n) .filter-desc {
  text-align: right;
}
body.single-brand .tagline {
  background: rgb(0, 0, 0);
  color: #fff;
  text-align: center;
  padding: 0.5rem 1rem 1rem;
  margin-bottom: 4rem;
}
body.single-brand .brand-connect {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 2rem 0 126px;
  margin-bottom: -126px;
}
body.single-brand .brand-connect.wp-block-cover {
  padding: 2rem 20px 126px;
}
body.single-brand .brand-connect.wp-block-cover .wp-block-cover__background {
  bottom: 63px;
}
body.single-brand .brand-connect:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
body.single-brand .brand-connect .wrapper {
  position: relative;
  z-index: 10;
  max-width: 1400px;
}
body.single-brand .brand-connect .wrapper fieldset > h3, body.single-brand .brand-connect .wrapper fieldset > p {
  max-width: 50em;
  margin-right: auto;
  margin-left: auto;
}
body.single-brand .brand-connect .frm_style_formidable-style.with_frm_style .frm_message,
body.single-brand .brand-connect .frm_style_formidable-style.with_frm_style h3,
body.single-brand .brand-connect .frm_style_formidable-style.with_frm_style p {
  color: #fff !important;
  text-align: center;
}
body.single-brand .brand-connect .frm_style_formidable-style.with_frm_style .frm_error_style {
  background-color: #ffffff;
  border: 2px solid rgb(51, 51, 51);
  color: rgb(194, 26, 53);
  font-size: 1rem;
  font-weight: bold;
}
body.single-brand .brand-connect .frm_style_formidable-style.with_frm_style .frm_error_style p {
  color: rgb(194, 26, 53) !important;
}
body.single-brand .brand-connect .pardotForm h2,
body.single-brand .brand-connect .pardotForm h3,
body.single-brand .brand-connect .pardotForm p,
body.single-brand .brand-connect .pardotForm label {
  color: #fff;
}
body.single-brand .brand-connect .pardotForm p.subheadline {
  text-align: center;
  margin: 0.6em auto 1.9em;
  max-width: 825px;
}
@media only screen and (min-width: 750px) {
  body.single-brand .brand-connect .pardotForm p.subheadline {
    font-size: 1.1529rem;
  }
}
body.single-brand .brand-connect .pardotForm .thankyou {
  text-align: center;
}
body.single-brand .la-victoria h1, body.single-brand .la-victoria h2, body.single-brand .la-victoria h3, body.single-brand .la-victoria h4 {
  font-family: Courier New, Courier, monospace;
  letter-spacing: -0.0125em;
  word-spacing: -0.25em;
}
body.single-brand .la-victoria h1 img {
  max-height: 100%;
}
body.single-brand .la-victoria h2 {
  color: #fff;
  font-size: 46.08px;
  font-size: 2.88rem;
  text-shadow: 0 0.25em 0.35em rgb(0, 0, 0);
  text-transform: uppercase;
}
body.single-brand .la-victoria h2 span {
  font-size: 160%;
}
body.single-brand .la-victoria h2 span, body.single-brand .la-victoria h3 span {
  position: relative;
  padding-bottom: 0.175em;
}
body.single-brand .la-victoria h2 span:after, body.single-brand .la-victoria h3 span:after {
  border-bottom: 3px solid;
  position: absolute;
  bottom: 0;
  width: 60%;
  display: block;
  content: "";
  left: 20%;
}
body.single-brand .la-victoria h3 {
  font-size: 40px;
  font-size: 2.5rem;
}
body.single-brand .la-victoria h3 span {
  font-size: 160%;
}
body.single-brand .la-victoria h3, body.single-brand .la-victoria h4 {
  color: rgb(0, 186, 183);
  font-weight: 500;
}
body.single-brand .la-victoria .filtering-section {
  border-color: rgb(0, 186, 183);
}
body.single-brand .la-victoria .filters > div a {
  color: #fff;
  font-size: 56px;
  font-size: 3.5rem;
  /* same as h4 */
  line-height: 1.1;
  text-decoration: none;
}
body.single-brand .la-victoria .tagline {
  background: rgb(0, 186, 183);
}
body.single-brand .herdez {
  /*.entry-header {
  	padding-top: 6rem;
  }*/
}
body.single-brand .herdez h1, body.single-brand .herdez h2, body.single-brand .herdez h3, body.single-brand .herdez h4 {
  font-family: "IM Fell English", serif;
}
body.single-brand .herdez h1 img {
  max-width: 100%;
}
body.single-brand .herdez h2 {
  color: #fff;
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.1;
  text-shadow: 0 0.25em 0.35em rgb(0, 0, 0);
}
body.single-brand .herdez h2, body.single-brand .herdez h3 {
  text-transform: none;
}
body.single-brand .herdez h2 span, body.single-brand .herdez h3 span {
  position: relative;
  padding-bottom: 0.175em;
}
body.single-brand .herdez h2 span:after, body.single-brand .herdez h3 span:after {
  border-bottom: 3px solid;
  position: absolute;
  bottom: 0;
  width: 60%;
  display: block;
  content: "";
  left: 20%;
}
body.single-brand .herdez h3 {
  font-size: 59.2px;
  font-size: 3.7rem;
}
body.single-brand .herdez h3 span {
  font-size: 160%;
}
body.single-brand .herdez h3, body.single-brand .herdez h4 {
  color: rgb(152, 26, 49);
  font-weight: 500;
}
body.single-brand .herdez .filtering-section {
  border-color: rgb(152, 26, 49);
}
body.single-brand .herdez .filters > div a {
  color: #fff;
  font-size: 50.4px;
  font-size: 3.15rem;
  /* same as h4 */
  line-height: 1.1;
  text-decoration: none;
}
body.single-brand .herdez .tagline {
  background: rgb(152, 26, 49);
}
body.single-brand .don-miguel h1, body.single-brand .don-miguel h2, body.single-brand .don-miguel h3, body.single-brand .don-miguel h4 {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 600;
}
body.single-brand .don-miguel h1 img {
  max-width: 100%;
}
body.single-brand .don-miguel h2 {
  color: #fff;
  font-size: 98.56px;
  font-size: 6.16rem;
  line-height: 1;
  max-width: 75%;
  text-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.85);
}
body.single-brand .don-miguel h2, body.single-brand .don-miguel h3 {
  text-transform: uppercase;
}
body.single-brand .don-miguel h2 span, body.single-brand .don-miguel h3 span {
  position: relative;
  padding-bottom: 0.175em;
}
body.single-brand .don-miguel h2 span:after, body.single-brand .don-miguel h3 span:after {
  border-bottom: 3px solid;
  position: absolute;
  bottom: 0;
  width: 60%;
  display: block;
  content: "";
  left: 20%;
}
body.single-brand .don-miguel h3 {
  font-size: 67.2px;
  font-size: 4.2rem;
  padding: 0;
}
body.single-brand .don-miguel h3 span {
  font-size: 160%;
}
body.single-brand .don-miguel h3, body.single-brand .don-miguel h4 {
  color: rgb(249, 160, 27);
}
body.single-brand .don-miguel .filtering-section {
  border-color: rgb(249, 160, 27);
}
body.single-brand .don-miguel .filtering-section .filters > .itemwithcontent .filter-item a:hover {
  color: rgb(249, 160, 27);
}
body.single-brand .don-miguel .filters > div a {
  color: #fff;
  font-size: 50.4px;
  font-size: 3.15rem;
  /* same as h4 */
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
  text-shadow: 0 10px 16px rgba(0, 0, 0, 0.45);
}
body.single-brand .don-miguel .tagline {
  background: rgb(249, 160, 27);
}
body.single-brand .embasa h1, body.single-brand .embasa h2, body.single-brand .embasa h3, body.single-brand .embasa h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
body.single-brand .embasa h1 img {
  max-height: 100%;
}
body.single-brand .embasa h2 {
  color: rgb(44, 97, 48);
  font-size: 67.2px;
  font-size: 4.2rem;
  line-height: 1.1;
  max-width: 500px;
}
body.single-brand .embasa h2 span, body.single-brand .embasa h3 span {
  position: relative;
  padding-bottom: 0.175em;
}
body.single-brand .embasa h2 span:after, body.single-brand .embasa h3 span:after {
  border-bottom: 3px solid;
  position: absolute;
  bottom: 0;
  width: 60%;
  display: block;
  content: "";
  left: 20%;
}
body.single-brand .embasa h3 {
  font-size: 54.4px;
  font-size: 3.4rem;
}
body.single-brand .embasa h3 span {
  font-size: 160%;
}
body.single-brand .embasa h3, body.single-brand .embasa h4 {
  color: rgb(44, 97, 48);
}
body.single-brand .embasa .filtering-section {
  border-color: rgb(44, 97, 48);
}
body.single-brand .embasa .filters > div a {
  color: #fff;
  font-size: 32px;
  font-size: 2rem;
  /* same as h4 */
  line-height: 1.1;
  text-decoration: none;
}
body.single-brand .embasa .tagline {
  background: rgb(44, 97, 48);
}
body.single-brand .wholly-avocado h1, body.single-brand .wholly-avocado h2, body.single-brand .wholly-avocado h3, body.single-brand .wholly-avocado h4,
body.single-brand .wholly-guacamole h1,
body.single-brand .wholly-guacamole h2,
body.single-brand .wholly-guacamole h3,
body.single-brand .wholly-guacamole h4 {
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
}
body.single-brand .wholly-avocado h1,
body.single-brand .wholly-guacamole h1 {
  width: 410px;
}
body.single-brand .wholly-avocado h2,
body.single-brand .wholly-guacamole h2 {
  color: #fff;
  font-size: 96px;
  font-size: 6rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 0 0.125em 0.35em rgba(0, 0, 0, 0.8);
}
body.single-brand .wholly-avocado h2, body.single-brand .wholly-avocado h3,
body.single-brand .wholly-guacamole h2,
body.single-brand .wholly-guacamole h3 {
  font-weight: 700;
}
body.single-brand .wholly-avocado h2 span, body.single-brand .wholly-avocado h3 span,
body.single-brand .wholly-guacamole h2 span,
body.single-brand .wholly-guacamole h3 span {
  position: relative;
  padding-bottom: 0.175em;
}
body.single-brand .wholly-avocado h2 span:after, body.single-brand .wholly-avocado h3 span:after,
body.single-brand .wholly-guacamole h2 span:after,
body.single-brand .wholly-guacamole h3 span:after {
  border-bottom: 3px solid;
  position: absolute;
  bottom: 0;
  width: 60%;
  display: block;
  content: "";
  left: 20%;
}
body.single-brand .wholly-avocado h3,
body.single-brand .wholly-guacamole h3 {
  font-size: 80px;
  font-size: 5rem;
}
body.single-brand .wholly-avocado h3 span,
body.single-brand .wholly-guacamole h3 span {
  font-size: 160%;
}
body.single-brand .wholly-avocado h5:not(.tagline),
body.single-brand .wholly-guacamole h5:not(.tagline) {
  color: rgb(0, 0, 0);
  font-weight: 500;
}
body.single-brand .wholly-avocado .productfeatures,
body.single-brand .wholly-guacamole .productfeatures {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
body.single-brand .wholly-avocado .productfeatures .feature,
body.single-brand .wholly-guacamole .productfeatures .feature {
  flex: 0 1 auto;
  width: 33.33%;
  margin-bottom: 1rem;
  padding: 0 5%;
}
body.single-brand .wholly-avocado .productfeatures .feature [class^=icon-], body.single-brand .wholly-avocado .productfeatures .feature [class*=" icon-"],
body.single-brand .wholly-guacamole .productfeatures .feature [class^=icon-],
body.single-brand .wholly-guacamole .productfeatures .feature [class*=" icon-"] {
  background-color: rgb(0, 0, 0);
  color: #fff;
  display: block;
  width: 80px;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  font-size: 50px;
}
body.single-brand .wholly-avocado .productfeatures .feature [class^=icon-]:before, body.single-brand .wholly-avocado .productfeatures .feature [class*=" icon-"]:before,
body.single-brand .wholly-guacamole .productfeatures .feature [class^=icon-]:before,
body.single-brand .wholly-guacamole .productfeatures .feature [class*=" icon-"]:before {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 1;
  margin: 0 auto;
}
body.single-brand .wholly-avocado .productfeatures .feature p,
body.single-brand .wholly-guacamole .productfeatures .feature p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0.5em;
}
body.single-brand .wholly-avocado .modalwindow,
body.single-brand .wholly-guacamole .modalwindow {
  width: 80%;
  margin: 0 auto 1.5rem;
  position: relative;
  transition: width 0.5s ease;
}
body.single-brand .wholly-avocado .modalwindow .modalheadline,
body.single-brand .wholly-guacamole .modalwindow .modalheadline {
  width: 100%;
  text-align: center;
  position: relative;
}
body.single-brand .wholly-avocado .modalwindow .modalheadline:after,
body.single-brand .wholly-guacamole .modalwindow .modalheadline:after {
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: rgb(0, 0, 0);
  content: "+";
  line-height: 1.3;
  position: absolute;
  right: 1em;
  top: 0.35em;
  font-size: 1.4em;
  width: 1.4em;
  height: 1.4em;
}
body.single-brand .wholly-avocado .modalwindow .modalcontent,
body.single-brand .wholly-guacamole .modalwindow .modalcontent {
  position: absolute;
  transition: all 0.5s ease;
  background: #fff;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.8);
  padding: 1px 1.6rem 1.6rem;
  width: 100%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
body.single-brand .wholly-avocado .modalwindow .modalcontent p,
body.single-brand .wholly-guacamole .modalwindow .modalcontent p {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0;
  padding: 1.5em 0 0;
}
body.single-brand .wholly-avocado .modalwindow.active,
body.single-brand .wholly-guacamole .modalwindow.active {
  /*width: 100%;*/
}
body.single-brand .wholly-avocado .modalwindow.active .modalheadline,
body.single-brand .wholly-guacamole .modalwindow.active .modalheadline {
  background-color: rgb(0, 0, 0);
  color: #fff;
}
body.single-brand .wholly-avocado .modalwindow.active .modalheadline:after,
body.single-brand .wholly-guacamole .modalwindow.active .modalheadline:after {
  content: "-";
}
body.single-brand .wholly-avocado .filters > div a,
body.single-brand .wholly-guacamole .filters > div a {
  color: #fff;
  font-size: 76.8px;
  font-size: 4.8rem;
  /* same as h4 */
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  text-shadow: 0 0.25em 0.35em rgba(102, 102, 102, 0.45);
}
body.single-brand .wholly-avocado h3, body.single-brand .wholly-avocado h4 {
  color: rgb(165, 207, 76);
}
body.single-brand .wholly-avocado header a.button.primary {
  background: rgb(165, 207, 76);
  border-color: #8cb731;
}
body.single-brand .wholly-avocado header a.button.primary:hover {
  background: #8cb731;
}
body.single-brand .wholly-avocado .productfeatures .feature [class^=icon-] {
  background-color: rgb(245, 182, 0);
}
body.single-brand .wholly-avocado .filtering-section {
  border-color: rgb(165, 207, 76);
}
body.single-brand .wholly-avocado .filters > .itemwithcontent .flag {
  background-color: rgb(245, 182, 0);
}
body.single-brand .wholly-avocado .filters > .itemwithcontent .flag:after {
  border-left-color: rgb(245, 182, 0);
}
body.single-brand .wholly-avocado .tagline {
  background: rgb(165, 207, 76);
}
body.single-brand .wholly-guacamole h3, body.single-brand .wholly-guacamole h4 {
  color: rgb(61, 165, 69);
}
body.single-brand .wholly-guacamole .productfeatures .feature [class^=icon-] {
  background-color: rgb(222, 129, 38);
}
body.single-brand .wholly-guacamole .modalwindow .modalheadline {
  background-color: rgb(222, 129, 38);
  border-color: rgb(222, 129, 38);
  color: #fff;
}
body.single-brand .wholly-guacamole .modalwindow .modalheadline:after {
  color: rgb(222, 129, 38);
}
body.single-brand .wholly-guacamole .modalwindow .modalheadline:hover {
  background-color: rgb(195, 96, 0);
  border-color: rgb(195, 96, 0);
}
body.single-brand .wholly-guacamole .modalwindow .modalcontent p strong {
  color: rgb(222, 129, 38);
  text-transform: uppercase;
}
body.single-brand .wholly-guacamole .modalwindow.active .modalheadline {
  background-color: rgb(222, 129, 38);
  border-color: rgb(222, 129, 38);
}
body.single-brand .wholly-guacamole .modalwindow.active .modalheadline:hover {
  background-color: rgb(195, 96, 0);
  border-color: rgb(195, 96, 0);
}
body.single-brand .wholly-guacamole .filtering-section {
  border-color: rgb(61, 165, 69);
}
body.single-brand .wholly-guacamole .tagline {
  background: rgb(61, 165, 69);
}
body.single-brand .tres-cocinas h1, body.single-brand .tres-cocinas h2, body.single-brand .tres-cocinas h3, body.single-brand .tres-cocinas h5 {
  font-family: "KGSecondChancesSolid", "Nunito", sans-serif;
  color: #e2211c;
}
body.single-brand .tres-cocinas .header-branding h2 {
  color: #fff;
  font-size: 1.75rem;
  text-shadow: 0 0 13px #000000;
  text-transform: uppercase;
}
body.single-brand .tres-cocinas h3 {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1.14;
}
body.single-brand .tres-cocinas h4 {
  color: #fff;
  font-family: "Nunito", sans-serif;
  font-size: 3.125rem;
  line-height: 1.1;
  text-shadow: 0 2px 8px #000000;
}
body.single-brand .tres-cocinas h5 {
  text-align: center;
  margin: 1em auto 0.5em;
}
body.single-brand .tres-cocinas h5, body.single-brand .tres-cocinas .filtering-section h3 {
  font-size: 50px;
  font-size: 3.125rem;
}
body.single-brand .tres-cocinas a.button.primary {
  background-color: #fff;
  color: rgb(0, 0, 0);
  margin-bottom: 4rem;
}
body.single-brand .tres-cocinas a.button.primary:hover {
  background-color: #fea30b;
}
body.single-brand .tres-cocinas .video {
  margin-bottom: 4rem;
}
body.single-brand .tres-cocinas .productfeatures {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
body.single-brand .tres-cocinas .productfeatures .feature {
  flex: 0 1 auto;
  width: 33.33%;
  margin-bottom: 1rem;
  padding: 0 5%;
}
body.single-brand .tres-cocinas .productfeatures .feature [class^=icon-], body.single-brand .tres-cocinas .productfeatures .feature [class*=" icon-"] {
  background-color: #fea30b;
  color: #fff;
  display: block;
  width: 80px;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  font-size: 50px;
}
body.single-brand .tres-cocinas .productfeatures .feature [class^=icon-]:before, body.single-brand .tres-cocinas .productfeatures .feature [class*=" icon-"]:before {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 1;
  margin: 0 auto;
}
body.single-brand .tres-cocinas .productfeatures .feature p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0.5em;
}
body.single-brand .tres-cocinas .filtering-section h3 {
  margin-bottom: 1rem;
}
body.single-brand .tres-cocinas .filtering-section {
  border-color: #e2211c;
  margin-bottom: 4rem;
}
body.single-brand .tres-cocinas .filtering-section .filters > .itemwithcontent .filter-item a:hover {
  color: #fea30b;
}

@media only screen and (max-width: 1024px) {
  body.single-brand p {
    font-size: 16px;
    font-size: 1rem;
  }
  body.single-brand .don-miguel h2 {
    font-size: 88.704px;
    font-size: 5.544rem;
  }
  body.single-brand .don-miguel h3 {
    font-size: 53.76px;
    font-size: 3.36rem;
    padding: 0;
  }
  body.single-brand .don-miguel .filters > div a {
    font-size: 40.32px;
    font-size: 2.52rem;
  }
  body.single-brand .embasa h2 {
    font-size: 53.76px;
    font-size: 3.36rem;
  }
  body.single-brand .embasa h3 {
    font-size: 43.52px;
    font-size: 2.72rem;
  }
  body.single-brand .embasa .filters > div a {
    font-size: 24px;
    font-size: 1.5rem;
  }
  body.single-brand .herdez .entry-header {
    padding-top: 4rem;
  }
  body.single-brand .herdez h2 {
    font-size: 51.2px;
    font-size: 3.2rem;
  }
  body.single-brand .herdez h3 {
    font-size: 47.36px;
    font-size: 2.96rem;
  }
  body.single-brand .herdez .filters > div a {
    font-size: 40.32px;
    font-size: 2.52rem;
  }
  body.single-brand .la-victoria h2 {
    font-size: 46.08px;
    font-size: 2.88rem;
  }
  body.single-brand .la-victoria h3 {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .la-victoria .filters > div a {
    font-size: 44.8px;
    font-size: 2.8rem;
  }
  body.single-brand .wholly-avocado h2,
  body.single-brand .wholly-guacamole h2 {
    font-size: 98.56px;
    font-size: 6.16rem;
  }
  body.single-brand .wholly-avocado h3,
  body.single-brand .wholly-guacamole h3 {
    font-size: 64px;
    font-size: 4rem;
  }
  body.single-brand .wholly-avocado .filters > div a,
  body.single-brand .wholly-guacamole .filters > div a {
    font-size: 61.44px;
    font-size: 3.84rem;
  }
  body.single-brand .tres-cocinas h3 {
    font-size: 54px;
    font-size: 3.375rem;
  }
  body.single-brand .tres-cocinas h4 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  body.single-brand .tres-cocinas h5,
  body.single-brand .tres-cocinas .filtering-section h3 {
    font-size: 40px;
    font-size: 2.5rem;
  }
  body.single-brand .tres-cocinas .filtering-section {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  body.single-brand .header-branding {
    padding: 4rem 1rem 0;
    height: 350px;
    /*justify-content: flex-end;*/
  }
  body.single-brand h1 {
    max-width: 60%;
  }
  body.single-brand .filtering-section {
    padding: 2rem 1rem;
  }
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent,
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent:nth-child(2n) {
    flex-direction: column;
  }
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent .filter-item,
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent .filter-desc,
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent:nth-child(2n) .filter-item,
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent:nth-child(2n) .filter-desc {
    width: 100%;
  }
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent .filter-desc p,
  body.single-brand .filtering-section .filters.alttiles > .itemwithcontent:nth-child(2n) .filter-desc p {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  body.single-brand .don-miguel h2 {
    font-size: 40px;
    font-size: 2.5rem;
  }
  body.single-brand .don-miguel h3 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  body.single-brand .don-miguel .filters > div a {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .embasa {
    /*.filters > div a {
    	@include font-size(1.5);								
    }*/
  }
  body.single-brand .embasa .header-branding {
    background-position: top center;
    padding: 4rem 1rem;
    /*background-size: 130%; */
  }
  body.single-brand .embasa h1 {
    max-width: 250px;
  }
  body.single-brand .embasa h2 {
    font-size: 34.4px;
    font-size: 2.15rem;
    margin-bottom: 0.5em;
  }
  body.single-brand .embasa h3 {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .herdez h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  body.single-brand .herdez h3 {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .herdez .filters > div a {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .la-victoria h2 {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .la-victoria h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  body.single-brand .la-victoria .filters > div a {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .wholly-avocado .header-branding,
  body.single-brand .wholly-guacamole .header-branding {
    padding: 4rem 1rem 1rem;
  }
  body.single-brand .wholly-avocado h1,
  body.single-brand .wholly-guacamole h1 {
    max-width: 100%;
  }
  body.single-brand .wholly-avocado h2,
  body.single-brand .wholly-guacamole h2 {
    font-size: 48px;
    font-size: 3rem;
  }
  body.single-brand .wholly-avocado h3,
  body.single-brand .wholly-guacamole h3 {
    font-size: 48px;
    font-size: 3rem;
  }
  body.single-brand .wholly-avocado .filters > div a,
  body.single-brand .wholly-guacamole .filters > div a {
    font-size: 32px;
    font-size: 2rem;
  }
  body.single-brand .wholly-avocado .modalwindow .modalheadline, body.single-brand .wholly-guacamole .modalwindow .modalheadline {
    padding-right: 3rem;
  }
  body.single-brand .wholly-avocado .modalwindow .modalcontent, body.single-brand .wholly-guacamole .modalwindow .modalcontent {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  body.single-brand .wholly-avocado .modalwindow .modalcontent p, body.single-brand .wholly-guacamole .modalwindow .modalcontent p {
    font-size: 12px;
    font-size: 0.75rem;
  }
  body.single-brand .wholly-avocado .productfeatures .feature, body.single-brand .wholly-guacamole .productfeatures .feature {
    max-width: 30%;
    padding: 0;
  }
  body.single-brand .wholly-avocado .productfeatures .feature [class^=icon-], body.single-brand .wholly-avocado .productfeatures .feature [class*=" icon-"], body.single-brand .wholly-guacamole .productfeatures .feature [class^=icon-], body.single-brand .wholly-guacamole .productfeatures .feature [class*=" icon-"] {
    width: 100%;
    padding: 8px;
    font-size: 40px;
  }
  body.single-brand .wholly-avocado .productfeatures .feature p, body.single-brand .wholly-guacamole .productfeatures .feature p {
    font-size: 12px;
    font-size: 0.75rem;
  }
  body.single-brand .tres-cocinas {
    /*h4 {
    	font-size: 28px;
    	font-size: 1.75rem;
    }*/
  }
  body.single-brand .tres-cocinas h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  body.single-brand .tres-cocinas h5,
  body.single-brand .tres-cocinas .filtering-section h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  body.single-brand .tres-cocinas .productfeatures .feature {
    width: 50%;
  }
  body.single-brand .tres-cocinas .filtering-section {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  body.single-brand .filters {
    display: block;
  }
  body.single-brand .filters > .itemwithcontent {
    margin-bottom: 1em;
  }
  body.single-brand .filters > .itemwithcontent .filter-desc {
    padding-left: 0;
  }
  body.single-brand .filters > .itemwithcontent .filter-desc p {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    text-indent: 0;
  }
  body.single-brand .filters > .itemwithcontent .filter-desc p.flag {
    left: 0;
    position: relative;
    margin-left: 0;
  }
  body.single-brand .filters > .itemwithcontent .flag {
    display: block;
    float: none;
    margin-bottom: 0.6em;
    width: 40%;
  }
  body.single-brand .filters > .filter-item {
    margin-bottom: 1em;
  }
  body.single-brand .filters.single .filter-item {
    width: 100%;
    max-width: unset;
  }
  body.single-brand .filters > div a {
    padding: 3rem 1rem;
  }
}
/* Product Pages: filter, individual */
/* ALL PRODUCTS GRID PAGE */
body.post-type-archive-product .page-header {
  text-align: center;
  /*width: 80%;*/
  min-width: 300px;
  margin: 0 auto;
}
body.post-type-archive-product .products-filter {
  background-color: rgba(102, 102, 102, 0.085);
  padding: 2rem 0;
  text-align: center;
}
body.post-type-archive-product .products-filter .button {
  vertical-align: top;
  margin: 0 10px 0.9rem;
}
body.post-type-archive-product .products-filter .filterOptions {
  display: inline-block;
}
body.post-type-archive-product .products-filter .group {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
body.post-type-archive-product .products-filter .clearfilter a.button {
  font-size: 12px;
  font-size: 0.75rem;
}
body.post-type-archive-product .products-filter .clearfilter a.button.iconoutlined [class^=icon-], body.post-type-archive-product .products-filter .clearfilter a.button.iconoutlined [class*=" icon-"] {
  font-size: 100%;
  width: 1.85em;
  height: 1.85em;
  margin-left: 0;
}
body.post-type-archive-product .products-filter .clearfilter a.button.iconoutlined [class^=icon-]:before, body.post-type-archive-product .products-filter .clearfilter a.button.iconoutlined [class*=" icon-"]:before {
  line-height: 1em;
  width: 1em;
}
body.post-type-archive-product .content-area .wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
body.post-type-archive-product .products-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0 auto 2rem auto;
}
body.post-type-archive-product .products-grid .product {
  flex: 0 0 auto;
  border-left: 1px solid rgba(102, 102, 102, 0.6);
  border-bottom: 1px solid rgba(102, 102, 102, 0.6);
  padding: 2rem 2rem 0.5rem;
  width: 33.3333%;
  align-self: stretch;
}
body.post-type-archive-product .products-grid .product:nth-child(3n+1) {
  border-left: 0;
}
body.post-type-archive-product .products-grid .product .entry-title {
  font-size: 18px;
  font-size: 1.125rem;
  /* 18px */
  text-align: center;
  text-transform: capitalize;
}
body.post-type-archive-product .products-grid .product .entry-title a {
  text-decoration: none;
}
body.post-type-archive-product .products-grid .product .product-photo {
  width: 50%;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
}
body.post-type-archive-product .products-grid .product .packaging {
  padding: 1rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
body.post-type-archive-product .products-grid .product .packaging > div {
  flex: 0 1 auto;
  padding: 0 1rem 0 0;
  min-width: 50%;
}
body.post-type-archive-product .products-grid .product .packaging > div h4 {
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
}
body.post-type-archive-product .products-grid .product .packaging > div h4 a {
  color: inherit;
  font-weight: inherit;
}
body.post-type-archive-product .products-grid .product .actionbuttons {
  text-align: center;
  margin: 1rem auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
body.post-type-archive-product .products-grid .product .actionbuttons .button, body.post-type-archive-product .products-grid .product .actionbuttons button {
  margin: 0 4px 0;
}
body.post-type-archive-product .products-grid .product .actionbuttons .button {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
body.post-type-archive-product .loadmore {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 1rem 2rem 2rem;
}
body.post-type-archive-product .site-main {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  body.post-type-archive-product .products-grid .product .entry-title {
    font-size: 19.2px;
    font-size: 1.2rem;
  }
  body.post-type-archive-product .products-filter .group {
    margin-bottom: 1em;
  }
  body.post-type-archive-product .products-filter .group:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.post-type-archive-product .products-grid .product {
    padding: 2rem 1rem;
    width: 100%;
    border-right: 0;
    border-left: 0;
  }
  body.post-type-archive-product .products-grid .product .packaging > div h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  body.post-type-archive-product .products-filter .button {
    width: 224px;
    padding: 0.8em 1em;
  }
  body.post-type-archive-product .products-filter .filterOptions {
    display: block;
  }
}
/* PRODUCT DETAIL PAGE */
body.single-product .entry-header {
  text-align: center;
  /*margin: 3em 0 1.5em;*/
}
body.single-product .packaging {
  background: rgba(102, 102, 102, 0.05);
  padding: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
body.single-product .packaging > div {
  flex: 0 1 auto;
  padding: 0 1rem;
  min-width: 20%;
}
body.single-product .packaging > div h4 {
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: none;
  font-weight: 500;
}
body.single-product .packaging > div h4 a {
  color: inherit;
  font-weight: inherit;
}
body.single-product .product-info {
  margin: 2.5rem auto;
}
body.single-product .product-info h4 {
  margin-top: 2.5em;
}
body.single-product .details {
  float: right;
  width: 70%;
}
body.single-product .details .highlights {
  max-height: 150px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
body.single-product .details .highlights > div, body.single-product .details .highlights > ul {
  flex: 0 1 auto;
}
body.single-product .details .highlights .branding-logo {
  width: 40%;
  height: 150px;
  position: relative;
}
body.single-product .details .highlights .branding-logo h2 {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
body.single-product .details .highlights .branding-logo h2 img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
body.single-product .details h4:first-of-type {
  margin-top: 0;
}
body.single-product .details .buynow a.button.primary {
  background-color: rgb(194, 26, 53);
  border-color: rgb(194, 26, 53);
}
body.single-product .details .buynow a.button.primary:hover, body.single-product .details .buynow a.button.primary:focus {
  background-color: #fff;
  color: rgb(194, 26, 53);
}
body.single-product .details ul.features {
  display: inline-block;
  /*vertical-align: bottom;*/
  width: 55%;
  margin: 0 0 0 5%;
  columns: 2;
  list-style: none;
  padding: 0;
}
body.single-product .details ul.features li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  padding-bottom: 1em;
  /*@include font-size(1);*/
  font-size: 12px;
  font-weight: bold;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
body.single-product .details ul.features li i, body.single-product .details ul.features li span {
  flex: 0 1 auto;
}
body.single-product .details ul.features li [class^=icon-], body.single-product .details ul.features li [class*=" icon-"] {
  font-size: 200%;
  margin: 0 3px 0 0;
}
body.single-product .details ul.features li [class^=icon-]:before, body.single-product .details ul.features li [class*=" icon-"]:before {
  width: 1em;
}
body.single-product .details .actionbuttons {
  margin: 5rem 0 2.5rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  gap: 2rem;
  width: max-content;
  /*a.button {
  	margin: 0 1em;
  }*/
}
body.single-product .details ul.storage {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  /*vertical-align: bottom;*/
  width: 100%;
  margin: 0;
  /*columns: 2;*/
  list-style: none;
  padding: 0;
}
body.single-product .details ul.storage:first-of-type {
  margin-top: 1.125rem;
}
body.single-product .details ul.storage li {
  flex: 0 1 auto;
  min-width: 50%;
  font-size: 13.34px;
  font-size: 0.83375rem;
  margin: 0 0 1em;
  padding-right: 1em;
}
body.single-product .details ul.storage li span {
  display: block;
  font-size: 120%;
  font-weight: bold;
}
body.single-product .details .entry-content {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.666;
}
body.single-product .basics {
  float: left;
  width: 25%;
}
body.single-product .basics .product-photo, body.single-product .basics .nutrition-image {
  width: 100%;
  /*margin-bottom: 2rem;*/
}
body.single-product .basics .product-photo img, body.single-product .basics .nutrition-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
body.single-product .basics .product-photo .featuredImage {
  border: 2px solid rgb(51, 51, 51);
}
body.single-product .basics .product-photo .allProductPhotos {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
}
body.single-product .basics .product-photo .allProductPhotos li {
  background-color: rgba(51, 51, 51, 0.45);
  border: 1px solid rgba(51, 51, 51, 0.45);
  flex: 0 1 auto;
  width: 25%;
  width: calc(25% - 0.25rem);
}
body.single-product .basics .product-photo .allProductPhotos li:first-of-type {
  margin-left: 0;
}
body.single-product .basics .product-photo .allProductPhotos li.active {
  border: 2px solid rgb(51, 51, 51);
}
body.single-product .basics .product-photo .allProductPhotos li.videoWrapper {
  position: relative;
}
body.single-product .basics .product-photo .allProductPhotos li.videoWrapper .wistia_responsive_padding {
  height: 100%;
  padding-top: 100% !important;
  top: 0;
}
body.single-product .basics .product-photo .allProductPhotos li a {
  display: block;
}
body.single-product .basics .nutrition-image img {
  max-width: 85%;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  body.single-product .packaging > div h4 {
    /*@include font-size(1.6);*/
  }
  body.single-product .details {
    width: 65%;
  }
  body.single-product .details ul.features li,
  body.single-product .details ul.storage li {
    font-size: 12.8px;
    font-size: 0.8rem;
  }
  body.single-product .details .entry-content {
    font-size: 19.2px;
    font-size: 1.2rem;
  }
  body.single-product .basics {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  body.single-product article.wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.single-product .packaging {
    flex-flow: row wrap;
  }
  body.single-product .packaging > div {
    padding: 0 1rem 0 0;
    min-width: 45%;
  }
  body.single-product .packaging > div h4 {
    font-size: 20.48px;
    font-size: 1.28rem;
  }
  body.single-product .details,
  body.single-product .basics {
    float: none;
    width: 100%;
  }
  body.single-product .details .highlights {
    max-height: unset;
  }
  body.single-product .details .highlights .branding-logo {
    width: 50%;
    height: auto;
    padding-top: 50%;
  }
  body.single-product .details .actionbuttons {
    text-align: center;
    /*button, a.button { margin: 0 .5rem 1rem; }*/
  }
  body.single-product .details .actionbuttons #printPage {
    display: none;
  }
  body.single-product .details ul.features {
    width: 45%;
    margin: 0;
    columns: 1;
  }
  body.single-product .details ul.features li {
    font-size: 12px;
    font-size: 0.75rem;
  }
  body.single-product .basics .product-photo .featuredImage {
    width: 80%;
    float: right;
  }
  body.single-product .basics .product-photo .allProductPhotos {
    width: 15%;
    float: left;
    margin-top: 0;
    flex-flow: column;
  }
  body.single-product .basics .product-photo .allProductPhotos li {
    min-width: unset;
    max-width: unset;
    width: 100%;
    margin: 0 auto 0.25rem;
  }
}
/* Menu Ideas: filter page */
/* MENU IDEAS GRID PAGE */
body.post-type-archive-menuidea .page-header {
  text-align: center;
  width: 55%;
  min-width: 300px;
  margin: 0 auto;
}
body.post-type-archive-menuidea .products-filter {
  background-color: rgba(102, 102, 102, 0.085);
  padding: 2rem 0;
  text-align: center;
}
body.post-type-archive-menuidea .products-filter .button {
  vertical-align: top;
  margin: 0 10px 0.9rem;
}
body.post-type-archive-menuidea .products-filter .filterOptions {
  display: inline-block;
}
body.post-type-archive-menuidea .products-filter .group {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
body.post-type-archive-menuidea .products-filter .clearfilter a.button {
  font-size: 12px;
  font-size: 0.75rem;
}
body.post-type-archive-menuidea .products-filter .clearfilter a.button.iconoutlined [class^=icon-], body.post-type-archive-menuidea .products-filter .clearfilter a.button.iconoutlined [class*=" icon-"] {
  font-size: 100%;
  width: 1.85em;
  height: 1.85em;
  margin-left: 0;
}
body.post-type-archive-menuidea .products-filter .clearfilter a.button.iconoutlined [class^=icon-]:before, body.post-type-archive-menuidea .products-filter .clearfilter a.button.iconoutlined [class*=" icon-"]:before {
  line-height: 1em;
  width: 1em;
}
body.post-type-archive-menuidea main > .wrapper {
  padding-right: 80px;
  padding-left: 80px;
}
body.post-type-archive-menuidea .products-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0 auto 2rem auto;
}
body.post-type-archive-menuidea .products-grid .product {
  flex: 0 0 auto;
  border-left: 1px solid rgba(102, 102, 102, 0.6);
  border-bottom: 1px solid rgba(102, 102, 102, 0.6);
  padding: 2rem;
  width: 33.3333%;
  align-self: stretch;
}
body.post-type-archive-menuidea .products-grid .product:nth-child(3n+1) {
  border-left: 0;
}
body.post-type-archive-menuidea .products-grid .product .entry-title {
  font-size: 18px;
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.25;
  /*font-weight: 400;*/
  text-align: left;
  text-transform: none;
}
body.post-type-archive-menuidea .products-grid .product .entry-title a {
  text-decoration: none;
}
body.post-type-archive-menuidea .products-grid .product p:first-of-type {
  margin-top: 0;
}
body.post-type-archive-menuidea .products-grid .product .product-photo {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
}
body.post-type-archive-menuidea .loadmore {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 1rem 2rem 2rem;
}
body.post-type-archive-menuidea .site-main {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  body.post-type-archive-menuidea .products-grid .product .entry-title {
    font-size: 19.2px;
    font-size: 1.2rem;
  }
  body.post-type-archive-menuidea .products-filter .group {
    margin-bottom: 1em;
  }
  body.post-type-archive-menuidea .products-filter .group:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.post-type-archive-menuidea main > .wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.post-type-archive-menuidea .products-grid .product {
    padding: 2rem 1rem;
    width: 100%;
    border-right: 0;
    border-left: 0;
  }
  body.post-type-archive-menuidea .products-grid .product .packaging > div h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  body.post-type-archive-menuidea .products-filter .button {
    width: 224px;
  }
  body.post-type-archive-menuidea .products-filter .filterOptions {
    display: block;
  }
}
/* About Page  */
article.aboutUs .contentBlocks {
  padding-top: 3rem;
}
article.aboutUs .contentBlocks .block {
  display: flex;
  flex-wrap: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  margin-bottom: 3rem;
}
article.aboutUs .contentBlocks .block .image,
article.aboutUs .contentBlocks .block .content {
  width: 50%;
}
article.aboutUs .contentBlocks .block .content h2 {
  margin-top: 0;
}
article.aboutUs .contentBlocks .block .image img {
  display: block;
  border: 10px solid #fff;
  -webkit-box-shadow: 10px 10px 30px 0 rgba(102, 102, 102, 0.45);
  box-shadow: 10px 10px 30px 0 rgba(102, 102, 102, 0.45);
}
article.aboutUs .contentBlocks .block.odd {
  flex-direction: row-reverse;
}
article.aboutUs .contentBlocks .block.odd .content {
  padding-right: 1.6rem;
}
article.aboutUs .contentBlocks .block.odd .image {
  padding-left: 1.6rem;
}
article.aboutUs .contentBlocks .block.even {
  flex-direction: row;
}
article.aboutUs .contentBlocks .block.even .content {
  padding-left: 1.6rem;
}
article.aboutUs .contentBlocks .block.even .image {
  padding-right: 1.6rem;
}

@media only screen and (max-width: 768px) {
  article.aboutUs .contentBlocks .block {
    display: block;
  }
  article.aboutUs .contentBlocks .block .image,
  article.aboutUs .contentBlocks .block .content {
    width: 100%;
    padding: 0 !important;
  }
  article.aboutUs .contentBlocks .block .image img {
    max-width: 80%;
    margin: 0 auto 1.6rem;
  }
}
/* Posts Pages  */
body.archive.category .content-area {
  padding-bottom: 3rem;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1650px) {
  body.archive.category .content-area {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1440px) {
  body.archive.category .content-area {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  body.archive.category .content-area {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
body.archive.category .content-area article {
  border-top: 1px solid rgba(102, 102, 102, 0.45);
  padding: 1.5rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem 1rem;
}
body.archive.category .content-area article:first-of-type {
  border-top: 0;
}
body.archive.category .content-area article .thumbnail {
  width: 30%;
}
body.archive.category .content-area article .content {
  width: calc(70% - 2rem);
}
body.archive.category .content-area article .content .entry-header,
body.archive.category .content-area article .content h2 {
  margin-top: 0;
}
body.archive.category .content-area article .content .entry-header {
  margin-bottom: 0;
}
body.archive.category .content-area article .content .entry-content {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 781px) {
  body.archive.category .content-area article {
    flex-wrap: wrap;
  }
  body.archive.category .content-area article .thumbnail,
  body.archive.category .content-area article .content {
    width: 100%;
  }
}

body.blog .page-header {
  text-align: center;
  width: 55%;
  min-width: 300px;
  margin: 0 auto;
}
body.blog article {
  border-bottom: 1px solid rgba(102, 102, 102, 0.45);
  padding: 1rem 0;
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
  align-items: stretch;
  /* opposite for odd items */
}
body.blog article:first-of-type {
  border-top: 1px solid rgba(102, 102, 102, 0.45);
}
body.blog article > div {
  flex: 0 1 auto;
  width: 50%;
}
body.blog article .thumbnail {
  position: relative;
}
body.blog article .thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
}
body.blog article .thumbnail a img {
  object-fit: cover;
  height: 100%;
}
body.blog article .thumbnail:after {
  left: 0;
  top: 1rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 1.5rem 0 1.5rem 3rem;
  /*margin-top: -30px;*/
}
body.blog article .content {
  padding: 1.5rem 2rem 1.5rem 0;
}
body.blog article .content .entry-header, body.blog article .content h2 {
  margin-top: 0;
}
body.blog article .content h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
body.blog article .content h3 {
  font-size: 23.2px;
  font-size: 1.45rem;
}
body.blog article .content .entry-content p:first-of-type {
  margin-top: 0;
}
body.blog article:nth-of-type(2n) {
  flex-flow: row nowrap;
}
body.blog article:nth-of-type(2n) .thumbnail:after {
  left: auto;
  right: 0;
  border-left-color: transparent;
  border-right-color: #ffffff;
  border-width: 1.5rem 3rem 1.5rem 0;
}
body.blog article:nth-of-type(2n) .content {
  padding-right: 0;
  padding-left: 2rem;
}

@media only screen and (max-width: 767px) {
  body.blog article {
    flex-flow: column nowrap;
  }
  body.blog article > div {
    width: 100%;
  }
  body.blog article .thumbnail {
    margin-bottom: 1rem;
  }
  body.blog article .thumbnail:after {
    border-width: 0 1.5rem 2rem 1.5rem;
    border-color: transparent transparent #ffffff transparent;
    top: auto;
    left: 1rem;
    bottom: 0;
  }
  body.blog article .content {
    padding: 0;
  }
  body.blog article:nth-of-type(2n) {
    flex-flow: column nowrap;
  }
  body.blog article:nth-of-type(2n) .thumbnail:after {
    border-width: 0 1.5rem 2rem 1.5rem;
    border-color: transparent transparent #ffffff transparent;
    top: auto;
    left: 1rem;
    bottom: 0;
  }
  body.blog article:nth-of-type(2n) .content {
    padding: 0;
  }
}
body.single-post .content-area .wrapper {
  max-width: 1200px;
}
body.single-post .cat-links a {
  color: rgb(194, 26, 53);
}
body.single-post .entry-title {
  color: rgb(51, 51, 51);
  font-weight: 500;
  margin-top: 0.05em;
}
body.single-post .relatedmenuideas {
  margin-top: 1rem;
  max-width: 960px;
}
body.single-post .relatedmenuideas.wrapper {
  border-top: 1px solid rgba(102, 102, 102, 0.45);
  border-bottom: 1px solid rgba(102, 102, 102, 0.45);
  padding: 0;
  display: -ms-grid;
  -ms-grid-columns: 1fr 16px 16px 1fr 16px 16px 1fr;
  -ms-grid-rows: 1fr;
  display: grid;
  grid-template-columns: 1fr repeat(2, 1rem) 1fr repeat(2, 1rem) 1fr;
  grid-template-rows: 1fr;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap {
  /*border-left: 1px solid rgba($color__grey, .45);*/
  flex: 0 1 auto;
  /*max-width: 33.33%;*/
  padding: 1rem 0;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap.item1 {
  border-left: 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap.item2 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap.item3 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
  grid-column: 7;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap h3 {
  font-size: 18px;
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.25;
  /*font-weight: 400;*/
  text-align: left;
  text-transform: none;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap h3 a {
  text-decoration: none;
}
body.single-post .relatedmenuideas.wrapper > .itemwrap p:first-of-type {
  margin-top: 0;
}
body.single-post .relatedmenuideas.wrapper .border1, body.single-post .relatedmenuideas.wrapper .border2 {
  border-left: 1px solid rgba(102, 102, 102, 0.45);
}
body.single-post .relatedmenuideas.wrapper .border1 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3;
}
body.single-post .relatedmenuideas.wrapper .border2 {
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6;
}
body.single-post .relatedlinks {
  text-align: center;
  padding: 3rem 0 2rem;
}
body.single-post .relatedlinks a.button {
  margin: 0 0.5rem;
}

@media only screen and (max-width: 767px) {
  body.single-post .entry-content img.alignright,
  body.single-post .entry-content img.alignleft {
    max-width: 50%;
  }
  body.single-post .relatedmenuideas.wrapper {
    display: block;
    border-top: 0;
    padding: 0 40px;
  }
  body.single-post .relatedmenuideas.wrapper > .itemwrap {
    width: 100%;
    border-left: 0;
    border-top: 1px solid rgba(102, 102, 102, 0.45);
    padding: 2rem 0 1rem;
  }
  body.single-post .relatedmenuideas.wrapper .border1, body.single-post .relatedmenuideas.wrapper .border2 {
    display: none;
  }
  body.single-post .relatedlinks a.button {
    margin: 0 0.5rem 1rem;
  }
}
/* Resources Block */
.post-password-form input[type=password] {
  border: 2px solid #333333 !important;
  padding: 0.55em 1em !important;
}

table.resources {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table.resources tr:nth-of-type(odd) {
  background: #f6f6f6;
}
table.resources th {
  background: #333;
  color: white;
  font-weight: bold;
}
table.resources td,
table.resources th {
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: left;
  line-height: 1.5rem;
}
table.resources td a,
table.resources th a {
  text-decoration: underline !important;
}
table.resources td.resource-item_icon,
table.resources th.resource-item_icon {
  width: 50px;
}
table.resources td.resource-item_icon img,
table.resources th.resource-item_icon img {
  border: 0;
  height: 30px;
  width: auto;
}
table.resources td.resource-item_name,
table.resources th.resource-item_name {
  min-width: 25%;
}
table.resources td.resource-item_name img.mobileOnly,
table.resources th.resource-item_name img.mobileOnly {
  display: none;
}
table.resources td.resource-item_descrip,
table.resources th.resource-item_descrip {
  width: 50%;
}
table.resources td.resource-item_link,
table.resources th.resource-item_link {
  width: 7rem;
}
table.resources .btn-copy {
  border: 0;
  padding: 0.25rem;
  min-width: 90px;
  text-align: center;
  text-decoration: underline;
  background: transparent;
  font-size: 0.8rem;
  line-height: 1.1rem;
}
table.resources .btn-copy:hover {
  color: #60bb46 !important;
}
table.resources .btn-copy.success {
  animation: mymove 5s 1;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  table.resources {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /* smallerize the icon */
    /*
        Label the data
        */
  }
  table.resources table,
  table.resources thead,
  table.resources tbody,
  table.resources th,
  table.resources td,
  table.resources tr {
    display: block;
  }
  table.resources thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.resources tr {
    border: 1px solid #ccc;
  }
  table.resources td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /* uncomment if using labels */
  }
  table.resources td .mobileOnly {
    display: inline-block;
  }
  table.resources td.resource-item_name img.mobileOnly {
    border: 0;
    height: 30px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  table.resources td.resource-item_descrip {
    width: 100%;
  }
  table.resources td.resource-item_icon, table.resources td.resource-item_link {
    display: none;
  }
  table.resources td:before {
    display: none; /* labels turned off on mobile, remove to turn on */
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 65%;
    padding-right: 10px;
    white-space: nowrap;
  }
  table.resources td:nth-of-type(1) img {
    height: 30px;
  }
  table.resources td:nth-of-type(1):before {
    content: "Type";
  }
  table.resources td:nth-of-type(2):before {
    content: "Name";
  }
  table.resources td:nth-of-type(3):before {
    content: "";
  }
  table.resources td:nth-of-type(4):before {
    content: "Link";
  }
}

@keyframes mymove {
  0% {
    background-color: #60bb46;
    text-decoration: none;
  }
  99% {
    background-color: transparent;
    text-decoration: none;
  }
  100% {
    background-color: transparent;
    text-decoration: underline;
  }
}
/* Footer */
footer.site-footer {
  text-align: center;
  position: relative;
  background: rgba(50, 146, 87, 0.1);
  background: #EBF4EE;
  padding-top: 62.5px;
}
footer.site-footer:after {
  background-image: url("../images/common/megamex-logomark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: " ";
  filter: invert(57%) sepia(63%) saturate(524%) hue-rotate(62deg) brightness(105%) contrast(70%);
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 1.5rem 0;
}
footer.site-footer h5 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.07;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  footer.site-footer h5 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
footer.site-footer h6 {
  font-size: 30.4px;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1;
  margin: 0 auto;
  text-transform: none;
}
@media only screen and (max-width: 1024px) {
  footer.site-footer h6 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
footer.site-footer p {
  font-size: 16px;
  font-size: 1rem;
  text-transform: none;
  margin: 0;
}
footer.site-footer .brands {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin: 1.5rem auto;
  text-align: center;
}
footer.site-footer .brands a {
  flex: 0 1 auto;
  /*max-width: 15%;*/
}
footer.site-footer .brands img {
  display: block;
  width: 100%;
}
footer.site-footer .site-info {
  background: rgb(50, 146, 87);
  color: #fff;
  padding: 4rem 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  footer.site-footer .site-info {
    padding-bottom: 10rem;
  }
}
footer.site-footer .site-info a {
  font-size: 12.32px;
  font-size: 0.77rem;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  line-height: 2rem;
  padding: 0;
  text-transform: uppercase;
}
footer.site-footer .site-info a:after {
  display: block;
  content: " ";
  height: 2px;
  width: 0%;
  background-color: rgb(0, 0, 0);
  margin: -0.5rem auto 0;
  transition: width ease 0.3s;
}
footer.site-footer .site-info a strong, footer.site-footer .site-info a b {
  font-weight: bold;
}
footer.site-footer .site-info a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
footer.site-footer .site-info a:hover:after {
  width: 100%;
}
footer.site-footer .site-info .priority-information,
footer.site-footer .site-info .additional-information {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  footer.site-footer .site-info .priority-information,
  footer.site-footer .site-info .additional-information {
    flex-wrap: wrap;
  }
}
footer.site-footer .site-info .priority-information > div,
footer.site-footer .site-info .additional-information > div {
  flex: 1 1 auto;
  max-width: 40%;
  text-align: left;
}
@media only screen and (max-width: 750px) {
  footer.site-footer .site-info .priority-information > div,
  footer.site-footer .site-info .additional-information > div {
    max-width: unset;
    text-align: center;
  }
}
footer.site-footer .site-info .priority-information {
  margin-bottom: 2rem;
}
footer.site-footer .site-info .priority-information > div.footer-menu ul {
  margin: 0;
  padding: 0;
  overflow: visible;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  footer.site-footer .site-info .priority-information > div.footer-menu ul {
    text-align: left;
    column-count: 2;
    column-gap: 1.5rem;
  }
}
footer.site-footer .site-info .priority-information > div.footer-menu ul li {
  display: block;
}
footer.site-footer .site-info .priority-information > div.footer-menu ul li a {
  padding: 0.375em 0;
}
footer.site-footer .site-info .priority-information > div.social-channels ul {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 750px) {
  footer.site-footer .site-info .priority-information > div.social-channels ul {
    justify-content: center;
  }
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  padding: 0.25rem;
  width: 50px;
  height: 50px;
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a:after {
  display: none;
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a i {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: rgb(50, 146, 87);
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a [class^=icon-]:before, footer.site-footer .site-info .priority-information > div.social-channels ul li a [class*=" icon-"]:before {
  flex: 0 1 auto;
  font-size: 24px;
  font-size: 1.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a:hover {
  background-color: rgb(51, 51, 51);
}
footer.site-footer .site-info .priority-information > div.social-channels ul li a:hover i {
  color: #fff;
}
footer.site-footer .site-info .additional-information {
  align-items: flex-end;
}
footer.site-footer .site-info .additional-information .copyright p {
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  footer.site-footer .site-info .additional-information .copyright p {
    text-align: center;
    margin: 1rem 0;
  }
}

@media only screen and (max-width: 1024px) {
  footer.site-footer .brands {
    flex-flow: row wrap;
    justify-content: space-around;
  }
  footer.site-footer .brands a {
    max-width: 30%;
    margin: 0.8rem auto;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  footer .site-info {
    font-size: 80%;
  }
}
@media only screen and (max-width: 560px) {
  footer .menu li {
    display: block;
    border: 0;
  }
  footer .menu li a {
    display: block;
  }
}
.mylist-box {
  max-height: 80vh;
  overflow-y: scroll;
}

#myList-actual {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#myList-sendToRep .myList-caption,
#myList-shareYourList .myList-caption {
  display: flex;
  flex-flow: column-reverse nowrap;
  width: 100%;
}
#myList-sendToRep .myList-caption > div,
#myList-shareYourList .myList-caption > div {
  flex: 0 1 auto;
}

.mylist-box .with_frm_style .frm_form_field.frm_html_container,
.mylist-box .with_frm_style .frm_form_field .frm_show_it,
.subscribe-form .with_frm_style .frm_form_field.frm_html_container,
.subscribe-form .with_frm_style .frm_form_field .frm_show_it,
.subscribe-box .with_frm_style .frm_form_field.frm_html_container,
.subscribe-box .with_frm_style .frm_form_field .frm_show_it {
  --font: $font__montserrat;
}
.mylist-box .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.subscribe-form .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.subscribe-box .frm_style_formidable-style.with_frm_style label.frm_primary_label {
  color: rgb(51, 51, 51);
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_submit button.outline,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_submit button.outline,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_submit button.outline {
  border-color: rgb(51, 51, 51);
  color: rgb(51, 51, 51);
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_submit button.outline:hover,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_submit button.outline:hover,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_submit button.outline:hover {
  color: #fff;
}
.mylist-box h2,
.subscribe-form h2,
.subscribe-box h2 {
  color: rgb(194, 26, 53) !important;
  margin: 0 auto 0.25em !important;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 1400px) {
  .mylist-box h2,
  .subscribe-form h2,
  .subscribe-box h2 {
    font-size: 2.1875rem !important;
  }
}
.mylist-box h4,
.subscribe-form h4,
.subscribe-box h4 {
  color: rgb(50, 146, 87);
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .mylist-box h4,
  .subscribe-form h4,
  .subscribe-box h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.mylist-box p,
.subscribe-form p,
.subscribe-box p {
  margin: 0 auto 1rem;
  text-align: center;
  max-width: 800px;
}
.mylist-box p.subheadline,
.subscribe-form p.subheadline,
.subscribe-box p.subheadline {
  text-align: center;
  max-width: 800px;
}
.mylist-box ul.myList-items,
.subscribe-form ul.myList-items,
.subscribe-box ul.myList-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mylist-box ul.myList-items li,
.subscribe-form ul.myList-items li,
.subscribe-box ul.myList-items li {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  padding: 1rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.mylist-box ul.myList-items li:first-child,
.subscribe-form ul.myList-items li:first-child,
.subscribe-box ul.myList-items li:first-child {
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}
.mylist-box ul.myList-items li > div,
.subscribe-form ul.myList-items li > div,
.subscribe-box ul.myList-items li > div {
  flex: 0 1 auto;
}
.mylist-box ul.myList-items li > div.myListItem-image,
.subscribe-form ul.myList-items li > div.myListItem-image,
.subscribe-box ul.myList-items li > div.myListItem-image {
  width: 100px;
}
.mylist-box ul.myList-items li > div.myListItem-body,
.subscribe-form ul.myList-items li > div.myListItem-body,
.subscribe-box ul.myList-items li > div.myListItem-body {
  flex: 1 1 auto;
  width: calc(100% - 100px);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .mylist-box ul.myList-items li > div.myListItem-body,
  .subscribe-form ul.myList-items li > div.myListItem-body,
  .subscribe-box ul.myList-items li > div.myListItem-body {
    flex-wrap: wrap;
  }
}
.mylist-box ul.myList-items li > div.myListItem-body > div,
.subscribe-form ul.myList-items li > div.myListItem-body > div,
.subscribe-box ul.myList-items li > div.myListItem-body > div {
  flex: 0 1 auto;
  display: inline-block;
}
.mylist-box ul.myList-items li > div.myListItem-body > div.details,
.subscribe-form ul.myList-items li > div.myListItem-body > div.details,
.subscribe-box ul.myList-items li > div.myListItem-body > div.details {
  max-width: 80%;
}
.mylist-box ul.myList-items li .myListItem-title,
.subscribe-form ul.myList-items li .myListItem-title,
.subscribe-box ul.myList-items li .myListItem-title {
  color: rgb(51, 51, 51);
  text-transform: none;
}
.mylist-box ul.myList-items li .packaging,
.subscribe-form ul.myList-items li .packaging,
.subscribe-box ul.myList-items li .packaging {
  background: #fff;
  padding: 1rem 0;
  margin-top: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.mylist-box ul.myList-items li .packaging h4,
.subscribe-form ul.myList-items li .packaging h4,
.subscribe-box ul.myList-items li .packaging h4 {
  font-size: 16px;
  font-size: 1rem;
  flex: 0 1 auto;
  padding: 0 0.5rem 0 0.5rem;
  min-width: 20%;
  min-width: calc(22% - 1rem);
}
.mylist-box ul.myList-items li .packaging h4:first-of-type,
.subscribe-form ul.myList-items li .packaging h4:first-of-type,
.subscribe-box ul.myList-items li .packaging h4:first-of-type {
  padding-left: 0;
}
.mylist-box ul.myList-items li .packaging h4.myListItem-gitn,
.subscribe-form ul.myList-items li .packaging h4.myListItem-gitn,
.subscribe-box ul.myList-items li .packaging h4.myListItem-gitn {
  min-width: calc(30% - 1rem);
}
.mylist-box ul.myList-items li .packaging h4 .myListItem-dataLabel,
.subscribe-form ul.myList-items li .packaging h4 .myListItem-dataLabel,
.subscribe-box ul.myList-items li .packaging h4 .myListItem-dataLabel {
  color: rgb(51, 51, 51);
  font-size: 80%;
}
.mylist-box ul.myList-items li.hidden,
.subscribe-form ul.myList-items li.hidden,
.subscribe-box ul.myList-items li.hidden {
  display: none;
}
.mylist-box .myList-actions,
.subscribe-form .myList-actions,
.subscribe-box .myList-actions {
  padding: 4rem 0 0;
  text-align: center;
}
.mylist-box .myList-actions a,
.subscribe-form .myList-actions a,
.subscribe-box .myList-actions a {
  display: inline-block;
}
.mylist-box input[type=submit].outline,
.subscribe-form input[type=submit].outline,
.subscribe-box input[type=submit].outline {
  background: #fff;
  border-radius: 0;
  border: 2px solid #000;
  color: #000;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.8em 2em;
  transition: all 0.5s ease;
}
.mylist-box input[type=submit].outline:hover,
.subscribe-form input[type=submit].outline:hover,
.subscribe-box input[type=submit].outline:hover {
  background: #c21a35;
  border-color: #c21a35;
  color: #fff;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_error_style,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_error_style,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_error_style {
  background-color: #ffffff;
  border: 2px solid rgb(51, 51, 51);
  color: rgb(194, 26, 53);
  font-size: 1rem;
  font-weight: bold;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_error_style p,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_error_style p,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_error_style p {
  color: rgb(194, 26, 53);
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_error,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_error,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_error {
  color: rgb(194, 26, 53);
  text-shadow: 0 0 0.5em transparent;
}
.mylist-box .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label,
.subscribe-form .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label,
.subscribe-box .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label {
  color: #000;
}
.mylist-box .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label a,
.subscribe-form .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label a,
.subscribe-box .frm_style_formidable-style.with_frm_style .form-field.vertical_radio .frm_primary_label a {
  color: #000;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_checkbox label,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_checkbox label,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_checkbox label {
  color: #000;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_checkbox label a,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_checkbox label a,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_checkbox label a {
  color: #000;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox],
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox],
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox] {
  border: 1px solid #000;
}
.mylist-box .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox]:checked:before,
.subscribe-form .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox]:checked:before,
.subscribe-box .frm_style_formidable-style.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
  top: 0.175rem;
  left: 0.0875rem;
}

.mylist-hint {
  background: #fff;
  -webkit-box-shadow: 0px 6px 8px 0px rgba(51, 51, 51, 0.65);
  box-shadow: 0px 6px 8px 0px rgba(51, 51, 51, 0.65);
  border-top: 2px solid rgb(194, 26, 53);
  border-bottom: 10px solid rgb(194, 26, 53);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  width: 300px;
  position: absolute;
  top: 120px;
  right: 1rem;
  z-index: 99;
  padding: 2rem 1.6rem 1rem;
  text-align: center;
}
.mylist-hint p, .mylist-hint ol {
  margin: 0;
}
.mylist-hint ol {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  text-align: left;
  /* custom list number colors */
  /* tutorial: https://www.w3.org/Style/Examples/007/color-bullets.en.html */
  list-style: none;
  counter-reset: li;
}
.mylist-hint ol li {
  counter-increment: li;
  margin-bottom: 0.6em;
}
.mylist-hint ol li:before {
  content: counter(li);
  color: rgb(194, 26, 53);
  display: inline-block;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: 600;
  width: 1.5em;
  margin-left: -1.5em;
  padding-right: 0.5em;
  text-align: right;
}
.mylist-hint ol li:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 1060px) {
  .mylist .navtext,
  .mylist span {
    font-size: 11.52px;
    font-size: 0.72rem;
  }
}
@media screen and (max-width: 768px) {
  .mylist {
    background: transparent;
  }
  .mylist a {
    height: 100%;
    /*min-width: 50px;*/
    padding: 0;
    color: rgb(194, 26, 53);
    position: relative;
  }
  .mylist a .listcounttext {
    position: absolute;
    top: 0.5em;
    right: 0.4em;
  }
  .mylist a .navtext {
    display: none;
  }
  .mylist a .icon-clipboard:before {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 1.5;
    margin: 0;
    font-size: 2.5em;
    vertical-align: middle;
  }
  .mylist a .list-count {
    background: rgb(194, 26, 53);
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 1.8;
    padding: 1px 3px;
    height: 20px;
    width: 20px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .mylist a:hover {
    color: #fff;
  }
  .mylist a:hover .list-count {
    background: #fff;
    color: rgb(194, 26, 53);
  }
  .mylist.active a {
    color: #fff;
  }
  .mylist.active a .list-count {
    background: #fff;
    color: rgb(194, 26, 53);
  }
}
@media screen and (max-width: 1024px) {
  .mylist-box a#mylist-close {
    right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .mylist-box a#mylist-close {
    right: 40px;
  }
}
@media screen and (max-width: 625px) {
  .mylist-box ul.myList-items li .myListItem-image {
    width: 60px;
  }
  .mylist-box ul.myList-items li .myListItem-title {
    text-align: left;
  }
  .mylist-box ul.myList-items li .myListItem-body {
    display: block;
  }
  .mylist-box ul.myList-items li .myListItem-body > div.details {
    width: 100%;
  }
  .mylist-box ul.myList-items li .packaging {
    border-bottom: 0;
    flex-flow: row wrap;
    padding-bottom: 0;
  }
  .mylist-box ul.myList-items li .packaging h4 {
    min-width: 50%;
    padding: 0;
    margin-bottom: 1em;
    text-align: left;
  }
  .mylist-box .myList-actions a {
    margin-bottom: 1em;
  }
  .mylist-box .myList-caption .suggestedideas {
    flex-flow: column nowrap;
  }
  .mylist-box .myList-caption .suggestedideas div {
    max-width: 100%;
  }
  .mylist-box .myList-caption .suggestedideas div:nth-child(2n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 550px) {
  .mylist a {
    min-width: 50px;
  }
}
/* SEARCH */
body.search .page-header {
  text-align: center;
}
body.search .content-area {
  position: relative;
}
body.search ul.index {
  border-top: 1px solid rgba(102, 102, 102, 0.45);
  border-bottom: 1px solid rgba(102, 102, 102, 0.45);
  list-style: none;
  margin: 0 0 3rem;
  padding: 0;
}
body.search ul.index li {
  border-top: 1px solid rgba(102, 102, 102, 0.45);
  padding: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
body.search ul.index li:first-of-type {
  border-top: 0;
}
body.search ul.index li > div, body.search ul.index li > h4 {
  flex: 0 1 auto;
}
body.search ul.index li .thumbnail {
  width: 16%;
  padding-right: 2%;
}
body.search ul.index li .itemcontent {
  width: 84%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
body.search ul.index li .itemcontent > div, body.search ul.index li .itemcontent > h4 {
  flex: 0 1 auto;
}
body.search ul.index li .itemcontent > h4 {
  padding: 0 0 1rem 0;
  width: 100%;
}
body.search ul.index li .itemcontent .details {
  width: 75%;
}
body.search ul.index li .itemcontent .details .myListItem-title {
  color: rgb(0, 0, 0);
}
body.search ul.index li .itemcontent .details p:first-of-type {
  margin-top: 0;
}
body.search ul.index li .itemcontent .details.menuideas {
  width: 100%;
}
body.search ul.index li .itemcontent .packaging {
  padding: 0 0 1rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
body.search ul.index li .itemcontent .packaging > h4 {
  flex: 0 1 auto;
  padding: 0 1rem 0 0;
  min-width: 22%;
}
body.search ul.index li .itemcontent .packaging > h4 span {
  color: rgb(0, 0, 0);
  display: block;
  text-transform: none;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
body.search ul.index li .itemcontent .actionbuttons {
  width: 25%;
  text-align: right;
}
body.search ul.index li .itemcontent .actionbuttons > div {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 1130px) {
  body.search ul.index li .itemcontent .details {
    margin-right: 0;
  }
  body.search ul.index li .itemcontent .packaging > h4 {
    padding-bottom: 1em;
  }
  body.search ul.index li .actionbuttons {
    margin-left: 0;
  }
}
@media only screen and (max-width: 900px) {
  body.search ul.index li .itemcontent .details {
    width: 100%;
  }
  body.search ul.index li .itemcontent .actionbuttons {
    width: 100%;
    text-align: right;
  }
  body.search ul.index li .itemcontent .actionbuttons > div {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
  }
}
@media only screen and (max-width: 480px) {
  body.search ul.index li .thumbnail {
    width: 25%;
  }
  body.search ul.index li .itemcontent {
    width: 75%;
  }
  body.search ul.index li .itemcontent .actionbuttons {
    width: 100%;
    text-align: left;
    margin-left: 0;
  }
  body.search ul.index li .itemcontent .actionbuttons > div {
    display: block;
    vertical-align: top;
    margin-left: 0;
  }
}
/* misc rules */
.megamex-connect {
  background: url(../images/product-photography/tabletop-hero.jpg) no-repeat center center/cover;
  position: relative;
  padding: 2rem 0 125px;
  margin-bottom: -125px;
}
.megamex-connect.wp-block-cover {
  padding: 2rem 20px 126px;
  margin-right: -50px;
  margin-left: -50px;
}
.megamex-connect.wp-block-cover .wp-block-cover__background {
  bottom: 63px;
}
.megamex-connect:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.megamex-connect .wrapper {
  position: relative;
  z-index: 10;
  max-width: 1400px;
}
.megamex-connect .wrapper fieldset > p {
  max-width: 50em;
  margin-right: auto;
  margin-left: auto;
}
.megamex-connect .frm_style_formidable-style.with_frm_style .frm_message,
.megamex-connect .frm_style_formidable-style.with_frm_style h3,
.megamex-connect .frm_style_formidable-style.with_frm_style p {
  color: #fff !important;
  text-align: center;
  font-weight: 500;
}
.megamex-connect .frm_style_formidable-style.with_frm_style .frm_error_style {
  background-color: #ffffff;
  border: 2px solid rgb(51, 51, 51);
  color: rgb(194, 26, 53);
  font-size: 1rem;
  font-weight: bold;
}
.megamex-connect .frm_style_formidable-style.with_frm_style .frm_error_style p {
  color: rgb(194, 26, 53) !important;
}

/* YOU MAY ALSO LIKE and MENU IDEAS - footer widgets */
.related, .suggested {
  text-align: center;
  padding: 2rem;
  margin: 1rem auto 0;
}
.related .wrapper, .suggested .wrapper {
  max-width: 1200px;
}

.related {
  background: rgba(102, 102, 102, 0.1);
}

.suggested {
  padding-bottom: calc(125px + 2rem);
  margin-bottom: -125px;
}
.suggested .wrapper {
  max-width: 950px;
  padding: 0;
}

.relatedproducts, .suggestedideas {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}
.relatedproducts.wrapper, .suggestedideas.wrapper {
  padding: 0;
}
.relatedproducts div, .suggestedideas div {
  flex: 0 1 auto;
  text-align: left;
}
.relatedproducts div p, .suggestedideas div p {
  margin: 0.25em 0 1em;
}
.relatedproducts div a, .suggestedideas div a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.relatedproducts div a:hover, .suggestedideas div a:hover {
  color: rgb(194, 26, 53);
  text-decoration: underline;
}

.relatedproducts div {
  width: 26%;
  margin: 1rem 2%;
}
.relatedproducts div.product-preview {
  align-self: stretch;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
  justify-content: flex-start;
  align-content: flex-start;
}
.relatedproducts div.product-preview a {
  grid-column: 1;
  grid-row: 1/span 2;
  display: block;
  z-index: 5;
  position: relative;
  font-weight: normal;
  overflow: hidden;
}
.relatedproducts div.product-preview img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  background-color: #fff;
}
.relatedproducts div.product-preview p {
  transition: all 0.3s ease;
}
.relatedproducts div.product-preview:hover p, .relatedproducts div.product-preview:hover a {
  color: rgb(194, 26, 53);
  text-decoration: underline;
}
.relatedproducts div.product-preview b, .relatedproducts div.product-preview strong {
  font-weight: 500;
}

.suggestedideas div {
  min-width: 48%;
  max-width: 50%;
  margin: 1rem auto;
}
.suggestedideas div:nth-child(2n) {
  margin-left: 4%;
}
.suggestedideas div p:first-of-type {
  margin-bottom: 0;
}

body.error404 input[type=search] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  text-transform: none;
  background-color: rgba(102, 102, 102, 0.1);
}
body.error404 .error-404 {
  border-bottom: 1px solid rgba(102, 102, 102, 0.45);
  margin-bottom: 1.6rem;
  padding-bottom: 6.4rem;
}
body.error404 .complementaryphoto {
  display: block;
  margin: 6.4rem auto 0;
  max-width: 80%;
  height: auto;
}

body.search-results .content-area {
  border-bottom: 1px solid rgba(102, 102, 102, 0.45);
  padding-bottom: 3rem;
}
body.search-results .site-main h3 {
  margin-top: 3em;
}
body.search-results .site-main h3:first-of-type {
  margin-top: 0;
}

.toplinkbutton {
  position: absolute;
  right: 1rem;
  bottom: 2rem;
}
.toplinkbutton a {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .related {
    padding: 2rem 0;
  }
  .related > .wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .relatedproducts, .suggestedproducts {
    justify-content: space-between;
    padding: 0;
  }
  .relatedproducts div, .suggestedproducts div {
    margin: 1rem 0;
  }
  .relatedproducts div p, .suggestedproducts div p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*# sourceMappingURL=style.css.map */