@charset "utf-8";

/* -------------------------------------------------------------------------- */
/* -- IMPORT FONTS ---------------------------------------------------------- */
@font-face {
    font-family: 'itc_eras_bold';
    src: url('/includes/font/itcerabol-webfont.eot');
    src: url('/includes/font/itcerabol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/itcerabol-webfont.woff2') format('woff2'),
         url('/includes/font/itcerabol-webfont.woff') format('woff'),
         url('/includes/font/itcerabol-webfont.ttf') format('truetype'),
         url('/includes/font/itcerabol-webfont.svg#itc_erasregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'itc_eras_book';
    src: url('/includes/font/itceraboo-webfont.eot');
    src: url('/includes/font/itceraboo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/itceraboo-webfont.woff2') format('woff2'),
         url('/includes/font/itceraboo-webfont.woff') format('woff'),
         url('/includes/font/itceraboo-webfont.ttf') format('truetype'),
         url('/includes/font/itceraboo-webfont.svg#itc_erasregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'itc_eras_demi';
    src: url('/includes/font/itceradem-webfont.eot');
    src: url('/includes/font/itceradem-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/itceradem-webfont.woff2') format('woff2'),
         url('/includes/font/itceradem-webfont.woff') format('woff'),
         url('/includes/font/itceradem-webfont.ttf') format('truetype'),
         url('/includes/font/itceradem-webfont.svg#itc_erasregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'itc_eras_light';
    src: url('/includes/font/itceralig-webfont.eot');
    src: url('/includes/font/itceralig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/itceralig-webfont.woff2') format('woff2'),
         url('/includes/font/itceralig-webfont.woff') format('woff'),
         url('/includes/font/itceralig-webfont.ttf') format('truetype'),
         url('/includes/font/itceralig-webfont.svg#itc_erasregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'itc_eras_medium';
    src: url('/includes/font/itceramed-webfont.eot');
    src: url('/includes/font/itceramed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/itceramed-webfont.woff2') format('woff2'),
         url('/includes/font/itceramed-webfont.woff') format('woff'),
         url('/includes/font/itceramed-webfont.ttf') format('truetype'),
         url('/includes/font/itceramed-webfont.svg#itc_erasregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'michelineregular';
    src: url('/includes/font/miche-webfont.eot');
    src: url('/includes/font/miche-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/font/miche-webfont.woff2') format('woff2'),
         url('/includes/font/miche-webfont.woff') format('woff'),
         url('/includes/font/miche-webfont.ttf') format('truetype'),
         url('/includes/font/miche-webfont.svg#michelineregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

/* -------------------------------------------------------------------------- */
/* -- ELEMENT RESET --------------------------------------------------------- */
* {
    box-sizing:     border-box;
}

*:focus {
    outline: 			0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 			0;
  padding: 			0;
  border:			0;
  font-size: 		100%;
  font: 			inherit;
  vertical-align: 	baseline;
}

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


/* --------------------------------------------------------- */
/* -- BODY ------------------------------------------------- */
html {
	width: 				100%;
	height:				100%;
}

body {
	background-color: 	#FFFFFF;
	margin: 			0px;
	font: 				400 12px/18px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: 				#626262;
}

a {
    color:              #d9171b;
}

a:focus, a:hover, a:active {
    outline:            none;
}

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

strong {
	font-weight: 		bold;
}

em {
    font-style:         italic;
}

h1 {
	margin: 			15px 0px 25px 0px;
	text-align: 		left;
	font-family: 		'itc_eras_book';
	font-size: 			28px;
    line-height:        28px;
	font-weight: 		normal;
	color: 				#f1aa3d;
}

h2 {
	margin: 			0px 0px 16px 0px;
	font-size: 			24px;
	font-weight: 		normal;
}

a.link-gold {
	color: 				#f1aa3d;
}


/* -------------------------------------------------------------------------- */
/* -- MAIN SECTIONS --------------------------------------------------------- */
.container {
	margin: 			0px auto;
	max-width:			1090px;
	padding: 			0px 15px 15px 15px;
}

main {
    display:            flex;
    justify-content:    space-between;
    flex-wrap:          nowrap;
}

.column-left {
    flex:               0 0 110px;
}

.column-right {
	flex:               0 1 920px;
}

footer {
    display:            flex;
    justify-content:    space-between;
    flex-wrap:          nowrap;
	margin-top: 		30px;
	line-height:		24px;
	color: 				#A2A2A2;
	font-family: 		'itc_eras_medium';
	font-size: 			13px;
}

footer a {
	color: 				#A2A2A2;
	text-decoration: 	none;
}

footer a:hover {
	color: 				#d9171b;
}

footer a.login-link {
	color: 				#d9171b;
}

.footer-copyright {

}

.footer-social-media {
    display:            none;
}

.mobile-mailing {
    display:            none;
}

.image-header, .image-back, .desktop-hide {
	display: 			none;
}

/* --------------------------------------------------------- */
/* -- MENU ------------------------------------------------- */
#menu-icon {
	display: 			none;
	font-family: 		'itc_eras_demi', sans-serif;
	font-size: 			15px;
	line-height: 		15px;
}

nav {
    display:            flex;
    justify-content:    flex-end;
    align-items:        center;
}

.menu-main {
    display:            flex;
    justify-content:    flex-end;
    align-items:        center;
	width: 				100%;
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
	text-align: 		right;
	font-size: 			15px;
	font-family: 		'itc_eras_demi';
	font-weight: 		bold;
	color: 				#7f7f7f;
}

.menu-main li {

}

.menu-main li a {
	display: 			block;
	padding: 			12px 10px;
	color: 				#626262;
	text-decoration: 	none;
    text-align:         center;
}

.menu-cart {
    position:           relative;
    margin-top:         6px;
    margin-left:        6px;
    padding:            6px;
}

.menu-cart img {
    margin:             0 auto;
}

.menu-cart .menu-cart-items {
    position:           absolute;
    top:                -4px;
    right:              -4px;
    width:              16px;
    height:             16px;
    line-height:        16px;
    background-color:   #d9171b;
    border-radius:      50%;
    text-align:         center;
    font-size:          8px;
    color:              #FFF;
}

.menu-main li a.current, .menu-main li a:hover {
	color:				#d9171b;
}

.menu-main li a.highlight {
    border:             0;
    border-radius:      0;
	background-color:	#d9171b;
    color:              #fff;
}


/* --------------------------------------------------------- */
/* -- PROMO ------------------------------------------------ */
.promo {
	margin: 			30px auto 0px auto;
	max-width: 			110px;
	text-align: 		center;
	font-family: 		'itc_eras_medium';
	font-size: 			14px;
	line-height: 		15px;
	font-weight: 		bold;
}

.promo-border {
    border:             1px solid #f1aa3d;
    border-radius:      3px;
    padding:            5px;
}

.promo img {
    display:            block;
	margin-bottom: 		0px auto 5px auto;
}

.promo a {
	text-decoration: 	none;
}


/* --------------------------------------------------------- */
/* -- SOCIAL MEDIA ICONS ----------------------------------- */
.social-media-icons {
    margin:             25px 0px 0px 0px;
	display: 			flex;
    flex-wrap:          wrap;
    justify-content:    space-between;
}

.social-media-icons a {
    margin-top:         5px;
    flex:               0 0 32px;
    font-size: 			32px;
    text-align:         center;
}

.fa-facebook-square {
	color: 				#3b5998;
}
.fa-twitter-square {
	color: 				#4099FF;
}
.fa-instagram {
	color: 				#3f729b;
}
.fa-youtube-square {
	color: 				#cd201f;
}
.fa-yelp {
	color: 				#af0606;
}
.fa-linkedin-square {
	color: 				#0077B5;
}

.fsm-link {
    margin-left:        10px;
    font-size:          14px;
}

.fsm-link span {
    color:              #626262;
}


/* --------------------------------------------------------- */
/* -- GALLERY ---------------------------------------------- */
#gallery {
	position: 			relative;
	margin: 			0px auto;
	width: 				100%;
	height: 			460px;
}

#gallery .gallery-title {
	display: 			none;
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	z-index: 			100;
	font-family: 		'michelineregular';
	font-size: 			32px;
	line-height: 		40px;
	text-align: 		center;
	color: 				#fff;
	text-transform: 	uppercase;
    text-shadow: 		1px 1px 4px rgba(0,0,0,0.75);
}

#gallery img {
	position:			absolute;
	z-index:			1;
}

#gallery img.active {
	z-index:			3;
}

/* -------------------------------------------------------------------------- */
/* -- HOMEPAGE/PAGE --------------------------------------------------------- */
.flex-row {
    display:            flex;
    justify-content:    space-between;
    margin-bottom:      50px;
}

.homepage-card {
    flex:               0 0 286px;
    border:             1px solid #DADADA;
    border-radius:      2px;
    padding-bottom:     25px;
}

.homepage-card h2 {
    margin-top:         25px;
    padding:            0px 25px;
    font-family:        'itc_eras_book';
    font-weight:        normal;
    font-size:          18px;
}

.homepage-card h2 a {
    text-decoration:    none;
    color:              #000;
}

.homepage-card p {
    margin-top:         20px;
    padding:            0px 25px;
    line-height:        14px;
}

.button-homepage {
    display:            inline-block;
    border-radius:      2px;
    background-color:   #d9171b;
    padding:            7px 15px;
    color:              #FFF;
    font-family:        'itc_eras_book';
    font-size:          14px;
    line-height:        25px;
    text-decoration:    none;
    cursor:             pointer;
}

.button-homepage img {
    margin-right:       8px;
    display:            inline-block;
    vertical-align:     middle;
}

.homepage-pantry, .homepage-pantry-image {
    background-color:   #FFF3E2;
    border:             1px solid #DADADA;
    padding:            50px 50px 0px 50px;
}

.homepage-pantry-image {
    display:            flex;
    padding:            0;
    height:             320px;
}

.homepage-pantry-image .pantry-image-large {
    flex:               0 0 320px;
}

.pantry-large-content {
    flex:               auto;
    padding:            25px;
}

.homepage-pantry-image .flex-row {
    margin-bottom:      15px;
    justify-content:    end;
}

.homepage-pantry-image .flex-row .homepage-pantry-card {
    margin-left:        15px;
}

.pantry-image {
    flex:               0 0 374px;
    margin-right:       25px;
}

.homepage-pantry-image .pantry-image {
    flex:               0 0 240px;
}

.corporate-image {
    flex:               0 0 227px;
    margin-right:       25px;
}

.pantry-main h2 {
    font-family:        'itc_eras_medium';
    color:              #000;
    line-height:        24px;
}

.pantry-main p {
    margin-top:         25px;
}

.pantry-main .flex-row {
    margin-top:         50px;
}

.homepage-pantry-card {
    flex:               0 0 80px;
    text-align:         center;
}

.homepage-pantry-card img {
    border:             1px solid #868686;
}

.homepage-pantry-card p {
    margin-top:         5px;
    color:              #000;
    font-size:          12px;
    line-height:        14px;
}

.homepage-link {
    font-weight:        normal;
    font-family:        'itc_eras_medium';
    font-size:          16px;
    color:              #222;
    text-decoration:    none;
}

.homepage-link img {
    display:            inline-block;
    margin-left:        25px;
    vertical-align:     middle;
    max-height:         16px;
}

.homepage-lead {
    margin:             75px 5px;
}

.homepage-lead h2 {
    text-align:         left;
    font-weight:        normal;
    font-family:        'itc_eras_demi';
    font-size:          24px;
    line-height:        28px;
    color:              #222;
}

.homepage-lead p {
    margin-top:         25px;
    font-family:        'Arial';
    font-weight:        normal;
    font-size:          16px;
    line-height:        18.4px;
    color:              #A2A2A2;
}

.card-testimonial {
    flex:               0 0 48%;
    border-radius:      2px;
    background-color:   #FFF3E2;
    padding:            25px 50px 50px 50px;
}

.card-testimonial p {
    margin-top:         25px;
    font-weight:        normal;
    font-family:        'itc_eras_medium';
    font-size:          16px;
    color:              #222;
}

.card-testimonial p:first-child {
    min-height:         70px;
}

.card-testimonial p.card-testimonial-source {
    font-family:        'Arial';
    font-weight:        bold;
    color:              #d9171b;
}

.card-testimonial p.card-testimonial-source img {
    display:            inline-block;
    margin-right:       10px;
    vertical-align:     middle;
    max-height:         34px;
}

.breadcrumb {
    margin:             10px 0px 15px 0px;
    font-size:          12px;
    line-height:        14px;
}

.homepage-feature {
    display:            flex;
    justify-content:    space-between;
    border:             1px solid #DADADA;
    background:         url('/images/site/homepage-background-feature.jpg') top left;
    padding:            20px;
}

.homepage-feature .homepage-feature-image {
    flex:               0 0 298px;
}

.homepage-feature .homepage-feature-text {
    flex:               0 0 540px;
    padding:            5px 0px;
    color:              #111;
    font-size:          14px;
    line-height:        18px;
}

.homepage-feature .homepage-feature-text p {
    margin-bottom:      20px;
}

.homepage-feature .homepage-feature-text p:last-child {
    margin-bottom:      0px;
}

.homepage-feature .homepage-feature-text a {
    color:              #000;
    font-family:        'itc_eras_bold';
    text-decoration:    underline;
    font-size:          16px;
    line-height:        28px;
}

.homepage-feature .homepage-feature-text h2 a {
    margin-bottom:      20px;
    font-family:        'itc_eras_medium';
    font-size:          24px;
    line-height:        32px;
}

/* -- ALTERNATIVE HOMEPAGE FEATURE ------------------------------------------ */
.homepage-feature-border {
    display:            flex;
    justify-content:    space-between;
    border:             1px solid #f1aa3d;
    padding:            5px;
}

.homepage-feature-border .homepage-feature-image {
    flex:               0 0 320px;
}

.homepage-feature-border .homepage-feature-border-text {
    flex:               0 0 540px;
    padding:            15px 10px;
    color:              #111;
    font-size:          14px;
    line-height:        18px;
}

.homepage-feature-border .homepage-feature-border-text h2 {
    margin-bottom:      20px;
}

.homepage-feature-border .homepage-feature-border-text h2 a {
    color:              #d9171b;
    font-family:        'itc_eras_medium';
    font-size:          24px;
    line-height:        32px;
}

.homepage-feature-border .homepage-feature-border-text p {
    margin-bottom:      20px;
}

.homepage-feature-border .homepage-feature-border-text p:last-child {
    margin-bottom:      0px;
}

.homepage-feature-border .homepage-feature-border-text a {
    color:              #000;
    font-family:        'itc_eras_bold';
    text-decoration:    underline;
    font-size:          16px;
    line-height:        28px;
}

/* -------------------------------------------------------------------------- */
/* -- INTERNAL PAGE TOP ----------------------------------------------------- */
.description {
    margin-bottom:  30px;
    text-align:     justify;
    color:          #000;
}

.quote {
    margin-top:     15px;
    color:          #d9171b;
    font-family:    'itc_eras_demi';
    font-size:      13px;
    font-weight:    bold;
    text-align:     right;
}

.page-detail-description p {
    margin-bottom:  15px;
}

/* --------------------------------------------------------- */
/* -- VARIETY PAGE ----------------------------------------- */
.entry-variety {
	margin-bottom: 		30px;
	min-height: 		300px;

}

h2.variety-category {
	margin: 			50px 0px 25px 0px;
	font-family: 		'itc_eras_light';
	font-size: 			24px;
	font-weight: 		bold;
	color: 				#f1aa3d;
}

h3.variety-title {
	margin-bottom: 		15px;
	color: 				#d9171b;
	font-family: 		'itc_eras_medium';
	font-size: 			16px;
	line-height: 		50px;
}

h3.variety-title img {
	display: 			inline-block;
	margin-left: 		15px;
	vertical-align:  	middle;
}

.variety-image {
	float: 				left;
	margin-right: 		15px;
	width: 				225px;
}

.variety-description {
	margin-left: 		240px;
}

.variety-description p {
	margin-bottom: 		15px;
}

.variety-link {
	text-align: 		right;
}

.variety-link .button {
	line-height:       24px;
}

/* -------------------------------------------------------------------------- */
/* -- PRODUCT LAYOUT -------------------------------------------------------- */
.product-grid {
    display:            flex;
    justify-content:    center;
    align-items:        flex-start;
    flex-wrap:          wrap;
}

.entry {
    flex:               0 0 33.33%;
	margin-top: 		35px;
	text-align: 		center;
}

.entry-large {
    flex:               0 0 40%;
	margin: 			35px 5% 0px 5%;
    height:             auto;
}

.entry a {
	text-decoration: 	none;
}

.entry a .entry-title {
	color: 				#990000;
	font-family: 		'itc_eras_medium';
	font-size: 			16px;
}

.entry a .entry-subtitle {
	color: 				#990000;
	font-family: 		'itc_eras_medium';
	font-size: 			14px;
}

.entry img {
	margin: 			0px auto 20px auto;
	max-width: 			225px;
	width: 				225px;
	height: 			225px;
}

.entry-large img {
	max-width: 			300px;
	width: 				300px;
	height: 			300px;
}


/* -------------------------------------------------------------------------- */
/* -- PRODUCT DETAIL -------------------------------------------------------- */
.product-detail, .page-detail {
    display:            flex;
    justify-content:    space-between;
    flex-wrap:          wrap;
}

.product-detail-image, .page-detail-image {
	flex:              0 0 50%;
}

.estimate-detail-column {
    flex:               0 0 45%;
    text-align:         left;
    margin-bottom:      0px;
}

.estimate-detail-column img {
    margin:             0px auto;
}

.product-detail-wrapper {
	height: 			460px;
	overflow: 			hidden;
}

.product-detail-image-main {
	position: 			relative;
}

.product-detail-description h2, .page-detail-description h2 {
    margin: 			30px 0px;
	font-family: 		'itc_eras_demi';
    line-height:        32px;
	font-size: 			28px;
    color:              #222;
    text-align:         left;
}

.product-detail-varieties {
    margin-top:         30px;
}

.product-detail-our-pear-sizes {
    margin-top:         30px;
    padding:            0px 30px;
}

.product-detail-image h3 {
	padding: 			5px;
	font-size: 			14px;
	font-family: 		'itc_eras_medium';
	color: 				#999999;
}

.product-detail-image img {
    margin:             0 auto;
}

.product-detail-description, .page-detail-description {
    flex:               0 0 50%;
	padding-left: 		30px;
	text-align: 		justify;
	color: 				#666666;
}

.product-detail-description h1 {
	margin-top: 		0px;
	font-size: 			32px;
	line-height: 		40px;
	text-transform: 	uppercase;
	font-family: 		'michelineregular';
}

.product-detail-description h1 img {
	display: 			inline-block;
	margin-left: 		15px;
	vertical-align: 	top;
	width: 				40px;
	height: 			40px;
}

.product-detail-options {
	margin-bottom: 		20px;
}

.product-detail-options li {
	margin: 			10px 0px;
}

.product-detail-description p {
	margin-bottom: 		15px;
}

.product-detail-sizes {
	font-size: 			14px;
	line-height: 		21px;
}

.product-detail-description ul {
	list-style-type: 	none;
	margin-left: 		0px;
	padding-left: 		0px;
}

.product-detail-description ul li a {
	font-size: 			14px;
}

.product-detail-back {
	margin-top: 		30px;
	text-align: 		left;
}

.product-gallery-strip {
	margin-top: 		10px;
    text-align:         center;
}

.product-gallery-strip img {
	display: 			inline-block;
	margin-right: 		10px;
	width: 				80px;
	height: 			80px;
	cursor: 			pointer;
}

/* --------------------------------------------------------- */
/* -- PRODUCT OVERLAY -------------------------------------- */
.product-overlay-image {
	margin:				30px 15px 0px 15px;
	float: 				left;
	width: 				275px;
}

.product-overlay-image img {
	margin: 			0px auto 15px auto;
	width: 				225px;
}

.product-overlay-image img.image-size-chart {
	margin: 			15px 0px;
	width: 				275px;
}

.product-overlay-image h2 {
	margin-bottom: 		0px;
	font-family: 		'itc_eras_medium';
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#9C0000;
	text-align: 		center;
}

.product-overlay-image h3 {
	margin-top: 		0px;
	margin-bottom: 		15px;
	font-family: 		'itc_eras_medium';
	font-weight: 		bold;
	font-size: 			12px;
	text-align: 		center;
}

.product-overlay-description {
	margin: 			30px 0px 0px 345px;
	width: 				400px;
}

.product-overlay-description img {
	margin: 			0px auto;
}

.product-overlay-description form {
	margin: 			15px 0px 30px 0px;
	text-align: 		center;
}

.product-overlay-description .product-overlay-size {
	margin: 			5px 0px 15px 0px;
}

.product-overlay-description .product-overlay-variety {
	margin: 			5px auto 10px auto;
	max-width: 			320px;
	height: 			auto;
	background-color: 	#FEF8F8;
	padding: 			5px;
	text-align: 		left;
}

.product-overlay-description h3 {
	margin: 			15px 0px;
	font-family: 		'itc_eras_demi';
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#9c0000;
	text-align: 		center;
}

.product-overlay-varieties {
	width: 				385px;
	height: 			180px;
	padding-right: 		15px;
	overflow-y: 		scroll;
}

.product-overlay-varieties-link {
	margin: 			15px 0px;
	text-align: 		center;
}

.product-overlay-varieties-tall {
	height: 			250px;
}

.product-overlay-varieties .entry-variety h3 {
	line-height: 		30px;
	text-align: 		left;
}

.product-overlay-varieties .entry-variety img.variety-image {
	width: 				70px;
	height: 			70px;
}

.product-overlay-varieties .entry-variety img.image-glyph {
	width: 				30px;
	height: 			30px;
}


.product-overlay-varieties .entry-variety .variety-description {
	margin-left: 		85px;
}


.product-overlay-description h3.overlay-title {
	margin: 			0px;
	line-height: 		18px;
}


#image-title {
    margin:             5px 0px 15px 0px;
    text-align:         center;
}

.overlay-subtitle {
	margin: 			0px;
	text-align: 		center;
}

.fruit-select-option {
	list-style-type: 	none;
	margin:				0px;
	padding: 			0px;
}

.fruit-select-option li {
	margin: 			0px 0px 5px 0px;
	display: 			inline-block;
	width: 				25%;
	line-height: 		14px;
	vertical-align: 	middle;
}

.fruit-select-option li input {
	vertical-align: 	middle;
}

.fruit-select-disabled {
	color: 				#666;
	text-decoration: 	line-through;
}


.content-overlay {
	padding: 			30px;
}

.content-overlay h2 {
	text-align:			right;
}

.content-overlay ul {
    margin-left:        15px;
}

.content-overlay ul li {
    margin-top:         10px;
}

.content-overlay img {
	margin: 		    20px auto;
}

/* -------------------------------------------------------------------------- */
/* -- NEWS TABS ------------------------------------------------------------- */
.tabs {
	list-style-type: 	none;
	margin: 			0px;
	margin-left: 		0px;
	padding: 			0px;
}

.tabs li {
	display: 			inline-block;
	margin-right: 		30px;
	width: 				200px;
	border-top: 		2px solid #faa105;
	border-left: 		2px solid #faa105;
	border-right: 		2px solid #faa105;
	background-color: 	#faa105;
}

.tabs li a.selected {
	background-color: 	#fff;
	margin-bottom: 		0px;
	color: 				#d9171b;
}

.tabs li a {
	display: 			block;
	padding: 			10px;
	line-height: 		16px;
	font-size: 			16px;
	font-family: 		'itc_eras_medium';
	text-decoration: 	none;
	text-align: 		center;
	color: 				#fff;
}

.panel {
	margin-top: 				-2px;
	border: 					2px solid #faa105;
	border-top-right-radius: 	10px;
	padding: 					0px 15px;
}

#events {
	display: 			none;
}

