@charset "utf-8";
/* CSS Document */
/**************************** SITE STYLES ****************************/
html { background-color: #333333; }
body { background-color: #333333; color: #000; font-family: 'Titillium Web', sans-serif; }
a { color: #346094; }
a:hover, a:active { color: #969696; }
h1 { color: #333; font-family: 'Titillium Web', sans-serif; font-size: 2em; font-weight: 700; }
h2 { color: #000; font-family: 'Titillium Web', sans-serif; font-size: 1.75em; font-weight: 700; }
h3 { color: #000; font-family: 'Titillium Web', sans-serif; font-size: 1.5em; font-weight: 700; margin-top: 0; }
h4 { color: #000; font-family: 'Titillium Web', sans-serif; font-size: 1.25em; font-weight: 700; margin-top: 0; }
p { color: #000; font-family: 'Titillium Web', sans-serif; font-size: 1.25em; font-weight: normal; }
address { font-size: 1.25em; }
li { color: #000; font-family: 'Titillium Web', sans-serif; font-size: 1.25em; }
hr {border-color: #ddd}
img[src$=".svg"] { max-height: 100%; }
.new {color:#666;}
.img-responsive { width: 100%; }
.img-border { border: 1px solid #BDBDBD; }
img.shadow { -moz-box-shadow: 3px 3px 10px 3px rgba(100,100,100,0.5); -webkit-box-shadow: 3px 3px 10px 3px rgba(100,100,100,0.5); box-shadow: 3px 3px 10px 3px rgba(100,100,100,0.5); margin-top: 2em; }
img.vertical-image { height: 297px; width: 147px !important; }
.icon { align-self: center; display: inline-flex; line-height: 1; }
.icon svg { height: 0.75em; width: 0.75em; }
.icon svg.larger { height: 1em; width: auto; }
.icon svg.margin-right { margin-right: 0.35em; }
.container { background-color: #ffffff; }
.form-control { background-color: #ffffff; border-radius: 0; border-color: #b4ca2b; color: #000; padding-left: 6px; padding-right: 6px; }
.req { color: #c92329; }
.btn-default { background-color: #b4ca2b; border: none; border-radius: 0; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 700; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default { background-color: #cccccc; }
.panel-group { margin-bottom: 0; }
.buffer-bottom { margin-bottom: 12px; }
.thumbnail { border: none; border-radius: 0; padding: 0; }
.thumbnail .caption { text-align: center; }
.thumbnail p { margin-bottom: 0; }
.thumbnail.custom { background: #346094; padding: 4px; }
.thumbnail.custom h3, .thumbnail.custom p { color: #fff; }
/************************** MODAL STYLES ******************************/
.modal-content { background-color: #ffffff; border-radius: 0px; margin-top: 80px; }
.modal-content .btn { text-decoration: none; }
.close { color: white; }
.close:focus, .close:hover { background-color: transparent; }
.modal-dialog { width: 75%; margin: 0 auto; }
.modal-header { border: none; color: #333333; margin: 0; padding: 1em; text-align: center; }
.modal-header .btn { font-size: 3em; margin-top: -.5em; padding: 0; }
.modal-header a { text-decoration: none; }
.modal-header a.btn { color: #b4ca2b; }
.modal-header a.btn:hover { color: #333333; }
.modal-title { font-size: 1.25em; color: #b4ca2b; display: inline-block; line-height: 1.12em; margin: 0 auto; }
.modal-footer { padding: 5px 15px; border-top: none; }
.modal-open { padding-right: 0px !important; }
div#myModal { padding-right: 0px !important;background-color: #fff; height: 90%; margin: auto; overflow: auto; width: 85%; }
.center { margin: 0 auto; }
.modal-footer { padding: 1em; }
.modal-footer a.btn { color: #ebab21; font-size: 1.5em; font-weight: bold; }
.modal-footer .btn { font-size: 1em; padding: 0; }
.modal-footer a:hover { color: white; }
/************************** /MODAL STYLES ******************************/
/**************************** PREHEADER STYLES ****************************/
#preheader { background-color: #f26523; color: #FFFFFF; padding: .75em 1em; text-align: right; }
#preheader #connect { font-size: 1.25em; font-weight: bold; text-align: left; }
#preheader #connect img { margin-left: .25em; margin-top: -0.25em; width: 1em; height:1em; }
#preheader .hashtag a {color:#ffffff; font-size:.75em;}
#preheader sup { font-size: 50%; vertical-align: text-top; line-height: 2; }
#preheader .fb-share-button { margin-top: 4px; display: block !important; }
#preheader .input-group .form-control:last-child, #preheader .input-group-addon:last-child, #preheader .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-radius: 0; height: 28px; }
#preheader .fb_iframe_widget { z-index: 2 }
#preheader #Submit1 { padding: .25em .5em; }
/**************************** /PREHEADER STYLES ****************************/
/**************************** NAV STYLES ****************************/
#header { background-color: #fff; }
#brand { margin: 1em 0; position: relative; padding: 0 1em; width: 200px; z-index: 100; }
.navbar { border-radius: 0; font-family: 'Raleway', arial, sans-serif; font-size: 1.5em; margin-top: -3.3em; min-height: 0; }
.navbar li { font-size: 1em; }
.navbar-default { background-color: transparent; border: none; font-weight: 700; z-index: 1; }
.navbar-default .navbar-nav > li > a { background-color: transparent; color: #346094; margin-left: 0; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #b4ca2b; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #000000; }
.navbar-right .dropdown-menu { left: 0; }
.dropdown-menu a { color: #333; }
.dropdown-menu > .active > a { background-color: #cccccc; color: #333; }
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #346094; color: #fff; }
.dropdown-menu { background-color: #fff; }
.dropdown .dropdown-toggle { position: absolute; right: -15px; top: 0; }
/**************************** /NAV STYLES ****************************/
/**************************** BREADCRUMB STYLES ****************************/
.breadcrumb { background-color: #efefef; border-radius: 0; color: #333; font-size: .85em; font-weight: 700; list-style: none outside none; margin-bottom: 0; padding: 8px 15px; text-transform: uppercase; }
.breadcrumb .active { color: #333; }
.breadcrumb > li + li:before { color: #333; content: "\003E"; }
.breadcrumb > li a { color: #333; }
/**************************** /BREADCRUMB STYLES ****************************/
/**************************** PAGE CONTENT STYLES ****************************/
.page-content { padding: 1em 1em; } 
.page-content h1:nth-child(1) { margin-top: 0; } 
/**************************** /PAGE CONTENT STYLES ****************************/
/**************************** FOOTER STYLES ****************************/
footer { background-color: #757575; color: #fff; font-family: 'Titillium Web', sans-serif; padding: 1.5em 3em 0 3em; }
footer h4 a { color: #fff; }
footer ul { list-style: none; font-size: .75em; padding: 0px; }
footer li a, footer p a { color: #fff; font-weight: normal; text-decoration: underline; }
footer a:active, footer a:visited { color: #fff; }
footer a:hover { color: #333; }
footer #tsfc-logo { margin-bottom: 1em; }
footer #ca { font-size: 1.25em; font-weight: 700; margin-top: 1em; }
footer #footer-last-col img { margin-top: 4em; }
footer p, footer address { color: #fff; font-size: 1em; margin: 0; }
footer p.copyright { color: #fff; font-size: .75em; font-weight: normal; margin: 2em 0 1em 0; text-align: left; }
#menu-footer-col-1 a {text-decoration:none; font-size:18px; font-weight:700;}
/**************************** /FOOTER STYLES ****************************/
/************************** HOME STYLES ******************************/
/* CUSTOMIZE THE  MAIN CAROUSEL -------------------------------------------------- */
/* Carousel base class */
.carousel { margin-left: -15px; margin-right: -15px; margin-top: 0; }
.carousel .item { background-color: #FFF; }
.carousel-control { background: none; filter: none; }
.right.carousel-control, .left.carousel-control { background-color: none; background-image: none; filter: none; height: 55px; opacity: 1; top: 40%; width: 40px; margin: 0 .5em; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: inline-block; position: absolute; left: .5em; top: .85em; z-index: 5; }
.carousel-indicators { bottom: 5px; left: 100%; margin-left: -17%; text-align: right; width: 15%; }
.carousel-indicators .active { background-color: #b4ca2b; border: 1px solid #58a253; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 1.25em; width: 1.25em; margin: 1px 1px 1px .5em; }/*3 indicators use 2em W & H*/
.carousel-indicators li { background-color: #FFFFFF; border: 1px solid #58a253; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 1.25em; margin-left: .5em; width: 1.25em; } /*3 indicators use 2em W & H*/
/* VIDEO */ 
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* PRODUCT CAROUSEL */
#myProductCarousel { margin-top: 1em; text-align: center; }
#myProductCarousel.carousel { margin-bottom: 1em; }
#myProductCarousel h1 { text-align: left; }
#myProductCarousel p.variety-caption { font-weight: 700; line-height: 1; margin-top: .5em; text-transform: uppercase; }
/* HORIZONTAL RULE */
#rule { background-color: #000000; margin: 0 -15px; padding: 0; }
#rule hr { background-color: #ef2f24; border: solid 3px #ef2f24; padding: .15em 0 0 0; margin: .5em 0 0 0; }
/* FACEBOOK */
#facebook { background: #94a547; padding: 2em 4em; }
#facebook .home-head { margin-bottom: 1.5em; }
/* INFO CARDS */
.info-card { background-color: #efefef; font-size: .8em; margin: 1em 0; padding: 1.5em; }
.info-card h1 { background: #b4ca2b; border-bottom: 3px solid #efefef; color: #000; margin: 0 0 .5em 0; padding: .5em; }
.info-card p { color: #333; margin: 0; padding: 0; }
/* /INFO CARD */
/* JUMBOTRON */
.container .jumbotron { background: #346094; border-radius: 0; margin: 2em 0 0 0; text-align: center; }
.container .jumbotron h1, .container .jumbotron p { color: #fff; }
/* JUMBOTRON */
/**************************** TESTIMONIALS ****************************/
.testimonial { background: #346094; font-size: .85em; margin: 15px 0 0 0; padding: 1.5em; }
.testimonial p { color: #fff; margin: 0; }
.testimonial .source { font-style: italic; }
/**************************** /TESTIMONIALS ****************************/
/************************** /HOME STYLES ******************************/
/************************** GENERAL PRODUCTS PAGE STYLES ******************************/
.hero { padding: 0 }
.headline { background-color: #b4ca2b; padding: .75em 0; }
.headline h1 { color: #000; margin: 0; padding: 0; text-align: center; }
.zebra-light { background-color: #ffffff; border-bottom: 5px dotted #d8e7b4; }
.zebra-light a img { margin: 2em 0; }
.zebra-dark { background-color: #ffffff; border-bottom: 5px dotted #d8e7b4; }
.zebra-dark a img { margin: 2em 0; }
.product-stripe { padding: 0 3em; }
.product-stripe h2 a { font-size: 1.75em; }
.product-stripe img { margin: 1em 0; }
.last { border-bottom: none; }
.product-text h3 a { text-decoration: underline; }
/************************** /GENERAL PRODUCTS PAGE STYLES ******************************/
/************************** INDIVIDUAL PRODUCT PAGE STYLES ******************************/
#indiv-product { padding-bottom: 3em; }
.indiv-product .product-container { padding: 0 3em; }
.indiv-product .fb-like { float: left; margin-right: .5em; }
.indiv-product .pinit-btn { float: left; }
.indiv-product h1 { text-align: right; }
.indiv-product p { text-align: right; }
.recipe h1 { text-align: left; }
.recipe p { text-align: left; }
.recipe-text ol, .recipe-text ul { margin-left: -1.5em; }
.indiv-product .social-row { margin: 1em 0; }
.button-row { margin: 4em -15px 2em -15px; text-align: center; }
.button-row .btn { font-size: 1.5em; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; }
.button-row .cooking { letter-spacing: -.5px; }
.indiv-product .center-social { display: table; margin: 1em auto 0 auto; text-align: center; }
#indiv-product .panel-group .panel { border-radius: 0; }
#indiv-product .panel-heading { background-color: #b4ca2b; border-radius: 0; color: #fff; }
#indiv-product .panel-heading a { font-family: 'Titillium Web', sans-serif; font-weight: 700; }
#indiv-product #accordion p { font-size: 1em; margin: .5em; text-align: left; width: 95%; }
#indiv-product #accordion h2 { font-size: 1.5em; margin: .5em .5em .25em .25em; text-align: left; width: 95%; }
#indiv-product #accordion table { font-size: 1em; margin: .5em; text-align: left; width: 95%; }
/* accordion */
.panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ background-color: #b4ca2b; color: #fff; margin: -.25em 0 0 -.25em; padding: .25em; font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */ content: "\2212";    /* adjust as needed, taken from bootstrap.css */ float: right;        /* adjust as needed */ }
.panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\2b";    /* adjust as needed, taken from bootstrap.css */ }
/* /accordion */
#indiv-product #wtb-btn { margin: .5em 0 3em 0; width: 100%; }
#indiv-product #wtb-btn .btn-default { background-color: #b4ca2b; font-family: 'Titillium Web', sans-serif; }
#indiv-product #wtb-btn a { font-size: 1.15em; text-align: left; width: 100%; }
#indiv-product #wtb-btn a:hover { color: #FFFFFF; text-decoration: underline; }
/********* NUTRITION MODAL *****************/
.nutrition { margin: auto; width: 50%; }
/************************** /INDIVIDUAL PRODUCT PAGE STYLES ******************************/
/************************** OUR STORY PAGE STYLES ******************************/
.our-story-img { padding-bottom: 1em; }
/************************** /OUR STORY PAGE STYLES ******************************/
/************************** CONTACT PAGE STYLES ******************************/
#contact-us p.fine { font-size: 1em; margin-left: 0; }
.state { padding-left: 0; padding-right: 0; }
.zip { padding-left: 15px; padding-right: 0; }
ul.parsley-error-list li { color: #c92329; display: inline !important; font-size: .9em; line-height: 1; margin: 0; padding: .5em 0 0 0; }
/************************** /CONTACT PAGE STYLES ******************************/
/************************** SITE MAP PAGE STYLES ******************************/
#site-map { padding-bottom: 2em; }
#site-map ul { list-style: none; }
#site-map li li { font-size:1em; }
/************************** /SITE MAP PAGE STYLES ******************************/
/************************** PRIVACY PAGE STYLES ******************************/
#privacy h2 { margin-top: 0; }
#privacy p { font-size: 1em; }
#privacy a { text-decoration: underline; }
/************************** /PRIVACY PAGE STYLES ******************************/
/************************** TERMS PAGE STYLES ******************************/
#terms p { font-size: 1em; }
/************************** /TERMS PAGE STYLES ******************************/
/************************** ERROR PAGE STYLES ******************************/
.error a { text-decoration: underline; }
/************************** /ERROR PAGE STYLES ******************************/

@media (max-width: 767px) {
h1 { font-size: 1.25em; }
h2 { font-size: 1.15em; }
h3 { font-size: 1.1em; }
p { font-size: 1.1em; }
/* MODAL */
#myModal { height: 100%; width: 100%; }
#myModal .modal-header a.btn { display: block; margin-bottom: 1em; z-index: 1000; }
#myModal .modal-body { padding-top: 0; }
/**************************** PREHEADER STYLES ****************************/
#preheader #desktop-find { display: none; }
#preheader #tablet-find { display: none; }
#preheader { padding-left: 0; padding-right: 0; text-align: left; }
#preheader #mobile-find { padding-left: 0; padding-right: .5em; text-align: right; }
#preheader #connect img { margin-left: .5em; margin-top: -0.25em; width: 1em; }
#preheader #connect:first-child { margin-left: -.5em; }
#preheader #mobile-find { padding-left: 0; padding-right: .5em; text-align: right; }
#preheader .btn-default { font-size: .75em; padding-left: .5em; padding-right: .5em; }
/**************************** /PREHEADER STYLES ****************************/
/**************************** NAV STYLES ****************************/
#brand { float: left; margin-bottom: .5em; margin-top: .5em; /*width: 45%;*/ }
.nav > li { font-size: 1.75em; position: relative; vertical-align: top; } 
.navbar-nav > li > a { line-height: 1.75em; padding: 0 .5em; } 
.navbar { font-size: 1.1em; margin: 0 0 0 0; padding: 0; }
.dropdown-menu { min-width: 0px !important; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #000000; color: #e7e7e7; }
.dropdown .dropdown-toggle { left: 155px; padding: 0; position: absolute; top: 0; }
/**************************** /NAV STYLES ****************************/
/**************************** BREADCRUMB STYLES ****************************/
.breadcrumb { font-size: .75em; padding: .5em; }
.breadcrumb > li + li:before { padding: .5em; }
/**************************** /BREADCRUMB STYLES ****************************/
/**************** FOOTER STYLES ***********************************/
footer { padding: 1em; }
footer h4 { margin-top: 2em; }
footer li { margin-top: 2em; }
footer #ca { margin-top: 2em; }
footer p.copyright { text-align: center; }
footer #tsfc-logo { margin: auto; max-width: 194px; }
/**************** /FOOTER STYLES ***********************************/
/************************** HOME STYLES ******************************/
.carousel { margin-bottom: 0px; margin-top: -.5em; }
.carousel-indicators { bottom: -10px; left: 100%; margin-left: -26%; text-align: right; width: 25%; }
.carousel-indicators .active { height: .75em; margin: 0 0 0 .25em; width: .75em; }/*3 indicators use 1em W & H*/
.carousel-indicators li { height: .75em; margin-left: .25em; width: .75em; }/*3 indicators use 1em W & H*/
hr.black-rotator-bar { display: none; height: 0; margin: 0; padding: 0; }

/* HORIZONTAL RULE */
#rule { display: none; }
/* PRODUCT CAROUSEL STYLES */
#myProductCarousel .item { display: block; }
#myProductCarousel .carousel-control { display: none; }
#myProductCarousel { padding: 0 1em; }
#myProductCarousel .mobile-clearfix:after { clear: both; }
#myProductCarousel .mobile-clearfix:before, .mobile-clearfix:after { content: " "; display: table; }
#myProductCarousel p.variety-caption { font-size: 1em; }
/* /PRODUCT CAROUSEL STYLES */
/* INFO CARDS */
.info-card { min-height: 130px; }
.info-card h1 { font-size: 1.5em; }
.info-card p { font-size: 1.3em; }
/* /INFO CARD */
/* JUMBOTRON */
.container .jumbotron h1 { font-size: 3em; }
/* JUMBOTRON */
/************************** /HOME STYLES ******************************/
/************************** OUR PRODUCT PAGE STYLES ******************************/
#our-products p { font-size: 1.1em; }
#our-products .pull-right { float: none !important; }
/************************** /OUR PRODUCT PAGE STYLES ******************************/
/************************** OTHER PRODUCT PAGE STYLES ******************************/
#other-products p { font-size: 1.1em; }
.other-banner .btn { margin: .25em 0 0 1em; }
/************************** /OTHER PRODUCT PAGE STYLES ******************************/
/************************** GENERAL PRODUCT PAGE STYLES ******************************/
.headline h1 { font-size: 1.25em; }
.product-stripe img { margin: 1em auto; }
.product-stripe h3 { text-align: center; margin-top: 0; }
.product-stripe p { text-align: center; }
.zebra-light .pull-right { float: none !important; }
/************************** /GENERAL PRODUCT PAGE STYLES ******************************/
/************************** INDIVIDUAL PRODUCT PAGE STYLES ******************************/
.indiv-product .product-container { padding: 0 1em; }
.indiv-product img { margin: 1em auto; }
.indiv-product h1 { text-align: center; font-size: 1.5em; }
.indiv-product p { text-align: center; }
.indiv-product .pull-right { float: none !important; }
.indiv-product div.social-row { margin-top: 0; width: 100%; }

.center-social { margin: 0 auto; display: table; text-align: center; }
.button-row { margin-top: 1em; }
.button-row .btn { font-size: 1.1em; margin-bottom: 1em; }
.button-row .col-xs-1, .button-row .col-xs-2, .button-row .col-xs-3, .button-row .col-xs-4, .button-row .col-xs-5, .button-row .col-xs-6, .button-row .col-xs-7, .button-row .col-xs-8, .button-row .col-xs-9, .button-row .col-xs-10, .button-row .col-xs-11, .button-row .col-xs-12 { padding-left: 5px; padding-right: 5px; }
/************************** /INDIVIDUAL PRODUCT PAGE STYLES ******************************/
/************************** SITE MAP PAGE STYLES ******************************/
#site-map ul { padding-left: .5em; margin-top: 1em; }
#site-map li { margin-bottom: 1em; }
#site-map #buffer {display:block; height:18px; margin-right:0;}
/************************** /SITE MAP PAGE STYLES ******************************/
/************************** ERROR PAGE STYLES ******************************/
.error h1 { margin-top: 0; }
/************************** /ERROR PAGE STYLES ******************************/
/************************** PRIVACY PAGE STYLES ******************************/
#privacy #buffer {display:block; height:18px; margin-right:0;}
/************************** /PRIVACY PAGE STYLES ******************************/
/************************** TERMS PAGE STYLES ******************************/
#terms #buffer {display:block; height:18px; margin-right:0;}
/************************** /TERMS PAGE STYLES ******************************/
}

/************************** CCPA STYLES ******************************/
/* Typography */
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}

/* Centering Three Splats on UGC Terms */
.center { text-align: center; }

.responsive-table {
	margin-bottom: 1em;
  overflow-x: auto;
}
.responsive-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
.responsive-table table th, .responsive-table table td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 0.75rem;
}
.responsive-table table th ul, .responsive-table table td ul {
  margin: 0;
}
.responsive-table ul li {
  font-size: 1em;
}
.responsive-table table th {
  text-align: center;
}
.responsive-table table tr:nth-child(even) {
  background-color: #f2f2f2;
}
/************************** /CCPA STYLES ******************************/
/************************** LEGAL STYLES ******************************/
#privacy a, #terms a { overflow-wrap: break-word; word-wrap: break-word; }
#privacy { position: relative; }
#privacy #mexico-privacy { font-size: 1.4rem; margin-bottom: 1.2rem; }
/************************** /LEGAL STYLES ******************************/

@media (max-width: 767px) {
  .navbar-nav li.dropdown>.dropdown-menu {
    display: block !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}