/**
 * Theme Name: Foodie Pro Theme
 * Description: This is the Foodie Pro child theme created for the Genesis Framework.
 * Author: Shay Bocks
 * Author URI: http://shaybocks.com/
 * Version: 2.1.7
 *
 * Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 *
 * Template: genesis
 * Template Version: 2.0.1
 *
 * License: GPL-2.0+
 * License URI: http://www.opensource.org/licenses/gpl-license.php
 */


/* Table of Contents

    - HTML5 Reset
        - Baseline Reset
        - Box Sizing
        - Float Clearing
    - Defaults
        - Typographical Elements
        - Headings
        - Objects
        - Forms
    - Structure and Layout
        - Site Containers
        - Column Widths and Positions 
        - Column Classes
    - Common Classes
        - WordPress
        - Genesis
        - Headings
        - Screen Reader Text
    - Widgets
        - Featured Page and Featured Post
        - User Profile
    - Plugins
        - Genesis eNews Extended
        - Genesis Latest Tweets
        - Gravity Forms
        - Easy Recipe Pro
        - Simple Social Icons
        - Genesis Responsive Slider
    - Custom Page Templates
        - Home Page
        - Recipes Page
    - Top Ad
    - Site Header
        - Title Area
        - Widget Area
    - Site Navigation
        - Header Navigation
        - Primary Navigation
        - Secondary Navigation
    - Content Area
        - Entries
        - Archive Pagination
        - Entry Navigation
        - After Entry
        - Comments
    - Sidebars
    - Footer Widgets
    - Site Footer
    - Media Queries
        - max-width: 1139px
        - max-width: 1023px
        - max-width: 767px

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */


/* ## Baseline Normalize
--------------------------------------------- */

/* EU only */
#headersearch {
	display: none !important;
}
.free-delivery-icon-text {
	display: none !important;
}
.top-area-linkbutton {
	display: none !important;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}


/* HTML5 display definitions
--------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}


/* Z-index Maps */

$zindex: (
  headertitle   : 9000, 
  imagetitle    : 8000,
  boxtitle    : 8000,
);

.headertitle-impact {
  z-index: map-get($zindex, headertitle);
}

.image-impact {
    z-index: map-get($zindex, imagetitle);
}

.box-impact {
    z-index: map-get($zindex, boxtitle);
}


/* Links
--------------------------------------------- */

a {
    background-color: transparent;
    color: #fff;
    font-family: 'GT-America-Condensed-Regular';
}

a:active,
a:hover {
    outline: 0;
}

a:hover {
    color: #373A36;
}

ul>li>a {
    color: #fff !important; 
}

ul>li>a:hover {
    color: gray !important;
    text-decoration: underline;
}

p>a {
    color: #047A93 !important;
}

p>a:hover {
    color: #373A36 !important;
    text-decoration: underline;
}

.widget_nav_menu > li > a:hover {
    color: #05a6c6 !important;
}

/* primary nav and sub-menu */
nav.nav-primary {
    margin-left: 0px !important;
	white-space: nowrap;
}
nav.nav-primary a {
    font-family: 'Berthold Akzidenz Grotesk' !important;
}
nav.nav-primary .menu-wrap > ul > li,
nav.nav-primary .menu-wrap > ul > li > a {
    border: none;
    padding: 2px 4px 0px 4px;
}
nav.nav-primary .menu-wrap > ul > li:hover,
nav.nav-primary .menu-wrap > ul > li > a:hover {
    border: none;
    text-decoration: none !important;
    color: #fff !important;
    background-color: #373A36;
    padding: 2px 4px 0px 4px;
}
nav.nav-primary .menu-wrap > ul > li > a:hover {
	color: inherit !important;
}
nav.nav-primary div.menu-wrap > ul > li:hover,
nav.nav-primary div.menu-wrap > ul > li > a:hover {
    background-color: #373A36;
}

nav.nav-primary > div.menu-wrap > ul > li > ul.sub-menu,
div.sub-menu-toggle {
    margin: 0;
    padding: 0 !important;
	padding-left: 1px !important;
}
nav.nav-primary > div.menu-wrap > ul > li > ul.sub-menu {
    background-color: #373A36;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    display: none;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 172px !important;
    visibility: hidden;
}
nav.nav-primary > div.menu-wrap > ul > li:hover > ul.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

nav.nav-primary > div.menu-wrap > ul > li > ul.sub-menu li a {
    display: block;
    /*font-size: 20px;
    font-size: 1.25rem;
    text-transform: capitalize !important;*/
    font-size: 16px !important;
    font-family:'GT-America-Condensed-Regular', sans-serif !important;
    color: #F9F7EE !important; 
    padding: 6px 12px;
    text-decoration: none;   
}

nav.nav-primary > div.menu-wrap > ul > li > ul.sub-menu li:hover a {
    background-color: rgba( 255, 255, 255, 0.1);
}

ul.sub-menu {
    margin-top: 20px !important;
}

/* make final menu (Shop) right-aligned */
nav > div.menu-wrap > ul > li:nth-child(6) > ul {
	left: auto;
	right: 0;
}


/* footer nav */

#nav_menu-2.widget_nav_menu li a {
    font-size: 14px !important;
    line-height: 14px !important;
}

#nav_menu-3.widget_nav_menu li a {
    font-size: 12px !important;
    line-height: 12px !important;
}

.footer-widgets .widget {
    margin-bottom: 6px;
}

.widget_nav_menu li a {
    padding: 0 8px 0 8px;
}

.menu-footermenu-three-container {
    margin: 10px 0 12px 0;
}

/*.menu-footermenu-three-container li a {
    text-transform: none;
    color: #7d776e;
}*/


/* top page seconday nav */

#top-page-secondary-nav-container {
    height: 38px;
    z-index: 1;
}
.top-page-secondary-nav-table {
    display: table;
    margin: 12px auto;
}

ul#top-page-secondary-nav-menu li {
    width: 100%;
    max-width: 800px;
    display: inline;
    list-style: none;
    padding: 10px 5px;
}

@media (max-width: 500px) {
    .top-page-secondary-nav-table {
    display: table;
    text-align: center;
    
}
}


ul#top-page-secondary-nav-menu li a {
    font-size: 14px !important;
    line-height: 14px !important;
    font-family: 'GT-America-Expanded-Medium' !important;
    padding: 0px;
}

ul#top-page-secondary-nav-menu li a {
    border: 1px solid transparent;
    padding: 2px 7.25px;
    color: #373A36 !important;
}

ul#top-page-secondary-nav-menu li a {
    border: 1px solid transparent;
    padding: 2px 7.25px;
    color: #373A36 !important;
}
ul#top-page-secondary-nav-menu li a:hover {
    /*border-bottom: 1px solid #373A36;*/
    color: #373A36 !important;
    padding: 2px 7.25px;
}

ul#top-page-secondary-nav-menu li a:hover {
    /*border-bottom: 1px solid #373A36;*/
    color: #373A36 !important;
    padding: 2px 7.25px;
}

ul#top-page-secondary-nav-menu li a:focus {
    border: 1px solid #373A36;
    color: #373A36 !important;
    padding: 2px 7.25px;
}

ul#top-page-secondary-nav-menu li a:focus {
    border: 1px solid #373A36;
    color: #373A36 !important;
    padding: 2px 7.25px;
}


/* footer nav */

#nav_menu-2.widget_nav_menu li a {
    border: 1px solid transparent;
    padding: 2px 7.25px;
    color: #373A36 !important;
}

#nav_menu-3.widget_nav_menu li a {
    border: 1px solid transparent;
    padding: 2px 7.25px;
    color: #373A36 !important;
}
#nav_menu-2.widget_nav_menu li a:hover {
    /*border-bottom: 1px solid #373A36;*/
    color: #373A36 !important;
    padding: 2px 7.25px;
}

#nav_menu-3.widget_nav_menu li a:hover {
    /*border-bottom: 1px solid #373A36;*/
    color: #373A36 !important;
    padding: 2px 7.25px;
}

#nav_menu-2.widget_nav_menu li a:focus {
    border: 1px solid #373A36;
    color: #373A36 !important;
    padding: 2px 7.25px;
}

#nav_menu-3.widget_nav_menu li a:focus {
    border: 1px solid #373A36;
    color: #373A36 !important;
    padding: 2px 7.25px;
}


/* Text-level semantics
--------------------------------------------- */

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2.2rem;
    margin: 0.67rem 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
--------------------------------------------- */

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
--------------------------------------------- */

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
--------------------------------------------- */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}


/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clear:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.widget-area:before,
.after-entry:before,
.comment-respond:before,
.wrap:before {
    content: " ";
    display: table;
}