#events {
	padding-bottom: 	30px;
}



h3.news-title {
	margin-top: 		30px;
	font-family: 		'itc_eras_book';
	font-size: 			24px;
	line-height: 		30px;
}

.news-stories {
	padding-bottom: 	30px;
	line-height: 		20px;
	font-family: 		'itc_eras_book';
	font-size: 			15px;
	color: 				#000;
}

.news-stories a {
	text-decoration: 	none;
	color: 				#000;
}

.news-featured {
    display:            flex;
    flex-wrap:          wrap;
}

.entry-news-highlight {
	flex:               0 0 20%;
	box-sizing: 		border-box;
	margin-top: 		30px;
	width: 				20%;
	padding: 			0px 10px;
}

.entry-news-highlight img {
	margin: 			0px auto;
	width: 				160px;
	height: 			220px;
	margin-bottom: 		10px;
}

.entry-news-highlight p {
	height: 			60px;
	text-align: 		center;
	line-height: 		20px;
	font-size: 			16px;
	font-weight: 		bold;
}

.entry-news-highlight a {
	text-decoration: 	none;
	color: 				#000;
}


.entry-event {
	margin-top: 		30px;
}

.entry-event h3 {
	margin: 			0px;
	font-weight: 		bold;
}


.column-25 {
	float: 				left;
	box-sizing: 		border-box;
	width: 				25%;
}

