#tabs-controls:before, #where-to-buy-content form fieldset p:before, #search-results-content .controls-pagination:before, #detail-summary:before, #product-categories .product-categories-list:before,
#product-categories .product-flavors-list:before,
#product-categories .recipe-categories-list:before,
#product-categories .recipe-course-details-list:before,
#product-flavors .product-categories-list:before,
#product-flavors .product-flavors-list:before,
#product-flavors .recipe-categories-list:before,
#product-flavors .recipe-course-details-list:before,
#recipe-categories .product-categories-list:before,
#recipe-categories .product-flavors-list:before,
#recipe-categories .recipe-categories-list:before,
#recipe-categories .recipe-course-details-list:before,
#recipe-course-details .product-categories-list:before,
#recipe-course-details .product-flavors-list:before,
#recipe-course-details .recipe-categories-list:before,
#recipe-course-details .recipe-course-details-list:before, #tabs-controls:after, #where-to-buy-content form fieldset p:after, #search-results-content .controls-pagination:after, #detail-summary:after, #product-categories .product-categories-list:after,
#product-categories .product-flavors-list:after,
#product-categories .recipe-categories-list:after,
#product-categories .recipe-course-details-list:after,
#product-flavors .product-categories-list:after,
#product-flavors .product-flavors-list:after,
#product-flavors .recipe-categories-list:after,
#product-flavors .recipe-course-details-list:after,
#recipe-categories .product-categories-list:after,
#recipe-categories .product-flavors-list:after,
#recipe-categories .recipe-categories-list:after,
#recipe-categories .recipe-course-details-list:after,
#recipe-course-details .product-categories-list:after,
#recipe-course-details .product-flavors-list:after,
#recipe-course-details .recipe-categories-list:after,
#recipe-course-details .recipe-course-details-list:after {
  content: " ";
  display: table;
}
#tabs-controls:after, #where-to-buy-content form fieldset p:after, #search-results-content .controls-pagination:after, #detail-summary:after, #product-categories .product-categories-list:after,
#product-categories .product-flavors-list:after,
#product-categories .recipe-categories-list:after,
#product-categories .recipe-course-details-list:after,
#product-flavors .product-categories-list:after,
#product-flavors .product-flavors-list:after,
#product-flavors .recipe-categories-list:after,
#product-flavors .recipe-course-details-list:after,
#recipe-categories .product-categories-list:after,
#recipe-categories .product-flavors-list:after,
#recipe-categories .recipe-categories-list:after,
#recipe-categories .recipe-course-details-list:after,
#recipe-course-details .product-categories-list:after,
#recipe-course-details .product-flavors-list:after,
#recipe-course-details .recipe-categories-list:after,
#recipe-course-details .recipe-course-details-list:after {
  clear: both;
}

#tabs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
@media (max-width: 586px) {
  #tabs-controls {
    display: none;
  }
}
body #search-results-content #tabs-controls .tab-control {
  float: left;
  width: 33.33333%;
}
#tabs-controls a {
  color: #636363;
  display: block;
  font-family: "Varela Round", "Arial Rounded MT", Arial, "Helvetica", sans-serif;
  font-size: 1.14286em;
  line-height: 1.3125em;
  padding: 4px;
  text-decoration: none;
}
#tabs-controls a .tab-control-name {
  background: #ebe9e0;
  display: block;
  padding: 12px 0 11px;
  text-align: center;
}
#tabs-controls a.active {
  border-color: #ffffff;
  border-style: solid;
  border-width: 4px 4px 0;
  padding: 0;
}
#tabs-controls a.active .tab-control-name {
  background: #f7f7f3;
  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  -moz-box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  padding-bottom: 19px;
  position: relative;
}
#tabs-controls a.active .tab-control-name:after {
  background: #f7f7f3;
  bottom: -10px;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
}
#tabs-controls a.active .tab-control-name.left-tab-control-name:after {
  -webkit-box-shadow: inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  -moz-box-shadow: inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  box-shadow: inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
}
#tabs-controls a.active .tab-control-name.right-tab-control-name:after {
  -webkit-box-shadow: inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  -moz-box-shadow: inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  box-shadow: inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75);
}
#tabs-controls a:hover, #tabs-controls a:active, #tabs-controls a:focus, #tabs-controls a.active {
  color: #5ea924;
}

#tabs .tab {
  background: #f7f7f3;
  border: 4px solid #ffffff;
  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  -moz-box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  box-shadow: inset 0px 10px 10px -10px rgba(229, 227, 215, 0.75), inset -10px 0px 10px -10px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -10px rgba(229, 227, 215, 0.75), inset 10px 0px 10px -10px rgba(229, 227, 215, 0.75);
  margin-top: -4px;
  padding: 10px 20px;
}
.js #tabs .tab {
  display: none;
}
@media (max-width: 586px) {
  .js #tabs .tab {
    display: block;
  }
}
@media (max-width: 586px) {
  #tabs .tab {
    border: 0 none;
    -webkit-box-shadow: inset 0px 10px 10px -5px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -5px rgba(229, 227, 215, 0.75);
    -moz-box-shadow: inset 0px 10px 10px -5px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -5px rgba(229, 227, 215, 0.75);
    box-shadow: inset 0px 10px 10px -5px rgba(229, 227, 215, 0.75), inset 0px -10px 10px -5px rgba(229, 227, 215, 0.75);
    height: 76px;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
  }
}
#tabs .tab .mobile-btn {
  display: none;
}
@media (max-width: 586px) {
  #tabs .tab .mobile-btn {
    display: block;
    font-size: 1.85714em;
    line-height: 0.80769em;
    height: 76px;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 586px) {
  #tabs .tab .tab-content-body {
    padding: 0 4% 1em;
  }
}

/*! jQuery UI - v1.11.1 - 2014-09-03
* http://jqueryui.com
* Includes: core.css, accordion.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 0 2.2em;
  border-top: 0;
  overflow: auto;
  background: rgba(255, 255, 255, 0.5);
}

h1,
h2,
h3,
h4 {
  margin: 1em 0 0.2em;
  font-weight: normal !important;
  font-style: normal !important;
}

@media (max-width: 586px) {
  .h-xlg {
    font-size: 2.5em;
    line-height: 1.02em;
  }
}
@media (max-width: 320px) {
  .h-xlg {
    font-size: 2.14286em;
    line-height: 1.05em;
  }
}

@media (max-width: 767px) {
  .h-lg {
    font-size: 2.28571em;
    line-height: 1.05em;
  }
}
@media (max-width: 586px) {
  .h-lg {
    font-size: 2.14286em;
    line-height: 1.05em;
  }
}
@media (max-width: 320px) {
  .h-lg {
    font-size: 1.28571em;
    line-height: 1.4em;
  }
}

@media (max-width: 586px) {
  .h-med {
    font-size: 1.71429em;
    line-height: 1.225em;
  }
}
@media (max-width: 320px) {
  .h-med {
    font-size: 1.28571em;
    line-height: 1.4em;
  }
}

@media (max-width: 767px) {
  .h-sm {
    font-size: 1.71429em;
    line-height: 1.05em;
  }
}
@media (max-width: 586px) {
  .h-sm {
    font-size: 1.5em;
    line-height: 1em;
  }
}
@media (max-width: 320px) {
  .h-sm {
    font-size: 1.28571em;
    line-height: 1.4em;
  }
}

@media (max-width: 586px) {
  .xxlg {
    font-size: 1em;
    line-height: 1.5em;
  }
}

p,
ul,
ol {
  /*margin: 0px 0px 1em 0px;*/
  color: #464646;
}