.author-box:after,
.clear:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.widget-area:after,
.after-entry:after,
.comment-respond:after,
.wrap:after {
    clear: both;
    content: " ";
    display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */


/* Typographical Elements
--------------------------------------------- */
@font-face {
    font-family: 'Berthold Akzidenz Grotesk';  
    src: url('assets/fonts/Berthold-Akzidenz-Grotesk-Medium-Condensed.otf');  
    font-weight: normal;  
}

@font-face {
    font-family: 'GT-America-Expanded-Medium';  
    src: url('assets/fonts/GT-America-Expanded-Medium.otf');  
    font-weight: normal;  
}

@font-face {
    font-family: 'GT-America-Expanded-Bold';  
    src: url('assets/fonts/GT-America-Expanded-Bold.otf');  
    font-weight: normal;  
}

@font-face {
    font-family: 'GT-America-Condensed-Regular';  
    src: url('assets/fonts/GT-America-Condensed-Regular.otf');  
    font-weight: normal;  
}

@font-face {
    font-family: 'GT-America-Condensed-Medium';  
    src: url('assets/fonts/GT-America-Condensed-Medium.otf');  
    font-weight: normal;  
}

@font-face {
    font-family: 'gt_americacondensed_medium';
    src: url('assets/fonts/gt-america-condensed-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/gt-america-condensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gt_americacondensed_regular';
    src: url('assets/fonts/gt-america-condensed-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/gt-america-condensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gt_americaexpanded_bold';
    src: url('assets/fonts/gt-america-expanded-bold-webfont.woff2') format('woff2'),
         url('gt-america-expanded-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gt_americaexpanded_medium';
    src: url('assets/fonts/gt-america-expanded-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/gt-america-expanded-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background: #F9F7EE;
    color: #373A36;
    font-family: 'GT-America-Condensed-Regular', sans-serif; 
    font-weight: 400;
    font-size: 17px;
    line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

::-moz-selection {
    background: #111;
    color: #fff;
}

::selection {
    background: #111;
    color: #fff;
}

a {
    color: #010101;
    text-decoration: underline;
}

/*a img {
    margin-bottom: 20px;
}*/

/*p {
    margin: 5px 0 15px;
    padding: 0;
}*/

strong {
    font-weight: 600;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

blockquote,
blockquote::before {
    color: #999;
}

blockquote {
    margin: 0;
    padding: 22px 20px;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}

pre {
    background: #111;
    color: #ccc;
    overflow: scroll;
    padding: 0 20px;
    white-space: pre;
}

cite {
    font-style: normal;
}


/* WP 4.2 duplicate widget titles fix */

.screen-reader-text {
    position: absolute !important;
    left: -999em;
}


/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

.featured-content img,
.gallery img {
    margin-bottom: 0;
    width: auto;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 0 #fff;
    color: #999;
    font-family: 'GT-America-Condensed-Regular', Arial, sans-serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .5px;
    padding: 10px;
    width: 100%;
}

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

::-moz-placeholder {
    color: #000;
}

::-webkit-input-placeholder {
    color: #000;
}

.button,
.button-secondary,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #010101;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    text-transform: uppercase;
    width: auto;
}

.button:hover,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
    background: #444;
}

.button-secondary {
    background: #f5f5f5;
    color: #010101;
}

.button-secondary:hover {
    background: #010101;
    color: #fff;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}

/* Product Page Grids
 ---------------------------------------------------------------------------------------------------*/
.vc_gitem-zone-mini {
        background-color: #F9F7EE !important;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */


/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
    position: relative;
    width: 100%;
    clear: both;
    display: block;
    margin: 0 auto;
    max-width: 1090px;
}

.site-inner {
    min-height: 200px;
}


/* Column Widths and Positions
--------------------------------------------- */


/* Content */

.content {
    float: right;
    width: 680px;
}

.full-width-content .content {
    width: 100%;
}


/* Column Classes
    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */


/*
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}
*/


/*
Common Classes
---------------------------------------------------------------------------------------------------- */


/* WordPress
--------------------------------------------- */

.avatar {
    float: left;
}

.alignleft .avatar {
    margin-right: 22px;
}

.alignright .avatar {
    margin-left: 22px;
}

.search-form {}

.search-form input {
    background: #fff url('assets/search.png') center right no-repeat;
}

.search-form input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sticky {}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 22px;
}

img.alignnone {
    margin-bottom: 12px;
}

.alignleft {
    float: left;
    margin-right: 40px;
    text-align: left;
}

.alignright {
    float: right;
    margin-left: 40px;
    text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 0 22px 22px 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 0 0 22px 22px;
}

.wp-caption-text {
    font-family: 'GT-America-Condensed-Regular', Arial, sans-serif;
    font-size: 11px;
    font-style: italic;
    margin: 0;
    text-align: center;
}

.wp-caption {
    max-width: 100% !important;
}

.gallery-caption {}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td {
    text-align: center;
}


/* Headings
--------------------------------------------- */

.headertitle-impact {
	color: #fff !important;
	font-size: 24px;
    line-height: 36px;
    width: 300px;
	font-weight: normal;
	letter-spacing: 1px !important; 
	margin: 0px auto 0px auto !important;
	text-align: center;
	text-transform: uppercase !important;
    background-image: url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/numi-texture-headers-extended.png");
    background-repeat: repeat;
    z-index: 999 !important;
}

.widgettitle, .headertitle {
	color: #fff !important;
	font-size: 24px;
    line-height: 36px;
	font-weight: normal;
	letter-spacing: 1px !important; 
    padding: 0 4px;
	margin: 15px auto;
	text-align: center;
	text-transform: uppercase !important;
    background-image: url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/numi-texture-headers-extended.png");
    background-repeat: repeat;
}

.entry-title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.page .entry-title {
    margin-bottom: 16px;
}

.sidebar .entry-title {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

h1.entry-title,
.entry-title a,
.sidebar .widgettitle a {
    color: #444;
    text-decoration: none;
}

.widgettitle {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.sidebar .widgettitle a {
    border: none;
}

.archive-title {
    font-size: 0px;
    margin-bottom: 22px;
}

/* Z-index for Impact Headers */
.headertitle-impact {
    z-index: 1;
    position: relative;
}

@media (max-width: 1024px) {
.widgettitle, .headertitle-impact {
    width: 265px !important;   
}
.widgettitle, .headertitle, headertitle-impact {
	font-size: 22px;
}
}
@media (max-width: 768px) {
.widgettitle, .headertitle-impact {
    width: 300px;   
}  
.headertitle-long {
    margin-top: 22px;
	font-size: 16px; 
}
}
@media (max-width: 500px) {
.widgettitle, .headertitle-impact {
    width: 300px;   
}
.headertitle-long {
    /*margin-top: 22px !important;
	font-size: 14px;*/
    font-size: 14px;
}
}



/* ## Screen reader text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    color: #333;
    background: #fff;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
    clip: auto !important;
    height: auto;
    width: auto;
    display: block;
    font-size: 1em;
    font-weight: bold;
    padding: 15px 23px 14px;
    z-index: 100000;
    /* Above WP toolbar. */
    text-decoration: none;
    /*box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);*/
}

.more-link {
    position: relative;
}


/* Home Page
--------------------------------------------- */

.home-top {
    margin: 0 auto;
    max-width: 680px;
}

.paged .home-middle,
.paged .home-top {
    display: none;
    visibility: hidden;
}

.home-bottom .widgettitle {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.home-bottom .entry-title {
    font-size: 20px;
}

.home .one-third .entry-title,
.home .one-fourth .entry-title,
.home .one-sixth .entry-title {
    font-size: 16px;
    text-align: center;
}


/* Title Area
---------------------------------------------

.title-area {
    padding: 16px 0;
    width: 360px;
}

.title-area h1 {
    margin: 0 auto;
}

.title-area p {
    margin: 0;
}

.header-image .title-area {
    padding: 0;
}

.site-title,
.site-title a {
    font-size: 55px;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
    color: #444;
}

.site-description {
    color: #999;
    font-family: 'Droid Serif', georgia, serif;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0;
    text-align: center;
    text-transform: none;
}

*/


/* Entries
--------------------------------------------- */

.entry {
    margin-bottom: 20px;
    padding: 0 0 22px;
}

.entry-content a {
    color: #010101;
}

.entry-content a:hover {
    color: #111;
}

.entry-content .attachment a,
.entry-content .gallery a {
    border: none;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption,
.clear-line {
    margin-bottom: 30px;
}

.entry-content ol li,
.entry-content ul li {
    margin-left: 20px;
}

.entry-content ol li {
    list-style-type: decimal;
}

.entry-content ul li {
    list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p {
    margin-bottom: 0;
}

.entry-meta,
.post-info,
.post-meta {
    color: #999;
    font-family: 'GT-America-Condensed-Regular', Arial, sans-serif;
    font-size: 11px;
    font-style: italic;
    margin: 0;
}

.entry-meta a,
.post-info a,
.post-meta a {
    color: #999;
    text-decoration: none;
}

.entry-meta a:hover {
    color: #010101;
}

.entry-header .entry-meta,
.post-info {
    margin-bottom: 20px;
    line-height: 1;
}

.entry-footer .entry-meta,
.post-meta {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
    display: block;
}

a.more-link,
.more-from-category a {
    background: #f5f5f5;
    color: #010101;
    display: table;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 3px 8px;
    text-decoration: none;
    text-transform: uppercase;
}

.more-from-category a {
    margin: 0 auto 40px;
}

.more-link {
    margin-top: 15px;
}

.more-from-category {
    clear: both;
    display: block;
    float: none;
    text-align: center;
}

a.more-link:hover,
.more-from-category a:hover {
    background: #010101;
    color: #fff;
}


/* Archive Navigation
--------------------------------------------- */

.archive-pagination {
    clear: both;
    font-size: 16px;
    margin: 20px 0;
}

.archive-pagination li {
    border: 1px solid #ccc;
    display: inline;
    padding: 5px 10px;
}

li.pagination-next,
li.pagination-previous {
    border: 0 !important;
}

.archive-pagination a {
    color: #010101;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}

.archive-pagination a:hover,
.archive-pagination li.active a {
    color: #010101;
}


/* Entry Navigation
--------------------------------------------- */

.navigation {
    clear: both;
    font-size: 12px;
    margin: 20px 0;
}

.entry .navigation a {
    border-bottom: 1px solid #ccc;
}

.navigation li {
    display: inline;
}

.navigation li a {
    background: #111;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 12px;
}

.navigation li a:hover,
.navigation li.active a {
    background: #010101;
}

.pagination-next a,
.pagination-previous a {
    text-decoration: none;
}


/*
After Entry
--------------------------------------------- */

.after-entry .widget {
    clear: none;
    float: left;
    width: 50%;
}


/* Comments
---------------------------------------------

.comment-respond,
.entry-comments {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 20px 0;
}

.comment-respond,
.entry-comments,
.ping-list {
    margin-bottom: 20px;
}

.entry-comments h3,
.comment-respond h3 {
    color: #333;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.entry-comments a,
.comment-respond a {}

.entry-comments .comment-author {
    margin: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.comment-list li,
.ping-list li {
    list-style-type: none;
    margin-top: 22px;
    padding: 32px;
}

.comment-list li li {
    margin-right: -32px;
}

li.comment {
    border-top: 1px solid #ccc;
}

.comment .avatar {
    margin: 0 16px 22px 0;
}

.bypostauthor {}

.form-allowed-tags {
    background: #f5f5f5;
    font-size: 12px;
    padding: 22px;
}

.comment-meta a {
    color: #333;
}

.comment-reply a {
    background: #f5f5f5;
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.comment-reply a:hover {
    background: #ccc;
}
*/


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */


.footer-widgets {
    background: #f5f5f5;
    color: #333;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 20px 24px 0 24px;
    text-align: center;
}

div.widget-area.footer-widgets-1.footer-widget-area {
    max-width: 1090px;
    margin: 0 auto;
    overflow: visible !important;
}

#genesis-footer-widgets.footer-widgets {
    max-width: 100%;
}

/* watercolor and ingredients in footer */

div.widget-area.footer-widgets-1.footer-widget-area {
    background-image:
    url('assets/ingedients-tea-leaf-orange-peel.png'), 
    url('assets/ingedients-tea-leaf.png');

    background-position:
    bottom 20px left 40px,
    bottom 40px right 40px;

    background-repeat: no-repeat;
    
    z-index: -1;

}

#genesis-footer-widgets.footer-widgets {
    /*background-image:
    url('assets/footer-watercolor-right.svg'), 
    url('assets/footer-watercolor-left.svg');

    background-position:
    bottom right,
    bottom left;*/

    background-image:
    url('assets/footer-watercolor-right-extended.svg'), 
    url('assets/footer-watercolor-left-extended.svg');

    background-position:
    bottom right -1050px,
    bottom left -1050px;
    
    background-repeat: no-repeat;
}

/*ingredients in footer 
#footer-tea-ingedients {
display: block-inline;
margin-top: -500px;
width: 0190px;
z-index: 1000;
}


.ingedients-tea-leaf-orange-peel { 

}
.ingedients-tea-leaf {

}*/


.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    float: left;
    margin-left: 2.564102564102564%;
    width: 31.623931623931625%;
}
/*
.footer-widgets-1 {
    margin-left: 0;
}

.footer-widgets-1,
.footer-widgets-2 {
    float: left;
}

.footer-widgets-3 {
    float: right;
}
*/
.footer-widgets-4 {
    width: 100%;
}

.footer-widgets .widget {
    margin-bottom: 22px;
}

.footer-widgets .widgettitle {}

.footer-widgets li {
    list-style-type: none;
    margin-bottom: 6px;
    word-wrap: break-word;
}

.footer-widgets .search-form {
    width: 100%;
}

.footer-widgets .search-form input:focus {
    border: 1px solid #ccc;
}

.footer-widgets img {
    margin: 0;
}

.footer-widgets .featured-content,
.footer-widgets .featuredpost {
    background: transparent;
    max-width: 95%;
}

.footer-widgets .entry {
    background: #fff;
    padding: 5px;
}

.footer-widgets .social-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 12px 0;
}

a.social {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background: #373A36;
    color: #F9F7EE !important;
    margin-right: 6px;
    font-size: 18px;
    text-align: center;
    padding-top: 4px;
    transition: all .2s;
    margin-right: 14px;
}

a.social:hover {
    background: transparent;
    color: #373A36 !important;
    border: 1px solid #373A36;
}

a.social:last-of-type {
    margin: 0;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

.site-footer a {
    color: #999;
    text-decoration: none;
}

.site-footer p {
    margin: 0;
}

.footer-signupblock, .footer-social {
    width:100%;
    max-width:1090px;
    margin: 0 auto;

}


/* NUMI STYLES
--------------------------------------------- */


/* Numi Icon Font */


/* assets/ */

@font-face {
    font-family: 'icomoon';
    src: url('assets/fonts/icomoon.eot?6a4vvo');
    src: url('assets/fonts/icomoon.eot?6a4vvo#iefix') format('embedded-opentype'), url('assets/fonts/icomoon.ttf?6a4vvo') format('truetype'), url('assets/fonts/icomoon.woff?6a4vvo') format('woff'), url('assets/fonts/icomoon.svg?6a4vvo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.nav-primary .menu-wrap>ul>li:nth-last-of-type(2)>a:before
/* Shop Now menu item */

{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    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;
}

.nav-primary .menu-wrap>ul>li:nth-last-of-type(2)>a:before
/* Shop Now menu item */

{
    font-size: 1rem;
    margin-right: 4px;
    padding-top: 2px;
}

.icon-location:before {
    content: "";
}

.icon-search:before {
    content: "\e986";
}

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

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

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

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

.icon-tealeaf:before {
    content: "\e900";
}

.icon-cart:before,
.nav-primary .menu-wrap>ul>li:nth-last-of-type(2)>a:before
/* Shop Now menu item */

{
    content: ""
}


/* Numi Architecture */

/*html {
    background: transparent;
}*/


/* General Styles */


/* Numi Colors */


/* Numi old brand colors
Cream: #fffbf5
Brown: #373A36
Red: #373A36
beige: #f0e4bc
Dark brown: #373A36
*/

/* Numi new brand colors
Dark Grey: #373A36
Egg Shell: #F9F7EE
Blue: #05A6C6

/*body {
    background: transparent;
    color: #373A36;
/*    font-family: 'PT Serif', serif;
    font-family: 'pt-serif', serif; requires typekit CSS inclusion from https://use.typekit.net/trq1yvo.css
    font-weight: 400; was 300
    font-size: 15px;
    line-height: 1.625;
}*/

body {
    background-color: #F9F7EE;
    color: #373A36 !important;
    font-family: 'GT-America-Condensed-Regular', sans-serif;
    font-size: 17px;
    line-height: 1.5;
}

/* a, h1, h2, h3, h4, h5, h6, breadcrumbs */

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
    text-transform: none;
    letter-spacing: 0;
    margin: 1rem 0;
    font-weight: 300;
    line-height: 130%;
}

h1 {
    font-size: 2.8rem !important;
    line-height: 2.8rem !important;;
    font-family: 'Berthold Akzidenz Grotesk'; 
    text-transform: uppercase !important;
}

h2 {
    font-size: 1.9rem !important;
    line-height: 2.0rem !important;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
}

h3 {
    font-size: 17px !important;
    line-height: 18px !important;;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
}

h3.section-head {
    font-size: 1.6rem;
    color: #373A36;
}

h4 {
    font-size: 1.4em;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    letter-spacing: 1px;
    color: #373A36;
    /* Numi Red */
    margin-bottom: 0;
}

h5 {
    font-size: 1.2rem;
}

h6 {
    font-size: 1.2rem;
}

.bold-content-text {
    font-family: 'GT-America-Condensed-Medium', sans-serif;  
}

.hero-larger-h1 {
    font-size: 3.8rem !important;
    line-height: 3.6rem;
    
}
.hero-larger-sub-text {
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-top: -10px;
}

/*breadcrumbs */
.breadcrumb {
    display:none;
}

/*
.breadcrumb {
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #373A36;
    cursor: default;
}

.product-breadcrumb a {
    text-decoration: none;
    pointer-events: none;
}

.product-breadcrumb a:last-of-type {
    pointer-events: auto;
}*/


/* Search & Location forms */

.before-header {
    display: none;
}

.numi-field input[type=text] {
    font-family: Times-Roman, serif;
    font-size: 12px;
    border: none;
    box-shadow: none;
    background: rgba(255, 255, 255, .7);
    width: 150px;
    border-radius: 12px;
    height: 24px;
    padding: 4px 12px 4px 8px;
}

#headersearch {
    flex: 1 1;
}

#headersearch.numi-field input[type=text] {
    width: 100%;
}

#headersearch-submit {
    display: none;
}

#headersearch * {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    font: inherit;
    color: inherit;
    font-size: .8rem;
}

#headersearch td[class*="button"] {
    display: none;
}

#headersearch div[class*="url"] {
    display: none;
}

#headersearch input[type=text] {
    font-family: 'GT-America-Condensed-Medium', sans-serif !important;
    font-size: 12px !important;
    color: #999 !important;
    /*font-style: italic;*/
    line-height: 32px;
    border: solid .5px #999 !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255) !important;
    width: 100% !important;
    border-radius: 0px !important;
    height: 32px !important;
    margin-top: 15px!important;
    padding: 6px 12px 6px 8px !important;
}

#headersearch .gsc-results-wrapper-overlay {
    background: white !important;
    padding: 24px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#headersearch .gsc-results-wrapper-overlay>div:not([class*=gsc-wrapper]) {
    display: none;
}