.column-75 {
	float: 				left;
	box-sizing: 		border-box;
	margin-left:		5%;
	width: 				70%;
}


#event-form h2 {
	margin: 			30px 0px 15px 0px;
	font-family: 		'itc_eras_book';
	font-size: 			24px;
	line-height: 		30px;
}

#event-form form {
	background-color: 	#e7e7e7;
	padding: 			15px;
	font-weight: 		bold;
}


/* -------------------------------------------------------------------------- */
/* -- LANDING --------------------------------------------------------------- */
section {
	margin: 			0px auto 30px auto;
}

.landing-row {
    margin-top:         30px;
	display: 			flex;
	justify-content:	space-between;
}

.landing-column-33 {
	flex:				0 0 283px;
}

.landing-lead {
	box-sizing: 		border-box;
	position: 			relative;
	background: 		url('/images/site/landing/background-landing-v2.jpg') top left no-repeat;
    background-size: cover;
	width: 				100%;
	height: 			492px;
	padding: 			20px;
	color: 				#fff;
}

.landing-lead h1 {
    margin-top:         150px;
	margin-bottom: 		15px;
	font-family: 		'michelineregular';
	font-size: 			40px;
	color: 				#fff;
	text-align: 		left;
	text-shadow: 		1px 1px 3px rgba(0,0,0,0.5);
}