p a:link, p a:visited,  p a:active  {
  color: #336600;
}

p a:hover {
    color: #5ea924;
}

ul.list {
  padding: 5px 20px;
}
ul.list ul.list {
  padding: 5px 20px;
}

/*Site Map*/
@media (max-width: 900px) {
  #site-map-links .col {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #site-map-links .col {
    width: 100%;
  }
}

#sitemap {margin-top: 20px;}
#sitemap ul.overview {
  margin-bottom: 0px;
}

#sitemap ul li a {
  display: inline;
  color: #464646;
}
ul>li>ul>li:last-child{
  margin-bottom: 10px;
}

#sitemap ul li a {
  display: inline;
  color: #464646;
}

/*News Letter*/
#newsletter-sign-up-content h1 {
  text-transform: none;
}
@media (max-width: 800px) {
  #newsletter-sign-up-content .col {
    width: 100%;
  }
}
#newsletter-sign-up-content div.error ul li {
  color: #FF0000;
}
#newsletter-sign-up-content form fieldset {
  overflow: hidden;
  position: relative;
  border: none;
  margin: 20px 0;
  padding: 0px;
  position: relative;
}
#newsletter-sign-up-content form fieldset label.error {
  color: #ff0000;
  float: none;
  width: auto;
}
#newsletter-sign-up-content form fieldset ul {
  padding: 0px;
  list-style: none;
}
#newsletter-sign-up-content form fieldset ul li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  vertical-align: baseline;
  width: 100%;
}
#newsletter-sign-up-content form fieldset ul li label {
  float: left;
  margin-right: 15px;
  width: 140px;
}
@media (max-width: 586px) {
  #newsletter-sign-up-content form fieldset ul li label {
    float: none;
    display: block;
  }
}
#newsletter-sign-up-content form fieldset ul li input {
  float: left;
  margin-right: 15px;
  width: 50%;
  color: #336600;
  font-size: 13px;
}
@media (max-width: 586px) {
  #newsletter-sign-up-content form fieldset ul li input {
    width: 100%;
  }
}
#newsletter-sign-up-content form fieldset ul li select {
  color: #336600;
  margin-right: 15px;
}
@media (max-width: 586px) {
  #newsletter-sign-up-content form fieldset ul li select {
    display: block;
    margin: 5px 0px;
  }
}
#newsletter-sign-up-content form fieldset legend {
  float: left;
  margin-top: 5px;
  width: 100%;
}
#newsletter-sign-up-content form button {
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  #contact-us-content .col {
    width: 100%;
  }
}
#contact-us-content div.error ul li {
  color: #ff0000;
}
#contact-us-content form fieldset {
  overflow: hidden;
  position: relative;
  border: none;
  margin: 20px 0;
  padding: 2% 0px;
  position: relative;
}
#contact-us-content form fieldset label.error {
  color: #ff0000;
  width: auto;
}
#contact-us-content form fieldset ol {
  padding-left: 20px;
  list-style-type: decimal;
}
#contact-us-content form fieldset ul {
  list-style: none;
  padding: 0px;
}
#contact-us-content form fieldset ul li label, #contact-us-content form fieldset ul li select {
  width: 140px;
  float: left;
}
@media (max-width: 586px) {
  #contact-us-content form fieldset ul li label, #contact-us-content form fieldset ul li select {
    display: block;
    float: none;
  }
}
#contact-us-content form fieldset ul, #contact-us-content form fieldset ol {
  margin-top: 34px;
}
#contact-us-content form fieldset ul li, #contact-us-content form fieldset ol li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  vertical-align: baseline;
  width: 100%;
}
#contact-us-content form fieldset ul li label, #contact-us-content form fieldset ul li select, #contact-us-content form fieldset ol li label, #contact-us-content form fieldset ol li select {
  margin-right: 15px;
}
#contact-us-content form fieldset ul li label.opt-in, #contact-us-content form fieldset ul li select.opt-in, #contact-us-content form fieldset ol li label.opt-in, #contact-us-content form fieldset ol li select.opt-in {
  width: 80%;
}
@media (max-width: 586px) {
  #contact-us-content form fieldset ul li label, #contact-us-content form fieldset ul li select, #contact-us-content form fieldset ol li label, #contact-us-content form fieldset ol li select {
    display: block;
  }
}
#contact-us-content form fieldset ul li input, #contact-us-content form fieldset ol li input {
  float: left;
  margin-right: 15px;
  width: 50%;
  color: #336600;
}
#contact-us-content form fieldset ul li input.size3, #contact-us-content form fieldset ol li input.size3 {
  width: 35px;
  margin-right: 5px;
}
#contact-us-content form fieldset ul li input.size4, #contact-us-content form fieldset ol li input.size4 {
  width: 46px;
}
#contact-us-content form fieldset ul li input.input-checkbox, #contact-us-content form fieldset ol li input.input-checkbox {
  width: auto;
  margin: 5px 20px 0 0;
}
@media (max-width: 586px) {
  #contact-us-content form fieldset ul li input, #contact-us-content form fieldset ol li input {
    width: 100%;
  }
}
#contact-us-content form fieldset ul li select, #contact-us-content form fieldset ol li select {
  color: #336600;
}
@media (max-width: 767px) {
  #contact-us-content form fieldset ul li select, #contact-us-content form fieldset ol li select {
    display: block;
    margin: 5px 0px;
  }
}
#contact-us-content form fieldset ul li .input-group, #contact-us-content form fieldset ol li .input-group {
  float: left;
}
@media (max-width: 480px) {
  #contact-us-content form fieldset ul li .input-group, #contact-us-content form fieldset ol li .input-group {
    margin-top: 5px;
    float: none;
    width: 100%;
  }
}
#contact-us-content form fieldset legend {
  float: left;
  margin-top: 5px;
  width: 100%;
}
#contact-us-content form fieldset textarea {
  height: 200px;
  margin: 25px 0 0;
  padding: 0;
  width: 100%;
}
#contact-us-content form button {
  margin-bottom: 20px;
}