#headersearch .gsc-resultsHeader {
    display: none;
}

#headersearch .gsc-results-wrapper-overlay td {
    padding: 12px !important;
}

#headersearch .gsc-results-wrapper-overlay tr {
    transition: background-color .5s;
    cursor: pointer;
}

#headersearch .gsc-results-wrapper-overlay tr:last-of-type {
    border-bottom: none !important;
}

#headersearch .gsc-webResult.gsc-result .gs-webResult.gs-result:hover {
    background: #f9f4e3 !important;
}

#headersearch .gsc-results-wrapper-overlay div.gs-title {
    height: auto !important;
    font-size: 1.2rem;
    padding: 4px 12px 4px 12px !important;
}

#headersearch .gsc-results-wrapper-overlay .gs-title *,
#headersearch .gsc-results-wrapper-overlay .gs-title {
    text-decoration: none !important;
    font-size: 1.2rem;
}

#headersearch .gsc-webResult.gsc-result {
    border-top: 1px dotted #373A36 !important;
    padding: 4px 0 4px !important;
}

#headersearch .gsc-results.gsc-webResult>div:first-of-type {
    border-top: none !important;
}


/* Page Numbering at Bottom */

#headersearch .gsc-cursor-box {
    display: none;
    /* leave it out */
}

#headersearch .gsc-cursor-page {
    margin: 8px !important;
    border-radius: 50%;
    padding: 3px .5px 4px 0 !important;
    background: #776758 !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
    color: white;
    text-decoration: none;
    text-align: center;
}


/* Shop Now */

.header-link {
    color: #373A36;
    text-align: center;
    /*display: inline-block;*/
    font-size: 14px;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    /*font-weight: 400;*/
    text-decoration: none;
    /*transition: all .5s;*/
    cursor: pointer;
    line-height: 1.4;
}

.header-link em {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #373A36;
}


/* inline icons need to be a little smaller */

.header-link [class^="icon-"] {
    position: relative;
    top: 1px;
}

.numi-red {
    color: #373A36;
}


/* Header */

.genesis-skip-link {
    display: none;
}

.site-header {
    font-family:'Berthold Akzidenz Grotesk', sans-serif !important;
    position: relative !important;
    padding: 0 !important;
    z-index: 1000 !important;
    
    background-image: 
    url('assets/numi-watercolor-header-extended.png'),
    url('assets/images-none.png');
        
    background-position: 
    top 0px left 0px,
    top 0px left 0px;

    background-repeat: no-repeat;
    z-index: -1;
    background-size: inherit;
    background-color: #F9F7EE;
    display: block;
    background-position: top 0px left 0px;
    margin: 0 auto;
    /*max-width: 1140px;*/ /*sets header nav-primary to inherit 1140 px width*/
    /*box-shadow: 0 5px 5px rgba(0, 0, 0, .2); removes shadow from header */
    height: 130px;
}

/*.site-header {
        background-image: 
        url('assets/numi-watercolor-header-extended.png'),
        url('assets/images-none.png');
        
        background-position: 
        top 0px left 0px,
        top 0px left 0px;

        z-index: -1;

    }

}*/

.header-content-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1090px;
    padding: 0px 0px 55px 295px;
}

.menu-wrap > ul > li > a {
    font-size: 28px !important;
}

.footer-widgets {
    background: transparent;
    position: relative;
    overflow: visible;
    z-index: 999;
}

.nav-primary {
    height: auto;
    position: relative;
    z-index: 1001;
    margin: 0;
    text-align: justify;
    text-align-last: justify;
}

.site-footer {
    display: none;
}

.site-header #nav-panel {
    position: relative;
    height: 100%;
    /* Full height of header */
    overflow: visible;
}

#nav-panel #top-area {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    /* Full height of header */
}

#top-area .social-group {
        display: none;
    }

.top-area-linktext {
    
}

top-area-linkbutton {
    
}

/*a.header-link {
    display: none;
}*/


/*#headersearch::before {
    background-image: url('assest/numi_shipping.svg') no-repeat;
    background-position: center 0px right 5px;
    content:"Free Shipping on orders over $39";
}

#headersearch {
    font-size: 16px;
    padding-right: 15px;
}*/


/* turns off with free dilivery icon and text , search and find a store button */
/*#top-area {
	display: none !important;
}*/

/* TOP AREA */
/* The html content for the top area is generated by the function.php file of the foodiepro-2.1.7 theme. The code starts at line 608 of teh php file.*/

/* top area with free delivery icon and text , search and find a store button */

/* find a store button is styled with the ".numi-btn" class */
/*.top-area {
    max-width: 1090px;
    display: block;
}*/

.free-delivery-icon-text, .shop-now-icon-text {
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    font-size: 14px !important;
}

.free-delivery-icon-text:hover {
    border-bottom: 1px solid #373A36 !important;
    padding-top: 1px !important;
    text-decoration: none !important;
}
.free-delivery-icon-text a, .shop-now-icon-text a{
    text-decoration: none !important;
    color: #373A36 !important;
}

.free-delivery-icon-text {
    margin-right: -8px;
}

img.free-delivery-icon {
    margin-left: 0px;
    margin-right: 6px;
    margin-top: 18px;
}

/*.free-delivery-shop-now-divider {
    padding-top: 16px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}*/

img.shop-now-icon {
    margin-right: 6px;
    margin-left: 6px;
    margin-top: 18px;
}

img.shop-now-arrow {
    margin-left: 6px;
}

.top-area-linkbutton {
 margin-top: 15px !important;
margin-right: 0px !important;
    
}
.headersearch {
    width: 300px!important;
}

.numi-menu-btn:hover {
    color: #373A36 !important;
    border: 2px solid #373A36;
    background: transparent;
}

#top-area>* {
    margin: 0 12px 0 12px;
}

#top-area>:first-child {
    margin-left: 0;
}

#top-area>:last-child {
    margin-right: 0;
}


#main-logo {
    position: absolute;
    width: 240px;
    height: 77.55px;
    left: 0px;
    bottom: 18px;
    z-index: 1001; 
    background-image: url('assets/numi-active-purpose-horizontal.svg');
    /**background-image: url('assets/numi_web_logo.svg');*/
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.widget_nav_menu li {
    display: inline-block;
    position: relative;
}

.widget_nav_menu li a {
    font-family: 'GT-America-Expanded-Medium', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #373A36;
    padding: 0;
}

.widget_nav_menu li a:hover {
    color: #05a6c6;
}


/* Footer */

/*.footer-widgets {
    position: relative;
    padding-top: 48px;
    background: url(assets/numi_footer_edge.svg), url(assets/header_bkgnd.png);
    background-repeat: repeat-x, repeat;
    background-size: auto 32px, auto auto;
}*/

.footer-widgets {
    padding-top: 50px;
    }

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 100%;
    float: none;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.footer-widgets .widgettitle {
    display: none;
}

.peanut-footer h2,
.peanut-footer h3 {
    font-weight: 800;
    font-size: 200%;
    line-height: 200%;
    margin: 0;
}

.peanut-footer h3 {
    text-transform: none;
}

.menu-footermenu-one-container:before {
    border-top: 15px solid transparent;
    max-width: 1090px;
}

.menu-footermenu-one-container {
    background-image:
    url('assets/diamond-line.svg'); 

    background-position:
    center top;

    background-repeat: no-repeat;
}


.menu-footermenu-one-container:before,
.menu-footermenu-two-container:after {
    content: "";
    display: block;
    height: 0px;
    width: 100%;
    max-width: 800px;
    margin: 12px auto;
    /*border-top: 2px solid rgb(62, 48, 37);*/
}

/*#nav_menu-2.widget.widget_nav_menu {
    font-family:'GT-America-Expanded-Medium', sans-serif !important;
    font-size: 12px !important;
}*/

/*.widget_nav_menu {
    font-family:'GT-America-Expanded-Medium', sans-serif !important;
    font-size: 8px !important;
}*/

.menu-footermenu-two-container:after {
    margin: 6px auto 0 auto;
}

#footer_logos {
    display: block;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
}

/*  EU only
#footer_logos img {
    width: 40%;
    min-width: 200px;
    min-height: 112px;
}
*/

img.footer-logos-1 {
    padding: 8px;
}

img.footer-logos-2 {
    padding: 8px;  
}

#footer_email_signup input[name="email"] {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #373A36 !important;
    color: #999;
    font-family: inherit;
    font-size: 12px;
    font-style: italic;
    height: 29px;
    padding: 2px;
    margin: 0 8px;
    width: 170px;
    color: #373A36 !important;
}

#footer_email_signup .numi_submit_button {
    display: inline-block;
    vertical-align: middle;
    border: none;
    font-family: inherit;
    padding: 3px 10px;
    height: 28px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    text-align: center;
    text-decoration: none;
    background: #373A36;
    text-transform: uppercase;
    cursor: pointer;
}


/* General Responsive */

@media (max-width: 4096px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended-plus.png'), 
    url('assets/footer-watercolor-left-extended-plus.png');

    background-position:
    bottom right 0px,
    bottom left 0px;
    
    background-repeat: no-repeat;
    }
    
    .site-header {
    background-image: 
    url('assets/header-watercolor-extended-plus.png'),
    url('assets/images-none.png');
        
    background-position: 
    top 0px center,
    top 0px center;
        
    background-repeat: no-repeat;
    z-index: -1;
    }   
}

@media (max-width: 3840px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended-plus.png'), 
    url('assets/footer-watercolor-left-extended-plus.png');

    background-position:
    bottom right -185px,
    bottom left -185px;
    
    background-repeat: no-repeat;
    }
    
    .site-header {
    background-image: 
    url('assets/header-watercolor-extended-plus.png'),
    url('assets/images-none.png');
        
    background-position: 
    top 0px left 0px,
    top 0px left 0px;
        
    background-repeat: no-repeat;
    z-index: -1;
    }   
}