.landing-lead h2 {
	font-family: 		'michelineregular';
	font-size: 			22px;
	color: 				#fff;
	text-align: 		left;
	text-shadow: 		1px 1px 3px rgba(0,0,0,0.5);
}

.landing-column-33 h3 {
	margin: 			15px 0px;
	font-family: 		'itc_eras_medium';
	font-size: 			22px;
	text-align: 		center;
}

.landing-column-33 p {
	margin: 			15px 0px 0px 0px;
	font-size: 			16px;
	line-height:		20px;
}

.landing-column-33 p.landing-height {
    font-size:          14px;
	text-align: 		justify;
	min-height: 		80px;
}

.landing-column-33 img {
    display:            block;
}

.landing-lead .button-bottom {
	position: 			absolute;
	bottom: 			7px;
	right: 				7px;
	padding: 			5px 10px !important;
	text-align: 		center;
	text-transform: 	uppercase;
	font-family: 		Arial;
	font-weight: 		bold;
	font-size: 			17px;
	line-height: 		17px;
}

.landing-pantry {
	display: 			flex;
	background: 		url('/images/site/landing/background-pantry.jpg') top left no-repeat;
	padding: 			20px;
	color: 				#fff;
}

.landing-column-image {
	flex:				0 0 500px;
}

.landing-column-text {
	flex:				0 0 360px;
}