/*Where to Buy*/
@media (max-width: 800px) {
  #where-to-buy-content .col {
    width: 100%;
  }
}
#where-to-buy-content .col p.med {
  font-size: 0.92857em;
  line-height: 1.61538em;
}
.lt-ie9 #where-to-buy-content .col .text-link.inline {
  display: inline;
}
#where-to-buy-content .col .image-container {
  margin-top: 20px;
  min-width: 250px;
}
#where-to-buy-content .col .image-container img {
  max-width: 140%;
  margin-left: -20px;
}
@media (max-width: 800px) {
  #where-to-buy-content .col .image-container {
    display: none;
  }
}
#where-to-buy-content form fieldset {
  overflow: hidden;
  position: relative;
  border: none;
  margin: 20px 0;
  padding: 2% 0px;
  position: relative;
}
#where-to-buy-content form fieldset label.error {
  color: #ff0000;
  float: none;
  width: auto;
}
#where-to-buy-content form fieldset p {
  margin: 20px 0px;
}
#where-to-buy-content form fieldset p label {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
@media (max-width: 800px) {
  #where-to-buy-content form fieldset p label {
    display: block;
    float: none;
  }
}
#where-to-buy-content form fieldset p input {
  float: left;
  margin-right: 15px;
  width: 40%;
  color: #336600;
}
@media (max-width: 800px) {
  #where-to-buy-content form fieldset p input {
    width: 100%;
    display: block;
  }
}
#where-to-buy-content form fieldset p select {
  color: #336600;
  margin-right: 15px;
  width: 80%;
}
@media (max-width: 800px) {
  #where-to-buy-content form fieldset p select {
    display: block;
    width: 100%;
    margin: 5px 0px;
  }
}
#where-to-buy-content form fieldset p #SEARCH_RADIUS_KEY {
  width: auto;
}
#where-to-buy-content form fieldset legend {
  float: left;
  margin-top: 5px;
  width: 100%;
}
#where-to-buy-content form button {
  margin-bottom: 20px;
}
#where-to-buy-content .prod_locator p {
  font-size: 0.78571em;
  line-height: 1.14545em;
}
#where-to-buy-content .prod_locator table {
  border: 4px solid #FFFFFF;
  background-color: #E9F3D0;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
  font-size: 0.92857em;
  line-height: 1.29231em;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #where-to-buy-content .prod_locator table {
    font-size: 0.71429em;
    line-height: 1.26em;
  }
}
@media (max-width: 320px) {
  #where-to-buy-content .prod_locator table {
    font-size: 0.57143em;
    line-height: 1.575em;
  }
}
#where-to-buy-content .prod_locator table tr.odd {
  background-color: #f6faed;
}
#where-to-buy-content .prod_locator table tr.even {
  background-color: #E9F3D0;
}
#where-to-buy-content .prod_locator table tr th {
  color: #336600;
  font-family: "ClarendonBT-Roman", Georgia, "Times New Roman", serif;
  padding: 5px;
}
#where-to-buy-content .prod_locator table tr td {
  color: #5ea924;
  padding: 5px;
  font-size: 0.78571em;
  line-height: 1.14545em;
}
@media (max-width: 480px) {
  #where-to-buy-content .prod_locator table tr td {
    font-size: 0.71429em;
    line-height: 1.26em;
  }
}
#where-to-buy-content .prod_locator table tr td a {
  font-size: 0.78571em;
  line-height: 1.14545em;
  color: #336600;
  white-space: nowrap;
  text-decoration: none;
  padding: 1em 0;
}
#where-to-buy-content .prod_locator table tr td a:after {
  content: " >";
}
#where-to-buy-content .prod_locator table tr td a:hover, #where-to-buy-content .prod_locator table tr td a:visited, #where-to-buy-content .prod_locator table tr td a:active, #where-to-buy-content .prod_locator table tr td a:focus {
  color: #5ea924;
}

/*Search Results*/
#search-results-content {
  margin-bottom: 1em;
}
@media (max-width: 800px) {
  #search-results-content .col {
    width: 100%;
  }
}
#search-results-content .h-lg {
  margin-bottom: 1em;
}
#search-results-content h2 {
  margin: 0;
}
#search-results-content p {
  color: #000000;
}
#search-results-content .controls-pagination {
  list-style: none;
}
#search-results-content .controls-pagination ul {
  padding: 0px;
}
#search-results-content .controls-pagination ul li {
  float: left;
  display: inline-block;
  margin-right: 5px;
}
#search-results-content .controls-pagination ul li a.selected {
  color: #5ea924;
  font-weight: bold;
  text-decoration: underline;
}
#search-results-content .tab ul {
  list-style: none;
  padding: 0;
}
.lt-ie9 #search-results-content .tab ul .text-link {
  display: inline;
}

/*About Section*/
#about-content h1 {
  text-align: center;
  font-size: 2em;
  line-height: 2em;
}
@media (max-width: 586px) {
  #about-content h1 {
    font-size: 1.42857em;
    line-height: 1.89em;
  }
}
#about-content #strong-foundation {
  overflow: hidden;
}
#about-content #strong-foundation img {
  width: 50%;
  min-width: 300px;
  float: left;
  margin: 0 20px 30px 0;
}
#about-content #strong-foundation p {
  margin-top: 25px;
}
@media (max-width: 767px) {
  #about-content #strong-foundation {
    float: none;
    margin: 0 auto;
  }
}

.grower-commitment {
  background-color: #fffdeb;
  padding: 2.5rem 35px;
  margin:0 0 50px 0;
}

.grower-commitment .video {
  margin-left:60px;
}

.grower-commitment .video img {
  width:100%;
}

.sustainable-farming p {
  color: #336600;
}

.sustainable-farming h2 {
  margin-top: 0;
}

#about-sco {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0 20px;
}

#about-sco img {
  float: right;
  margin: 45px 0 15px 10px;
}

@media (max-width: 992px) {       
    .grower-commitment .video {
      margin-left: 0; 
    }      
}

@media (max-width: 1280px) {
  #about-sco img {
    width: 47%;
  }
}
@media (max-width: 767px) {
  #about-sco img {
    width: 50%;
  }
}
@media (max-width: 586px) {
  #about-sco img {
    width: 100%;
    margin-top: 20px;
  }
}
#about-sco h3 {
  padding: 0;
  margin: .7em 0 .3em;
}
#about-sco p {
  padding: 0;
}
#about-sco .h-lg {
  font-size: 2em;
}

#innovation-copy {
  margin: 60px 40px;
  padding: .1em 1.5em;
}
#innovation-copy .h-lg {
  margin: .7em 0 0.5em;
  font-family: "Zapatista", Georgia, "Times New Roman", serif;
}
@media (max-width: 586px) {
  #innovation-copy {
    margin: 20px 0;
  }
}