@media (max-width: 2560px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended-plus.png'), 
    url('assets/footer-watercolor-left-extended-plus.png');

    background-position:
    bottom right -825px,
    bottom left -825px;
    
    background-repeat: no-repeat;
    }
    
    .site-header {
    background-image: 
    url('assets/header-watercolor-extended-plus.png'),
    url('assets/images-none.png');
        
    background-position: 
    top 0px left 0px,
    top 0px left 0px;
        
    background-repeat: no-repeat;
    z-index: -1;
    }   
}


@media (max-width: 2180px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended.svg'), 
    url('assets/footer-watercolor-left-extended.svg');

    background-position:
    bottom right -475px,
    bottom left -475px;
    
    background-repeat: no-repeat;
    }
}

@media (max-width: 1920px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended.svg'), 
    url('assets/footer-watercolor-left-extended.svg');

    background-position:
    bottom right -660px,
    bottom left -660px;
    
    background-repeat: no-repeat;
    }   
}

@media (max-width: 1680px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended.svg'), 
    url('assets/footer-watercolor-left-extended.svg');

    background-position:
    bottom right -720px,
    bottom left -720px;
    
    background-repeat: no-repeat;
    }
}


@media (max-width: 1440px) {

#genesis-footer-widgets.footer-widgets {
    background-image:
    url('assets/footer-watercolor-right-extended.svg'), 
    url('assets/footer-watercolor-left-extended.svg');

    background-position:
    bottom right -850px,
    bottom left -850px;
    
    background-repeat: no-repeat;
    }
}


@media (max-width: 1140px) {
    #top-area .social-group {
        display: none;
    }
    #main-logo {
        margin-left: 16px;
    }
    #footer_logos {
    display: block;
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
    }  
}

@media (max-width: 950px)  {
    /*html {
        font-size: 90%;
    }*/
    .nav-primary .menu-wrap>ul>li {
        width: 100% !important;
    }
    #footer_logos {
    display: block;
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
    }
   #top-area {
    display: none !important;
    } 
    .sub-menu {
    display: none !important;
    }
}

@media (max-width: 900px) {
    html {
        font-size: 80%;
    }
    body {
        font-size: 18px;
    }
    .header-content-wrap {
    margin-top: 75px;
    }
    .nav-primary {
    margin: 0;
    }
    #top-area {
        display: none !important;
    }
    /* Remove margins on these — often there to get them to tuck under header/footer */
    .double-swoosh {
        margin-top: 0 !important;
    }
    .site-inner {
        width: 100%;
    } 
    .header-content-wrap {
        padding: 0;
    }
    body {
        scroll-x: hidden;
    }
    #main-logo {
        top: -41px;
   }
    .nav-primary {
    margin-top: -75px;
    }
}

@media (max-width: 800px) {
    html {
        font-size: 70%;
    }
    body {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 120%;
    }
    body {
        font-size: 18px;
    }
    .double-swoosh~.double-swoosh {
        margin: 0 !important;
    }
    /* Mask is a down peanut for mobile */
    .double-swoosh-mask {
        /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E") !important;*/
        /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E") !important;*/
        mask-size: 100% auto !important;
        mask-repeat: no-repeat !important;
        -webkit-mask-size: 100% auto !important;
        -webkit-mask-repeat: no-repeat !important;
        /*padding-bottom: 72% !important;*/

        /* Maintains aspect ratio */
    }
    .double-swoosh-mask:after {
        display: none !important;
    }
    .double-swoosh .masked-content {
        position: relative !important;
        top: 0;
        left: 0;
        right: auto !important;
        bottom: auto !important;
        justify-content: center !important;
        color: #373A36 !important;
        padding: 24px;
        text-align: center !important;
    }
    .double-swoosh .masked-content>div {
        width: 90% !important;
    }
    .double-swoosh .masked-content *:not(.peanut-button) {
        color: #373A36 !important;
        text-align: center !important;
    }
    .double-swoosh,
    .peanut,
    .peanut-bottom-text {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div.widget-area.footer-widgets-1.footer-widget-area {
    background-image:
    url('assets/ingedients-tea-leaf-orange-peel.png'), 
    url('assets/ingedients-tea-leaf.png');

    background-position:
    bottom 30px left -25px,
    bottom 40px right -15px; 

    background-repeat: no-repeat;
    
    z-index: -1;
    }
   #main-logo {
        top: -41px;
   }

}

@media (max-width: 500px) {
    #numi-footer li {
        line-height: 2.5 !important;
        display: block !important;
    }
    #numi-footer li a {
        font-size: 1rem !important;
    }
    #numi-footer a.social {
        width: 1.5rem;
        height: 1.5rem;
    }

    .site-header {
        background-image: 
        url('assets/images-none.png'),
        url('assets/header-watercolor-mobile.png');
        
        background-position: 
        top 0px left 0px,
        top 0px left 0px;

        background-repeat: no-repeat;
        z-index: -1;
    }

    div.widget-area.footer-widgets-1.footer-widget-area {
    background-image:
    url('assets/images-none.png'), 
    url('assets/image-none.png');

    background-position:
    bottom 30px left -30px,
    bottom 0px right -30px; 

    background-repeat: no-repeat;
    
    z-index: -1;
    }

    #footer_logos {
    display: block;
    width: 70%;
    max-width: 200px;
    margin: 0 auto;
    }

    img.footer-logos-1 {
    padding: 2px;
    }

    img.footer-logos-2 {
    padding: 2px;
    margin-top: -40px; 
    }
    #main-logo {
    left: 50%;
    top: -41px;
    margin-left: -125px;
    right: 0;
   }

}
@media (max-width: 400px) {

    .site-header {
        background-image: 
        url('assets/images-none.png'),
        url('assets/header-watercolor-mobile.png');
        
        background-position: 
        top 0px left 0px,
        top 0px left 0px;

        background-repeat: no-repeat;
        z-index: -1;

    }
}

@media (max-width: 375px) {

    .site-header {
        background-image: 
        url('assets/images-none.png'),
        url('assets/header-watercolor-mobile.png');
        
        background-position: 
        top 0px left 0px,
        top 0px left 0px;

        background-repeat: no-repeat;
        z-index: -1;

    }
}


/* Pages */


/* Suppress page name - this will be inserted and styled ad hoc */

.page h1.entry-title {
    display: none;
}


/* Category Page */

.product-listing>.product {
    min-height: 220px;
    display: flex;
}

.product-listing>.product .product-image {
    flex-basis: 200px;
    flex-shrink: 0;
    flex-grow: 0;
    background-size: contain;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    margin-right: 24px;
}

.product h1,
.product h2,
.product h3,
.product h4,
.product h5 {
    font-size: 1.5rem;
    line-height: 120%;
    color: #373A36;
    margin-top: 0;
}

.product-listing hr:last-of-type {
    background: transparent;
}


/* Suppress Archive Description */


/* NUMI DESIGN ELEMENTS */


/* Restyle horizontal rule as swoosh  */

hr {
    border: none;
    width: 100%;
    padding: 0 0 5.788% 0;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%271001px%27%20height%3D%2756px%27%20viewBox%3D%270%200%201001%2056%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cg%20stroke%3D%27%23483729%27%20stroke-width%3D%271%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M0.107%2C0.488%20C0.107%2C0.488%2087.741%2C19.706%20187.086%2C20.69%20C245.948%2C21.273%20397.102%2C15.6%20572.439%2C14.748%20C675.285%2C14.248%20747.654%2C18.319%20788.447%2C20.117%20C907.769%2C26.674%201000.102%2C46.488%201000.102%2C46.488%27%20id%3D%27Shape%27%3E%3C%2Fpath%3E%3Cpath%20d%3D%27M0.107%2C8.539%20C0.107%2C8.539%2087.741%2C27.758%20187.086%2C28.742%20C245.948%2C29.325%20397.102%2C23.652%20572.439%2C22.8%20C675.285%2C22.3%20747.654%2C26.371%20788.447%2C28.169%20C907.769%2C34.726%201000.102%2C54.54%201000.102%2C54.54%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
}


/* Peanut Down with Text */