.landing-column-text h2 {
	margin: 			15px 0px 15px 0px;
	font-family: 		'itc_eras_medium';
	font-size: 			28px;
}

.landing-column-text p {
	margin-bottom: 		15px;
	font-family: 		Arial;
	font-size: 			17px;
	line-height:  		22px;
	text-align: 		justify;
}

.landing-column-text p.double-margin {
	margin-bottom: 		45px;
}

.landing-text-yellow {
	text-align: 		center;
	font-family: 		'itc_eras_medium';
	font-size: 			33px;
	color: 				#e5b940;
	margin-top:			42px !important;
	margin-bottom:		42px !important;
}

.landing-text-grey {
	background-color: 	#878585;
	padding: 			15px;
	text-align: 		center;
	line-height: 		35px;
	font-family: 		'itc_eras_medium';
	font-size: 			28px;
	color: 				#fff;
}

.landing-text-quote {
	border-top: 		2px solid #f2f0f0;
	border-bottom: 		2px solid #f2f0f0;
	padding: 			30px;
	font-style: 		'itc_eras_demi';
	font-size: 			15px;
}

.landing-text-quote .source {
	text-align: 		right;
}

.landing-text-quote-small p {
	margin: 			0px auto;
	max-width:			340px;
}

.landing-disclaimer {
	margin-top: 		-25px;
	text-align: 		center;
}

.button-landing {
	margin: 			0px 0px;
	display: 			block;
	width: 				100%;
	padding: 			5px 0px !important;
	text-align: 		center;
	text-transform: 	uppercase;
	font-family: 		Arial;
	font-weight: 		bold;
	font-size: 			17px !important;
}

section.landing-pantry {
	margin-top: 		45px;
	padding: 			70px;
}

.landing-column-margin-left {
	margin-left: 		70px;
}

.landing-pantry-items {
	list-style-type: 	none;
	margin: 			0px auto;
	max-width: 			360px;
}

.landing-pantry-items li {
	float: 				left;
	margin: 			0px 15px 15px 15px;
	max-width: 			145px;
	font-family: 		Arial;
	font-size: 			15px !important;
	font-style: 		italic;
	text-align: 		center;
}

.landing-pantry-items li img {
	border: 			6px solid #fca804;
	margin-bottom: 		6px;
}

/* -------------------------------------------------------------------------- */
/* -- ASIAN PEAR ------------------------------------------------------------ */
.ap-content {
    margin:             60px 0px;
    font-size:          15px;
    line-height:        20px;
}

.ap-content h2 {
    margin: 			15px 0px 30px 0px;
	font-family: 		'itc_eras_demi';
	font-size: 			28px;
    color:              #222;
}

.ap-content p {
    margin-bottom:      15px;
}

.ap-content .homepage-image-l {
    float:              left;
    margin-right:       15px;
    margin-bottom:      15px;
}

.ap-content .homepage-image-r {
    float:              right;
    margin-left:        15px;
    margin-bottom:      15px;
}

.ap-content ul {
    list-style:         none;
    padding-left:       0px;
}

.ap-content ul li {
    margin:             15px 0px;
    display:            flex;
    justify-content:    flex-start;
    align-items:        center;
}

.ap-content ul li h3 {
    flex:               0 0 80px;
}

.ap-content ul li img {
    flex:               0 0 50px;
}

.ap-content ul li p {
    flex:               0 1 auto;
    margin:             0px 0px 0px 15px;
}

/* -------------------------------------------------------------------------- */
/* -- SHOP PAGE ------------------------------------------------------------- */
.faq-question {
    font-weight:        bold;
    font-style:         italic;
}

/* -------------------------------------------------------------------------- */
/* -- RECIPE PAGE ----------------------------------------------------------- */
.faq-question {
    text-decoration:    underline;
}

/* -------------------------------------------------------------------------- */
/* -- CALENDAR -------------------------------------------------------------- */
.table-calendar {
	margin: 			0.5%;
	float: 				left;
	width: 				49%;
	border: 			1px solid #000;
	border-collapse: 	collapse;
	box-sizing: 		border-box;
}

.table-calendar th {
	background-color: 	#333;
	padding: 			10px 5px;
	color: 				#fff;
}

.table-calendar th.calendar-header {
	background-color: 	#000;
}

.table-calendar td {
	width: 				14.29%;
	border: 			1px solid #000;
	padding: 			10px 5px;
}

.calendar-cell-prev, .calendar-cell-next {
	background-color: 	#999;
}

.calendar-cell {
	cursor: 			pointer;
	background-color: 	#FFF;
}

.calendar-cell-blackout {
	background-color: 	#CCC;
}

.calendar-legend {
	margin-top: 		10px;
	width: 				100%;
	line-height: 		22px;
	text-align: 		center;
    font-weight:        bold;
}

.calendar-legend span {
	display: 			inline-block;
	width: 				20px;
	height: 			20px;
	border: 			1px solid #000;
	vertical-align: 	middle;
}

.calendar-arrows {
	display: 			flex;
	margin: 			20px 0px 1px 0px;
}

.calendar-arrows a {
	display: 			block;
	flex: 				0 0 50%;
	padding: 			5px 10px;
	background-color: 	#EEE;
	text-align:			center;
	box-sizing: 		border-box;
}


/* -------------------------------------------------------------------------- */
/* -- SHOPPING CART --------------------------------------------------------- */
.table-cart {
	width: 				100%;
	margin-top: 		10px;
	border-collapse: 	collapse;
	font-size: 			14px;
}

.table-cart th {
	color: 				#FCA804;
	padding: 			5px;
	border-bottom: 		1px solid #999999;
}