@media (max-width: 767px) {
  #about-content .image-container {
    float: none;
    margin: 0 auto;
  }
}
#commitment-content h1,
#organic-matters-content h1,
#energy-content h1,
#reduction-content h1,
#faq-content h1 {
  margin-bottom: .4em;
}
#commitment-content .image-container,
#organic-matters-content .image-container,
#energy-content .image-container,
#reduction-content .image-container,
#faq-content .image-container {
  width: 50%;
  min-width: 294px;
  max-width: 367px;
  float: right;
  margin: 0 20px 25px 25px;
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
}
@media (max-width: 767px) {
  #commitment-content .image-container,
  #organic-matters-content .image-container,
  #energy-content .image-container,
  #reduction-content .image-container,
  #faq-content .image-container {
    float: none;
    margin: 0 0px 25px 0px;
  }
}
#commitment-content #accordion,
#organic-matters-content #accordion,
#energy-content #accordion,
#reduction-content #accordion,
#faq-content #accordion {
  margin: 40px 0;
}
#commitment-content #accordion p, #commitment-content #accordion ul,
#organic-matters-content #accordion p,
#organic-matters-content #accordion ul,
#energy-content #accordion p,
#energy-content #accordion ul,
#reduction-content #accordion p,
#reduction-content #accordion ul,
#faq-content #accordion p,
#faq-content #accordion ul {
  width: 90%;
  font-size: 20px;
  color: #464646;
}
@media (max-width: 767px) {
  #commitment-content #accordion p, #commitment-content #accordion ul,
  #organic-matters-content #accordion p,
  #organic-matters-content #accordion ul,
  #energy-content #accordion p,
  #energy-content #accordion ul,
  #reduction-content #accordion p,
  #reduction-content #accordion ul,
  #faq-content #accordion p,
  #faq-content #accordion ul {
    font-size: 16px;
  }
}
#commitment-content #accordion div,
#organic-matters-content #accordion div,
#energy-content #accordion div,
#reduction-content #accordion div,
#faq-content #accordion div {
  margin-left: 65px;
  padding-left: 50px;
}
#faq-content #accordion div {
  margin-left: 0px;
  padding-left: 50px;
}


@media (max-width: 586px) {
  #commitment-content #accordion div,
  #organic-matters-content #accordion div,
  #energy-content #accordion div,
  #reduction-content #accordion div,
  #faq-content #accordion div {
    margin-left: 0px;
    padding-left: 20px;
  }
}
#commitment-content #accordion h2,
#organic-matters-content #accordion h2,
#energy-content #accordion h2,
#reduction-content #accordion h2,
#faq-content #accordion h2 {
  position: relative;
  outline: none;
}
#commitment-content #accordion h2.h-lg,
#organic-matters-content #accordion h2.h-lg,
#energy-content #accordion h2.h-lg,
#reduction-content #accordion h2.h-lg,
#faq-content #accordion h2.h-lg {
  font-size: 1.9em;
  line-height: 1.2em;
}
@media (max-width: 767px) {
  #commitment-content #accordion h2.h-lg,
  #organic-matters-content #accordion h2.h-lg,
  #energy-content #accordion h2.h-lg,
  #reduction-content #accordion h2.h-lg,
  #faq-content #accordion h2.h-lg {
    font-size: 1.5em;
  }
}
#commitment-content #accordion h2 img,
#organic-matters-content #accordion h2 img,
#energy-content #accordion h2 img,
#reduction-content #accordion h2 img,
#faq-content #accordion h2 img {
  position: absolute;
  top: 5px;
  left: -2em;
}
@media (max-width: 767px) {
  #commitment-content #accordion h2 img,
  #organic-matters-content #accordion h2 img,
  #energy-content #accordion h2 img,
  #reduction-content #accordion h2 img,
  #faq-content #accordion h2 img {
    width: 90px;
    left: -2.5em;
  }
}
@media (max-width: 586px) {
  #commitment-content #accordion h2 img,
  #organic-matters-content #accordion h2 img,
  #energy-content #accordion h2 img,
  #reduction-content #accordion h2 img,
  #faq-content #accordion h2 img {
    display: none;
  }
}

#definition {
  text-align: center;
  font-size: 1.6em;
  line-height: 1.6em;
  margin-bottom: .8em !important;
}
@media (max-width: 586px) {
  #definition {
    font-size: 1.42857em;
    line-height: 1.89em;
  }
}

#commitment-copy {
  margin: 60px 40px;
  padding: .1em 1.5em;
}
#commitment-copy .h-lg {
  margin: .7em 0 0.5em;
}
@media (max-width: 480px) {
  #commitment-copy {
    margin: 20px 0;
  }
}

#energy-content {
  padding-bottom: 3em;
}
#energy-content .image-container {
  border-color: none;
  border-style: none;
  border-width: none;
  box-shadow: none;
}

#energy-copy {
  overflow: hidden;
}
#energy-copy h2 {
  margin: 0.7em 0 0.5em !important;
}
@media (max-width: 767px) {
  #energy-copy .image-container {
    margin: auto;
  }
}
@media (max-width: 767px) {
  #energy-copy .image-container img {
    margin: 20px 0;
  }
}

.hyperlinks ul {
  padding: 0px;
  list-style: none;
}
.hyperlinks ul a {
  text-decoration: underline;
}

#waste-reduction {
  padding: 1px 30px 20px;
}
#waste-reduction h2 {
  margin: 0.7em 0 0.5em !important;
}
#waste-reduction h3 {
  color: #464646;
  font-size: 1.07143em;
  line-height: 1.4em;
  font-family: Helvetica, Arial, sans-serif;
}
#waste-reduction .image-container {
  margin: 0 0 25px;
  max-width: 100%;
  min-width: 100px;
  position: relative;
  float: none;
  width: 100%;
}

.organic-margins {
  margin: 0 50px 20px !important;
}
@media (max-width: 586px) {
  .organic-margins {
    margin: 0 !important;
  }
}

.script-font {
  font-family: "callie_handregular", Georgia, "Times New Roman", serif;
}

#why-choose-organic.organic-margins {
  margin: 0 0 20px;
  padding: 5px 50px 30px;
}
#why-choose-organic h2 {
  text-align: center;
  margin: .4em 0 .5em;
  font-family: "Zapatista", Georgia, "Times New Roman", serif;
}
#why-choose-organic p {
  background: url('../../Images/about/leaf-bulletd336.png?1413229513') no-repeat 0 0;
  background-size: 90px 58px;
  padding-left: 6em;
 min-height:60px;
}
@media (max-width: 586px) {
  #why-choose-organic p {
    background-size: 50px 29px;
    padding-left: 4em;
  }
}
#why-choose-organic .row {
  max-width: 880px;
  padding-bottom: 3em;
}

#nongmoproject {
  overflow: hidden;
}
#nongmoproject .image-container {
  float: left;
  border-color: none;
  border-style: none;
  border-width: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  #nongmoproject .image-container {
    margin-bottom: 20px;
  }
}
#nongmoproject p {
  margin: 30px 50px 20px 0;
}
@media (max-width: 1024px) {
  #nongmoproject p {
    padding-left: 20px;
  }
}