.peanut-bottom-text {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.peanut-bottom-text h2 {
    text-align: center;
}

.peanut-bottom-text h5 {
    text-align: center;
    font-weight: 400;
    /*text-transform: uppercase;*/
    color: #373A36;
    letter-spacing: 2px;
    line-height: 130%;
}


/* Masking Shapes */


/* PEANUT ELEMENT STRUCTURE
    
    <div class=*> [Some sort of parent class if necessary]
        <div class="peanut-mask">
            <div> [Relative. Uses padding to hold to the aspect ratio of the cropping element]
                <div> [Absolute flex container, pinned to the corners of the parent (may change for responsive design)]
                    <div class=*> [some sort of custom content class]
                        ... [HTML Content]
                    </div>
                </div>
            </div>
        </div>
    </div>
*/

.peanut {
    display: inline-block;
}


/* parent class */


/* This is in the container; preserves aspect ratio of shape */

.peanut-mask,
.peanut-top-mask,
.peanut-bottom-mask,
.peanut-left-mask,
.peanut-right-mask {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-bottom: 71.718%;
    background-position: center center;
    background-size: cover;
}

.peanut-mask>div {
    padding-bottom: 77.215%;
}

.peanut-mask {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27315.988%27%20height%3D%27244%27%20viewBox%3D%270%200%20315.988%20244%27%3E%3Cpath%20d%3D%27M315.986%2C122c-12.9%2C10.98-15.757%2C28.428-15.757%2C58.192%2C0%2C33.423-28.128%2C51.013-52.484%2C49.683-61.452-3.359-81.774%2C3.178-89.752%2C14.125-7.978-10.947-28.3-17.484-89.75-14.127-24.357%2C1.332-52.484-16.258-52.484-49.683C15.759%2C150.427%2C12.9%2C132.978%2C0%2C122%2C12.9%2C111.021%2C15.759%2C93.57%2C15.759%2C63.809c0-33.425%2C28.128-51.013%2C52.484-49.683%2C61.45%2C3.358%2C81.77-3.177%2C89.75-14.126%2C7.979%2C10.949%2C28.3%2C17.484%2C89.754%2C14.126C272.1%2C12.8%2C300.231%2C30.384%2C300.231%2C63.809c0%2C29.761%2C2.859%2C47.212%2C15.757%2C58.189%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27315.988%27%20height%3D%27244%27%20viewBox%3D%270%200%20315.988%20244%27%3E%3Cpath%20d%3D%27M315.986%2C122c-12.9%2C10.98-15.757%2C28.428-15.757%2C58.192%2C0%2C33.423-28.128%2C51.013-52.484%2C49.683-61.452-3.359-81.774%2C3.178-89.752%2C14.125-7.978-10.947-28.3-17.484-89.75-14.127-24.357%2C1.332-52.484-16.258-52.484-49.683C15.759%2C150.427%2C12.9%2C132.978%2C0%2C122%2C12.9%2C111.021%2C15.759%2C93.57%2C15.759%2C63.809c0-33.425%2C28.128-51.013%2C52.484-49.683%2C61.45%2C3.358%2C81.77-3.177%2C89.75-14.126%2C7.979%2C10.949%2C28.3%2C17.484%2C89.754%2C14.126C272.1%2C12.8%2C300.231%2C30.384%2C300.231%2C63.809c0%2C29.761%2C2.859%2C47.212%2C15.757%2C58.189%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

.peanut-bottom-mask {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

.peanut-top-mask {
   /* mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M0%2C27.509s5.256-9.224%2C40.536-9.785%2C75.51-1.729%2C91.992-2.4C157.421%2C14.3%2C170%2C0%2C170%2C0s12.579%2C14.3%2C37.474%2C15.32c16.479%2C0.675%2C56.706%2C1.844%2C91.992%2C2.4S340%2C27.509%2C340%2C27.509V244H0V27.509Z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M0%2C27.509s5.256-9.224%2C40.536-9.785%2C75.51-1.729%2C91.992-2.4C157.421%2C14.3%2C170%2C0%2C170%2C0s12.579%2C14.3%2C37.474%2C15.32c16.479%2C0.675%2C56.706%2C1.844%2C91.992%2C2.4S340%2C27.509%2C340%2C27.509V244H0V27.509Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

.peanut-right-mask {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M288.1%2C243.7H0V0L288.1%2C0.1s29%2C17.9%2C30%2C44.3c0%2C0%2C.6%2C0%2C0.7%2C21.6%2C0.2%2C40.5%2C21%2C55.9%2C21%2C55.9s-20.8%2C15.4-21%2C55.9c-0.1%2C21.6-.7%2C21.6-0.7%2C21.6C317.1%2C225.8%2C288.1%2C243.7%2C288.1%2C243.7Z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M288.1%2C243.7H0V0L288.1%2C0.1s29%2C17.9%2C30%2C44.3c0%2C0%2C.6%2C0%2C0.7%2C21.6%2C0.2%2C40.5%2C21%2C55.9%2C21%2C55.9s-20.8%2C15.4-21%2C55.9c-0.1%2C21.6-.7%2C21.6-0.7%2C21.6C317.1%2C225.8%2C288.1%2C243.7%2C288.1%2C243.7Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

.peanut-left-mask {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M21.7%2C199.4s-0.6%2C0-.7-21.6c-0.2-40.5-21-55.9-21-55.9S20.8%2C106.5%2C21%2C66c0.1-21.6.7-21.6%2C0.7-21.6%2C1-26.4%2C30-44.3%2C30-44.3L339.8%2C0V243.7H51.7S22.7%2C225.8%2C21.7%2C199.4Z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M21.7%2C199.4s-0.6%2C0-.7-21.6c-0.2-40.5-21-55.9-21-55.9S20.8%2C106.5%2C21%2C66c0.1-21.6.7-21.6%2C0.7-21.6%2C1-26.4%2C30-44.3%2C30-44.3L339.8%2C0V243.7H51.7S22.7%2C225.8%2C21.7%2C199.4Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}


/* Absolute div contains cropped content */

.peanut-mask>div>div,
.peanut-top-mask>div>div,
.peanut-bottom-mask>div>div,
.peanut-left-mask>div>div,
.peanut-right-mask>div>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5%;
    display: flex;
}

.peanut-mask .masked-content {
    padding: 10%;
}

.peanut-top-mask .masked-content {
    padding-top: 0;
}

.peanut-bottom-mask .masked-content {
    padding-bottom: 18%;
}

.peanut-left-mask .masked-content {
    padding-left: 12%;
}

.peanut-right-mask .masked-content {
    padding-right: 12%;
}


/* SWOOSH */


/* Structure
    
    <div class="double-swoosh"> [Some sort of parent class if necessary]
        <div class="double-swoosh-mask">
            <div> [Relative. Uses padding to hold to the aspect ratio of the cropping element]
                <div> [Absolute flex container, pinned to the corners of the parent (may change for responsive design)]
                    <div class=*> [some sort of custom content class]
                        ... [HTML Content]
                    </div>
                </div>
            </div>
        </div>
    </div>
*/


/* Top Swoosh */

.top-swoosh-mask {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%2774%27%20viewBox%3D%270%200%20300%2074%27%3E%3Cpath%20d%3D%27M300%2C13.837a454.246%2C454.246%2C0%2C0%2C0-63.5-7.93c-12.237-.543-33.971-1.767-64.8-1.617-52.6.255-97.95%2C1.976-115.6%2C1.788A308.1%2C308.1%2C0%2C0%2C1%2C0%2C0V74H300V13.837Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%2774%27%20viewBox%3D%270%200%20300%2074%27%3E%3Cpath%20d%3D%27M300%2C13.837a454.246%2C454.246%2C0%2C0%2C0-63.5-7.93c-12.237-.543-33.971-1.767-64.8-1.617-52.6.255-97.95%2C1.976-115.6%2C1.788A308.1%2C308.1%2C0%2C0%2C1%2C0%2C0V74H300V13.837Z%27%2F%3E%3C%2Fsvg%3E");*/
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    /* Necessary? -webkit-transform: translateZ(1px); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.top-swoosh-mask>div {
    position: relative;
    width: 100%;
    padding-bottom: 24.666%;
}

.top-swoosh-mask>div>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px 0 24px;
}


/* Double Swoosh Wrapper style */

.double-swoosh {
    position: relative;
    z-index: 20;
    display: block;
}

/* Hides all Double Swoosh Header and Footer elemtns across the site */

.double-swoosh {
    display: none !important;
}


/* With multiple swooshes, this ensures that subsequent additions are below their predecessors */

.double-swoosh~.double-swoosh {
    z-index: 19;
}

.double-swoosh~.double-swoosh~.double-swoosh {
    z-index: 18;
}

/*.double-swoosh p {
    font-size: 1.4rem;
    line-height: 130%;
    margin: 0;
}*/

.product-swoosh>div p {
    color: black;
    font-size: 16px;
}

.double-swoosh-mask {
    /*padding-bottom: 55%;*/ /* commenting out removes double swoosh elemts from bottom of pages */
    /* Maintains aspect ratio */
    /*position: relative; */ /* commenting out removes double swoosh elemts from bottom of pages */
    /*mask: url("data:image/svg+xml,%3Csvg%20width%3D%2772px%27%20height%3D%2740px%27%20viewBox%3D%270%200%2072%2040%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cpath%20d%3D%27M72%2C39.325%20C69.5726983%2C38.7964252%2067.1197821%2C38.3932244%2064.651%2C38.117%20C60.534%2C37.638%2055.214%2C37.287%2050.112%2C37.176%20C34.728%2C36.84%2033.527%2C36.933%2021.432%2C37.344%20C18.482%2C37.444%2013.869%2C37.564%2010.272%2C37.317%20C6.82577155%2C37.0860955%203.39594625%2C36.6543622%207.39558415e-15%2C36.024%20L7.39558415e-15%2C0%20C4.43388287%2C0.894692575%208.9403434%2C1.3817237%2013.463%2C1.455%20C17.7%2C1.5%2028.584%2C1.088%2041.208%2C1.027%20C48.608%2C0.991%2053.824%2C1.284%2056.761%2C1.414%20C61.878884%2C1.68859408%2066.9711161%2C2.32282575%2072%2C3.312%20L72%2C39.325%20L72%2C39.325%20Z%27%20fill%3D%27%23000000%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2772px%27%20height%3D%2740px%27%20viewBox%3D%270%200%2072%2040%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cpath%20d%3D%27M72%2C39.325%20C69.5726983%2C38.7964252%2067.1197821%2C38.3932244%2064.651%2C38.117%20C60.534%2C37.638%2055.214%2C37.287%2050.112%2C37.176%20C34.728%2C36.84%2033.527%2C36.933%2021.432%2C37.344%20C18.482%2C37.444%2013.869%2C37.564%2010.272%2C37.317%20C6.82577155%2C37.0860955%203.39594625%2C36.6543622%207.39558415e-15%2C36.024%20L7.39558415e-15%2C0%20C4.43388287%2C0.894692575%208.9403434%2C1.3817237%2013.463%2C1.455%20C17.7%2C1.5%2028.584%2C1.088%2041.208%2C1.027%20C48.608%2C0.991%2053.824%2C1.284%2056.761%2C1.414%20C61.878884%2C1.68859408%2066.9711161%2C2.32282575%2072%2C3.312%20L72%2C39.325%20L72%2C39.325%20Z%27%20fill%3D%27%23000000%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");*/
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    /* Necessary? -webkit-transform: translateZ(1px); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

/*.double-swoosh-mask:after {
    position: absolute;
    content: '';
    display: block;
    background-image: url(assets/swoosh-divider.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 10%;
    bottom: 2.5%;
    left: 0;
}*/

/*.double-swoosh-mask>div {
    position: relative;
    width: 100%;
    padding-bottom: 55%;
}*/

.masked-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 24px 0 24px;
}


/* Product Info, Peanut Slices */

.buy-now-section {
    padding: 0;
    font-size: 1rem;
    position: relative;
}


/* Every other peanut slice is translucent */

.product-info>section,
.peanut-slice {
    min-height: 230px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow: hidden;
}

.product-info>section:nth-of-type(odd),
.peanut-slice.right {
    flex-direction: row-reverse;
}

.product-info>section:nth-of-type(odd),
.peanut-slice.translucent {
    background-color: rgba();

}
.peanut-slice.translucent {

}

.peanut-wrapper {
    width: 320px;
    max-width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
}

.peanut-slice.content-center {
    align-items: center;
}

.peanut-slice.content-top {
    align-items: flex-start;
}

.peanut-slice.content-bottom {
    align-items: flex-end;
}

.peanut-thumb {
    width: 100%;
    padding-bottom: 71.8%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.slice-text-wrapper {
    width: 100%;
    padding: 18px;
    display: flex;
    flex-direction: column;
}

.slice-text-wrapper h4 {
    margin-bottom: 12px;
}

.product-info .slice-text-wrapper {
    padding: 18px;
    /* Need top padding for translucent slices. */
}

.peanut-slice h1,
.peanut-slice h2,
.peanut-slice h3,
.peanut-slice h4,
.peanut-slice h5 {
    color: #373A36;
    -webkit-column-span: all;
    column-span: all;
    margin: 0;
}

.peanut-slice h1 {
    text-transform: none;
    font-size: 1.8rem;
}

.peanut-slice h2 {
    font-weight: 400;
    font-size: 1.7rem;
}

.peanut-slice h3 {
    font-size: 1.5rem;
}

.peanut-slice h4 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #373A36;
    padding: 0;
    margin: 0;
}

.peanut-slice h5 {
    font-weight: bold;
    font-size: inherit;
}

.peanut-slice p {
    margin: 0;
}

.product-info>section:nth-of-type(even) .peanut-thumb,
.peanut-slice.left .peanut-thumb {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M288.1%2C243.7H0V0L288.1%2C0.1s29%2C17.9%2C30%2C44.3c0%2C0%2C.6%2C0%2C0.7%2C21.6%2C0.2%2C40.5%2C21%2C55.9%2C21%2C55.9s-20.8%2C15.4-21%2C55.9c-0.1%2C21.6-.7%2C21.6-0.7%2C21.6C317.1%2C225.8%2C288.1%2C243.7%2C288.1%2C243.7Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M288.1%2C243.7H0V0L288.1%2C0.1s29%2C17.9%2C30%2C44.3c0%2C0%2C.6%2C0%2C0.7%2C21.6%2C0.2%2C40.5%2C21%2C55.9%2C21%2C55.9s-20.8%2C15.4-21%2C55.9c-0.1%2C21.6-.7%2C21.6-0.7%2C21.6C317.1%2C225.8%2C288.1%2C243.7%2C288.1%2C243.7Z%27%2F%3E%3C%2Fsvg%3E");*/
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

.product-info>section:nth-of-type(odd) div.peanut-thumb,
.peanut-slice.right .peanut-thumb {
    /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M21.7%2C199.4s-0.6%2C0-.7-21.6c-0.2-40.5-21-55.9-21-55.9S20.8%2C106.5%2C21%2C66c0.1-21.6.7-21.6%2C0.7-21.6%2C1-26.4%2C30-44.3%2C30-44.3L339.8%2C0V243.7H51.7S22.7%2C225.8%2C21.7%2C199.4Z%27%2F%3E%3C%2Fsvg%3E");*/
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27339.8%27%20height%3D%27243.7%27%20viewBox%3D%270%200%20339.8%20243.7%27%3E%3Cpath%20d%3D%27M21.7%2C199.4s-0.6%2C0-.7-21.6c-0.2-40.5-21-55.9-21-55.9S20.8%2C106.5%2C21%2C66c0.1-21.6.7-21.6%2C0.7-21.6%2C1-26.4%2C30-44.3%2C30-44.3L339.8%2C0V243.7H51.7S22.7%2C225.8%2C21.7%2C199.4Z%27%2F%3E%3C%2Fsvg%3E");*/
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}

@media (max-width: 767px) {
    .product-info>section,
    .peanut-slice {
        display: block !important;
        text-align: center;
        min-height: 0;
    }
    .peanut-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
    .product-info>section:nth-of-type(odd) div.peanut-thumb,
    .product-info>section:nth-of-type(even) div.peanut-thumb,
    .peanut-slice.left .peanut-thumb,
    .peanut-slice.right .peanut-thumb {
        max-width: 100%;
        width: 100%;
        padding: 0 0 75% 0;
        height: auto;
        box-sizing: border-box;
        background-size: cover;
        /*mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E");*/
        mask-size: 100% auto;
        mask-repeat: no-repeat;
        /*-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27340%27%20height%3D%27244%27%20viewBox%3D%270%200%20340%20244%27%3E%3Cpath%20d%3D%27M340%2C216.491s-5.256%2C9.224-40.536%2C9.785-75.51%2C1.729-91.992%2C2.4C182.579%2C229.7%2C170%2C244%2C170%2C244s-12.579-14.3-37.474-15.32c-16.479-.675-56.706-1.844-91.992-2.4S0%2C216.491%2C0%2C216.491V0H340V216.491Z%27%2F%3E%3C%2Fsvg%3E");*/
        -webkit-mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
    }
    .peanut-bottom-text.mobile-hide-image .peanut-bottom-mask {
        display: none;
    }
    /* Center peanut-button in mobile layouts */
    .peanut-button,
    .peanut-button.left,
    .peanut-button.right {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Mobile Search Page */
    #headersearch .gsc-results-wrapper-overlay {
        left: 5% !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #headersearch .gs-snippet {
        text-align: center;
    }
    #headersearch .gsc-results-wrapper-overlay .gs-snippet,
    #headersearch .gsc-results-wrapper-overlay .gs-snippet b {
        font-size: 12px !important;
        line-height: 1.5;
    }
    #headersearch .gsc-results-wrapper-overlay div.gs-title,
    #headersearch .gsc-results-wrapper-overlay div.gs-title * {
        font-size: 18px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
    #headersearch .gsc-results-wrapper-overlay div.gs-title b,
    #headersearch .gsc-results-wrapper-overlay div.gs-snippet b {
        color: #373A36;
    }
    #headersearch .gsc-results-wrapper-overlay .gsc-table-result tr {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        text-align: center;
    }
    #headersearch .gsc-results-wrapper-overlay .gsc-table-result tr td.gsc-table-cell-thumbnail {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* Freeze the body when the overlay is open */
    body.page-id-54 h1 {
        text-align: center;
    }
    body.page-id-54 #headersearch {
        margin: 24px;
    }
}


/* BUY NOW BUTTON 

HTML Structure:

            <a class='buy-now'>
            <div>
                <img src='images/numi-box-test.jpg'>
                <div>
                    <h3>Aged Earl Grey™ Long Name<br>18 tea bags</h3>#
                    <div class='numibtn'><span>BUY NOW!</span></div>
                </div>
            </div>
        </a>


*/

a.buy-now {
    display: inline-block;
    max-width: 240px;
    margin: 18px;
}

.buy-now h3 {
    font-weight: 400;
    color: #373A36;
    text-align: center;
    letter-spacing: 0;
    font-size: 1.2rem;
}

.buy-now>div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-end;
}