.table-cart td {
	padding: 			5px;
	vertical-align: 	middle;
	border-bottom: 		1px solid #999999;
	text-align:	 		left;
}

.table-cart td img {
	margin-top: 		5px;
	border: 			0px;
}

.table-cart td img.cart-thumb {
	width: 				100%;
	max-width:			50px;
}

.table-cart td.cart-quan {
	text-align: 		center;
}

.table-cart td.cart-price {
	text-align: 		right;
}

.table-cart td.cart-subtotal {
    font-weight:        bold;
    font-size:          1.2rem;
}

.table-cart td.cart-text {
	border: 			0px;
}

.flex-cart {
    margin-top:         30px;
    display:            flex;
    justify-content:    space-between;
    align-items:        flex-end;
}

.cart-disclaimer {
    flex:               0 0 360px;
    display:            flex;
    align-items:        center;
    border:             1px solid #e01c10;
    border-radius:      5px;
    background-color:   #FFF;
    padding:            10px;
    font-weight:        bold;
    color:              #000;
}

.cart-disclaimer-icon {
    flex:               0 0 44px;
    margin-right:       10px;
}

.cart-disclaimer p {
    margin-bottom:      0px;
}

.cart-promo {
    flex:               0 0 420px;
    margin:             0px;
}

.cart-promo .form-user {
    margin-bottom:      0;
}

.cart-promo-form {
    margin-left:        auto;
    border:             1px solid #FCA804;
    border-radius:      5px;
    padding:            15px;
    text-align:         left;
}


/* -------------------------------------------------------------------------- */
/* -- USER ADDRESS SECTION -------------------------------------------------- */
.customer-address-section {
	width: 				100%;
	display: 			flex;
	flex-wrap: 			wrap;
}

.customer-address {
	flex: 				1 0 300px;
	margin-top: 		10px;
	padding-top: 		10px;
}

/* -------------------------------------------------------------------------- */
/* -- INVOICE DETAIL -------------------------------------------------------- */
.invoice-wrapper {
    display:            flex;
    justify-content:    space-between;
    align-items:        flex-start;
}

.invoice-detail {
	flex:               auto;
	text-align: 		left;
}


/* -------------------------------------------------------------------------- */
/* -- MARKET BASKET --------------------------------------------------------- */
.market-basket {
	position: 	absolute;
	left: 		0px;
	top: 		-5px;
	z-index: 	1000;
	width: 		80px;
	height: 	45px;
}

/* -------------------------------------------------------------------------- */
/* -- FORMS ----------------------------------------------------------------- */
.user-wrapper {
	margin: 			3rem 0em 3rem 80px;
}

.user-wrapper-form {
	margin: 			2em auto;
	max-width: 			450px;
}

.user-wrapper-form ol {
    margin-top:         10px;
    margin-left:        30px;
}

.user-wrapper p {
	margin: 			10px 0px 0px 0px;
}


.form-split {
    display:            flex;
    color:              #000;
}

.form-split .form-section {
    flex:               0 0 50%;
    padding:            30px 60px;
}

.form-split .form-section:nth-child(2) {
    border-left:        1px solid #111;
}


.form-user {
	margin-bottom:		3em;
}

label {
	display: 			block;
	text-align:			left;
	color: 				#FCBF46;
	font-family: 		'itc_eras_medium';
	font-size: 			15px;
}

label.label-red {
	margin-bottom: 		5px;
	color: 				#d9171b;
}

form p {
	margin: 			10px 0px 0px 0px;
}

input, select, textarea {
	box-sizing: 		border-box;
	display: 			inline-block;
	border: 			1px solid #D8D8D8;
	border-radius: 		2px;
	background-color: 	#efefef;
	padding: 			3px 5px;
	font-size: 			14px;
	line-height: 		18px;
	color: 				#656565;
}

hr {
	margin:	 			2em 0;
    border:             0px;
	color: 				#D8D8D8;
	background-color: 	#D8D8D8;
	height: 			1px;
}

input.field-20, textarea.field-20 {
	margin-right: 		1%;
	width: 				19.0%;
}

input.field-25, textarea.field-25 {
	margin-right: 		1%;
	width: 				24.0%;
}

input.field-40, textarea.field-40 {
	margin-right: 		1%;
	width: 				39.0%;
}

input.field-50, textarea.field-50 {
	margin-right: 		1%;
	width: 				49.0%;
}

input.field-75, textarea.field-75 {
	margin-right: 		1%;
	width: 				74.0%;
}

input.field-100, textarea.field-100 {
	margin-right: 		1%;
	width: 				99%;
}

input.image-button {
	vertical-align: 	bottom;
	margin-left: 		10px;
	border: 			0px;
}

input.input-image {
	margin-top: 		3px;
	border: 			0px;
}

.checkout-button {
	margin-left: 		110px;
	border: 			0px;
}

.image-security {
	width: 				150px;
}

.instruction {
	margin: 		 	0px;
	border: 			0px;
	font-size: 			12px;
	font-style: 		italic;
}

.notify {
	color: 				#d9171b;
}

.highlight {
	display: 			block;
	border-radius: 		2px;
	border: 			1px solid #f1aa3d;
	padding: 			10px;
	color: 				#000;
}



.warning {
    margin:             10px 0px;
    border:             1px solid #FCA804;
    border-radius:      5px;
	padding: 			10px;
	font-size: 			14px;
}

.message {
    display: 			block;
	border-radius: 		2px;
	background-color: 	#d9171b;
	padding: 			5px;
	color: 				#fff;
    text-align:         left;
}

.error {
	display: 			block;
	border-radius: 		2px;
	background-color: 	#990000;
	padding: 			5px;
	color: 				#fff;
    text-align:         left;
}

.error a, .message a {
	color: 				#fff;
}

.success {
    margin:             10px 0px;
    background-color:   #009900;
    border-radius:      5px;
	padding: 			10px;
	font-size: 			14px;
	color: 				#FFF;
    text-align:         center;
}
.success a {
    color:              #FFF;
}

.small {
	font-size: 			10px;
}