/*Recipes Overview*/
#recipe-overview h1 {
  color: #417c16;
}
@media (max-width: 800px) {
  #recipe-overview h1 {
    font-size: 2.71429em;
    line-height: 0.88421em;
  }
}
#recipe-overview .col .image-container {
  width: 50%;
  min-width: 160px;
  max-width: 198px;
  float: right;
  margin: -40px 0 20px 15px;
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
}
@media (max-width: 767px) {
  #recipe-overview .col .image-container {
    width: 100%;
    float: none;
    max-width: 230px;
    margin: 20px auto;
  }
}

#recipe-detail {
  padding-bottom: 20px;
}
#recipe-detail h1 {
  color: #417c16;
}
@media (max-width: 586px) {
  #recipe-detail h1 {
    margin: 1em 0 0 0.5em;
  }
}
#recipe-detail .col .image-container {
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
  max-width: 367px;
  margin: 20px auto;
}
@media (max-width: 767px) {
  #recipe-detail .col .image-container {
    width: 92%;
    margin: 10px auto;
  }
}
@media (max-width: 320px) {
  #recipe-detail .col .image-container {
    width: auto;
    margin: 10px 10px;
  }
}
#recipe-detail .col .image-container img {
  min-width: 230px;
}
#recipe-detail .col .list-container {
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 586px) {
  #recipe-detail .col .list-container {
    height: 62px;
    box-shadow: none;
    border-top: 1px solid #CACACA;
    margin-bottom: 0px;
  }
  #recipe-detail .col .list-container.last {
    border-bottom: 1px solid #CACACA;
  }
}
@media print {
  #recipe-detail .col .list-container {
    height: inherit;
  }
}
#recipe-detail .col h2 {
  margin: 0px;
  padding: 10px 14px;
  background-color: #fff;
}
@media (max-width: 586px) {
  #recipe-detail .col h2 {
    padding: 20px;
  }
}
#recipe-detail .col .ingredients-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border: solid 4px #fff;
}
@media (max-width: 586px) {
  #recipe-detail .col .ingredients-list {
    border: none;
  }
}
#recipe-detail .col .ingredients-list li {
  color: #636363;
  padding: 15px 10px 10px;
  border-bottom: dashed 1px #636363;
  min-height: 50px;
}
#recipe-detail .col .directions-list {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  border: solid 4px #fff;
}
@media (max-width: 586px) {
  #recipe-detail .col .directions-list {
    border: none;
  }
}
#recipe-detail .col .directions-list.text-indent {
  padding: .75em;
}
#recipe-detail .col .directions-list li {
  color: #336600;
  padding: 15px 10px 10px;
  border-bottom: dashed 1px #636363;
  min-height: 50px;
  font-weight: bold;
}
#recipe-detail .col .directions-list li span {
  color: #636363;
  font-weight: normal;
}

#recipe-detail .col .directions-list p:first-child {
  margin-top: 0;
}

#detail-summary {
  list-style: none;
  padding: 0;
}
@media (max-width: 586px) {
  #detail-summary {
    text-align: left;
    margin-left: 20px;
  }
}
#detail-summary li {
  width: 144px;
  display: block;
  float: left;
}
#detail-summary li img {
  float: left;
  margin: 12px 7px 0 0;
}
#detail-summary li p {
  margin: 1.5em 0;
}

/*Products*/
#products-overview {
  padding-bottom: 20px;
  z-index: 2;
  position: relative;
}
#products-overview h2 {
  color: #5ea924 !important;
}
@media (max-width: 586px) {
  #products-overview h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
#products-overview h1 {
  margin-bottom: 0px;
  display: inline-block;
  color: #417c16;
}
#products-overview h1:after {
  content: url("../../../../var/assets/santa-cruz-organic/images/usdaseal.png");
  float: right; 
  margin-top: -22px;
  -webkit-transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
  -o-transform: scale(0.6, 0.6);
  transform: scale(0.6, 0.6);
}
.lt-ie9 #products-overview h1:after {
  zoom: 0.6;
  margin-top: -10px;
  margin-left: 10px;
}
@media (max-width: 586px) {
  #products-overview h1:after {
    margin-top: -25px;
    margin-left: -15px;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  .lt-ie9 #products-overview h1:after {
    zoom: 0.5;
  }
}
#products-overview .col .image-container {
  width: 50%;
  min-width: 250px;
  max-width: 500px;
  float: right;
  margin: 0px 0 167px 15px;
}
@media (max-width: 1024px) {
  #products-overview .col .image-container {
    margin: 0 0 360px 15px;
  }
}
@media (max-width: 586px) {
  #products-overview .col .image-container {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #products-overview .col .image-container {
    width: 100%;
    float: none;
    margin: 20px auto;
  }
}

#product-category-overview h1 {
  display: inline-block;
  width: 50%;
  color: #417c16;
}
@media (max-width: 767px) {
  #product-category-overview h1 {
    display: block;
    width: 100%;
  }
}
#product-category-overview p {
  font-size: 1.28571em;
  line-height: 1.4em;
}
@media (max-width: 586px) {
  #product-category-overview p {
    font-size: 1em;
    line-height: 1.5em;
  }
}
#product-category-overview .col .image-container {
  width: 50%;
  min-width: 187px;
  max-width: 375px;
  float: right;
  margin: -52px 0 20px 15px;
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
  background-color: #fff;
}
@media (max-width: 767px) {
  #product-category-overview .col .image-container {
    width: 100%;
    float: none;
    margin: 20px auto;
  }
}

.h-product-flavors,
.h-recipes {
  color: #549820;
  font-family: "Varela Round", "Arial Rounded MT", Arial, "Helvetica", sans-serif;
  font-size: 1.14286em;
  line-height: 1.18125em;
  margin: 0.5em 0;
  text-align: center;
  text-transform: none;
}
@media (max-width: 586px) {
  .h-product-flavors,
  .h-recipes {
    background: #fffdeb;
    font-size: 1.42857em;
    line-height: 0.945em;
    margin: 0;
    padding: 1em 4% 0.5em;
    text-align: left;
  }
}