.buy-now>div>div {
    box-sizing: border-box;
    min-width: 140px;
    max-width: 200px;
    padding-bottom: 18px;
    text-align: center;
}

.buy-now>div>img {
    display: block;
    width: 160px;
    height: auto;
    margin: 0 18px;
}

.buy-now .peanut-button {
    margin-top: 0;
}


/* CAROUSEL STYLES */

.numi-carousel {
    width: calc(90% - 60px);
    position: relative;
    margin: 24px auto;
}

.numi-carousel .slide-mask {
    width: 100%;
    overflow: hidden;
}

.numi-carousel .slide-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    transition: all .5s;
}

.numi-viewall {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: flex-start;
    position: relative;
    transition: all .5s;
    margin-top: 24px;
}

.numi-carousel .slide-wrap>a,
.numi-viewall>a {
    position: relative;
    flex: 0 0 25%;
    box-sizing: border-box;
    text-align: center;
    transition: all .5s;
    overflow: hidden;
    margin: 0 0 24px 0;
}

@media (max-width: 449px) {
    .numi-carousel .slide-wrap>a,
    .numi-viewall>a {
        flex: 0 0 100% !important;
    }
}

@media (min-width: 450px) {
    .numi-carousel .slide-wrap>a,
    .numi-viewall>a {
        flex: 0 0 50% !important;
    }
}

@media (min-width: 650px) {
    .numi-carousel .slide-wrap>a,
    .numi-viewall>a {
        flex: 0 0 33% !important;
    }
}

@media (min-width: 800px) {
    .numi-carousel .slide-wrap>a,
    .numi-viewall>a {
        flex: 0 0 25% !important;
    }
}

.numi-carousel .image,
.numi-viewall .image {
    width: 70%;
    padding-bottom: 70%;
    max-height: 300px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.numi-carousel .caption,
.numi-viewall .caption {
    padding: 12px;
}

.carousel-item h4,
.carousel-item h5,
.numi-carousel h4,
.numi-viewall h4,
.numi-viewall h5 {
    color: #373A36;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;
    margin: 0;
}

.numi-viewall h5,
.carousel-item h5 {
    font-size: 12px;
}

.carousel-item img {
    display: block;
    height: 200px !important;
    width: auto !important;
    margin: 0 auto 12px auto !important;
}

.buy-now {
    margin: 6px 0;
}

.numi-carousel .slide-wrap>a>.caption .buy-now:after {
    display: inline-block;
    content: 'BUY NOW!';
    letter-spacing: 2px;
    color: #373A36;
    padding-left: 24px;
    background-size: auto 80%;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%27-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%27%20%27http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%27%3E%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cg%20fill%3D%27%23000000%27%20opacity%3D%27.5%27%3E%3Cpath%20d%3D%27M12%2029c0%201.657-1.343%203-3%203s-3-1.343-3-3c0-1.657%201.343-3%203-3s3%201.343%203%203z%27%3E%3C%2Fpath%3E%3Cpath%20d%3D%27M32%2029c0%201.657-1.343%203-3%203s-3-1.343-3-3c0-1.657%201.343-3%203-3s3%201.343%203%203z%27%3E%3C%2Fpath%3E%3Cpath%20d%3D%27M32%2016v-12h-24c0-1.105-0.895-2-2-2h-6v2h4l1.502%2012.877c-0.915%200.733-1.502%201.859-1.502%203.123%200%202.209%201.791%204%204%204h24v-2h-24c-1.105%200-2-0.895-2-2%200-0.007%200-0.014%200-0.020l26-3.98z%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.numi-carousel a.paddle-left,
.numi-carousel a.paddle-right {
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    background-size: 100% auto;
    background-position: center 30%;
    background-repeat: no-repeat;
    opacity: .5;
    transition: opacity .5s;
}

.numi-carousel a.paddle-left {
    left: -30px;
    right: auto;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2754px%27%20height%3D%27138px%27%20viewBox%3D%270%200%2054%20138%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cpolyline%20stroke%3D%27%23483729%27%20stroke-width%3D%276%27%20fill%3D%27none%27%20points%3D%2751.752%202%202.48%2069.206%2051.752%20136.412%27%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}

.numi-carousel a.paddle-right {
    top: 0;
    left: auto;
    right: -30px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2754px%27%20height%3D%27138px%27%20viewBox%3D%270%200%2054%20138%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cpolyline%20stroke%3D%27%23483729%27%20stroke-width%3D%276%27%20fill%3D%27none%27%20points%3D%272%202%2051.272%2069.206%202%20136.412%27%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}

.numi-carousel a.paddle-left:hover,
.numi-carousel a.paddle-right:hover {
    opacity: 1;
}

.slide-hide {
    display: none;
}

@-webkit-keyframes bumpRight {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: 10px;
    }
    100% {
        margin-left: 0;
    }
}

@keyframes bumpRight {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: 10px;
    }
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes bumpLeft {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: -10px;
    }
    100% {
        margin-left: 0;
    }
}

@keyframes bumpLeft {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: -10px;
    }
    100% {
        margin-left: 0;
    }
}

.bumpLeft {
    -webkit-animation: bumpLeft .5s;
    animation: bumpLeft .5s;
}

.bumpRight {
    -webkit-animation: bumpRight .5s;
    animation: bumpRight .5s;
}


/* Product Selector Page */

#product-selector {
    margin: 0 0 0 0;
    display: flex;
    flex-flow: row nowrap;
    line-height: 150%;
    overflow: hidden;
    background: rgba(255, 255, 255, .5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 80px 0 0 0;
}

#product-selector h1 {
    font-weight: 300;
    font-size: 1.8rem;
    margin: 0;
    color: #373A36;
}

#product-selector .category h5 {
    margin: 0;
}

.category img,
img.category-image {
    display: block;
    width: auto;
    height: 12vw;
    max-height: 120px;
    margin: 0 0 18px -1vw;
}

#product-selector a,
#product-selector .category h5 {
    text-decoration: none;
    display: block;
    font-weight: 600;
    font-size: 10pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #373A36;
    transition: all .5s;
    cursor: pointer;
}

#product-selector .category h5 {
    display: inline-block;
}

#product-selector .category-list a {
    display: inline-block;
}

#product-selector .category-list a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    transition: opacity .5s;
    margin-left: 4px;
}

#product-selector .category-list a:hover:after {
    opacity: 1;
}

#product-selector .category-list a:after {
    content: "\e93a";
}

#product-selector .category-list>* {
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0;
}

#product-selector .category-list ul {
    list-style-type: disc;
}

#product-selector .category-list ul li {
    list-style: square;
}

#product-selector a:focus {
    color: #373A36;
}

#product-selector a:hover {
    color: black;
}

#product-selector .category-list a {
    text-transform: none;
    letter-spacing: 0;
    font-size: 80%;
    font-weight: 300;
}

#product-selector ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #373A36;
}

#product-selector ul li {
    list-style-type: none;
    margin: 8px 0 0 0;
    padding: 0;
}

#product-selector.ps0 #product-selector-left-panel li:nth-of-type(1),
#product-selector.ps1 #product-selector-left-panel li:nth-of-type(2),
#product-selector.ps2 #product-selector-left-panel li:nth-of-type(3),
#product-selector.ps3 #product-selector-left-panel li:nth-of-type(4),
#product-selector.ps4 #product-selector-left-panel li:nth-of-type(5),
#product-selector.ps5 #product-selector-left-panel li:nth-of-type(6),
#product-selector.ps6 #product-selector-left-panel li:nth-of-type(7),
#product-selector.ps7 #product-selector-left-panel li:nth-of-type(8),
#product-selector.ps8 #product-selector-left-panel li:nth-of-type(9),
#product-selector.ps9 #product-selector-left-panel li:nth-of-type(10) {
    background-color: white;
    color: #373A36;
}

#product-selector-left-panel {
    width: 15%;
    margin: 0 24px 24px 12px;
    height: 100%;
    min-width: 160px;
    line-height: 200%;
    padding: 0 0 24px 0;
    box-sizing: border-box;
}

#product-selector-left-panel a {
    text-align: left;
    color: inherit;
    padding-left: 12px;
}

#product-selector-right-panel {
    width: 80%;
    position: relative;
    padding: 0 0 24px 0;
    box-sizing: border-box;
}

.product-selector-page {
    position: relative;
    padding: 0;
    width: 100%;
    display: none;
    box-sizing: border-box;
}

.product-selector-page:first-of-type {
    margin-left: 0;
}

.product-selector-page>div {
    display: flex;
    flex-flow: row wrap;
}


/* Tiled container for tea thumbnail and category listing */

.product-selector-page .category {
    width: 33%;
    margin-top: 36px;
    position: relative;
    min-width: 170px;
}

.product-selector-page .category-list {
    display: inline-block;
    width: 100%;
}

#ps0,
#ps1,
#ps2,
#ps3,
#ps4,
#ps5,
#ps6,
#ps7,
#ps8,
#ps9 {
    transition: all .75s;
    opacity: 0;
    pointer-events: none;
}

.ps0 #ps0,
.ps1 #ps1,
.ps2 #ps2,
.ps3 #ps3,
.ps4 #ps4,
.ps5 #ps5,
.ps6 #ps6,
.ps7 #ps7,
.ps8 #ps8,
.ps9 #ps9 {
    opacity: 1;
    pointer-events: auto;
    display: block;
}


/* Product Selector Responsive */


/* When logo moves to center, we can remove padding at top of page */

@media (max-width: 900px) {
    #product-selector {
        padding-top: 24px !important;
    }
}


/* Narrow double column */

@media (max-width: 615px) {
    #product-selector {
        padding-top: 12px !important;
    }
    #product-selector-left-panel {
        margin: 0 0 0 12px !important;
        min-width: 146px !important;
    }
    .category-list img,
    img.category-image {
        display: none;
    }
    #product-selector h1 {
        display: none;
    }
    .category-wrapper>div:first-of-type {
        margin-top: 14px !important;
    }
    .category-wrapper {
        display: block !important;
    }
    .category {
        margin-top: 18px !important;
    }
    #product-selector-left-panel a {
        font-size: 18px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        padding-left: 0;
    }
    #product-selector-left-panel a:hover {
        color: #373A36 !important;
    }
    #product-selector.ps0 #product-selector-left-panel li:nth-of-type(1),
    #product-selector.ps1 #product-selector-left-panel li:nth-of-type(2),
    #product-selector.ps2 #product-selector-left-panel li:nth-of-type(3),
    #product-selector.ps3 #product-selector-left-panel li:nth-of-type(4),
    #product-selector.ps4 #product-selector-left-panel li:nth-of-type(5),
    #product-selector.ps5 #product-selector-left-panel li:nth-of-type(6),
    #product-selector.ps6 #product-selector-left-panel li:nth-of-type(7),
    #product-selector.ps7 #product-selector-left-panel li:nth-of-type(8),
    #product-selector.ps8 #product-selector-left-panel li:nth-of-type(9),
    #product-selector.ps9 #product-selector-left-panel li:nth-of-type(10) {
        background-color: transparent !important;
        color: #373A36 !important;
        font-weight: bold !important;
    }
    #product-selector.ps0 #product-selector-left-panel li:nth-of-type(1) a:after,
    #product-selector.ps1 #product-selector-left-panel li:nth-of-type(2) a:after,
    #product-selector.ps2 #product-selector-left-panel li:nth-of-type(3) a:after,
    #product-selector.ps3 #product-selector-left-panel li:nth-of-type(4) a:after,
    #product-selector.ps4 #product-selector-left-panel li:nth-of-type(5) a:after,
    #product-selector.ps5 #product-selector-left-panel li:nth-of-type(6) a:after,
    #product-selector.ps6 #product-selector-left-panel li:nth-of-type(7) a:after,
    #product-selector.ps7 #product-selector-left-panel li:nth-of-type(8) a:after,
    #product-selector.ps8 #product-selector-left-panel li:nth-of-type(9) a:after,
    #product-selector.ps9 #product-selector-left-panel li:nth-of-type(10) a:after {
        content: ">";
        display: inline-block;
        margin-left: 2px;
    }

}