.placeholder { color: #d0d0d0; }
::-webkit-input-placeholder { color: #d0d0d0; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #d0d0d0; }

/* --------------------------------------------------------- */
/* -- BUTTONS ---------------------------------------------- */
.button {
	display: 			inline-block;
	border: 			1px solid #d8d8d8;
	padding: 			3px 10px;
	vertical-align: 	top;
	text-decoration: 	none;
	font: 				normal 12px/18px 'itc_eras_medium', sans-serif;
	color: 				#fff;
	cursor: 			pointer;
}

.button span {
	font-size: 			18px;
}

.button:hover {

}

.button-red {
	background-color: 	#e01c10;
    border-color: 	    #e01c10;
}

.button-grey {
	background-color: 	#d8d8d8;
	color: 				#000;
}

.button-large {
    padding:            6px 15px;
    font-size:          15px;
    line-height:        28px;
    text-transform:     uppercase;
}

.button img {
    margin-left:        5px;
    float:              right;
}

.button-border {
    border:             1px solid #f1aa3d;
    color:              #000;
    font: 				normal 18px/35px 'itc_eras_medium', sans-serif;
}


/* -- CHECKOUT OVERLAY ------------------------------------------------------ */
.overlay-area {
	padding: 			40px;
}

.overlay-area h2 {
	color: 				#d9171b;
	font-size: 			20px;
	font-weight: 		bold;
}

.overlay-area p {
	margin-top: 		20px;
}

.overlay-area .form-user {
	margin-bottom: 		0px;
}

.overlay-area form p {
	margin: 			8px 0px 0px 0px;
}

.loading {
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
	display: 			none;
	justify-content: 	center;
	align-items: 		center;
	background: 		rgba(0,0,0,0.2);
}

.loading-active {
	display: 			flex;
}


/* -- FILTER FORM ----------------------------------------------------------- */
#filter-form input[type=text] {
	background-color: 	#fff;
}

#filter-form input[type=button] {
	margin-top: 		5px;
}

/* -- COLORBOX ------------------------------------------------- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

	#cboxOverlay{background:#fff;}

	#colorbox{outline:0; border: 1px solid #bbb; box-shadow:0px 0px 10px #666;}
    #cboxTopLeft{display:none;}
    #cboxTopCenter{display:none;}
    #cboxTopRight{display:none;}
    #cboxBottomLeft{display:none;}
    #cboxBottomCenter{display:none;}
    #cboxBottomRight{display:none;}
    #cboxMiddleLeft{display:none;}
    #cboxMiddleRight{display:none;}
    #cboxContent{background:#fff; background-color:#fff; padding:0px; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxLoadedContent{margin-bottom:0px;}
        #cboxClose{position:absolute; top:5px; left:5px; display:block; color:#9c0000; height:30px; font-size:30px; line-height:30px; text-shadow: 0px 0px 3px #666;}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* -- PEAR CARE OVERLAY ----------------------------------------------------- */
.container-overlay {
	margin: 		30px;
}

.body-overlay {
	margin: 		30px;
	font-size: 		14px;
}

.body-overlay ul {
	margin-left: 	30px;
}

.body-overlay ul li {
	margin-top: 	15px;
}

.body-overlay img {
	margin: 		15px auto;
}

/* -------------------------------------------------------------------------- */
/* -- TABLET ---------------------------------------------------------------- */
@media all and (max-width: 768px) {

	.container {
		margin: 			50px auto 30px auto;
	}

	.product-detail-description, .page-detail-description {
		box-sizing: 		border-box;
		padding-right: 		15px;
	}

	.product-detail-description h1 {
		font-size: 			26px;
	}

	nav {
		position: 			fixed;
        justify-content:    space-between;
		top: 				0;
		left: 				0;
		z-index: 			1001;
		width: 				100%;
		height: 			50px;
		background-color: 	#fff;
		border-bottom: 		1px solid #CCC;
		box-shadow: 		0px 2px 5px rgba(0,0,0,0.3);
		text-align: 		right;
	}

    h2 {
    	line-height:       28px;
    }

    .menu-cart {
        flex:               0 0 50px;
    }

    .menu-cart .menu-cart-items {
        right:              5px;
    }

	#menu-icon {
        flex:               0 0 50px;
		margin: 			0px;
		display:			block;
		padding: 			9px;
		text-decoration: 	none;
		color: 				#fff;
		background-color: 	#f1aa3d;
		text-transform: 	uppercase;
		vertical-align: 	middle;
	}

	.menu-main {
		display: 			none;
		list-style-type: 	none;
		position: 			absolute;
		top: 				50px;
		z-index: 			1001;
		margin: 			0px;
		padding: 			0px;
		text-align: 		center;
		background-color: 	#d9171b;
		font-size: 			20px;
		font-family: 		'itc_eras_demi';
		box-shadow: 		0px 2px 5px rgba(0,0,0,0.6);
	}

	.menu-main li {
		display: 			block;
	}

	.menu-main li.menu-separator {
		display: 			none;
	}

	.menu-main li a {
		display: 			block;
		padding: 			20px 10px;
		color: 				#fff;
		text-decoration: 	none;
	}

	.menu-main li a.current, .menu-main li a:hover {
		color:				 #fff;
	}

	.image-header {
        flex:               0 1 auto;
		display: 			block;

	}

    .image-header img {
        display:            block;
        max-width:          none;
        width:              auto;
        height:             40px;
    }

    nav > .image-header {
        margin-left:        15px;
    }

	.image-back {
		display: 			block;
		flex:               0 0 35px;
		margin: 			0px;
		width: 				50px;
		height: 			50px;
		font-size: 			30px;
		line-height: 		50px;
		text-align: 		right;
	}

	.column-left {
		display: 			none;
	}

	.content {
		margin-left: 		0px;
	}

	.content h1 {
		font-size: 			26px;
		text-align: 		right;
	}

	.desktop-hide {
		display: 			block;
	}

	.promo {
		margin:				10px auto 10px auto;
	}

	footer {
		margin: 			15px;
		line-height: 		1.3em;
		text-align: 		center;
	}

    .mobile-mailing {
        display:            block;
        margin-bottom:      20px;
        text-align:         center;
    }

	.social-media-icons {
		margin:				0px 20px 15px 20px;
		font-size: 			32px;
	}

	.landing-lead {
		height:  			360px;
	}

	.landing-lead h1 {
		text-align:			left;
	}

	.landing-lead h2 {
		text-align:			left;
	}

	.landing-column-33 {
		flex:				0 0 232px;
	}

	.landing-column-33 p, .landing-column-text p {
		line-height: 		18px;
		font-size: 			14px;
	}

	.landing-text-yellow {
		font-size: 			28px;
	}

	section.landing-pantry {
		padding: 			15px;
	}

	.landing-pantry {
		display: 			flex;
		background: 		url('/images/site/landing/background-pantry.jpg') top left repeat-y;
		color: 				#fff;
	}

	.landing-column-image {
		flex:				0 0 400px;
	}

	.landing-column-text {
		flex:				0 0 314px;
	}

	.landing-column-text h2 {
		font-size: 			24px;
	}

	.landing-pantry {
		padding: 			0px;
	}

	.landing-column-margin-left {
		margin-left: 		30px;
	}

	.landing-pantry-items li {
		margin: 			0px 5% 15px 5%;
		width: 				40%;
		font-size: 			12px !important;
	}

}