#product-categories,
#product-flavors,
#recipe-categories,
#recipe-course-details {
  background: #fffdeb;
  -webkit-box-shadow: inset 0px 10px 10px -5px rgba(195, 195, 195, 0.75);
  -moz-box-shadow: inset 0px 10px 10px -5px rgba(195, 195, 195, 0.75);
  box-shadow: inset 0px 10px 10px -5px rgba(195, 195, 195, 0.75);
  margin-bottom: 32px;
}
@media (max-width: 586px) {
  #product-categories,
  #product-flavors,
  #recipe-categories,
  #recipe-course-details {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
#product-categories > .row,
#product-flavors > .row,
#recipe-categories > .row,
#recipe-course-details > .row {
  max-width: 1200px;
}
#product-categories a,
#product-flavors a,
#recipe-categories a,
#recipe-course-details a {
  color: #336600;
  display: block;
  text-decoration: none;
}
#product-categories a:hover, #product-categories a:active, #product-categories a:focus,
#product-flavors a:hover,
#product-flavors a:active,
#product-flavors a:focus,
#recipe-categories a:hover,
#recipe-categories a:active,
#recipe-categories a:focus,
#recipe-course-details a:hover,
#recipe-course-details a:active,
#recipe-course-details a:focus {
  color: #5ea924;
}
#product-categories .product-categories-list,
#product-categories .product-flavors-list,
#product-categories .recipe-categories-list,
#product-categories .recipe-course-details-list,
#product-flavors .product-categories-list,
#product-flavors .product-flavors-list,
#product-flavors .recipe-categories-list,
#product-flavors .recipe-course-details-list,
#recipe-categories .product-categories-list,
#recipe-categories .product-flavors-list,
#recipe-categories .recipe-categories-list,
#recipe-categories .recipe-course-details-list,
#recipe-course-details .product-categories-list,
#recipe-course-details .product-flavors-list,
#recipe-course-details .recipe-categories-list,
#recipe-course-details .recipe-course-details-list {
  margin: 0;
  padding: 20px 0 0;
  text-align: center;
}
@media (max-width: 586px) {
  #product-categories .product-categories-list,
  #product-categories .product-flavors-list,
  #product-categories .recipe-categories-list,
  #product-categories .recipe-course-details-list,
  #product-flavors .product-categories-list,
  #product-flavors .product-flavors-list,
  #product-flavors .recipe-categories-list,
  #product-flavors .recipe-course-details-list,
  #recipe-categories .product-categories-list,
  #recipe-categories .product-flavors-list,
  #recipe-categories .recipe-categories-list,
  #recipe-categories .recipe-course-details-list,
  #recipe-course-details .product-categories-list,
  #recipe-course-details .product-flavors-list,
  #recipe-course-details .recipe-categories-list,
  #recipe-course-details .recipe-course-details-list {
    padding: 0.5em 4%;
  }
}
#product-categories .product-categories-list-item,
#product-categories .product-flavors-list-item,
#product-categories .recipe-categories-list-item,
#product-categories .recipe-course-details-list-item,
#product-flavors .product-categories-list-item,
#product-flavors .product-flavors-list-item,
#product-flavors .recipe-categories-list-item,
#product-flavors .recipe-course-details-list-item,
#recipe-categories .product-categories-list-item,
#recipe-categories .product-flavors-list-item,
#recipe-categories .recipe-categories-list-item,
#recipe-categories .recipe-course-details-list-item,
#recipe-course-details .product-categories-list-item,
#recipe-course-details .product-flavors-list-item,
#recipe-course-details .recipe-categories-list-item,
#recipe-course-details .recipe-course-details-list-item {
  display: inline;
  text-align: center;
}
@media (max-width: 586px) {
  #product-categories .product-categories-list-item,
  #product-categories .product-flavors-list-item,
  #product-categories .recipe-categories-list-item,
  #product-categories .recipe-course-details-list-item,
  #product-flavors .product-categories-list-item,
  #product-flavors .product-flavors-list-item,
  #product-flavors .recipe-categories-list-item,
  #product-flavors .recipe-course-details-list-item,
  #recipe-categories .product-categories-list-item,
  #recipe-categories .product-flavors-list-item,
  #recipe-categories .recipe-categories-list-item,
  #recipe-categories .recipe-course-details-list-item,
  #recipe-course-details .product-categories-list-item,
  #recipe-course-details .product-flavors-list-item,
  #recipe-course-details .recipe-categories-list-item,
  #recipe-course-details .recipe-course-details-list-item {
    display: block;
    text-align: left;
  }
}
#product-categories .product-flavor-contents,
#product-categories .recipe-contents,
#product-flavors .product-flavor-contents,
#product-flavors .recipe-contents,
#recipe-categories .product-flavor-contents,
#recipe-categories .recipe-contents,
#recipe-course-details .product-flavor-contents,
#recipe-course-details .recipe-contents {
  display: inline-block;
  margin: 0 0 14px 0;
  padding: 0 1%;
  vertical-align: top;
  width: 10%;
}
@media (max-width: 900px) {
  #product-categories .product-flavor-contents,
  #product-categories .recipe-contents,
  #product-flavors .product-flavor-contents,
  #product-flavors .recipe-contents,
  #recipe-categories .product-flavor-contents,
  #recipe-categories .recipe-contents,
  #recipe-course-details .product-flavor-contents,
  #recipe-course-details .recipe-contents {
    width: 15%;
  }
}
@media (max-width: 767px) {
  #product-categories .product-flavor-contents,
  #product-categories .recipe-contents,
  #product-flavors .product-flavor-contents,
  #product-flavors .recipe-contents,
  #recipe-categories .product-flavor-contents,
  #recipe-categories .recipe-contents,
  #recipe-course-details .product-flavor-contents,
  #recipe-course-details .recipe-contents {
    width: 20%;
  }
}
@media (max-width: 586px) {
  #product-categories .product-flavor-contents,
  #product-categories .recipe-contents,
  #product-flavors .product-flavor-contents,
  #product-flavors .recipe-contents,
  #recipe-categories .product-flavor-contents,
  #recipe-categories .recipe-contents,
  #recipe-course-details .product-flavor-contents,
  #recipe-course-details .recipe-contents {
    padding: 0;
    width: 100%;
  }
}
#product-categories .image-container,
#product-flavors .image-container,
#recipe-categories .image-container,
#recipe-course-details .image-container {
  display: block;
  position: relative;
}
@media (max-width: 586px) {
  #product-categories .image-container,
  #product-flavors .image-container,
  #recipe-categories .image-container,
  #recipe-course-details .image-container {
    display: none;
  }
}
#product-categories .image-container.centered-image-container:before,
#product-flavors .image-container.centered-image-container:before,
#recipe-categories .image-container.centered-image-container:before,
#recipe-course-details .image-container.centered-image-container:before {
  content: "";
  display: block;
  padding-top: 192.1875%;
}
#product-categories .image-container img,
#product-flavors .image-container img,
#recipe-categories .image-container img,
#recipe-course-details .image-container img {
  border: 4px solid #ffffff;
}
#product-categories .image-container img.late-load,
#product-flavors .image-container img.late-load,
#recipe-categories .image-container img.late-load,
#recipe-course-details .image-container img.late-load {
  border: 0 none;
}
#product-categories .image-container .centered-image-wrap,
#product-flavors .image-container .centered-image-wrap,
#recipe-categories .image-container .centered-image-wrap,
#recipe-course-details .image-container .centered-image-wrap {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
#product-categories .image-container .centered-image-wrap:before,
#product-flavors .image-container .centered-image-wrap:before,
#recipe-categories .image-container .centered-image-wrap:before,
#recipe-course-details .image-container .centered-image-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#product-categories .image-container .centered-image-wrap img,
#product-flavors .image-container .centered-image-wrap img,
#recipe-categories .image-container .centered-image-wrap img,
#recipe-course-details .image-container .centered-image-wrap img {
  border: 0 none;
  display: inline-block;
  margin-left: -1px;
  max-height: 100%;
  vertical-align: middle;
}
#product-categories .product-flavor-name,
#product-categories .recipe-name,
#product-flavors .product-flavor-name,
#product-flavors .recipe-name,
#recipe-categories .product-flavor-name,
#recipe-categories .recipe-name,
#recipe-course-details .product-flavor-name,
#recipe-course-details .recipe-name {
  display: block;
  font-size: 0.71429em;
  line-height: 2.1em;
  line-height: 1.2em;
  padding-top: 0.2em;
}
@media (max-width: 586px) {
  #product-categories .product-flavor-name,
  #product-categories .recipe-name,
  #product-flavors .product-flavor-name,
  #product-flavors .recipe-name,
  #recipe-categories .product-flavor-name,
  #recipe-categories .recipe-name,
  #recipe-course-details .product-flavor-name,
  #recipe-course-details .recipe-name {
    font-family: "Varela Round", "Arial Rounded MT", Arial, "Helvetica", sans-serif;
    font-size: 1.42857em;
    line-height: 1.05em;
  }
  #product-categories .product-flavor-name:after,
  #product-categories .recipe-name:after,
  #product-flavors .product-flavor-name:after,
  #product-flavors .recipe-name:after,
  #recipe-categories .product-flavor-name:after,
  #recipe-categories .recipe-name:after,
  #recipe-course-details .product-flavor-name:after,
  #recipe-course-details .recipe-name:after {
    content: "\00a0\003e\00a0";
  }
}