@media (max-width: 400px) {
    #product-selector-left-panel {
        min-width: 120px !important;
    }
    #product-selector-left-panel a {
        font-size: 16px !important;
    }
    .product-selector-page .category {
        width: auto !important;
        min-width: 0 !important;
    }
    #product-selector .category-list a {
        font-size: 12px;
    }
    #product-selector .category-list h5 a {
        letter-spacing: 1px;
    }
}


/* Email Widget */

[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;
}

#email-widget-wrap {
    text-align: center;
    max-width: 360px;
    margin: 0 auto 90px auto;
}

input:-webkit-autofill {
    background-color: rgba(255, 255, 255, .7);
}

form[name="numi_email_signup"].subscribed {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.numi_submit_wrapper {
    height: 52px;
    position: relative;
    margin: 12px 0 12px 0;
    cursor: pointer;
}

form[name="numi_email_signup"] input[name="email"] {
    width: 240px;
    text-align: center;
    box-shadow: rgba(255, 0, 0, 0) 0 0 10px;
}

form[name="numi_email_signup"].error input[name="email"] {
    box-shadow: rgba(255, 0, 0, .8) 0 0 10px;
}

form[name="numi_email_signup"] .peanut-button {
    width: 136px;
    height: 0;
    padding-bottom: 33%;
    margin: 12px auto;
}

#footer_email_signup form {
    padding: 0 12px;
    margin: 0;
}

form[name="numi_email_signup"]>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 29px;
    overflow: visible;
}

form[name="numi_email_signup"].subscribed .subscribe_group {
    display: none;
}

form[name="numi_email_signup"] .welcome_message {
    color: #373A36;
    font-size: 18px;
    font-weight: bold;
    height: auto;
}

form[name="numi_email_signup"] .email_field_wrap {
    display: inline-block;
    height: 29px;
    vertical-align: middle;
    position: relative;
    overflow: visible;
}

#email-widget-wrap form[name="numi_email_signup"] .email_field_wrap {
    margin-bottom: 12px;
}

form[name="numi_email_signup"] .email_errmsg {
    position: absolute;
    width: 300px;
    left: 8px;
    top: 34px;
    color: red;
    font-size: 11px;
    text-align: left;
    transition: opacity .5s;
    opacity: 0;
}

#email-widget-wrap form[name="numi_email_signup"] .email_errmsg {
    width: 100%;
    text-align: center;
}

form[name="numi_email_signup"].error .email_errmsg {
    opacity: 1;
}

form[name="numi_email_signup"] .thank_you_message {
    color: #373A36;
    width: 0;
    opacity: 0;
    transition: opacity .2s 1.5s;
    overflow: hidden;
}

form[name="numi_email_signup"].subscribed .thank_you_message {
    display: block;
    width: auto;
    margin: 0 12px;
    opacity: 1;
}

/* RESPONSIVE MENU */


/* MENU STYLES */

#openmenu {
    position: absolute;
    right: 28px;
    top: 55px;
    width: 32px;
    height: 16px;
    z-index: 1010;
}

#openmenu img {
    width: 100%;
}

#closemenu {
    position: absolute;
    right: 28px;
    top: 20px;
    width: 16px;
    height: 16px;
    z-index: 1010;
}

#closemenu img {
    width: 100%;
}


#closemenu {
    opacity: .5;
}

#closemenu:hover {
    opacity: 1;
}


/* Start with mobile styles */

#scrim {
    pointer-events: none;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 1s;
    z-index: 1002;
}

body.menuopen #scrim {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, .8);
}


/* Slide-in */

.nav-primary {
    position: fixed;
    /*top: -40;*/
    left: 100%;
    background-color: #F9F7EE;
    transition: opacity .5s, transform .5s;
    opacity: 0;
    pointer-events: none;
    z-index: 1010;
    width: 100%;
}

body.menuopen .nav-primary .menu-wrap>ul>li>ul {
    pointer-events: auto;
}
    
div.menu-wrap>ul>li>a {
        color: inherit !important;
    }

body.menuopen .nav-primary {
    transform: translate(-100%, 0);
    opacity: 1;
    pointer-events: auto;
    height: auto;
    /*position: relative;*/
}

.nav-primary .menu-wrap>ul:after {
    content: '';
    display: none;
    position: relative;
    top: 8px;
    height: 12px;
    background-color: transparent;
    background-image: url(assets/swoosh-cap-bottom.svg);
    background-size: 120% auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#menu-logo {
    display: block;
    margin: 25px;
}

.nav-primary a, .nav-primary li {
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 0;
    transition: none;
}

.nav-primary ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    
.nav-primary .menu-wrap>ul {
    text-align: left;
    text-align-last: left;
}

.menu-wrap {
     text-indent: 18px;       
    }
.sub-menu {
    text-indent: 4px !important;     
    }

.nav-primary .menu-wrap>ul>li {
    position: relative;
    margin: 0;
    /*text-indent: 18px;*/
    padding: 8px 0px 8px 0;
    border-top: solid 1px rgba(0, 0, 0, .2);
    /*box-shadow: 0 4px 4px rgba(0, 0, 0, .1) inset;*/
    width: 100%;
}

.nav-primary .menu-wrap>ul>li a,
.nav-primary .menu-wrap>ul>li>ul>li a {
    color: #fffbf5;
}

.nav-primary .menu-wrap>ul>li a:hover,
.nav-primary .menu-wrap>ul>li>ul>li a:hover {
    color: wheat;
}

.nav-primary .menu-wrap>ul>li:last-of-type {
    padding-bottom: 0;
    padding-right: 0;
}

.nav-primary .menu-wrap>ul>li>ul {
    pointer-events: none;
    overflow: hidden;
}

.nav-primary .menu-wrap>ul>li>ul>li {
    /* text-indent: 36px; */
    display: block;
}

nav > div.menu-wrap > ul > li > ul {
	margin-top: 0px !important;
	left: auto;
	right: 0;
	z-index: 5000 !important;
}
	
.nav-primary .menu-wrap>ul>li>ul>li a {
    text-transform: none;
    letter-spacing: 0;
    padding: 4px;
}

.nav-primary .menu-wrap>ul>li>ul>li:last-of-type {
    border-bottom: none;
}


/* Desktop Menu */

@media (min-width: 970px) {
    /* Do not need this to dim screen or hide clicks */
    #scrim {
        display: none;
    }
	
    .nav-primary,
    body.menuopen .nav-primary {
        display: block;
        pointer-events: auto;
        opacity: 1;
        height: 26px;
        position: absolute;
        background: transparent;
        z-index: 1001;
        left: 0;
        width: auto;
        right: 0;
        top: auto;
        bottom: 0;
        margin: 0;
    }
    .nav-primary .menu-wrap>ul:after {
        display: none;
    }
    .nav-primary .menu-wrap>ul {
        display: flex;
        justify-content: space-between;
    }
    #menu-logo {
        display: none;
    }
    /* disable features of compressed side menu */
    /* no hamburger */
    #openmenu,
    #closemenu {
        display: none;
    }
    /* do not slide in */
    body.menuopen .nav-primary {
        transform: translate(0, 0);
    }
    body.menuopen {
        overflow: auto;
    }
    /* no click on main menu options to expand */
    /* Top level (always visible) menu options */
    .nav-primary a:not([href]) {
        pointer-events: none;
    }
    /* Top-level options */
    .nav-primary .menu-wrap>ul>li {
        display: block;
        vertical-align: top;
        border: none;
        padding: 0;
        width: auto;
        text-indent: 0;
        box-shadow: none;
        margin: 0;
        height: auto;
    }
    .nav-primary .menu-wrap>ul>li {
        color: #373A36;
    }
    .nav-primary .menu-wrap>ul>li:hover {
        color: inherit;
    }
	.nav-primary .menu-wrap>ul>li a {
		color: inherit;
	}
    /* container for dropdown needs padding */
    .nav-primary .menu-wrap>ul>li {
        text-indent: 0;
        padding-right: 4px;
    }
    .nav-primary .menu-wrap>ul>li:last-of-type {
        padding-right: 0;
    }
    /* Submenu */
    .nav-primary .menu-wrap>ul>li>ul {
        display: none;
        position: absolute;
        left: 0;
        margin: 0;
        /*top: 26px;*/
        overflow: visible;
        background-color: #373A36;
        pointer-events: none;
        padding: 6px 12px 0 12px;
        text-align: left;
        text-align-last: left;
        opacity: 0;
        transition: opacity .5s;
        min-width: 180px;
    }
    .nav-primary .menu-wrap>ul>li>ul:after {
        content: '';
        display: none;
        position: relative;
        top: 8px;
        left: -12px;
        width: calc(100% + 24px);
        height: 8px;
        background-color: transparent;
        /*background-image: url(assets/swoosh-cap-bottom.svg);*/
        background-size: 120% auto;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
    /* drop down items */
    .nav-primary .menu-wrap>ul>li>ul>li {
        display: block;
        border-bottom: none;
        height: auto;
    }
    .nav-primary .menu-wrap>ul>li>ul>li a {
        display: block;
        color: #fffbf5;
        text-decoration: none;
        transition: color .25s;
        cursor: pointer;
        pointer-events: auto;
        padding: 4px 0 4px 0;
        text-indent: 0;
    }
    /* Last  option — store locator — does not appear on desktop version */
	/* sky says 'I don't know who did this, but the assumption is wrong */
    /* 
    .nav-primary .menu-wrap>ul>li:nth-last-of-type(1) {
        display: none;
    }
	*/
    /* Final desktop menu aligns right with edge of site content area */
    /* DEPRERCATED */
    /*
    .nav-primary .menu-wrap > ul > li:nth-last-of-type(4) > ul
    {
        left: auto;
        right: 0;
    }
    */
    /* Expand submenu  on hover */
    /* Note: once a menu item is clicked on, the javascript removes the class */
    /* menuopen from body, allowing the dropdown to collapse, even if the pointer is still hovering */
    /* Make submenu options visible and clickable */
    body.menuopen .menu-wrap>ul>li.menuopen>ul {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }
    #closemenu:hover svg {
        /* fill: white; */
    }
}


/* Numi Buttons */

/* Numi Button and Rice Paper Buttons */


/* Numi Button */

.numi-btn {
    vertical-align:middle;
    border:none;
    border: 2px solid #373a36;
    font-family:inherit; 
    padding: 4px 14px; 
    height:32px; 
    font-family: 'GT-America-Condensed-Regular', sans-serif;
    font-size:18px;
    line-height: 19px;
    font-weight:normal; 
    color:white !important; 
    text-align: center;
    letter-spacing: .5px;
    text-decoration: none !important;
    background:#373A36 !important; 
    text-transform:uppercase; 
    cursor:pointer; 
}

.numi-btn:hover {
    color: #373A36 !important;
    border: 2px solid #373A36;
    text-decoration: none !important;
    background: transparent !important;
}


.numi-button {
    display: block;
    margin: 24px auto 12px auto;
    width: 150px;
    height: auto;
    padding: 1px 0px !important;
    border: 1px solid transparent;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 18px;
    font-family: 'GT-America-Condensed-Medium', sans-serif !important;
    background-color: #373A36 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 1010;
}

.numi-button:hover {
    color: #373a36 !important;
    border: 1px solid #373A36;
    text-decoration: none !important;
    background-color: transparent !important;
}


/* footer menu button */

.numi-menu-btn a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #373a36;
    padding: 6px 10px;
    height: auto;
    font-size: 16px;
    line-height: 16px;
    font-family: 'GT-America-Condensed-Regular', sans-serif;
    color: #fff;
    /*font-weight: 300: !important;*/
    text-align: center;
    letter-spacing: .5px;
    text-decoration: none !important;
    background: #373A36;
    text-transform: uppercase;
    cursor: pointer;
    /*box-shadow: 0 4px 4px rgba(0, 0, 0, .2)*/
    /*margin-top: 32px !important;*/
}

.numi-menu-btn a:hover {
    color: #373A36 !important;
    border: 1px solid #373A36;
    background: transparent;
}


/* numi peanut button */