/* ----------------------------------------------------------- */
/* -- MOBILE ------------------------------------------------- */
@media all and (max-width: 480px) {

    .mobile-hide {
    	display: 			none;
    }

	.column-left {
		display: 			none;
	}

	.content {
		margin-left: 		0px;
	}

	.content h1 {
		margin: 			15px 0px;
		font-size: 			20px;
		text-align: 		center;
	}

	.description, .homepage {
		margin: 			5%;
		width: 				90%;
		text-align: 		justify;
	}

    .homepage-feature {
        display:            block;
        max-width:          328px;
    }

    .homepage-feature-text {
        margin:             10px 0px 0px 0px;
        padding-bottom:     0px;
    }

    .homepage-feature-text h2 {
        margin-bottom:      10px;
    }

    .homepage-feature-border {
        flex-direction:     column-reverse;
        max-width:          320px;
    }

    .homepage-feature-border .homepage-feature-border-text {
        flex:               0 0 100%;
    }

    .homepage-pantry-image {
        display:            block;
        max-width:          320px;
        height:             auto;
    }

    .homepage-pantry-content {
        display:            block;
    }

    .homepage-pantry {
        padding:            10px;
    }

    .pantry-image {
        margin:             0 0 20px 0;
    }

    .pantry-image img {
        margin:             0 auto;
    }

    .homepage-pantry-card {
        flex:               0 0 48%;

    }

    .pantry-large-content {
        padding:            15px;
    }

    .homepage-pantry-image .flex-row:last-child {
        margin-top:         30px;
        margin-bottom:      0px;
    }

    .homepage-pantry-image .flex-row .homepage-pantry-card {
        margin:             0;
        margin-bottom:      20px;
    }

    .homepage-pantry-card img {
        margin:             0px auto;
    }

    .homepage-testimonials {
        display:            block;
    }

    .card-testimonial {
        margin:             10px auto;
        max-width:          320px;
        padding:            10px;
    }

    .card-testimonial p {
        margin-top:         0;
    }

    .card-testimonial p.card-testimonial-source {
        margin-top:         20px;
    }

	.variety-image {
		float: 				none;
		margin: 			15px auto;
		width: 				225px;
	}

	.variety-description {
		margin-left: 		15px;
	}

	.entry {
		display: 			block;
		width: 				100%;
        height: 			auto;
	}

    .entry-large {
    	margin: 			30px 0px 0px 0px;
    	width: 				100%;
    }

	.entry img {
		margin-bottom: 		5px;
	}

	#gallery {
		margin-top: 		15px;
		height: 			200px;
	}

    .product-detail-image, .page-detail-image {
    	flex:               0 0 100%;
    }

    .product-detail-description, .page-detail-description {
        flex:               0 0 100%;
        margin: 		    30px 0px;
        padding-left: 		0px;
    }

	.product-detail-wrapper {
		height: 			240px;
	}

	.product-detail-image-main {
		margin: 			0px auto;
		max-width: 			240px;
	}

    .estimate-detail-column {
        display:            block;
        flex:               0 0 100%;
    }

    .estimate-detail-column h1 {
        margin:             10px 0px;
        font-size:          18px;
    }

    .estimate-detail-column img {
        max-width:          150px;
    }

	.product-detail-description {
		padding: 		    0px;
		width: 			    100%;
	}

    .product-detail-varieties, .product-detail-options {
        margin:             0px;
    }

	.product-detail-image h3 {
		text-align: 		center;
	}

	.product-gallery-strip img {
		width: 				60px;
		height: 			60px;
	}

	.product-overlay-image {
		float: 				none;
		margin: 			0px auto;
		width: 				225px;
	}

	.product-overlay-description {
		margin: 			15px 0px;
        width:              100%;
	}

    .product-overlay-varieties {
        width:              100%;
    }

	#product-select-size {
		max-width: 			90%;
	}

    #shipping-estimate-form select {
        max-width:          240px;
    }

	.tabs li {
		margin: 			0px;
		width: 				50%;
		box-sizing: 		border-box;
	}

	.panel {
		border-top-right-radius: 	0px;
	}

	.entry-news-highlight {
		width: 				50%;
	}

	.column-25 {
		float: 				none;
		margin: 			5%;
		width: 				90%;
	}

	.column-75 {
		float: 				none;
		margin: 			5%;
		width: 				90%;
	}

	footer {
		margin: 			15px;
		line-height: 		1.3em;
		text-align: 		center;
	}

	.social-media-icons {
		margin:				0px 20px 15px 20px;
		font-size: 			32px;
	}

	.landing-row, .landing-pantry {
		display: 			block;
	}

	.landing-column-33 {
		margin: 			0px auto 30px auto;
	}

	.landing-column-33 img {
		margin: 			5px auto;
	}

	.landing-lead {
		padding: 			5px;
		height:  			240px;
	}

	.landing-lead h1 {
		margin-top: 		35px;
        margin-bottom:      5px;
        padding-bottom:     0px;
		font-family: 		'michelineregular';
		text-align: 		left;
	}

	.landing-lead h2 {
		font-size: 			14px;
		text-align: 		left;
	}

	.landing-lead .button-bottom {
		bottom:				5px;
		font-size:          12px;
	}

	.landing-text-yellow {
		font-size: 			24px;
		line-height: 		30px;
	}

    .flex-row {
        flex-wrap:          wrap;
        justify-content:    center;
        margin-bottom:      20px;
    }

    .flex-cart {
        display:            block;
    }

    .cart-disclaimer, .cart-promo {
        margin:             0;
    }

    .cart-disclaimer {
        margin-bottom:      20px;
    }

    .homepage-card {
        margin-bottom:      20px;
    }

    .homepage-pantry {
        padding:            10px;
    }

    .pantry-image {
        margin:             0 0 20px 0;
    }

    .homepage-pantry-card {
        flex:               0 0 48%;
    }

    .homepage-pantry-card img {
        margin:             0px auto;
    }

    .card-testimonial {
        padding:            10px;
    }

    .card-testimonial p {
        margin-top:         0;
    }

    .card-testimonial p.card-testimonial-source {
        margin-top:         20px;
    }

    .ap-content .homepage-image-r, .ap-content .homepage-image-l {
        float:              none;
        margin:             0px auto 15px auto;
    }

    .corporate-image {
        margin-bottom:      15px;
    }

    .form-split {
        display:            block;
    }

    .form-split div {
        padding:            15px;
    }

    .form-split div:nth-child(2) {
        border-left:        none;
    }

    footer {
        display:            block;
        margin:             0px;
        padding:            0px;
    }

    .footer-social-media {
        display:            block;
        margin-top:         20px;
        width:              100%;
        text-align:         center;
    }

    .overlay-area {
    	padding: 			20px;
    }

    .overlay-area h2 {
    	color: 				#d9171b;
    	font-size: 			16px;
        line-height:        20px;
    	font-weight: 		bold;
    }

    .overlay-area p {
    	margin-top: 		10px;
    }

}