.fruit-bg {
  position: absolute;
  right: 0;
  top: -213px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .fruit-bg img {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .fruit-bg {
    top: -159px;
  }
}
@media (max-width: 767px) {
  .fruit-bg {
    display: none;
  }
}

/*Tankyou page promos*/
#promo-one .image-container, #promo-two .image-container {
  max-width: 460px;
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: #e3dcac 0 0 20px;
  -moz-box-shadow: #e3dcac 0 0 20px;
  box-shadow: #e3dcac 0 0 20px;
  behavior: url('../css3pie/pie.htc');
  position: relative;
  margin: 20px 0;
}

.ui-state-active {
  background: url("../../Images/green-up-arrow.png") no-repeat scroll 98% 50% rgba(255, 255, 255, 0.5) !important;
  cursor: pointer;
  padding-left: 4%;
  padding-right: 8% !important;
  min-height: 0 !important;
}

/*.arrow-btn {
  background: url("../../Images/green-down-arrow.png") no-repeat scroll 98% 50%;
  cursor: pointer;
  padding-left: 4%;
  padding-right: 8% !important;
}*/

.ui-accordion .ui-accordion-header {
  min-height: 110px;
}

.ui-accordion .ui-accordion-icons, .accordionFaq h2{  display: block;cursor: pointer; margin: 2px 0 0 0;padding: .5em .5em .5em .7em; margin-left: 0px;  padding-left: 50px;  min-height: 100px;}

.accordionFaq p{line-height: 1.3;}
.accordionFaq > div{display:none;}
.faqActive,  .faqActive + div{background: rgba(255, 255, 255, 0.5);}
.faqActive + div{padding-bottom:10px;}
/*.accordionFaq h2.faqActive{background-image:url(../../Images/green-up-arrow.png); background-repeat: no-repeat; background-position:98% 50%;}*/