.peanut-button {
    display: block;
    margin: 24px auto 12px auto;
    width: 130px;
    height: auto;
    padding: 2px 0px !important;
    /*ox-sizing: border-box;*/
    border: 1px solid transparent;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 18px;
    font-family: 'GT-America-Condensed-Medium', sans-serif !important;
    /*line-height: 100%;*/
    /*background: url(assets/peanut_button.svg) no-repeat;*/
    background-color: #373A36 !important;
    /*background-size: contain;*/
    /*background-position: 50% 0;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 1010;
}

.peanut-button.left {
    margin-left: 0;
}

.peanut-button:right {
    margin-right: 0;
}

.peanut-button:hover {
    color: #373a36 !important;
    border: 1px solid #373A36;
    text-decoration: none !important;
    background-color: transparent !important;
}


/* Subscription popup*/

#popmake-4138.theme-4270.pum-container {
    /*background: url("");*/
    /*border: 1px solid #9b5344 !important;*/
    background-color: #F9F7EE;
    margin: 0 auto;
    box-shadow: 0 0 8px #000 !important;
    max-width: 90% !important;
}

#popmake-4138.theme-4270 h4 {
    font-weight: normal;
    font-size: 20px;
    color: #373A36;
    text-transform: none;
    letter-spacing: 0;
    position: relative;
    bottom: 10px;
    text-align: center;
    display: inline-block;
    width: 100%;
    /*font-style: italic;*/
    margin-top: 36px;
}

#popmake-4138.theme-4270 h2 {
    font-weight: normal;
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    position: relative;
    top: 5px;
    width: 100%;
    display: inline-block;
    color: #373A36;
    margin: 0;
}

#popmake-4138.theme-4270 h6 {
    font-weight: normal;
    text-align: center;
    position: relative;
    top: 15px;
    font-size: 18px;
    color: #373A36;
    margin: 0;
}

#popmake-4138.theme-4270 .email_field_wrap input {
    /*border: 1px solid #373A36;*/
    padding: 16px;
    width: auto;
    background-color: #F9F7EE;
    border-radius: 0px;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0;
}

#popmake-4138.theme-4270 .numi_submit_button { 
    background-color: transparent !important;
    /*border: medium;*/
    border: 1px solid #373A36 !important;
    color: #373A36;
    display: block;
    width: 175px;
    height: auto;
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto;
    outline: medium none;
    text-transform: none;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    padding: 15px;
    margin-top: 15px;
}

#post-btn.btn {

    display: inline-block;
    vertical-align: middle;
    border: 1px solid #373a36 !important;
    padding: 4px 16px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'GT-America-Condensed-Regular', sans-serif !important;
    color: #fff !important;
    /*font-weight: 300: !important;*/
    text-align: center;
    letter-spacing: .5px;
    text-decoration: none;
    background: #373A36 !important;
    text-transform: uppercase;
    cursor: pointer;
    /*margin-top: 32px !important;*/
}

#post-btn.btn:hover {
    color: #373A36 !important;
    border: 1px solid #373A36 !important;
    background: transparent !important;
}

#popmake-4138.theme-4270 .thank_you_message {
    font-family: 'GT-America-Condensed-Medium', sans-serif;
    font-size: 16px;
    color: #373A36;
    height: 0;
}

#popmake-4138.theme-4270 .subscribed .thank_you_message {
    height: auto;
}

.pum-theme-4270 .pum-content+.pum-close,
.pum-theme-4270 .pum-content+.pum-close:hover,
.pum-theme-default-theme-2 .pum-content+.pum-close,
.pum-theme-default-theme-2 .pum-content+.pum-close:hover {
    width: 20px !important;
    height: 20px !important;
    right: 18px !important;
    top: 18px !important;
    background: url(assets/x.svg);
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    overflow: hidden;
    cursor: pointer;
    filter: brightness(50%) sepia(40%) hue-rotate(-20deg);
    color: rgba(0, 0, 0, 0) !important;
}


/* Numi CTA Element */

.cta-head-small {
    font-size: 1.6rem  !important;
    line-height: 1.8rem !important;;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
}

.cta-head-large {
    font-size: 2.8rem !important;
    line-height: 3.0rem !important;;
    font-family: 'GT-America-Condensed-Medium', sans-serif;
}

.numi-cta-container {
    margin: 0 0;
}

.numi-cta-image-text-left {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/cta-watercolor.png");
        
    background-position: 
    bottom 0px right 0px;
    
    background-repeat: no-repeat;
}
.numi-cta-image-text-right {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/cta-watercolor.png");
        
    background-position: 
    bottom 0px left 0px;
    
    background-repeat: no-repeat;
}

/* ----- Box and Image Shadows ----- */

/* Numi Lef/Right elements */
#numi-cta-container-shadow {
    box-shadow: rgba(55, 58, 54, .6) 0 0 10px;
}
.text-blue {
    color: #29B2E7;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin-top: -35px;
}

.photo-description {
    font-size: 13px !important;
    line-height: 15px !important;
    margin-top: -20px !important;
    margin-bottom: 20px !important;
    padding: 0px 10px !important;
}

/* Impact Elements */
#impact-container-shadow {
    box-shadow: rgba(55, 58, 54, .6) 0 0 10px;
}

/* Left and Right Photo with Rice Paper */
.photo-outline, .photo-outline-three-up {
     box-shadow: rgba(55, 58, 54, .6) 0 0 10px;   
}
.numi-cta-container {
    margin: 0 0 !important;
}

   
/* Numi Left/Right Elements - Responsive */

@media (max-width: 1024px) {
.numi-cta-image-text-right {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/cta-watercolor.png");
        
    background-position: 
    bottom 0px left 0px;
    
    background-repeat: no-repeat;
}
    
.numi-cta-text-container-left {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/image-none.png");
       
    background-position: 
    bottom 0px left 0px;
    
    background-repeat: no-repeat;
}

.numi-cta-container {
    margin: 0 0 !important;
}
}

@media (max-width: 768px) {
.numi-cta-image-text-right {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/image-none.png");
        
    background-position: 
    bottom 0px left 0px;
    
    background-repeat: no-repeat;
}
    
.numi-cta-text-container-left {
    background-image: 
    url("https://numitea.com/wp-content/themes/foodiepro-2.1.7/assets/cta-watercolor.png");
       
    background-position: 
    bottom 0px left 0px;
    
    background-repeat: no-repeat;
}
    
.numi-cta-container {
    margin: 0 95px !important;
} 
.numi-cta-image-left {
    margin-right: -15px;
    padding-bottom: 25px !important;
}
.numi-cta-image-right {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 0px !important;
    padding-top: 30px;
}
.numi-cta-text-left {
    padding-bottom: 75px !important;
}
.numi-cta-text-right {
    padding-bottom: 75px !important;
}

.numi-cta-text-right-no-border, numi-cta-text-left-no-border {
    padding-bottom: 0px !important;     
}
.numi-cta-text-double-right-no-border {
    padding-bottom: 25px;
    }
}

@media (max-width: 500px) {
.numi-cta-container {
    margin: 0 0 !important;
}
/*   
.numi-cta-image-right {
    margin-left: -15px;
    padding-bottom: 0px !important;
}*/

}

@media (max-width: 400px) {
.numi-cta-text-right {
    padding-bottom: 50px !important;
}
}

@media (max-width: 375px) {

}

/* Site Inner and Elements Left and Right Margin and Padding - Responsive  */
       
@media (max-width: 1024px) {
.site-inner {
    padding: 0 22px;
}
.numi-hero-image {
    margin: 0 -22px;
}
}
@media (max-width: 768px) {

.site-inner {
    padding: 0 26px;
}
.numi-hero-image {
    margin: 0 -26px;
}
}

/* Photo Outlines */

.photo-outline, .photo-outline-three-up {
    outline-color: #F9F7EE;
    outline-style: solid;
    outline-width: 10px;
    outline-offset: -10px;
}

.photo-outline:focus, .photo-outline-three-up:focus {
    outline-color: #373A36;
}

@media (max-width: 1024px) {
.photo-outline, .photo-outline-three-up {
    outline-width: 8px;
    outline-offset: -8px;
}
    
.photo-outline-three-up {
    outline-width: 8px;
    outline-offset: -8px;
}      
}

@media (max-width: 768px) {
.photo-outline, .photo-outline-three-up {
    outline-width: 8px;
    outline-offset: -8px;
} 
    
.photo-outline-three-up, .photo-outline-three-up-subhead, .photo-outline-three-up-text, photo-three-up {
    margin: 0 176px;
}     
}
@media (max-width: 500px) {
.photo-outline, .photo-outline-three-up {
    outline-width: 6px;
    outline-offset: -6px;
}
    
.photo-outline-three-up, .photo-outline-three-up-subhead, .photo-outline-three-up-text {
    margin: 0 43px;
}   
}

/* Product Pages */

.product-title {
    margin: -30px auto 5px auto !important;
}

.product-description {
    font-size: 13px !important;
    line-height: 15px !important;
    margin-top: -25px !important;
    margin-bottom: 10px !important;
    padding: 0px 10px !important;
}

/* Product Pages - Reponsive */

@media (max-width: 768px) {
.product-container {
    display: inline-block !important;
    width: 25% !important;
}

.product-container-main {
    display: inline-block !important;
    width: 33% !important;
}
}
@media (max-width: 500px) {
 .product-container {
    display: inline-block!important;
    width: 50%!important;
} 
.product-container-main {
    width: 50%!important;   
}   
}


/* All Rice Paper Placements  - See Custom CSS Line 108 under Appearance menu for palcment of the Border Left and Right with Rice Paper Images */
#numi-ricepaper-hero-container {
    width: 100%;
}
.numi-ricepaper-hero {
    position: absolute;
    left:-250px;
    top: -420px;
    z-index: 1;
    margin-bottom: -200px !important;
}
.numi-ricepaper-hero-2 {
    position: absolute;
    top: -65px;
}
.numi-rice-paper-hero-text-with-image-hero-image {
    margin-bottom: -55px; 
    z-index: -1;
}

#numi-rice-paper-hero-text-with-image {
    position: relative;
    z-index: 1;
}
/*.border-photo-rice-paper-position-right {
    position: absolute;
    right: -270px;
    bottom: 270px;
    z-index: 1;
    margin-bottom: -350px;
}
.border-photo-rice-paper-position-left {
    position: absolute;
    left:-270px;
    bottom: 270px;
    z-index: 1;
    margin-bottom: -350px;
}

.border-photo-rice-paper-position-right-home {
    position: absolute;
    right: -270px;
    bottom: 285px;
    z-index: 1;
    margin-bottom: -350px;
}
.border-photo-rice-paper-position-left-home {
    position: absolute;
    left:-270px;
    bottom: 285px;
    z-index: 1;
    margin-bottom: -350px;
}*/

/* Rice Paper Placements - Reponsive */

@media (max-width: 1024px) {
.numi-ricepaper-hero {
    position: absolute;
    left:-240px;
    top: -400px;
}

/*.border-photo-rice-paper-position-right {
    position: absolute;
    right: -250px;
    bottom: 270px;
    z-index: 1;
}
.border-photo-rice-paper-position-left {
    position: absolute;
    position: absolute;
    left:-250px;
    bottom: 270px;
    z-index: 1;
}
.border-photo-rice-paper-position-right-home {
    position: absolute;
    right: -250px;
    bottom: 285px;
    z-index: 1;
}
.border-photo-rice-paper-position-left-home {
    position: absolute;
    position: absolute;
    left:-250px;
    bottom: 285px;
    z-index: 1;
}*/
}
@media (max-width: 768px) {
.numi-ricepaper-hero {
    position: relative;
    left:0px;
    top: -55px;
    margin-bottom:-50px !important;
}
.numi-rice-paper-hero-text-with-image-container {
    margin-top: 125px;
}
/*.border-photo-rice-paper-position-right {
    position: relative;
    left:0px;
    bottom: 0px;
    margin-top:-10px;
    z-index: 1;
    margin-bottom: 0px;
}
.border-photo-rice-paper-position-left {
    position: relative;
    left:0px;
    bottom: 0px;
    margin-top:-10px;
    z-index: 1;
    margin-bottom: 0px;
}
.border-photo-rice-paper-position-right-home {
    position: relative;
    left:0px;
    bottom: 0px;
    margin-top:-10px;
    z-index: 1;
    margin-bottom: 0px;
}
.border-photo-rice-paper-position-left-home {
    position: relative;
    left:0px;
    bottom: 0px;
    margin-top:-10px;
    z-index: 1;
    margin-bottom: 0px;
}*/
}
@media (max-width: 500px) {
.numi-ricepaper-hero {
    position: relative;
    left:0px;
    top: -55px;
}  
}

/* Old Product Page */

#product-selector-left-panel ul li a {
    color: #373A36 !important;
    background: transparent;
}
#product-selector-left-panel ul li a:hover {
    text-decoration: underline;
}