body {
 background-color: #ffffff;
}

body.mobile {
 max-width: 900px;
 margin-right: auto;
 margin-left: auto;
}

.hp-feature-set h2 {
  font-size: 3em;
  text-transform: uppercase;
  padding-top: 18px;
}

#home.desktop h1, .campaign #main-col h1 {
  left: -5000px;
  position: absolute;
}

.brand-statement {
  padding: 0 20px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}


#home.desktop #container-1col #main-col,
.hp-feature, .hp-feature-header, .hp-feature-inner {
  padding: 20px;
}

.mobile .hp-feature {
  padding: 0 0 20px 0;
  text-align: center;
}

.mobile .hp-feature img {
  margin-right: auto;
  margin-left: auto;
}

.hp-feature-set-title > h2, .hp-feature h2 {
  font-size: 20px;
  line-height: 35px;
  height: 20px;
  background-color: #f2f1e8;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  color: #607d8b;
}

.mobile .hp-feature-set-title > h2 {
  margin-bottom: 20px;
}

.hp-feature-set-title > p, .hp-feature p {
  font-size: 20px;
  line-height: 20px;
 /* height: 20px;*/
  background-color: #f2f1e8;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  color: #607d8b;
}


.hp-feature-set {
  width: 940px;
  margin: 0 auto;
}

.hp-feature-set-publications {
  background-color: #f2f1e8;
  margin: 20px auto;
}

.hp-feature-set-publications.hp-feature-set-3 {
  width: 900px;
}

.hp-feature-set-carousel.hp-feature-set-3 {
  width: 940px;
  height: 503px;
  margin-bottom: 30px;
}

.desktop .hp-feature-set-2 .hp-feature,
.desktop .hp-feature-set-3 .hp-feature {
  float: left;
}

.hp-feature-set-carousel.hp-feature-set-3 .hp-feature {
  /*float: none;*/
}

.hp-feature-set-carousel.hp-feature-set-3 {
  position: relative;
}

.hp-feature-set-carousel.hp-feature-set-3 .hp-feature {
  position: absolute;
  left: 0;
  top: 0;
}

.hp-feature-set-2 .hp-feature,
.hp-feature-set-2 .hp-feature img {
  width: 430px;
  height: 243px;
  margin-bottom: 40px;
}

#hp-set2.hp-feature-set-2 .hp-feature {
  height: 283px;
}

.hp-feature-set-3 .hp-feature,
.hp-feature-set-3 .hp-feature img {
  width: 273.333px;
  height: 346px;
}

.hp-feature-set-publications.hp-feature-set-3 .hp-feature,
.hp-feature-set-publications.hp-feature-set-3 .hp-feature img {
  width: 260px;
  height: 329px;
}

#hp-set3.hp-feature-set-publications.hp-feature-set-3 .hp-feature {
  height: 389px;
}

.hp-feature-set-1 .hp-feature,
.hp-feature-set-1 .hp-feature img,
.hp-feature-set-carousel.hp-feature-set-3 .hp-feature,
.hp-feature-set-carousel.hp-feature-set-3 .hp-feature img {
  width: 900px;
  height: 481px;
}

.hp-feature-set-1 .hp-feature.hp-feature-mixed {
  width: 940px;
}

.hp-feature-set-2 .hp-feature.hp-feature-mixed {
  width: 470px;
}

.hp-feature-set-3 .hp-feature.hp-feature-mixed {
  width: 343.333px;
}

.hp-feature.hp-feature-mixed, .hp-feature.hp-feature-text {
  height: auto;
}

.hp-feature.hp-feature-mixed {
  background-color: #f2f1e8;
  padding: 0;
}

.hp-feature.hp-feature-mixed img {
  width: auto;
  height: auto;
}

.hp-feature.hp-feature-mixed .hp-feature-header,
.hp-feature.hp-feature-mixed .hp-feature-header h2,
.hp-feature.hp-feature-mixed .hp-feature-header p {
  background-color: #dfeae7;
  text-align: center;
}

.hp-feature.hp-feature-mixed .hp-feature-inner h2 {
  text-align: left;
}

.hp-feature.hp-feature-text h2, .hp-feature.hp-feature-text h3, .hp-feature.hp-feature-text p {
  background-color: inherit;
  text-align: center;
}

.hp-feature.hp-feature-mixed h3,
.hp-feature.hp-feature-mixed .hp-feature-inner p {
  text-align: left;
  background: none;
}

.hp-feature.hp-feature-mixed hr.clear {
  border: none;
}

.mobile .hp-feature-set:not(.hp-feature-set-carousel),
.mobile .hp-feature:not(.hp-feature-carousel),
.mobile .hp-feature img {
  width: 100% !important;
}

.mobile .hp-feature-set, .mobile .hp-feature, .mobile .hp-feature img {
  height: auto !important;
  max-width: 100% !important;
}

.mobile .hp-feature, .mobile .hp-feature img {
  margin-bottom: 0 !important;
}

.mobile .hp-feature-set-carousel.hp-feature-set-3 {
  height: 0;
  /*padding-bottom: 53.5%;*/
}

.mobile .hp-feature-video .video-embed {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 56.25% !important;
}

.mobile .hp-feature-video .video-embed iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Slick Carousel */

.mobile .slick-dots {
  bottom: -25px;
}

/* Recipe Search */

#recipe-search {
  height: 25px;
  padding: 20px;
  margin: 20px 20px 0 20px;
}

.mobile #recipe-search {
  font-size: .75em;
  margin: 0 0 20px 0;
}

#recipe-search-inner {
  width: 75%;
  margin: 0 auto;
}

#recipe-search h2 {
  padding: 0;
  margin: 0;
}

#recipe-search h2, #recipe-search #recipe-search-by, #recipe-search form {
  float: left;
  margin-right: 20px;
}

.desktop #recipe-search form, .desktop #recipe-search #recipe-search-by {
  padding-top: 2px;
}

.desktop #recipe-search #recipe-search-by input {
  vertical-align: text-top;
}

#recipe-search #recipe-search-by input {
  margin: 3px;
}

#recipe-search #search-recipes-top {
  margin-left: 10px;
}

@media only screen and (max-width : 320px) {
  .mobile #recipe-search { height: 75px; }
  .mobile #search-by { margin-bottom: 10px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .mobile #recipe-search-inner { width: 80%; }
  .mobile #recipe-search { height: 60px; }
  .mobile #search-by { margin-bottom: 10px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
  .mobile #recipe-search-inner { width: 80%; }
}