.accordian div{display:none; font-size:15px; line-height: 1.3; font-family: Verdana,Arial,sans-serif;}
.accordian div a{color: #336600;}
.accordian h3{display: block;cursor: pointer;position: relative;margin:0px;padding: .5em .5em .5em .7em;min-height: 0; padding-left: 2.2em; border: 1px solid #d3d3d3; background: #FFFFFF; font-weight: normal; color: #555555; border-radius:4px; font-size:15.4px; position:relative;}

.accordian h3:before{position:absolute; width:20px; height:20px; background-image:url(../../Images/arRight.png); background-repeat:no-repeat; background-position:center center; content:""; left:10px; top:8px; top: 50%;margin-top: -10px;}
.accordian h3.activeAcc:before{background-image:url(../../Images/arDown.png);}
.accordian h3:hover{color:#000;}
.accordian h3.activeAcc{background: url("../../Images/green-up-arrow.png") no-repeat scroll 98% 50% rgba(255, 255, 255, 0.5) !important; border-radius:4px 4px 0px 0px;border: 1px solid #aaaaaa;}
.accordian > div{ background-color:rgba(255, 255, 255, 0.5);border: 1px solid #aaaaaa; padding: 1em 2.2em;border-top: 0; border-radius:0px 0px 4px 4px;}
.accordian{margin: 20px 0;}
.accordionFaq h2.faqActive:before{
  content: "-";letter-spacing: .3em;vertical-align: top;position: absolute;top: 15px;left: 17px;font-size: 35px;}
.accordionFaq h2:not(.faqActive):before{
  content: "+";letter-spacing: .3em;vertical-align: top;position: absolute;top: 15px;left: 13px;font-size: 28px;}
.supply-chain .intro h1{font-size: 3em;line-height: 0.9em;}
#tips-nav .bx-prev{background-image:url(../../Images/green-up-arrow.png); background-repeat: no-repeat; background-position: center center; width: 20px;  height: 20px;}
#tips-nav .bx-next{background-image:url(../../Images/green-down-arrow.png); background-repeat: no-repeat; background-position: center center; width: 20px;  height: 20px;}
#tips-nav .bx-prev img, #tips-nav .bx-next img{display: none;}

#ifrm-unsub{width:90%;height:165px;margin-top:20px;border: 1px solid;border-radius:5px;border-color: rgb(29,113,37);}
#ifrm-sub{width:90%;height:440px;margin-top:20px;border: 1px solid;border-radius:5px;border-color: rgb(29,113,37); padding: 10px;
background-color: #FFFDEB;}

#contact-us  .red-button{background-color: #5ea924;display: inline-block;text-decoration: none;color: #ffffff;font-size: 1.07143em;line-height: 1.4em;padding: 8px 12px 8px 12px;border: none; cursor: pointer; margin-bottom: 20px;}
#contact-us  .red-button:hover{background-color: #336600;}
#contact-us  #pnlProduct1 #group-heading, #contact-us  h2{font-size: 3em; line-height: 0.9em;}

#pnlProduct1 #step1 p > span{display: block;}
#contact-us .contact-des{color: #464646; }
#pnlProduct1 #step1 p > span.label{margin-top: 10px; color: #000;}
#pnlProduct1 #step1 p  .radio-buttons.inputs{ line-height: 24px; }
#pnlProduct1 #step1 p  .radio-buttons.inputs input[type="radio"]{ margin-right: 4px; } 
#contact-us #content select{padding: 7px; border: solid 1px #ddd; width: 100%; max-width: 400px;}

#contact-us #step2.contact-step-two p.col7{max-width: 400px; margin:10px 0 0 0 ;}
#contact-us #step2.contact-step-two p.col7 span.label{display: block; color: #000;}
#contact-us #step2.contact-step-two p.col7 span.inputs{display: block;}

#contact-us input[type="text"], #contact-us  select, #contact-us  textarea{padding: 7px; border: solid 1px #ddd; width: 100%; max-width: 400px;}
#contact-us .mid-headline{font-size: 26px; line-height: 0.9em; color: #1d7125;
font-family: "ClarendonBT-Roman", Georgia, "Times New Roman", serif; margin-top: 10px;}

#contact-us .input-field.dob.contact-dob-container select{width: 120px !important;}
#contact-us span.error-message1, #age-error{color: red;display: block;}
#contact-us .contact-form > p{margin-top: 20px;}



@media (max-width: 586px) {
  .ui-accordion .ui-accordion-icons {
    margin-left: 0px;
    padding-left: 20px;
  }
}

#content-wrapper nav {
  position: relative !important;
}

.destini {
  display: block;
}
@media (max-width: 1024px) {
  .destini {
    display: none;
  }
}

@media (max-width: 1024px) {
  .where-to-buy-form {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #faq-content #accordion div {padding-left: 30px;}
  .accordionFaq h2 {padding-left: 30px;min-height: 80px; margin-left:0px;}
  .accordionFaq h2:not(.faqActive):before {top: 8px;left: 4px;font-size:20px;}
  .accordionFaq h2.faqActive:before{top: 8px;left: 8px; font-size:26px;}
  #ifrm-sub {padding: 3px;}
  
  
}




/* 11 April bug fix */

#ifrm-unsub {margin-top: 0px;padding: 7px; background-color: rgb(255, 253, 235); height: 190px; }
#where-to-buy-content .col p.med,#recipe-overview p,#recipe-detail #detail-summary,#about-sco p,
#organic-matters-content .organic-margins.xxlg p, #where-to-buy-content p
 {margin-top: 0px;}
#products-overview .xxlg{margin: 0px 0px 1em 0px;}
#product-flavors .image-container img{border: 0px solid #ffffff !important;}

.featured-tip-content-body{font-size: 1.14286em;line-height: 1.18125em;}
.featured-tip-content-body .text-link{ font-size: 14px;}

#masthead .text p {font-size: 1.14286em; line-height: 1.18125em;}
#blogger-spotlight .row p {color: #000000;margin: 0px;}
.text-link:visited, .bx-next:visited, .bx-prev:visited {color: #336600;}
a:hover{color: #5ea924;}
#sitemap > ul.sitemap-root  {padding:10px;}
#sitemap > ul.sitemap-root   li{list-style:none;}
#sitemap > ul.sitemap-root  > li > a{    font-size: 1.188rem;     font-weight: bold;}
#sitemap   a{text-decoration: none; color: #336600 !important;}
#sitemap   a:hover{color: #5ea924 !important;}    

#sitemap .sitemap-root li {margin: 7px 0 7px 10px;}
#site-wrapper {
    -webkit-box-shadow: -5px -5px 5px 0px rgba(195, 195, 195, 0.75);
    -moz-box-shadow: -5px -5px 5px 0px rgba(195, 195, 195, 0.75);
    box-shadow: -5px -5px 5px 0px rgba(195, 195, 195, 0.75);}
.privacy-policy.myclass_for_smuckers p{    margin-top: -15px; padding-bottom: 15px;}
.activeAcc{color: #212121 !important;}
.accordian ul[type="disc"] + p > br:first-child{display: none;}




@media screen and (max-width: 900px){
.product-name {font-size: 2.28571em;line-height: 0.91875em;}
.featured-tip-content-body{font-size: 1.14286em;line-height: 1.18125em;}
.featured-tip-content-body a{margin-top: 10px;}
#masthead .text p {width: 75%;}

}


@media screen and (max-width: 767px){
.product-name {font-size: 1.78571em;line-height: 1.008em;}
#site-header-logo {left: 50%;margin-left: -39px;}
.mobile-primary-nav-list-item.nav-item-menu{position: absolute;left: 0px;}
#mobile-nav-wrapper{left:0 !important;right: auto !important;}
page-mask {z-index: 200;}
#site-header-nav-wrapper .mobile-primary-nav-list-item.nav-item-menu .nav-item-name {
    padding-left: 0 !important;    width: 30px !important; padding: 9px 0 0 0 !important;}
.backgroundsize #site-header-nav-wrapper .mobile-primary-nav-list-item.nav-item-menu .nav-item-icon {margin-left: 6px;}

#ifrm-sub {width: 100%;     height: 450px;}

#contact-us #pnlProduct1 #group-heading, #contact-us h2 {
    font-size: 2.28571em;
    line-height: 1.05em;
}
}


@media screen and(min-width: 586px) and (max-width: 700px){
#recipe-detail .col .image-container img {min-width: 100%;max-width: 100%;}
}

@media screen and  (max-width: 586px){
#blogger-spotlight .row p {padding: 0px 0px;}
}




@media screen and (max-width: 480px){
#masthead .text p {font-size: 1.07143em;line-height: 1.12em;}
.accordian h3 {padding: .5em 1em .5em 2.2em;}
}


/*21 April 2016*/
.why-message.col7{width: auto;padding: 10px;background: rgb(247,247,247); margin: 2px 0;box-shadow: inset 0 0 7px 0px rgba(31,31,31, 0.5); max-width: 400px; -webkit-box-shadow: inset 0 0 7px 0px rgba(31,31,31, 0.5);font-style: italic; margin-top: 10px; line-height: 19px;}
#why-dob-message-icon img{display: inline-block;; margin-left: 5px;vertical-align: middle;     cursor: help;}

/** 3 May 2016 **/
.market-content-body p, #tabs p{color:#000;}
.recipe-content-body p{color: #636363;}
 #site-header-nav-wrapper .nav-item-live-organic.selected a{color: #888888;}
#site-header-nav-wrapper .nav-item-live-organic.selected a:hover{color: #336600;}

@media screen and (max-width: 320px){
#contact-us #pnlProduct1 #group-heading, #contact-us h2 {
    font-size: 1.28571em;
    line-height: 1.4em;
}
}
.fruit-bg img
{
    max-width: 386px;
    max-height: 240px;
}



/*@media screen and (min-width:587px){
    
    #nutrition-info{ display: block !important;}
}*/

.hidden {
    display: none;
}

.reviews a, .write-a-review, .load-more {
    font-family: "ClarendonBT-Roman", Georgia, "Times New Roman", serif;
    font-size: 1.2em;
    color: #336600;
    text-decoration: none;
}

.reviews a::after, .write-a-review::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
}

.bv-stars {
    font-size: 1.4em;
}

.bv-rating .bv-stars, .bv-rating .bv-total-reviews {
    font-size: .9em;
}

.gray {
  color: #888888;
}

.red {
  color: #de474a;
}