/*================================================
					SITEWIDE
================================================*/

html {
  scroll-behavior: smooth;
}

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

#container-main {
  background: #fff;
}

#content-container {
  margin: 0;
  width: 1000px;
  max-width: 100%;
  /* background:rgba(255,255,255,.5); */
}

#content-container #content {
  padding-top: 60px;
}

/*================================================
					NAVIGATION
================================================*/

.header {
  width: 100%;
  position: absolute;
  text-align: right;
  z-index: 5;
}

.utility-navigation-wrapper {
  text-align: right;
  background: #00376f;
}

.utility-navigation-wrapper .hiland-logo {
  position: absolute;
  z-index: 50;
  left: 80px;
  top: 0;
}

.utility-navigation {
  height: 50px;
  display: inline-block;
  vertical-align: top;
  margin-left: 109px;
  box-sizing: border-box;
  padding-right: 35px;
}

.utility-navigation li {
  display: inline-block;
}

.utility-navigation li a {
  padding: 0 15px;
  margin-left: 10px;
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
}

.utility-navigation li.where-to-buy a {
  padding-right: 23px;
  background: url(../images/icon-menu-location.png) right center no-repeat;
  background-size: auto 100%;
}

.utility-navigation li.contact a {
  padding-right: 25px;
  background: url(../images/icon-menu-chat.png) right center no-repeat;
  background-size: auto 100%;
}

.utility-navigation li.email a {
  padding-right: 25px;
  background: url(../images/icon-menu-envelope.png) right center no-repeat;
  background-size: auto 100%;
}

.utility-navigation li.school-nutrition a {
  padding-right: 23px;
  background: url(../images/icon-menu-apple.png) right center no-repeat;
  background-size: auto 100%;
}

.navigation {
  background: url(../images/navigation-background.png);
  background: #fff;
  min-height: auto;
  display: block;
  padding: 0 30px;
}

.navigation a {
  font-family: "Montserrat";
  height: 70px;
  line-height: 74px;
  display: inline-block;
  padding: 0 20px;
  color: #494949;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}

.navigation a:hover {
  background: #eff3fb;
}

.navigation form {
  font-size: 0;
  height: 42px;
  padding-left: 10px;
}

.navigation form,
.navigation input {
  display: inline-block;
  vertical-align: middle;
}

.navigation input[type="text"] {
  border-radius: 10px 0 0 10px;
  border: 1px solid #ddd;
  outline: none;
  font-family: "Montserrat";
  font-size: 14px;
  color: #666;
  width: 130px;
  padding: 8px 12px;
}

.navigation input[type="submit"] {
  height: 36px;
  width: 36px;
  border-radius: 0 10px 10px 0;
  border: 1px solid #bbb;
  outline: none;
  border-left: none;
  background: url(../images/search-icon.png) center no-repeat #bbb;
}

.navigation .mobile,
.navigation .subnav {
  display: none;
}

.navigation .display-menu,
.navigation .display-menu:hover {
  display: none;
  height: 58px;
  width: 58px;
  background: url(../images/icon-menu.png);
  background-size: 100%;
  border: none;
  position: absolute;
  top: 0;
  right: 5px;
}

.navigation-dropdown {
  position: absolute;
  z-index: 5;
  display: none;
  /* right: 263px; */
  right: 512px;
  /* width:500px; */
  width: 250px;
  font-size: 0;
  text-align: left;
}

.products.navigation-dropdown {
  right: 263px;
  width: 500px;
}

.navigation-dropdown.the-hiland-hub {
  width: 250px;
  right: 271px;
}

.navigation-dropdown.company {
  width: 250px;
  right: 394px;
}

.navigation-dropdown:hover {
  display: block;
}

.navigation a:hover+.navigation-dropdown {
  display: block;
}

.navigation .navigation-dropdown li {
  display: inline-block;
  /* width:50%; */
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  background: #fff;
}

.navigation .products.navigation-dropdown li {
  width: 50%;
}

.navigation-dropdown.the-hiland-hub li {
  width: 100%;
  border: none;
}

.navigation .navigation-dropdown li:nth-child(even) {
  border-left: none;
}

.navigation .navigation-dropdown a {
  margin: 0;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #eee;
  height: auto;
  line-height: 44px;
  font-family: "Montserrat";
  font-weight: 400;
  display: block;
}

.navigation .navigation-dropdown a:hover {
  background: #eff3fb;
}

@media screen and (max-width: 1000px) {
  .utility-navigation-wrapper .hiland-logo img {
    width: 175px;
  }

  .utility-navigation-wrapper {
    text-align: right;
  }

  .navigation .mobile-menu a,
  .navigation .mobile-menu a:first-child {
    margin: 0;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    width: 50%;
  }

  .navigation {
    padding: 60px 0 0;
    position: relative;
  }

  .utility-navigation {
    display: none;
  }

  .mobile-menu {
    display: none;
    font-size: 0;
  }

  .navigation .display-menu,
  .navigation .display-menu:hover {
    display: block;
    padding: 0;
  }

  .navigation-dropdown:hover {
    display: none;
  }

  .navigation a:hover+.navigation-dropdown {
    display: none;
  }

  .navigation .mobile-menu a {
    border-top: 1px solid #eee;
    font-size: 14px;
    height: 40px;
    line-height: 45px;
    box-sizing: border-box;
  }

  .navigation .mobile-menu a:nth-child(odd) {
    border-left: 1px solid #eee;
  }

  .navigation .mobile-menu .mobile {
    display: inline-block;
    background: #4996d1;
    color: #fff;
    border: none;
    border-bottom: 1px solid #84bae5;
  }

  .navigation .mobile-menu a.mobile:nth-child(odd) {
    border-left: 1px solid #84bae5;
  }

  .navigation form {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .header {
    height: 100px;
  }

  .utility-navigation-wrapper .hiland-logo {
    left: 30px;
  }

  .utility-navigation-wrapper .hiland-logo img {
    width: 125px;
  }

  .social-icons {
    padding-top: 14px;
  }

  .social-icons a {
    margin-right: 3px;
  }

  .social-icons a img {
    display: block;
    width: 22px;
    height: 22px;
  }

  .navigation {
    padding-top: 50px;
  }

  .navigation .display-menu,
  .navigation .display-menu:hover {
    height: 50px;
    width: 50px;
  }
}

/*================================================
					FOOTER
================================================*/

#footer {
  padding: 40px 0 0;
  width: 100%;
  background: #283c5b;
  clear: both;
  text-align: center;
}

#footer p,
#footer p a {
  font-family: "Montserrat";
  color: #fff;
  line-height: 32px;
  font-size: 16px;
}

#footer .copy {
  padding-top: 20px;
  padding-bottom: 35px;
}

#footer .signup {
  font-family: "Montserrat";
  font-size: 16px;
  color: #fff;
  background: #172233;
  padding: 50px 0;
}

#footer .signup a {
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px 20px;
  border-radius: 10px;
}

#footer .signup a:hover {
  text-decoration: none;
  color: #bdd7ff;
  border: 1px solid #bdd7ff;
  padding: 15px 20px;
  border-radius: 10px;
}

#footer .signup input {
  box-sizing: border-box;
  padding: 14px;
  margin-left: 15px;
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 300;
  border-radius: 5px;
  border: none;
  outline: none;
  width: 300px;
}

#footer .signup input[type="submit"] {
  background: #4dc5f5;
  font-weight: 400;
  color: #fff;
  padding: 14px 24px;
  margin-left: 3px;
  width: auto;
  cursor: pointer;
}

.social-icons-footer {
  padding: 12px 0;
  text-align: center;
}

.social-icons-footer img {
  width: 36px;
  height: 36px;
}

#footer .now-hiring-button {
  text-decoration: none;
  color: #283c5b;
  background: #ffffff;
  padding: 15px 30px;
  margin: 0 auto;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-bottom: 25px;
  border: none;
  cursor: pointer;
  height: auto;
  width: auto;
}

/*================================================
			HOMEPAGE - BANNER
================================================*/

.banner-home {
  width: 100%;
  height: auto;
  background: no-repeat bottom #ffffff;
  background-size: cover;
  font-size: 0;
  /* border-bottom: 10px solid #fff; */
  margin-bottom: 10px;
  position: relative;
  text-align: right;
}

.banner-home a {
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 90%,
      rgba(0, 0, 0, 0.1) 100%);
}

.banner-home .banner-content {
  display: inline-block;
  width: 40%;
  padding: 0 0 0 95px;
  box-sizing: border-box;
  text-align: left;
  margin: 190px auto;
  border-radius: 10px;
}

.banner-home .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-right: 65px;
  color: #00376f;
  /*color:#c11932;*/
}

.banner-home .banner-content p {
  font-size: 28px;
  color: #1f1f1f;
  font-weight: 400;
  line-height: 38px;
  font-family: "Source Sans Pro", sans-serif;
  margin-right: 65px;
}

.banner-home .banner-content .button {
  text-decoration: none;
  color: #fff;
  background: #00376f;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 22px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
}

.banner-home .logo-halloween {
  height: 120px;
  width: 120px;
  position: absolute;
  bottom: 50px;
  right: 50px;
}

.banner-home .spider-web {
  width: 600px;
  position: absolute;
  top: 0;
  left: 0;
}

.banner-home .mobile-banner {
  display: none;
}

@media screen and (max-width: 1800px) {
  .banner-home .banner-content {
    width: 45%;
    margin: 140px auto 20px auto;
  }
}

@media screen and (max-width: 1200px) {
  .banner-home .banner-content {
    width: 55%;
  }
}

@media screen and (max-width: 990px) {
  .banner-home {
    background-position: center;
  }

  .banner-home .banner-content {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    margin: 75px 0;
  }

  .banner-home .banner-content img {
    margin: 0 auto;
  }

  .banner-home .banner-content h2 {
    font-size: 32px;
    line-height: 36px;
    color: #ffffff;
    width: 90%;
    text-align: center !important;
    margin-left: 20px;
  }

  .banner-home .banner-content p {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    width: 90%;
    text-align: center !important;
    margin-left: 20px;
  }

  .banner-home .banner-content .button {
    background: #2e3d6b;
    color: #ffffff;
    font-size: 16px;
  }
}

/*================================================
			HOMEPAGE - CALLOUTS
================================================*/

.home .callout-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}

@media screen and (max-width: 990px) {
  .home .callout-wrapper {
    flex-wrap: wrap;
  }
}

.callout-wrapper .featured-product,
.callout-wrapper .featured-recipe {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  background: #fff;
  padding-top: 600px;
  vertical-align: top;
  position: relative;
}

@media screen and (max-width: 770px) {

  .callout-wrapper .featured-product,
  .callout-wrapper .featured-recipe {
    width: 100%;
    padding-top: 350px;
  }
}

@media screen and (max-width: 770px) {
  .home .callout-wrapper .featured-product {
    padding-top: 440px;
  }
}

.callout-wrapper .featured-product {
  background: top no-repeat;
  background-size: cover;
}

.featured-product-0 {
  border-right: 5px solid #fff;
}

.home .featured-product {
  margin-bottom: 0;
}

.callout-wrapper .featured-recipe {
  background: center no-repeat;
  background-size: cover;
  border-left: 5px solid #fff;
}

.callout-wrapper .featured-recipe .mobile-banner {
  display: none;
}

.callout-wrapper .featured-product .text-wrapper,
.callout-wrapper .featured-recipe .text-wrapper {
  background: rgba(0, 0, 0, 0.6);
  padding: 25px;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.callout-wrapper .featured-recipe .text-wrapper {
  background: rgba(169, 197, 168, 0.75);
  background: rgb(169, 197, 168, 0.8);
}

.callout-wrapper .featured-product h2,
.callout-wrapper .featured-recipe h2 {
  font-family: "Montserrat";
  font-size: 30px;
  line-height: 36px;
  color: #0473c3;
  font-weight: 500;
  margin-bottom: 12px;
}

.callout-wrapper .featured-recipe h2 {
  color: #213a6d;
  /*text-shadow: 0 0 5px #222;*/
}

.callout-wrapper .featured-product p,
.callout-wrapper .featured-recipe p {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 30px;
  /*color:#213a6d;*/
  /*color:#213a6d;*/
  margin-bottom: 25px;
}

.callout-wrapper .featured-recipe p {
  color: #213a6d;
}

.callout-wrapper .featured-product a,
.callout-wrapper .featured-recipe a {
  font-family: "Montserrat";
  font-size: 20px;
  display: inline-block;
  background: #213a6d;
  color: #fff;
  font-weight: 500;
  padding: 15px 45px;
  border-radius: 8px;
  margin: 0 auto;
  text-decoration: none;
}

.callout-wrapper .featured-recipe a {
  background: #f1efea;
  color: #213a6d;
}

@media screen and (max-width: 990px) {

  .callout-wrapper .featured-product h2,
  .callout-wrapper .featured-recipe h2 {
    font-size: 24px;
    line-height: 24px;
  }

  .callout-wrapper .featured-product p,
  .callout-wrapper .featured-recipe p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .callout-wrapper .featured-product a,
  .callout-wrapper .featured-recipe a {
    font-size: 16px;
  }
}

.featured-blog-wrapper {
  background: url(../images/background-lines.jpg);
  padding: 50px 0;
}

.home .featured-blog-wrapper {
  margin: 10px 0;
}

.featured-blog-wrapper img {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  /* border: 5px solid #333f48; */
  box-sizing: border-box;
}

.featured-blog-wrapper img.mobile {
  display: none;
}

.featured-blog-wrapper .featured-blog {
  background: url(../images/corner.jpg) top left no-repeat #fff;
  padding: 50px 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.featured-blog-wrapper .text-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-right: 5%;
  text-align: left;
}

.featured-blog-wrapper .text-wrapper h2 {
  font-family: "Montserrat";
  font-size: 30px;
  line-height: 36px;
  color: #0056a3;
  margin-bottom: 15px;
}

.featured-blog-wrapper .text-wrapper p {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #494949;
}

.featured-blog-wrapper .text-wrapper p strong {
  font-weight: bold;
}

.featured-blog-wrapper a.button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
}

@media screen and (max-width: 990px) {
  .featured-blog-wrapper .text-wrapper {
    width: 60%;
  }

  .featured-blog-wrapper img {
    width: 30%;
  }

  .featured-blog-wrapper .text-wrapper h2 {
    font-size: 24px;
  }

  .featured-blog-wrapper .text-wrapper p {
    font-size: 16px;
  }
}

@media screen and (max-width: 770px) {
  .featured-blog-wrapper .text-wrapper {
    width: 100%;
    text-align: center;
  }

  .featured-blog-wrapper img {
    display: none;
  }

  .featured-blog-wrapper img.mobile {
    display: block;
    width: auto;
    max-width: 100%;
    margin-bottom: 25px;
  }

  .callout-wrapper .featured-product {
    border-right: none;
  }

  /* because the amount of copy keeps changing drastically each month - July 2024 JW */
  /* modified 8-14-25 because we might be more consistent about copy */
  .callout-wrapper .featured-product-1 {
    /* height: 480px; */
    /* background-size: 120%; */

    .text-wrapper {
      /* background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 100%); */
    }
  }

  .callout-wrapper .featured-recipe {
    border: none;
  }

  .callout-wrapper .featured-recipe .mobile-banner {
    display: block;
  }
}

@media screen and (max-width: 1300px) {

  .callout-wrapper .featured-product p,
  .callout-wrapper .featured-recipe p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  /* because the amount of copy keeps changing drastically each month - July 2024 JW */
  .callout-wrapper .featured-product-1 {
    /* height: 610px; */

    .text-wrapper {
      /* background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 100%); */
    }
  }
}

/*================================================
			HOMEPAGE - FOOTER
================================================*/

.footer {
  background: #263b5c;
}

.footer-menu {
  padding: 0 35px;
}

.footer .social-icon-wrapper {
  background: #fff;
  padding: 45px 0 10px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.footer .social-icon-wrapper img {
  height: 45px;
  width: 45px;
  margin: 0 3px;
  display: inline-block;
}

.footer .social-icon-curve {
  /* background:url(../images/social-curve.png) center no-repeat; */
  /* height:12px; */
  position: relative;
}

.footer .social-icon-curve::after {
  content: "";
  width: 400px;
  height: 96px;
  background-color: white;
  position: absolute;
  top: -82px;
  left: calc(50% - 200px);
  border-radius: 25px;
  z-index: 0;
  display: inline-block;
}

@media screen and (max-width: 400px) {
  .footer .social-icon-curve::after {
    width: 360px;
    top: -82px;
    left: calc(50% - 180px);
  }

  .footer .social-icon-wrapper img {
    margin: 0;
  }
}

/*================================================
					INTERNAL
================================================*/

.page-wrapper {
  font-size: 0;
  padding-top: 120px;
}

.redesign .breadcrumb-wrapper {
  background: #1e2d44;
}

.redesign .breadcrumb-wrapper .breadcrumbs {
  font-size: 16px;
  margin: 0;
  font-family: "Montserrat";
  color: #fff;
  padding: 8px;
}

.redesign .breadcrumb-wrapper .breadcrumbs a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin: 0;
  font-family: "Montserrat";
  padding: 8px;
}

.redesign .breadcrumb-wrapper .breadcrumbs span {
  margin: 0 5px;
}

.redesign .download-file {
  display: inline-block;
  padding: 12px 16px;
  border: 1px dashed #d3d3d3;
  background: url(../images/icon-file.png) 8px center no-repeat;
  padding-left: 50px;
  color: #4996d1;
  text-decoration: none;
  font-family: "Source Sans Pro", Arial;
  font-size: 18px;
}

.redesign em,
.redesign .italic {
  font-style: italic;
}

.redesign .align-center {
  text-align: center;
}

.redesign .align-left {
  text-align: left;
}

.redesign .align-right {
  text-align: right;
}

@media screen and (max-width: 1000px) {
  .page-wrapper {
    padding-top: 60px;
  }
}

@media screen and (max-width: 550px) {
  .page-wrapper {
    padding-top: 50px;
  }
}

/*================================================
					COUPONS
================================================*/

.coupon-page .content-1 .frame {
  text-align: center;
}

.redesign.coupon-page .content-1 h2 {
  margin-bottom: 35px;
}

.coupon-page #coupon_div .coupon-block {
  width: 32%;
  margin-left: 2%;
}

.coupon-page #coupon_div .coupon-block:first-child {
  margin-left: 0;
}

.coupon-page #coupon_div .coupon-block .img-responsive {
  width: auto;
  margin: 0px auto 15px;
  display: block;
  height: 200px;
}

.coupon-page #coupon_div .coupon-block .text-wrapper {
  width: auto;
  text-align: center;
}

.coupon-page .content-2 {
  background: #fff;
  padding: 40px 0;
}

.redesign.coupon-page .content-wrapper .track-form {
  border-bottom: 1px solid #ddd;
}

.redesign.coupon-page .content-wrapper .track-form h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

.redesign.coupon-page .content-wrapper .track-form a {
  color: #999;
  text-decoration: none;
}

.redesign.coupon-page .content-wrapper .track-form span {
  color: #999;
  margin: 0 15px;
}

/*================================================
					COUPONS
================================================*/

.redesign.coupons-print .frame {
  text-align: center;
}

.redesign.coupons-print .coupon-wrapper {
  width: 100%;
  font-size: 0;
  margin-top: 25px;
  padding-top: 25px;
  cursor: pointer;
}

.redesign.coupons-print .coupon-wrapper+.coupon-wrapper {
  border-top: 1px solid #e3e3e3;
}

.redesign.coupons-print .coupon-wrapper .checkbox-wrapper {
  display: inline-block;
  width: 90px;
  padding-top: 85px;
  vertical-align: top;
}

.redesign.coupons-print .checkbox {
  display: block;
  height: 45px;
  width: 45px;
  background: url(../images/coupons/coupon-checkbox.png) bottom;
}

.redesign.coupons-print .checkbox.active {
  background-position: top;
}

.redesign.coupons-print .coupon-wrapper img {
  display: inline-block;
  max-width: 85%;
}

.redesign.coupons-print .coupon-wrapper input {
  display: none;
}

.redesign.coupons-print .btn_printcoupons {
  margin: 40px 0 50px;
  border: none;
  outline: none;
}

@media screen and (max-width: 980px) {
  .redesign.coupons-print .coupon-wrapper {
    text-align: center;
    height: auto;
    margin-top: 0;
    padding-bottom: 25px;
  }

  .redesign.coupons-print .coupon-wrapper.active {
    background: #e1f2fb;
  }

  .redesign.coupons-print .coupon-wrapper .checkbox-wrapper {
    display: none;
  }

  .redesign.coupons-print .btn_printcoupons {
    margin: 40px auto 50px;
  }
}

@media print {}

/*================================================
				RECIPES LANDING
================================================*/

.recipes-landing .banner-wrapper {
  height: 420px;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.recipes-landing .banner {
  height: 420px;
  width: 100%;
  background: url(../images/recipes/banner.jpg) center top no-repeat;
  background-size: cover;
}

@media screen and (max-width: 770px) {

  .recipes-landing .banner-wrapper,
  .recipes-landing .banner {
    height: 300px;
  }
}

@media screen and (max-width: 540px) {

  .recipes-landing .banner-wrapper,
  .recipes-landing .banner {
    height: 220px;
  }
}

.redesign.recipes-landing .content-1 {
  font-size: 0;
  text-align: center;
  background: #fff;
  padding-top: 0;
}

.recipes-landing .recipe,
.recipes-categories .recipe,
.recipes-single .recipe,
.resources .recipe {
  display: inline-block;
  width: 20%;
  height: 280px;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: url(../images/products/icons/icon-butter.jpg) center 40% no-repeat;
  background-size: 110px 110px;
  vertical-align: top;
  padding: 0 10px;
}

.recipes-landing .recipe a,
.recipes-categories .recipe a,
.recipes-single .recipe a,
.resources .recipe a {
  height: 280px;
  width: 100%;
  text-decoration: none;
}

.redesign .recipe-footer .recipe.appetizers,
.resources .recipe.appetizers {
  background: url(../images/recipes/icon-appetizers.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.soups,
.recipes-categories .recipe.soups,
.recipes-single .recipe.soups,
.resources .recipe.soups {
  background: url(../images/recipes/icon-soups.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.salads,
.recipes-categories .recipe.salads,
.recipes-single .recipe.salads,
.resources .recipe.salads {
  background: url(../images/recipes/icon-salads.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.side-dishes,
.recipes-categories .recipe.side-dishes,
.recipes-single .recipe.side-dishes,
.resources .recipe.side-dishes {
  background: url(../images/recipes/icon-side-dishes.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.high-in-protein,
.recipes-categories .recipe.high-in-protein,
.recipes-single .recipe.high-in-protein,
.resources .recipe.high-in-protein {
  background: url(../images/recipes/icon-high-in-protein.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.budget-friendly,
.recipes-categories .recipe.budget-friendly,
.recipes-single .recipe.budget-friendly,
.resources .recipe.budget-friendly {
  background: url(../images/recipes/icon-budget-friendly.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.breakfast,
.recipes-categories .recipe.breakfast,
.recipes-single .recipe.breakfast,
.resources .recipe.breakfast {
  background: url(../images/recipes/icon-breakfast.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.beverages,
.recipes-categories .recipe.beverages,
.recipes-single .recipe.beverages,
.resources .recipe.beverages {
  background: url(../images/recipes/icon-beverages.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.desserts,
.recipes-categories .recipe.desserts,
.recipes-single .recipe.desserts,
.resources .recipe.desserts {
  background: url(../images/recipes/icon-desserts.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .recipe.main-courses,
.recipes-categories .recipe.main-courses,
.recipes-single .recipe.main-courses,
.resources .recipe.main-courses {
  background: url(../images/recipes/icon-main-courses.jpg) center 40% no-repeat;
  background-size: 110px 110px;
}

.recipes-landing .user-recipes,
.recipes-categories .user-recipes,
.recipes-single .user-recipes,
.resources .user-recipes {
  background: url(../images/recipes/icon-user-recipes.jpg) center 40% no-repeat;
  background-size: 110px 110px;
  border-left: 1px solid #eee;
}

@media screen and (max-width: 1400px) {

  .recipes-landing .recipe,
  .recipes-categories .recipe,
  .recipes-single .recipe,
  .resources .recipe {
    width: 25%;
    border-left: none;
  }

  .recipes-landing .budget-friendly,
  .recipes-categories .budget-friendly,
  .recipes-single .budget-friendly,
  .resources .budget-friendly {
    border-left: 1px solid #eee;
  }
}

@media screen and (max-width: 1100px) {

  .recipes-landing .recipe,
  .recipes-categories .recipe,
  .recipes-single .recipe,
  .resources .recipe {
    width: 33.3%;
    border-left: none;
  }

  .recipes-landing .high-in-protein,
  .recipes-categories .high-in-protein,
  .recipes-single .high-in-protein,
  .resources .high-in-protein {
    border-left: 1px solid #eee;
  }
}

@media screen and (max-width: 800px) {

  .recipes-landing .recipe,
  .recipes-categories .recipe,
  .recipes-single .recipe,
  .resources .recipe {
    width: 50%;
  }

  .recipes-landing .banner-wrapper,
  .recipes-landing .banner {
    height: 300px;
  }

  .recipes-landing .user-recipes,
  .recipes-categories .user-recipes,
  .recipes-single .user-recipes {
    border-left: 1px solid #eee;
  }
}

@media screen and (max-width: 420px) {

  .recipes-landing .recipe,
  .recipes-categories .recipe,
  .recipes-single .recipe,
  .resources .recipe {
    width: 100%;
  }

  .recipes-landing .banner-wrapper,
  .recipes-landing .banner {
    height: 220px;
  }
}

.redesign .content-wrapper .recipe-footer {
  background: #fff;
}

.redesign.recipes-categories .content-wrapper .recipe-footer {
  border-top: 1px solid #eee;
}

.redesign .content-wrapper .recipe-footer h2,
.redesign.resources .content-wrapper .content-1 .recipe h2 {
  font-family: "Montserrat";
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #494949;
  padding: 190px 0 0;
}

/*================================================
				RECIPE CATEGORY
================================================*/

.recipes-categories .recipe-wrapper {
  display: inline-block;
  width: 330px;
  max-width: 90%;
  border: 1px solid #ddd;
  border-bottom: 5px solid #283c5b;
  margin: 0 10px 20px;
  padding-bottom: 15px;
  vertical-align: top;
  box-sizing: border-box;
}

.recipes-categories .content-wrapper .recipe-wrapper a {
  text-decoration: none;
}

.recipes-categories .content-wrapper .recipe-wrapper img {
  display: block;
  width: 330px;
  height: 220px;
  max-width: 100%;
}

.recipes-categories .content-wrapper .recipe-wrapper h2 {
  font-size: 26px;
  line-height: 32px;
  padding: 15px 25px 15px;
  margin: 0;
  font-weight: 500;
  color: #494949;
  box-sizing: border-box;
}

.recipes-categories .content-wrapper .recipe-wrapper p {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Montserrat";
  text-transform: uppercase;
  text-align: left;
  padding: 10px 0 0 120px;
  margin: 0;
  color: #666;
}

.recipes-categories .content-wrapper .recipe-wrapper .recipe-heading {
  height: 150px;
  font-size: 0;
}

.recipes-categories .content-wrapper .recipe-wrapper .recipe-heading .spacer {
  height: 150px;
  width: 1%;
  display: inline-block;
  vertical-align: middle;
}

.recipes-categories .content-wrapper .recipe-wrapper .recipe-heading a {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.recipes-categories .content-wrapper .recipe-wrapper .prep-time {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 10px 120px;
  background: url(../images/recipes/icon-prep.jpg) 50px 5px no-repeat;
  background-size: auto 80%;
}

.recipes-categories .content-wrapper .recipe-wrapper .cook-time {
  background: url(../images/recipes/icon-cook.jpg) 50px 11px no-repeat;
  background-size: auto 82%;
}

.recipes-categories .content-wrapper .recipe-wrapper p span {
  color: #4996d1;
}

.recipes-categories .content-wrapper .recipe-wrapper .divider {
  height: 5px;
  width: 100px;
  background: #ddd;
  margin-bottom: 10px;
}

.recipes-categories .content-2 {
  background: #fff;
  border-top: 1px solid #ddd;
}

/*================================================
				RECIPE SINGLE
================================================*/

.redesign.recipes-single .content-1 {
  font-size: 0;
}

.redesign.recipes-single .content-1 .column {
  display: inline-block;
  max-width: 50%;
  width: 450px;
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
}

.redesign.recipes-single .content-1 .recipe-image p {
  line-height: 28px;
}

.redesign.recipes-single .content-1 .details {
  padding-left: 75px;
}

.redesign.recipes-single .content-1 .details p {
  font-size: 24px;
  font-weight: 400;
  font-family: "Montserrat";
  text-transform: uppercase;
  text-align: left;
  padding: 15px 0;
  margin: 0;
}

.redesign.recipes-single .content-1 .details p span {
  color: #4996d1;
}

.redesign.recipes-single .content-1 .details ul {
  border-bottom: 1px solid #ddd;
  list-style: none;
}

.redesign.recipes-single .content-1 .details ul li {
  padding: 0 0 0 95px;
  border-top: 1px solid #ddd;
}

.redesign.recipes-single .content-1 .prep-time {
  background: url(../images/icon-prep.jpg) left center no-repeat;
  background-size: auto 70%;
}

.redesign.recipes-single .content-1 .custom-time {
  background: url(../images/icon-custom-time.jpg) left center no-repeat;
  background-size: auto 70%;
}

.redesign.recipes-single .content-1 .cook-time {
  background: url(../images/icon-cook.jpg) left center no-repeat;
  background-size: auto 70%;
}

.redesign.recipes-single .content-1 .servings {
  background: url(../images/icon-servings.jpg) left center no-repeat;
  background-size: auto 70%;
}

.redesign.recipes-single .content-1 .details .social-icons {
  padding-top: 20px;
  text-align: center;
}

.redesign.recipes-single .content-1 .details .social-icons img {
  display: inline-block;
}

.redesign.recipes-single .content-1 .social a {
  display: inline-block;
}

.redesign.recipes-single .content-2 {
  padding: 50px 0;
}

.redesign.recipes-single .content-2 .column {
  display: inline-block;
  max-width: 45%;
  margin: 0 1%;
  max-width: 45%;
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 10px #040a15;
  border-top: 10px solid #964a4a;
  padding: 35px 50px 40px;
}

.redesign.recipes-single .content-2 .column.directions {
  border-top: 10px solid #4595d4;
}

.redesign.recipes-single .content-2 .column h2 {
  color: #494949;
  font-weight: 400;
  margin-bottom: 25px;
}

.redesign.recipes-single .content-2 .ingredients ul,
.redesign.recipes-single .content-2 .directions ul {
  border-bottom: 1px solid #ddd;
}

.redesign.recipes-single .content-2 .directions ul {
  list-style: none;
}

.redesign.recipes-single .content-2 .ingredients ul li,
.redesign.recipes-single .content-2 .directions ul li {
  font-size: 20px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.redesign.recipes-single .content-2 .ingredients ul li strong {
  color: #494949;
  margin-right: 5px;
}

.redesign.recipes-single .content-2 .directions ul {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 30px;
}

.redesign.recipes-single .content-2 .directions ul li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

.redesign.recipes-single .content-2 .directions ul li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  left: -46px;
  background: #4595d4;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
}

.redesign.recipes-single .content-3 {
  background: #fff;
}

@media screen and (max-width: 1000px) {

  .redesign.recipes-single .content-1 .column,
  .redesign.recipes-single .content-1 .column img {
    display: block;
    max-width: 92%;
    width: auto;
    height: auto;
    margin: 0 auto;
  }

  .redesign.recipes-single .content-1 .details {
    padding-left: 0;
    max-width: 450px;
    margin-top: 25px;
  }

  .redesign.recipes-single .content-1 .details ul li {
    padding: 0 0 0 120px;
    border-top: 1px solid #ddd;
  }

  .redesign.recipes-single .content-1 .prep-time {
    background: url(../images/icon-prep.jpg) 40px center no-repeat;
    background-size: auto 70%;
  }

  .redesign.recipes-single .content-1 .cook-time {
    background: url(../images/icon-cook.jpg) 40px center no-repeat;
    background-size: auto 70%;
  }

  .redesign.recipes-single .content-1 .servings {
    background: url(../images/icon-servings.jpg) 40px center no-repeat;
    background-size: auto 70%;
  }

  .redesign.recipes-single .content-2 .column {
    display: block;
    max-width: 98%;
    margin: 0 1%;
    width: auto;
  }

  .redesign.recipes-single .content-2 .column.directions {
    margin-top: 25px;
  }
}

/*================================================
				PRODUCT LANDING
================================================*/

.products-landing .banner-wrapper {
  height: 420px;
  width: 100%;
  background: url(../images/products-banner-background.jpg) center;
  background-size: auto 100%;
  border-bottom: 1px solid #eee;
}

.products-landing .banner {
  height: 420px;
  width: 100%;
  background: center no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 900px) {

  .products-landing .banner-wrapper,
  .products-landing .banner {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {

  .products-landing .banner-wrapper,
  .products-landing .banner {
    width: 100%;
  }
}

.products-landing .content-1 {
  font-size: 0;
  text-align: center;
  background: #fff;
}

.products-landing .product {
  display: inline-block;
  width: 20%;
  height: 280px;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: center 40% no-repeat;
  background-size: 110px 110px;
  vertical-align: top;
  padding: 0 10px;
}

.products-landing .product a {
  height: 280px;
  width: 100%;
  text-decoration: none;
}

.products-landing .product.sour-cream {
  border-left: 1px solid #eee;
}

.products-landing .product h2 {
  font-family: "Montserrat";
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #494949;
  padding: 190px 0 0;
}

@media screen and (max-width: 1400px) {
  .products-landing .product {
    width: 25%;
  }
}

@media screen and (max-width: 1100px) {
  .products-landing .product {
    width: 33.3%;
  }

  .products-landing .product.sour-cream {
    border-left: none;
  }

  .products-landing .product.whipped-cream {
    border-left: 1px solid #eee;
  }
}

@media screen and (max-width: 800px) {
  .products-landing .product {
    width: 50%;
    height: 240px;
    background-position: center 30%;
  }

  .products-landing .product h2 {
    padding: 165px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .products-landing .product.whipped-cream {
    border-left: none;
  }

  .products-landing .product.yogurt {
    border-left: 1px solid #eee;
  }

  .products-landing .products-landing .banner-wrapper,
  .products-landing .products-landing .banner {
    height: 300px;
  }
}

@media screen and (max-width: 420px) {

  .products-landing .products-landing .banner-wrapper,
  .products-landing .products-landing .banner {
    height: 220px;
  }
}

/*================================================
					PRODUCTS
================================================*/

.product-page .banner-wrapper .banner {
  height: 420px;
  width: 100%;
  background: url(../images/milk-banner.jpg) center;
  background-size: cover;
}

.product-page .banner-wrapper div.banner {
  background-repeat: no-repeat;
}

.product-page .content-wrapper {
  background: url(../images/background-resources.jpg);
}

.product-page .content-1 {
  background: url(../images/background-resources-1.jpg) no-repeat #fff;
  padding: 50px 0;
}

.product-page .content-1 .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 290px;
  min-height: 250px;
  margin: 0 auto;
  background: url(../images/products/milk/milk-icon.png) left center no-repeat;
  text-align: left;
  border-right: 3px solid #f9f9f9;
}

.product-page .content-1 .icon-text {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  padding: 75px 60px;
}

.product-page .content-1 div h2 {
  color: #494949;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.product-page .content-1 div p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.product-page .product-layout {
  padding: 50px 0;
  text-align: center;
  background: url(../images/product-background.jpg) top center repeat-x #fff;
  background-size: 250px;
}

.product-page .product-wrapper {
  padding-top: 15px;
  position: relative;
  display: inline-block;
  max-width: 90%;
  box-sizing: border-box;
  vertical-align: top;
}

.product-page .product-content {
  background: #fff;
  margin: 0;
  padding: 10px 25px;
  width: 310px;
  max-width: 100%;
  box-sizing: border-box;
}

.product-page .product-wrapper img {
  max-width: 100%;
  height: auto;
}

/* .product-page .product-wrapper img.product-img-adjustable-css::after { 
	content:""; display:block; width:70px; height:70px; border-radius:50%; 
	font-size:10px; text-align:center; background:#A5F5FF; position: absolute; 
	line-height:70px; bottom:-20px; right:-20px;
} */

.product-page .product-wrapper img.product-img-adjustable-css {
  position: relative;
  z-index: 1;
}

.product-page .product-wrapper div:has(img.product-img-adjustable-css) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-page .product-wrapper div.product-img-adjustable-css-shadow {
  position: absolute;
  height: 6px;
  width: 22%;
  background-color: rgb(148 148 148);
  filter: blur(5px);
  top: 266px;
}

.redesign.product-page .product-wrapper h3 {
  margin-bottom: 10px;
  font-family: "Montserrat";
  font-weight: 600;
  color: #00376f;
  font-size: 20px;
  line-height: 26px;
  margin-top: 6px;
  text-align: center;
}

.redesign.product-page .product-wrapper p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-page .button {
  font-family: "Montserrat";
  font-size: 16px;
  display: inline-block;
  background: #1d2d45;
  color: #fff;
  padding: 15px 45px;
  border-radius: 5px;
  margin: 25px auto 0;
  text-decoration: none;
}

.product-page #back-to-top,
.company-v2 #back-to-top {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 21px 30px 20px 65px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  font-family: "Montserrat";
  background: url(../images/arrow-top.png) no-repeat #1e2d44 20px 13px;
  border-top: 1px solid #475c80;
  border-right: 1px solid #475c80;
  z-index: 100;
  display: none;
}

@media screen and (max-width: 975px) {
  .product-page .content-1 .icon-background {
    display: none;
  }
}

@media screen and (max-width: 770px) {
  .product-page .banner-wrapper .banner {
    height: 300px;
  }

  .product-page h1 {
    padding: 20px 0;
  }

  .redesign.product-page .content-1 {
    padding: 15px 0;
  }

  .product-page .content-1 .icon-background {
    display: none;
  }

  .product-page .content-1 .icon-text {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 0 100px;
  }

  .product-page .product-layout {
    padding: 0 0 35px;
  }
}

@media screen and (max-width: 540px) {
  .product-page .banner-wrapper .banner {
    height: 220px;
  }
}

.xpander_blue,
.product-box a {
  font-size: 16px;
}

/*================================================
				PRODUCT MILK
================================================*/

.product-milk .banner-wrapper .banner {
  background: url(../images/milk-banner.jpg) center no-repeat #927764;
  background-size: cover;
}

.product-milk .content-1 .icon-background {
  background: url(../images/products/milk/milk-icon.png) left center no-repeat;
}

.product-milk .content-2 {
  background: url(../images/products/milk/background-brown.jpg) no-repeat #fff;
  border-top: 1px solid #ddd;
}

.product-milk .content-2 .icon-background {
  background: url(../images/products/milk/milk-icon-2.png) left center no-repeat;
}

.product-milk .content-2 div h2 {
  color: #cdb19e;
}

/*================================================
				PRODUCT BUTTER
================================================*/

.product-butter .banner-wrapper .banner {
  background: url(../images/products/butter/banner.jpg) center no-repeat #cea56f;
  background-size: auto 100%;
}

.product-butter .content-1 .icon-background {
  background: url(../images/products/butter/butter-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT BUTTERMILK
================================================*/

.product-buttermilk .banner-wrapper .banner {
  background: url(../images/products/buttermilk/banner.jpg) center no-repeat #d7e0e6;
  background-size: auto 100%;
}

.product-buttermilk .content-1 .icon-background {
  background: url(../images/products/buttermilk/buttermilk-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT CHEESE
================================================*/

.product-cheese .banner-wrapper .banner {
  background: url(../images/products/cheese/banner.jpg) center no-repeat #b36847;
  background-size: auto 100%;
}

.product-cheese .content-1 .icon-background {
  background: url(../images/products/cheese/cheese-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT COFFEE CREAMER
================================================*/

.product-creamer .banner-wrapper .banner {
  background: url(../images/products/creamers/banner.jpg) center no-repeat #ecbf98;
  /* background-size: auto 100%; */
}

.product-creamer .content-1 .icon-background {
  background: url(../images/products/creamers/creamer-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT CREMA
================================================*/

.product-crema .banner-wrapper .banner {
  background: url(../images/products/banner-crema.jpg) center no-repeat #fffafa;
  background-size: auto 100%;
}

.product-crema .content-1 .icon-background {
  background: url(../images/products/icon-crema.jpg) left center no-repeat;
}

/*================================================
			PRODUCT CREAM CHEESE
================================================*/

.product-cream-cheese .banner-wrapper .banner {
  background: url(../images/products/cream-cheese/banner-cream-cheese.jpg) center no-repeat #4c3937;
  background-size: auto 100%;
}

.product-cream-cheese .content-1 .icon-background {
  background: url(../images/products/cream-cheese/cream-cheese-icon.png) left center no-repeat;
}

.product-cream-cheese .content-3 .recipe {
  width: 420px;
  margin: 10px;
  display: inline-block;
  box-shadow: 0 0 15px #9cadbb;
  border: 5px solid #fff;
  vertical-align: top;
}

.product-cream-cheese .content-3 .recipe .content {
  padding: 30px 25px 40px;
  background: #fff;
}

.product-cream-cheese .content-3 .recipe .content .copy {
  height: 176px;
}

.product-cream-cheese .content-3 .recipe .content h2 {
  margin-bottom: 15px;
}

.product-cream-cheese .content-3 .recipe .content p {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 24px;
  font-weight: 400;
}

.product-cream-cheese .content-3 .recipe .content img {
  margin: 20px auto 0;
  width: 75%;
}

.product-cream-cheese .content-3 .recipe .content p.cream-cheese {
  line-height: 42px;
  margin-top: 10px;
  margin-bottom: 8px;
  font-weight: 300;
}

.product-cream-cheese .content-3 .recipe .content p.cream-cheese+p.cream-cheese {
  margin-top: 9px;
}

.product-cream-cheese .content-3 .recipe .content span {
  border-radius: 50px;
  padding: 8px 30px 10px;
  margin: 0 5px;
  color: #fff;
  display: inline-block;
  line-height: 24px;
}

.product-cream-cheese .content-3 .recipe .content span.garden-veggie {
  background: #802336;
}

.product-cream-cheese .content-3 .recipe .content span.original {
  background: #1f2e6b;
}

.product-cream-cheese .content-3 .recipe .content span.onion-chive {
  background: #30643c;
}

.product-cream-cheese .content-3 .recipe .content span.honey-vanilla {
  background: #f1a15a;
}

.product-cream-cheese .content-3 .recipe .content span.strawberry {
  background: #bf133b;
}

.product-cream-cheese .content-3 .recipe .content span.salted-caramel {
  background: #a8523e;
}

/*================================================
			PRODUCT COTTAGE CHEESE
================================================*/

.product-cottage-cheese .banner-wrapper {
  background: url(../images/cottage-cheese-banner-background.jpg) center;
  background: linear-gradient(#fdf9f8 55%, #003459 55%);
  border-bottom: 5px solid #fff;
}

.product-cottage-cheese .banner-wrapper .banner {
  background: url(../images/cottage-cheese-banner.jpg) center no-repeat;
  background-size: auto 100%;
  border-bottom: none;
}

.product-cottage-cheese .content-1 .icon-background {
  background: url(../images/products/cottage-cheese/cottage-cheese-icon.png) left center no-repeat;
}

.redesign.product-cottage-cheese .content-2 {
  background: #438ac1;
}

.product-cottage-cheese .content-2 .icon-background {
  border-right: none;
  background: url(../images/products/cottage-cheese/cottage-cheese-icon-white.png) left center no-repeat;
}

.product-cottage-cheese .content-2 .icon-text h2,
.product-cottage-cheese .content-2 .icon-text p {
  color: #fff;
}

.product-cottage-cheese .content-3+.product-layout {
  background: #fff;
  padding: 40px 0 70px;
}

/*========= FEATURED BLOG =========*/
/* updated April 17, 2024 so that all product pages could have a Featured Blog (recipe) post, not just Cottage Cheese and Cream Cheese - JW */
/* who knew that native CSS nesting would be such a miracle!?!? */
.product-butter,
.product-buttermilk,
.product-half-half,
.product-cheese,
.product-coffee-creamer,
.product-cottage-cheese,
.product-cream-cheese,
.product-crema,
.product-dairy-free-options,
.product-dips,
.product-fruit-drinks,
.product-ice-cream,
.product-iced-coffee,
.product-juice,
.product-lactose-free,
.product-lactose-free-milk,
.product-lemonade,
.product-milk,
.product-red-diamond-tea,
.product-school-milk,
.product-seasonal,
.product-sour-cream,
.product-water,
.product-whipped-cream,
.product-yogurt {
  .content-3 {
    background: url(../images/background-lines.jpg);
    padding: 50px 25px;

    .featured-blog {
      background: url(../images/corner.jpg) top left no-repeat #fff;
      padding: 50px 75px;
      max-width: 1000px;
      margin: 0 auto;

      img.mobile {
        display: none;
      }

      img {
        display: inline-block;
        vertical-align: middle;
        width: 45%;
        /* border: 5px solid #333f48; */
        box-sizing: border-box;
        border: 5px solid #1d2f23;
      }

      .text-wrapper {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        margin-right: 5%;
        text-align: left;
      }
    }

    .coupon-wrapper {
      background: #fff;
      padding: 25px 50px;
      max-width: 1000px;
      margin: 25px auto 0;
      border: 5px dashed #4996d1;
    }
  }
}

/* .product-cottage-cheese .content-3,
.product-cream-cheese .content-3 {
	background: url(../images/background-lines.jpg);
	padding: 50px 25px;
} */
/* .product-cottage-cheese .content-3 .featured-blog,
.product-cream-cheese .content-3 .featured-blog {
	background: url(../images/corner.jpg) top left no-repeat #fff;
	padding: 50px 75px;
	max-width: 1000px;
	margin: 0 auto;
} */

/* .product-cottage-cheese .content-3 .coupon-wrapper,
.product-cream-cheese .content-3 .coupon-wrapper {
	background:#fff;
	padding: 25px 50px;
	max-width: 1000px;
	margin: 25px auto 0;
	border: 5px dashed #4996d1;
} */
/* .product-cottage-cheese .content-3 .featured-blog img.mobile,
.product-cream-cheese .content-3 .featured-blog img.mobile {
	display: none;
} */
/* .product-cottage-cheese .content-3 .featured-blog img,
.product-cream-cheese .content-3 .featured-blog img {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	border: 5px solid #333f48;
	box-sizing: border-box;
} */
/* .product-cream-cheese .content-3 .featured-blog img {
	border: 5px solid #1d2f23;
} */
/* .product-cottage-cheese .content-3 .featured-blog .text-wrapper,
.product-cream-cheese .content-3 .featured-blog .text-wrapper {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	margin-right: 5%;
	text-align: left;
} */
@media screen and (max-width: 770px) {

  .product-butter,
  .product-buttermilk,
  .product-cheese,
  .product-coffee-creamer,
  .product-cottage-cheese,
  .product-cream-cheese,
  .product-crema,
  .product-dairy-free-options,
  .product-dips,
  .product-fruit-drinks,
  .product-half-half,
  .product-ice-cream,
  .product-iced-coffee,
  .product-juice,
  .product-lactose-free,
  .product-lactose-free-milk,
  .product-lemonade,
  .product-milk,
  .product-red-diamond-tea,
  .product-school-milk,
  .product-seasonal,
  .product-sour-cream,
  .product-water,
  .product-whipped-cream,
  .product-yogurt {
    .content-3 {
      padding: 25px;

      .featured-blog {
        padding: 30px 35px;

        img {
          display: none;
        }

        img.mobile {
          display: block;
          width: auto;
          max-width: 100%;
          margin: 0 auto 25px;
        }

        .text-wrapper {
          width: 100%;
          text-align: center;
          margin: 0;
        }
      }
    }
  }

  /* .product-cottage-cheese .content-3,
	.product-cream-cheese .content-3 {
		padding:25px;
	} */
  /* .product-cottage-cheese .content-3 .featured-blog,
	.product-cream-cheese .content-3 .featured-blog {
		padding: 30px 35px;
	} */
  /* .product-cottage-cheese .content-3 .featured-blog img,
	.product-cream-cheese .content-3 .featured-blog img {
		display:none;
	} */
  /* .product-cottage-cheese .content-3 .featured-blog img.mobile,
	.product-cream-cheese .content-3 .featured-blog img.mobile {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 0 auto 25px;
	} */
  /* .product-cottage-cheese .content-3 .featured-blog .text-wrapper,
	.product-cream-cheese .content-3 .featured-blog .text-wrapper {
		width: 100%;
		text-align: center;
		margin:0;
	} */
}

.product-page.product-cottage-cheese .product-layout {
  background: #fff;
}

/*========= COUPON =========*/

.product-cottage-cheese .content-3.coupon,
.product-cream-cheese .content-3.coupon {
  padding: 60px 15px;
}

.product-cottage-cheese .content-3.coupon .coupon-wrapper,
.product-cream-cheese .content-3.coupon .coupon-wrapper {
  background: #fff;
  padding: 0;
  max-width: 900px;
  margin: 0 auto;
  border: 5px dashed #4996d1;
}

.product-cottage-cheese .content-3.coupon .coupon-wrapper .icon-background,
.product-cream-cheese .content-3.coupon .coupon-wrapper .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  text-align: left;
  border: none;
  background: url(../images/products/cottage-cheese/coupon-cottage-cheese.jpg) center no-repeat;
}

.product-cream-cheese .content-3.coupon .coupon-wrapper .icon-background {
  background: url(../images/products/cream-cheese/coupon.jpg) center no-repeat;
  background-size: contain;
}

.product-cottage-cheese .content-3.coupon .coupon-wrapper .icon-text,
.product-cream-cheese .content-3.coupon .coupon-wrapper .icon-text {
  vertical-align: middle;
  display: inline-block;
  width: 525px;
  text-align: left;
  padding: 65px 0 65px 25px;
}

@media screen and (max-width: 910px) {
  .product-cottage-cheese .content-3.coupon .coupon-wrapper .icon-background {
    display: none;
  }

  .product-cottage-cheese .content-3.coupon .coupon-wrapper .icon-text {
    width: auto;
    text-align: center;
    padding: 35px;
  }

  .product-cottage-cheese .content-3.coupon .coupon-wrapper .icon-text .button {
    margin-top: 0;
  }
}

/*================================================
			PRODUCT DAIRY FREE
================================================*/

.product-dairy-free .banner-wrapper .banner {
  background: url(../images/products/dairy-free/banner.jpg) center no-repeat #7c563a;
  background-size: auto 100%;
}

.product-dairy-free .content-1 .icon-background {
  background: url(../images/products/dairy-free/dairy-free-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT DIPS
================================================*/

.product-dips .banner-wrapper .banner {
  background: url(../images/products/dip/banner.jpg) center no-repeat #a2a3a5;
  background-size: auto 100%;
}

.product-dips .content-1 .icon-background {
  background: url(../images/products/dip/dip-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT FRUIT DRINK
================================================*/

.product-fruit-drink .banner-wrapper .banner {
  background: url(../images/products/fruit-drink/banner.jpg) center no-repeat #b7a88d;
  background-size: auto 100%;
}

.product-fruit-drink .content-1 .icon-background {
  background: url(../images/products/fruit-drink/fruit-drink-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT HALF & HALF
================================================*/

.product-half-half .banner-wrapper .banner {
  background: url(../images/products/buttermilk/banner.jpg) center no-repeat #d7e0e6;
  background-size: auto 100%;
}

/*================================================
				PRODUCT ICE CREAM
================================================*/

.product-ice-cream .banner-wrapper .banner {
  background: url(../images/products/ice-cream/banner.jpg) center;
  background-size: cover;
}

.product-ice-cream .content-1 .icon-background {
  background: url(../images/products/ice-cream/ice-cream-icon.png) left center no-repeat;
}

.product-ice-cream.product-page .product-layout {
  padding-top: 0;
}

.product-ice-cream.product-page .product-layout .product-wrapper+h1.second {
  margin-top: 50px;
}

/*================================================
				PRODUCT ICED COFFEE
================================================*/

.product-iced-coffee .banner-wrapper .banner {
  background: url(../images/products/iced-coffee/banner.jpg) center no-repeat #f7e7e7;
  background-size: auto 100%;
}

.product-iced-coffee .content-1 .icon-background {
  background: url(../images/products/iced-coffee/iced-coffee-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT JUICE
================================================*/

.product-juice .banner-wrapper .banner {
  background: url(../images/products/juice/banner.jpg) center no-repeat #564646;
  background-size: auto 100%;
}

.product-juice .content-1 .icon-background {
  background: url(../images/products/juice/juice-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT LACTOSE FREE
================================================*/

.product-lactose-free .banner-wrapper .banner {
  background: url(../images/products/lactose-free/banner.jpg) center no-repeat #b5bbb6;
  background-size: auto 100%;
}

.product-lactose-free .content-1 .icon-background {
  background: url(../images/products/lactose-free/lactose-free-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT LEMONADE
================================================*/

.product-lemonade .banner-wrapper .banner {
  background: url(../images/products/lemonade/banner.jpg) center no-repeat #564646;
  background-size: auto 100%;
}

.product-lemonade .content-1 .icon-background {
  background: url(../images/products/lemonade/lemonade-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT MILK SNACK
================================================*/

.product-milk-snack .banner-wrapper .banner {
  background: url(../images/products/milk-snack/banner.jpg) center;
  background-size: auto 100%;
}

.product-milk-snack .content-1 .icon-background {
  background: url(../images/products/milk-snack/milk-snack-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT ORGANIC MILK
================================================*/

.product-organic-milk .banner-wrapper .banner {
  background: url(../images/products/organic/banner.jpg) center no-repeat #bfb6ae;
  background-size: auto 100%;
}

.product-organic-milk .content-1 .icon-background {
  background: url(../images/products/organic/organic-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT TEA
================================================*/

.product-tea .banner-wrapper .banner {
  background: url(../images/products/tea/tea-banner.jpg) center;
  background-size: auto 100%;
}

.product-tea .content-1 .icon-background {
  background: url(../images/products/tea/icon-tea.jpg) left center no-repeat;
}

/*================================================
				PRODUCT SCHOOL MILKS
================================================*/

.product-school-milk .banner-wrapper {
  background: url(../images/products/school-milk/banner-background.jpg);
  background-size: auto 100%;
}

.product-school-milk .banner-wrapper .banner {
  /* width:900px; */
  /* now using 'standard' size banner 1920 x 420 - JW January 2024 */
  max-width: 100%;
  background: url(../images/products/school-milk/banner.jpg) center no-repeat #bdc2c2;
  background-size: auto 100%;
}

.product-school-milk .frame {
  max-width: 900px;
  margin: 0 auto;
}

.product-school-milk .content-1 .icon-background {
  background: url(../images/products/school-milk/school-milk-icon.png) left center no-repeat;
}

.product-school-milk .content-2,
.product-school-milk .content-3 {
  text-align: left;
}

.product-school-milk .content-2 h2,
.product-school-milk .content-3 h2,
.product-school-milk .content-4 h2,
.product-school-milk .content-5 h2 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.product-school-milk .content-3 h2,
.product-school-milk .content-4 h2,
.product-school-milk .content-5 h2 {
  color: #494949;
}

.product-school-milk .content-4 h2 {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 34px;
}

.product-school-milk .content-2 p,
.product-school-milk .content-2 ul,
.product-school-milk .content-3 p,
.product-school-milk .content-3 ul,
.product-school-milk .content-5 p,
.product-school-milk .content-5 ul {
  font-size: 20px;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.product-school-milk .content-2 ul,
.product-school-milk .content-3 ul {
  list-style: disc;
  padding-left: 20px;
}

.product-school-milk .content-5 p,
.product-school-milk .content-5 ul {
  color: #494949;
}

.product-school-milk .content-2 {
  background: url(../images/resources.jpg);
  padding: 50px 0;
  border-top: 1px solid #f3f3f3;
  border-bottom: 15px solid #fff;
}

.product-school-milk .content-3 {
  background: #fff;
  padding: 50px;
}

.product-school-milk .content-4 {
  background: #0074bf;
  text-align: center;
}

.product-school-milk .content-5 {
  background: #fff;
  text-align: center;
  padding: 60px 50px 40px;
}

.product-school-milk .content-5 p {
  margin-bottom: 0;
}

.product-school-milk .content-5 span {
  margin: 10px 0 25px;
  box-sizing: border-box;
  background: #0055a4;
  padding: 7px 20px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  text-decoration: none;
}

.product-school-milk .content-3 p,
.product-school-milk .content-3 ul {
  color: #494949;
}

.product-school-milk .content-3 a {
  width: 45%;
  margin: 15px 2% 15px 0;
  box-sizing: border-box;
  background: #0055a4;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  text-decoration: none;
}

.product-school-milk .content-5 .frame a {
  width: 400px;
  max-width: 45%;
  margin: 25px 1% 0;
  padding: 10px 0 0;
  border: 1px solid #ddd;
  display: inline-block;
  text-decoration: none;
}

.product-school-milk .content-5 .frame p {
  padding: 0 25px;
  line-height: 26px;
}

.product-school-milk .content-5 img {
  max-width: 100%;
}

@media screen and (max-width: 770px) {
  .product-school-milk .content-1 .icon-text {
    text-align: left;
  }

  .product-school-milk .content-2 p,
  .product-school-milk .content-2 ul,
  .product-school-milk .content-3 p,
  .product-school-milk .content-5 p {
    font-size: 16px;
    line-height: 22px;
  }

  .product-school-milk .content-2 h2,
  .product-school-milk .content-3 h2,
  .product-school-milk .content-4 h2,
  .product-school-milk .content-5 h2 {
    font-size: 18px;
  }

  .product-school-milk .content-3 a {
    font-size: 16px;
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0;
  }

  .product-school-milk .content-2,
  .product-school-milk .content-3 {
    padding: 25px 50px;
  }

  .product-school-milk .content-5 .frame {
    padding: 0;
  }

  .product-school-milk .content-5 .frame a {
    width: 400px;
    max-width: 90%;
    margin: 25px 5% 0;
    display: block;
  }
}

/*================================================
				PRODUCT SEASONAL
================================================*/

.product-seasonal .banner-wrapper .banner {
  background: url(../images/products/seasonal/banner.jpg) center no-repeat #bdc2c2;
  background-size: auto 100%;
}

.product-seasonal .content-1 .icon-background {
  background: url(../images/products/seasonal/seasonal-icon.png) left center no-repeat;
}

.product-seasonal .product-layout {
  padding-top: 0;
}

.redesign.product-seasonal .product-layout h2 {
  font-family: "Montserrat";
  font-size: 36px;
  line-height: 30px;
  color: #fff;
  background: #5b9421;
  background: rgba(34, 68, 0, 0.7);
  /* background: rgba(72, 27, 0, .7); */
  padding: 35px 0 10px;
  margin: 0;
}

.redesign.product-seasonal .product-layout p {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #fff;
  background: #5b9421;
  background: rgba(34, 68, 0, 0.7);
  /* background: rgba(72, 27, 0, .7); */
  padding: 5px 0 30px;
  margin: 0;
}

.product-seasonal .fall-products {
  background: url(../images/background-snowflakes.jpg);
  background: url(../images/products/seasonal/background-spring.jpg);
  /* background:url(../images/products/seasonal/background-fall.jpg); */
  background-size: 50%;
  padding: 0 0 25px 0;
  border-bottom: 10px solid #5b9421;
  /* border-bottom:10px solid #502001; */
}

.redesign.product-seasonal .fall-products h2 {
  color: #fff;
}

.product-page .fall-products .product-wrapper h3 {
  color: #fff;
}

/*================================================
				PRODUCT SOUR CREAM
================================================*/

.product-sour-cream .banner-wrapper .banner {
  background: url(../images/products/sour-cream/banner.jpg) center no-repeat #a2866e;
  background-size: auto 100%;
}

.product-sour-cream .content-1 .icon-background {
  background: url(../images/products/sour-cream/sour-cream-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT WATER
================================================*/

.product-water .banner-wrapper .banner {
  background: url(../images/products/water/banner.jpg) center no-repeat #fff;
  background-size: auto 100%;
}

.product-water .content-1 .icon-background {
  background: url(../images/products/water/water-icon.png) left center no-repeat;
}

/*================================================
			PRODUCT WHIPPED CREAM
================================================*/

.product-whipped-cream .banner-wrapper .banner {
  background: url(../images/products/whipped-cream/banner.jpg) center no-repeat #d0d3d7;
  background-size: cover;
}

.product-whipped-cream .content-1 .icon-background {
  background: url(../images/products/whipped-cream/whipped-cream-icon.png) left center no-repeat;
}

/*================================================
				PRODUCT YOGURT
================================================*/

.product-yogurt .banner-wrapper .banner {
  background: url(../images/products/yogurt/banner.jpg) center;
  background-size: cover;
}

.product-yogurt .content-1 .icon-background {
  background: url(../images/products/yogurt/yogurt-icon.png) left center no-repeat;
}

/*================================================
					IDK
================================================*/

#content-container #content .slideWrap {
  min-height: 538px;
}

.home-page-features {
  width: 581px;
  max-width: 100%;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.featured-product {
  margin-bottom: 20px;
}

.featured-craft {
  width: 359px;
  display: inline-block;
}

.featured-product img {
  max-width: 100%;
}

.featured-recipe img {
  max-width: 100%;
}

.featured-craft img {
  max-width: 100%;
}

#my_popup {
  display: none;
  text-align: center;
}

#my_popup .popup-wrapper {
  text-align: center;
  position: relative;
  max-width: 100%;
  padding: 35px 60px;
  width: 540px;
  max-width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 10px solid #4996d1;
  box-shadow: 0 0 15px #494949;
}

#my_popup h2 {
  color: #4996d1;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

#my_popup h2+p {
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
}

#my_popup p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

#my_popup form {
  text-align: center;
  width: 305px;
  max-width: 100%;
  margin: 30px auto 0;
}

#my_popup form .g-recaptcha div:first-child {
  margin: 0 auto;
}

#my_popup form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 300;
  border-radius: 5px;
  border: 1px solid #ccc;
  outline: none;
  margin-bottom: 18px;
}

#my_popup form input[type="submit"] {
  background: #016494;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  font-size: 16px;
  font-family: "Montserrat";
  /* display: none; */
  border-radius: 5px;
  border: none;
  outline: none;
  text-align: center;
  -webkit-appearance: none;
  margin-top: 15px;
}

#my_popup .close {
  margin-top: 20px;
}

#my_popup .close a {
  text-decoration: underline;
  color: #4996d1;
  font-size: 16px;
}

#my_popup .close-icon {
  position: absolute;
  top: 15px;
  right: 18px;
  margin: 0;
  cursor: pointer;
  width: 25px;
}

#success {
  display: none;
  background: rgba(255, 255, 255, 0.9);
  padding: 50px 100px;
  border: 15px solid #fff;
}

#success p {
  font-size: 24px;
  font-family: "Montserrat";
  font-weight: 300;
}

@media screen and (max-width: 400px) {
  #my_popup .popup-wrapper {
    padding: 60px 30px 25px;
  }

  #my_popup h2+p {
    border-bottom: none;
    padding-bottom: 0;
  }

  #my_popup form .g-recaptcha {
    transform: scale(0.79);
    -webkit-transform: scale(0.79);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }

  #my_popup form input[type="submit"] {
    margin-top: 0;
  }
}

@media screen and (max-width: 1000px) {
  .home-page-features {
    margin-bottom: 8px;
  }

  .featured-product {
    margin-bottom: 8px;
  }

  .featured-craft {
    width: 100%;
    text-align: center;
    background: #352e26;
  }

  .featured-craft img {
    max-width: 50%;
  }
}

/*================================================
				NEW PACKAGE BADGE
				12-4-23 JW
================================================*/

div:has(> img.new-package)::after {
  content: "";
  background-image: url(../images/icon-new-package-badge.png);
  background-repeat: no-repeat;
  width: 63px;
  display: inline-block;
  height: 62px;
  position: absolute;
  top: 21%;
  right: 13%;
  z-index: 1;
}

/* temporary fix for Lactose Free Cottage Cheese and LF Sour Cream (very short containers). Should add custom class or something to ACF field so this can be customized - 7-3-24 JW */
.postid-7899 .layout-section_products:last-child {
  div:has(> img.new-product)::after {
    top: 150px;
  }
}

/*================================================
				NEW PRODUCT BADGE
				7-12-24 JW
================================================*/

div:has(> img.new-product)::after {
  content: "";
  background-image: url(../images/icon-new-product-badge.png);
  background-repeat: no-repeat;
  width: 63px;
  display: inline-block;
  height: 63px;
  position: absolute;
  top: 21%;
  right: 13%;
  z-index: 1;
}

/*================================================
				LIMITED EDITION BADGE
				9-2-25 JW
================================================*/

div:has(> img.limited-edition)::after {
  content: "";
  background-image: url(../images/icon-limited-edition-badge.png);
  background-repeat: no-repeat;
  width: 63px;
  display: inline-block;
  height: 63px;
  position: absolute;
  top: 21%;
  right: 13%;
  z-index: 1;
}

/*================================================
				NEW FLAVOR BADGE - first used on new 6oz Yogurts
				1-26-26 JW
================================================*/

div:has(> img.new-flavor)::after {
  content: "";
  background-image: url(../images/icon-new-flavor-badge.png);
  background-repeat: no-repeat;
  width: 63px;
  display: inline-block;
  height: 63px;
  position: absolute;
  top: 21%;
  right: 13%;
  z-index: 1;
}

/*================================================
				PRODUCT AWARDS
================================================*/

.redesign .product-wrapper .award-icon {
  background: url(../images/icon-award.png) left 16px top 11px no-repeat;
  background-size: auto 40px;
  padding: 11px 16px 10px 54px;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  color: #4996d1;
  font-weight: 400;
  border: 1px solid #aec9de;
  border-radius: 5px;
  font-size: 16px;
  font-family: "Poppins";
  background-color: #fff;
  margin-top: 5px;
  pointer-events: unset;
  /* now that we have a URL, make link clickable - Sept 2024 - JW */
}

.product-wrapper .award-icon img,
.product-wrapper .award-icon-2 img {
  width: 21px;
  height: 33px;
  position: absolute;
  left: 145px;
  z-index: 1;
  margin-bottom: 10px;
}

.product-wrapper .award-icon-2 img {
  left: 125px;
}

.product-wrapper .award-wrapper+.award-icon-2 img {
  left: 165px;
}

.product-wrapper .award-wrapper.vitamin-d-milk img {
  left: -auto;
}

.product-wrapper .award-wrapper {
  display: none;
  position: absolute;
  padding-top: 40px;
  text-align: left;
  z-index: 5;
  left: 40px;
}

.product-wrapper .award-icon:hover+.award-wrapper,
.product-wrapper .award-icon-2:hover+.award-wrapper,
.product-wrapper .award-wrapper:hover {
  display: block;
}

.product-wrapper .award-wrapper .arrow {
  height: 12px;
  margin-left: 90px;
}

.product-wrapper .award-wrapper .award {
  border: 5px solid #3e70b5;
  border-radius: 10px;
  max-width: none;
  width: 400px;
}

@media screen and (max-width: 770px) {
  .product-wrapper .award-icon {
    display: none;
  }
}

/*================================================
				REDESIGN FORM
================================================*/

.redesign .form-wrapper {
  background: #d3f2ff;
  background: url(../images/background-tan-lines.jpg);
  padding: 50px;
}

.redesign .form-wrapper form {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  background: #243351;
  background: #fff;
  padding: 40px 35px 35px;
  box-shadow: 0 0 15px #d8d8c8;
  box-sizing: border-box;
}

.redesign .form-wrapper form h2 {
  text-align: left;
  margin: 10px 0;
  color: #494949;
  font-size: 22px;
}

.redesign .form-wrapper form p {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin: 0 0 25px;
}

.redesign .content-wrapper .form-wrapper .button {
  margin-bottom: 35px;
  margin-top: 0;
  font-size: 16px;
  color: #4996d1;
  background: #fff;
  border: 1px solid #4996d1;
}

.redesign .form-wrapper form label {
  font-size: 16px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  color: #333;
  background: none;
  margin: 0 0 25px;
  text-align: left;
  padding-left: 50px;
  padding-right: 10px;
  display: block;
  cursor: pointer;
}

.redesign .form-wrapper form input[type="tel"],
.redesign.product-school-milk input.wpcf7-validates-as-tel,
.redesign .form-wrapper form input[type="text"],
.redesign .form-wrapper form input[type="email"],
.redesign .form-wrapper form input[type="password"] {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 15px;
  border: 1px solid #999;
  background: #ffffff;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  box-sizing: border-box;
}

.redesign .form-wrapper form input::placeholder,
.redesign .form-wrapper form textarea::placeholder {
  color: #545454;
}

.redesign .form-wrapper form input[type="submit"] {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border: none;
  border-radius: 5px;
  display: inline-block;
  font-size: 16px;
  line-height: normal;
  font-weight: normal;
  margin-top: 10px;
  -webkit-appearance: none;
  cursor: pointer;
}

.redesign .form-wrapper form .pad {
  position: relative;
}

.redesign .form-wrapper form input[type="checkbox"] {
  position: absolute;
  left: 14px;
  top: 4px;
}

.redesign .form-wrapper form .checkbox-wrapper {
  position: relative;
  background: #283c5b;
  border-radius: 8px;
  margin: 15px 0 25px;
}

.redesign .form-wrapper form .checkbox-wrapper input[type="checkbox"] {
  position: static;
  margin: -1px 10px 0 0;
  vertical-align: middle;
}

.redesign .form-wrapper form .checkbox-wrapper label {
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  padding: 15px 15px 15px 40px;
  margin: 0;
  display: block;
  box-sizing: border-box;
  text-align: left;
}

.redesign .form-wrapper form .checkbox-wrapper .checkbox {
  position: absolute;
  left: 16px;
  top: 22px;
  margin: 0;
}

.redesign .form-wrapper form textarea {
  font-size: 16px;
  font-family: "Source Sans Pro", Arial;
  padding: 10px 10px;
  box-sizing: border-box;
  height: 180px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.redesign .form-wrapper form select {
  width: 100%;
  height: 35px;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  outline: none;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #ffffff;
}

.redesign .form-wrapper form input[type="file"] {
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  line-height: 14px;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .track-page .headline-wrapper h2 {
    font-size: 28px;
    line-height: 38px;
    padding: 15px 0;
  }

  .track-content {
    padding: 25px 0;
  }

  .track-content h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 25px;
  }

  .track-form,
  .redesign .form-wrapper {
    padding: 0;
  }

  .track-form form {
    padding: 20px 15px 25px;
    box-shadow: none;
  }

  .track-form form input[type="text"] {
    width: 100%;
  }

  .track-form form input[type="submit"] {
    margin: 10px auto 0;
  }

  .redesign .form-wrapper form input[type="checkbox"] {
    left: 0;
  }

  .redesign .form-wrapper form label {
    padding-left: 36px;
  }
}

.redesign .form-wrapper .two-columns {
  width: 800px;
  font-size: 0;
  text-align: left;
}

.redesign .g-recaptcha {
  display: inline-block;
}

/*========= MODERN CHECKBOXES =========*/

.redesign .form-wrapper form h3 {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 32px;
}

.redesign .form-wrapper form .modern-checkbox-wrapper,
.redesign .form-wrapper form .modern-radio-wrapper {
  display: flex;
  flex-wrap: wrap;
}

/* Customize the label (the container) */
.redesign .form-wrapper form .modern-checkbox-wrapper label,
.redesign .form-wrapper form .modern-radio-wrapper label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 33%;
  box-sizing: border-box;
}

.redesign .form-wrapper form .modern-radio-wrapper label {
  width: 100px;
}

/* Hide the browser's default checkbox */
.redesign .form-wrapper form .modern-checkbox-wrapper label input,
.redesign .form-wrapper form .modern-radio-wrapper label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.redesign .form-wrapper form .modern-checkbox-wrapper label .checkmark,
.redesign .form-wrapper form .modern-radio-wrapper label .radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.redesign .form-wrapper form .modern-radio-wrapper label .radio {
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.redesign .form-wrapper form .modern-checkbox-wrapper label:hover input~.checkmark,
.redesign .form-wrapper form .modern-radio-wrapper label:hover input~.radio {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.redesign .form-wrapper form .modern-checkbox-wrapper label input:checked~.checkmark,
.redesign .form-wrapper form .modern-radio-wrapper label input:checked~.radio {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.redesign .form-wrapper form .modern-checkbox-wrapper label .checkmark:after,
.redesign .form-wrapper form .modern-radio-wrapper label .radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.redesign .form-wrapper form .modern-checkbox-wrapper label input:checked~.checkmark:after,
.redesign .form-wrapper form .modern-radio-wrapper label input:checked~.radio:after {
  display: block;
}

/* Style the checkmark/indicator */
.redesign .form-wrapper form .modern-checkbox-wrapper label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.redesign .form-wrapper form .modern-radio-wrapper label .radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/*================================================
				HOLIDAYS
================================================*/

.redesign.holidays .form-wrapper form {
  padding-top: 30px;
}

.redesign.holidays .form-wrapper form p {
  text-align: left;
  margin: 0 0 30px;
}

.redesign.holidays .content-2 {
  background: #fff;
}

.redesign.holidays .content-2 .frame h2 {
  display: block;
  padding: 50px 0 20px;
  text-align: center;
}

.redesign.holidays .content-2 .recipe {
  width: 33.33%;
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #fff;
}

.redesign.holidays .content-2 .recipe img,
.redesign.holidays .content-2 .recipe a {
  max-width: 100%;
  width: 100%;
  line-height: 0;
}

.redesign.holidays .content-1.coupons .frame h2 {
  display: block;
  padding: 10px 0 20px;
  text-align: center;
}

.redesign.holidays .banner-4 {
  height: 400px;
  background: url(../images/resources-banner-4.jpg) center no-repeat;
  border-bottom: 5px solid #fff;
  background-size: cover;
}

.redesign.holidays .banner-4 .content {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  width: 42%;
  padding-left: 5%;
}

.redesign.holidays .banner-4 .spacer {
  height: 400px;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.redesign.holidays .banner-4 .content h3 {
  color: #4996d1;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.redesign.holidays .form-wrapper form label {
  font-size: 16px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  color: #333;
  background: none;
  margin: 0 0 25px;
  text-align: left;
  padding-left: 50px;
  padding-right: 10px;
  display: block;
  cursor: pointer;
}

.redesign.holidays .form-wrapper form p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}

.redesign.holidays .form-wrapper .button {
  margin-bottom: 35px;
  margin-top: 0;
  font-size: 16px;
  color: #4996d1;
  background: #fff;
  border: 1px solid #4996d1;
}

.redesign.holidays .form-wrapper form .pad {
  position: relative;
}

.redesign.holidays .form-wrapper form input[type="checkbox"] {
  position: absolute;
  left: 14px;
  top: 4px;
}

.redesign.holidays .form-wrapper form .checkbox+.checkbox {
  border-top: 1px solid #ddd;
  margin-top: 15px;
  padding-top: 15px;
}

.redesign.holidays .form-wrapper form input[type="submit"] {
  width: 300px;
  max-width: 100%;
  -webkit-appearance: none;
}

@media screen and (max-width: 1600px) {
  .redesign.holidays .content-2 .recipe {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .redesign.holidays .content-2 .recipe {
    width: 100%;
  }
}

.redesign.holidays .hiland-track a {
  text-decoration: none;
}

.redesign.holidays .hiland-track img.mobile {
  display: none;
}

@media screen and (max-width: 600px) {
  .redesign.holidays .hiland-track {
    height: auto;
    background: #fff;
  }

  .redesign.holidays .hiland-track .content {
    width: auto;
    text-align: center;
    padding: 50px 25px;
  }

  .redesign.holidays .hiland-track .spacer {
    display: none;
  }

  .redesign.holidays .hiland-track .mobile {
    display: block;
    max-width: 100%;
    border-top: 2px solid #fff;
    box-sizing: border-box;
  }
}

/*================================================
					Contact Form 7
hide the Submit button on click
hopefully will avoid repeat form submissions
NOTE: the class 'wpcf7-hide' is added on the click event, so it's immediate
(doesn't wait for anti-spam measures to return a result)
but if there's a problem with the form, the class is removed
See js/prevent-duplicate-form-submissions.js for details
October 26, 2023 by JW
================================================*/

form.wpcf7-form .wpcf7-form-control.wpcf7-submit.wpcf7-hide {
  display: none;
}

/* this centers the spinner, rather than it being off to the right  */
.wpcf7 span.wpcf7-spinner {
  position: inherit;
}

/*================================================
					SPRING
================================================*/

.redesign.spring .banner {
  background: url(../images/spring/banner.jpg) center no-repeat;
  background-size: cover;
  text-align: center;
  min-height: 420px;
  height: auto;
}

.redesign.spring .content-2 {
  background: #fff;
}

.redesign.spring .content-2 .frame h2 {
  display: block;
  padding: 50px 0 20px;
  text-align: center;
}

.redesign.spring .content-2 .recipe {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #fff;
}

.redesign.spring .content-2 .recipe img,
.redesign.spring .content-2 .recipe a {
  max-width: 100%;
  width: 100%;
  line-height: 0;
}

@media screen and (max-width: 1600px) {
  .redesign.spring .content-2 .recipe {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .redesign.spring .content-2 .recipe {
    width: 100%;
  }
}

.redesign.spring .hiland-track a {
  text-decoration: none;
}

.redesign.spring .hiland-track img.mobile {
  display: none;
}

.redesign.spring .banner-home a {
  margin-top: 0;
}

.redesign.spring .banner-home h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #007d91;
}

.redesign.spring .banner-home p {
  font-size: 28px;
  color: #494949;
  font-weight: 400;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
}

.redesign.spring .banner-home .button {
  color: #fff;
  background: #007d91;
  padding: 15px 30px;
  border-radius: 5px;
  font-size: 22px;
}

@media screen and (max-width: 900px) {

  .redesign.spring .banner-home h2,
  .redesign.spring .banner-home p {
    color: #fff;
  }
}

/*================================================
				EMAIL TRACK PAGES
================================================*/

.redesign .track-page .banner {
  height: 500px;
}

#content.track-page {
  width: auto;
  margin-bottom: 0;
}

.track-page .headline-wrapper {
  background: #283c5b;
  padding: 0;
}

.track-page .headline-wrapper h2 {
  font-size: 34px;
  line-height: 40px;
  color: #fff;
  font-family: "Montserrat";
  padding: 33px 0;
  text-align: center;
  font-weight: 400;
}

.track-content {
  background: #fff;
  padding: 40px 75px 40px;
}

.track-content .frame {
  padding: 0 35px 15px;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
}

.track-content+h1 {
  background: #283c5b;
}

.track-content h2,
.track-form h2 {
  color: #004a80;
  font-size: 32px;
  line-height: 46px;
  font-family: "Source Sans Pro", Arial;
  font-weight: normal;
  margin: 0 0 35px;
}

.track-content p,
.track-content ul li,
.track-content ol li {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
}

.track-content ul,
.track-content ol {
  margin: 20px 0 0 20px;
}

.track-content .strong {
  color: #004a80;
}

.track-form {
  background: #d3f2ff;
  background: url(../images/background-tan-lines.jpg);
  padding: 50px;
}

.track-form form {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  background: #243351;
  background: #fff;
  padding: 40px 35px 35px;
  box-shadow: 0 0 15px #d8d8c8;
  box-sizing: border-box;
}

.track-form form input[type="text"],
.track-form form input[type="password"],
.track-form form input[type="email"] {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 15px;
  border: 1px solid #999;
  background: #ffffff;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  box-sizing: border-box;
}

.track-form form input::placeholder {
  color: #ccc;
}

.track-form form input[type="submit"] {
  display: block;
  margin: 20px auto 0;
  background: #4dc5f5;
  padding: 17px 45px;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-family: "Source Sans Pro";
  font-size: 18px;
  cursor: pointer;
}

.track-form form input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}

.track-form form label.checkbox {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin-left: 15px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 26px;
  font-family: "Source Sans Pro";
  width: 90%;
}

.track-form form label.checkbox a {
  color: #0055a5;
}

@media screen and (max-width: 600px) {
  .track-page .headline-wrapper h2 {
    font-size: 28px;
    line-height: 38px;
    padding: 15px 0;
  }

  .track-content {
    padding: 25px 0;
  }

  .track-content h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 25px;
  }

  .track-form {
    padding: 0;
  }

  .track-form form,
  .redesign .form-wrapper form {
    padding: 25px 35px 25px;
    box-shadow: none;
  }

  .track-form form input[type="text"],
  .redesign form input[type="text"] {
    width: 100%;
  }

  .track-form form input[type="submit"],
  .redesign form input[type="submit"] {
    margin: 10px auto 0;
  }

  .track-form form .g-recaptcha,
  .redesign form .g-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media print {

  .redesign .track-page h1,
  .redesign .track-page .track-content,
  .redesign .track-page .recipe .frame img,
  .redesign .track-page .italic,
  .redesign .track-page .button-wrapper,
  .redesign .track-page .banner,
  .redesign .track-page #issue {
    display: none;
  }

  .redesign .track-page .recipe {
    padding: 0;
  }

  .redesign .track-page .recipe .frame {
    padding: 0;
    box-shadow: none;
    margin: 0 auto;
  }
}

/*================================================
				EMAIL TRACK ISSUE
================================================*/

.track-page #issue {
  background: #0f1b2d;
  padding: 16px 0 14px;
  text-align: center;
}

.track-page #issue span {
  font-size: 32px;
  color: #ffffff;
  font-family: "Montserrat";
  display: inline-block;
  vertical-align: middle;
  line-height: 58px;
  margin-right: 11px;
}

.track-page #issue ul {
  font-family: "Source Sans Pro";
  color: #e0e1e3;
  font-size: 22px;
  line-height: 52px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

.track-page #issue ul li {
  display: inline-block;
  padding: 0;
  background: none;
  margin-left: 10px;
}

.track-page #issue ul li+li {
  margin-left: 2px;
}

.track-page #issue ul li a,
.track-page #issue ul li a:hover {
  display: inline-block;
  width: 12px;
  padding: 5px 13px 3px;
  line-height: 30px;
  border-radius: 35px;
  background: #283c5b;
  font-family: "Montserrat";
  color: #b2b8c4 !important;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  vertical-align: middle;
  margin: 0;
}

.track-page #issue ul li a.active,
.track-page #issue ul li a.active:hover {
  background: #ebecf0;
  color: #283c5b !important;
}

.track-page #issue ul li span {
  display: inline-block;
  width: 12px;
  padding: 5px 13px 3px;
  line-height: 30px;
  border-radius: 35px;
  background: #4e4e4e;
  font-family: "Montserrat";
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
}

.track-page .recipe {
  padding: 50px 0;
}

.track-page .recipe .frame {
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 10px #040a15;
  padding: 35px 50px 44px;
  width: 650px;
}

.track-page .recipe .frame img {
  display: block;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
  max-width: 100%;
}

.track-page .recipe .frame h2 {
  margin: 15px 0 25px;
  text-align: center;
}

.track-page .recipe .frame h3 {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #ddd;
}

.track-page .recipe .frame h3.no-border {
  padding-top: 0;
  border: none;
}

.track-page .recipe .frame strong {
  color: #494949;
}

.track-page .recipe .frame form {
  display: inline-block;
  margin-left: 10px;
}

.track-page .recipe .frame .button-wrapper {
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 25px;
}

.track-page .recipe .frame .button {
  margin: 0;
}

.track-page .recipe .frame {
  .button-coupons {
    /* background:#494949; */
    background: #ffc107;
    color: #000;
  }
}

@media screen and (max-width: 900px) {
  .track-page .recipe .frame .button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}

/*================================================
			BROOKSHIRE BROTHERS PAGE
================================================*/

.brookshire h3 {
  color: #494949;
  font-size: 28px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 600;
  margin: 50px 0 20px;
}

.brookshire {
  text-align: left;
}

.brookshire p,
.brookshire ul {
  font-family: "Source Sans Pro", Arial;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
  color: #333;
  -webkit-font-smoothing: antialiased;
}

.brookshire ul {
  list-style: disc;
  padding-left: 35px;
}

.brookshire li {
  padding-bottom: 10px;
}

.brookshire h2 {
  color: #013a90;
  font-size: 28px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 600;
  margin: 50px 0 20px;
}

.brookshire .button,
.brookshire .button:visited,
.yellow-button,
.yellow-button:visited {
  display: inline-block;
  background: #fbb613;
  color: #0b55a0;
  font-family: "Lobster";
  font-size: 20px;
  padding: 15px 35px;
  border-radius: 5px;
  margin: 5px 0 50px;
  cursor: pointer;
  text-decoration: none;
}

.brookshire .orange-bar {
  background: #f89400;
  min-height: 76px;
}

/*================================================
				REDESIGN
================================================*/

.redesign .banner {
  height: 420px;
  width: 100%;
  background-size: cover;
  border-bottom: 5px solid #fff;
}

@media screen and (max-width: 770px) {
  .redesign .banner {
    height: 400px;
  }
}

@media screen and (max-width: 540px) {
  .redesign .banner {
    height: 200px;
  }
}

.redesign .banner a {
  display: block;
  height: 520px;
  width: 100%;
}

/* .redesign:not(.newdesign-may2024) .content-wrapper {
	background: url(../images/background-resources.jpg);
	text-align:center;
} */
.redesign .content-wrapper {
  background: url(../images/background-resources.jpg);
  text-align: center;
}

.redesign .content-wrapper h1 {
  font-size: 34px;
  line-height: 42px;
  color: #fff;
  /* font-family: "Montserrat"; */
  font-family: p22-mackinac-pro, serif;
  /* Oct 2025 */
  font-weight: 500;
  padding: 35px 0;
}

.redesign .content-wrapper+h1,
.redesign h1.product-school-milk-contact-header {
  font-size: 34px;
  line-height: 42px;
  color: #fff;
  padding: 40px 25px;
  font-family: "Montserrat";
  background: #283c5b;
}

.redesign .content-wrapper h1.second {
  background: #0f1b2d;
  padding: 30px 25px;
}

.redesign.product-school-milk h1.second {
  text-align: center;
}

.redesign .content-wrapper h2,
.product-school-milk-contact-message h2 {
  color: #4996d1;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: normal;
  margin-bottom: 15px;
}

/* .redesign .content-wrapper p + h2,
.redesign .content-wrapper ul + h2,
.redesign .content-wrapper .button + h2 {
	margin-top:35px;
	padding-top:35px;
	border-top:1px solid #ddd;
} */
.redesign:not(.newdesign-may2024) {

  .content-wrapper p+h2,
  .content-wrapper ul+h2,
  .content-wrapper .button+h2 {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #ddd;
  }
}

.redesign .content-wrapper h3 {
  color: #494949;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: normal;
  margin-top: 25px;
  margin-bottom: 5px;
  text-align: left;
}

.redesign .content-wrapper ul+h3 {
  margin-top: 30px;
}

.redesign .frame {
  padding: 0 35px 15px;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
}

.redesign .content-wrapper p,
.redesign .content-wrapper a,
.redesign .content-wrapper ul,
.redesign .content-wrapper ol {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin-top: 15px;
}

.redesign .content-wrapper ul {
  margin-left: 22px;
  list-style: disc;
}

.redesign .content-wrapper ol {
  counter-reset: item;
}

.redesign .content-wrapper ol>li {
  margin: 0;
  padding: 0 0 0 25px;
  text-indent: -29px;
  list-style-type: none;
  counter-increment: item;
}

.redesign .content-wrapper ol>li:before {
  display: inline-block;
  width: 20px;
  padding-right: 8px;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
  color: #4996d1;
}

.redesign .content-wrapper a {
  color: #4996d1;
}

.redesign strong {
  font-weight: bold;
  color: #4996d1;
}

.redesign .content-1 {
  background: #fff;
  padding: 40px 0;
}

.redesign .content-1 .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  text-align: left;
  border-right: 2px solid #ddd;
}

.redesign .icon-text {
  vertical-align: middle;
  display: inline-block;
  width: 525px;
  text-align: left;
  padding: 75px 50px;
}

.redesign .icon-text p:first-child {
  margin-top: 0;
}

.redesign .content-wrapper .button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
}

.redesign .align-left {
  text-align: left;
}

.redesign .align-center {
  text-align: center;
}

@media screen and (max-width: 970px) {
  .redesign .content-wrapper h1 {
    font-size: 28px;
    line-height: 38px;
    padding: 25px;
  }

  .redesign .content-1 .icon-background {
    display: none;
  }

  .redesign .content-1 .icon-text {
    width: auto;
    padding: 35px;
  }
}

/*================================================
				BANNERS
================================================*/

.redesign.back-to-school-track .banner {
  background: url(../images/tracks/back-to-school/track-banner.jpg) center calc(50% + 100px);
  background-size: cover;
}

.redesign.get-healthy-track .banner {
  background: url(../images/tracks/healthy/track-banner-healthy.jpg) center 15%;
  background-size: cover;
}

.redesign.get-healthy-track-1 .banner {
  background: url(../images/tracks/healthy/track-banner-healthy-1.jpg) #fff center no-repeat;
  background-size: auto 130%;
}

.redesign.get-healthy-track-2 .banner {
  background: url(../images/tracks/healthy/track-banner-healthy-2.jpg) #fff center no-repeat;
  background-size: auto 130%;
}

.redesign.get-healthy-track-3 .banner {
  background: url(../images/tracks/healthy/track-banner-healthy-3.jpg) #858390 center no-repeat;
  background-size: auto 130%;
}

.redesign.get-healthy-track-4 .banner {
  background: url(../images/tracks/healthy/track-banner-healthy-4.jpg) #fff center no-repeat;
  background-size: auto 130%;
}

.redesign.meal-planning-track .banner {
  background: url(../images/tracks/meal-planning/track-banner.jpg) center;
  background-size: cover;
}

.redesign.meal-planning-track-1 .banner {
  background: url(../images/tracks/meal-planning/track-banner-1.jpg) center;
  background-size: cover;
}

.redesign.meal-planning-track-2 .banner {
  background: url(../images/tracks/meal-planning/track-banner-2.jpg) center;
  background-size: cover;
}

.redesign.meal-planning-track-3 .banner {
  background: url(../images/tracks/meal-planning/track-banner-3.jpg) center bottom;
  background-size: cover;
}

.redesign.meal-planning-track-4 .banner {
  background: url(../images/tracks/meal-planning/track-banner-4.jpg) center bottom;
  background-size: cover;
}

.redesign.meal-planning-track-5 .banner {
  background: url(../images/tracks/meal-planning/track-banner-5.jpg) center bottom;
  background-size: cover;
}

.redesign.back-to-school-track-1 .banner {
  background: url(../images/tracks/back-to-school/track-banner-1.jpg) center;
  background-size: cover;
}

.redesign.back-to-school-track-2 .banner {
  background: url(../images/tracks/back-to-school/track-banner-2.jpg) center;
  background-size: cover;
}

.redesign.back-to-school-track-3 .banner {
  background: url(../images/tracks/back-to-school/track-banner-3.jpg) center bottom;
  background-size: cover;
}

.redesign.back-to-school-track-4 .banner {
  background: url(../images/tracks/back-to-school/track-banner-4.jpg) center bottom;
  background-size: cover;
}

.redesign.holidays .banner {
  background: url(../images/holidays/banner.jpg) center;
  background-size: auto 100%;
}

.redesign.hosting-the-holidays-track .banner {
  background: url(../images/tracks/hosting-the-holidays/banner-holidays.jpg) center calc(50% + 100px);
  background-size: cover;
}

.redesign.holidays-track-1 .banner {
  background: url(../images/tracks/hosting-the-holidays/track-banner-holidays-1.jpg) center bottom;
  background-size: cover;
}

.redesign.holidays-track-2 .banner {
  background: url(../images/tracks/hosting-the-holidays/track-banner-holidays-2.jpg) center;
  background-size: cover;
}

.redesign.holidays-track-3 .banner {
  background: url(../images/tracks/hosting-the-holidays/track-banner-holidays-3.jpg) center;
  background-size: cover;
}

.redesign.holidays-track-4 .banner {
  background: url(../images/tracks/hosting-the-holidays/track-banner-holidays-4.jpg) center;
  background-size: cover;
}

.redesign.holidays-track-5 .banner {
  background: url(../images/tracks/hosting-the-holidays/track-banner-holidays-5.jpg) center;
  background-size: cover;
}

.enews-thanks .banner {
  background: url(../images/banner-preferences-thankyou.jpg) center;
  background-size: cover;
}

.contact .banner {
  background: url(../images/banner-kid-drinking-milk.jpg) center #fff;
  background-size: auto 100%;
}

.redesign.resources .banner {
  background: url(../images/resources-banner.jpg) center;
  background-size: cover;
}

@media screen and (max-width: 1110px) {
  .redesign.back-to-school-track .banner {
    background-position: center;
  }
}

/*================================================
					BACK TO SCHOOL TRACK PAGE CUSTOMIZATIONS 2025-08-01 JW
================================================*/

#laura-feature-card {
  .feature-card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #efe3db;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    max-width: 900px;
    font-family: "Arial", sans-serif;
    gap: 13px;
    margin: 40px auto;
  }

  .feature-img {
    width: 343px;
    max-width: unset;
    border-radius: 16px;
    object-fit: cover;
  }

  .feature-text {
    flex: 1;
    font-size: 16px;
    color: #444;
    line-height: 1.6;
  }

  .feature-text em {
    font-style: italic;
    color: #555;
  }

  .feature-text a {
    color: #379cf6;
    text-decoration: none;
    font-size: 15px;
  }

  .feature-text a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1000px) {
  #laura-feature-card {
    .feature-card {
      flex-direction: column;
      gap: 6px;
    }

    .feature-img {
      width: 100%;
    }
  }
}

#laura-feature-card-small {
  .feature-card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #efe3db;
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    max-width: 900px;
    font-family: "Arial", sans-serif;
    gap: 9px;
    margin: 40px auto;
  }

  .feature-img {
    width: 120px;
    max-width: unset;
    border-radius: 10px;
    object-fit: cover;
  }

  .feature-text {
    flex: 1;
    font-size: 16px;
    color: #444;
    line-height: 1.6;
  }

  .feature-text em {
    font-style: italic;
    color: #555;
  }

  .feature-text a {
    color: #379cf6;
    text-decoration: none;
    font-size: 15px;
  }

  .feature-text a:hover {
    text-decoration: underline;
  }

  p {
    margin-top: 0;
    line-height: 1.2;
  }

  a {
    line-height: 1;
  }
}

/*================================================
					FAQS
================================================*/

.faq-list,
.faq-list .faq-question {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

.faq-list .faq-question+h2 {
  margin-top: 45px;
}

.faq-list .faq-question .faq-toggler {
  cursor: pointer;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin: 0;
  padding: 15px 0 15px 50px;
  background: url(../images/icon-down-arrow.png) -12px center no-repeat;
  background-size: 60px;
  color: #494949;
}

.faq-list .faq-question .faq-toggler.active {
  background-image: url(../images/icon-up-arrow.png);
}

.faq-list .faq-question .faq-toggler+div {
  display: none;
}

.faq-list .faq-question .faq-toggler+div,
.faq-list .faq-question .faq-toggler+div p {
  padding: 0;
  margin: 0;
}

.faq-list .faq-question .faq-toggler+div p {
  padding-left: 50px;
  padding-bottom: 10px;
}

.faq-list .faq-question .letter-q {
  display: none;
}

/*================================================
				DIY-1 PAGE
================================================*/

.diy-1 .banner {
  background: url(../images/diy/banner-diy.jpg) center;
  background-size: cover;
}

.diy-1 .content-wrapper {
  background: url(../images/background-resources.jpg);
  padding-top: 15px;
}

.diy-1 .content-1 {
  background: url(../images/diy/background-corner.jpg) no-repeat #fff;
  padding: 0;
}

.diy-1 .content-1 .icon-background {
  background: url(../images/diy/icon-cooking.jpg) left center no-repeat;
  border-right: 2px solid #ddd;
}

.diy-1 .content-1.coupon {
  background: url(../images/diy/background-corner-blue.png) no-repeat #fff;
  border-top: 1px solid #eee;
}

.diy-1 .content-1.coupon .icon-background {
  background: url(../images/diy/icon-coupon.png) left center no-repeat;
  border-right: 2px solid #ddd;
}

.diy-1 .content-1.coupon .button {
  background: #4595d3;
}

.diy-1 .content-1 .icon-text h2 {
  color: #4996d1;
}

.diy-1 .content-1 div h2 {
  color: #494949;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.diy-1 .content-1 div p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.diy-1 .content-2 {
  background: #fff;
  padding: 60px 0 10px;
  border-top: 1px solid #ddd;
}

.diy-1 .content-2 .frame {
  max-width: 900px;
  width: 80%;
  text-align: left;
}

.diy-1 .holiday-cheat-sheet {
  display: inline-block;
  width: 22%;
  margin-right: 7%;
  vertical-align: top;
}

.diy-1 .holiday-cheat-sheet+div {
  display: inline-block;
  width: 71%;
  vertical-align: top;
  padding-bottom: 20px;
}

.diy-1 .content-2 h2 {
  color: #494949;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.diy-1 .content-2 p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.diy-1 .content-2 .button,
.diy-1 .content-1 .button {
  padding: 15px 60px;
  background: #daab25;
  border: none;
  border-radius: 5px;
  color: #fff;
  margin: 20px auto 10px;
  font-family: "Source Sans Pro", Arial;
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  text-decoration: none;
}

.diy-1 .content-3 {
  background: #fff;
  padding: 5px;
}

.diy-1 .content-3 div {
  text-align: left;
  max-width: 1000px;
  margin: 0 auto;
}

.diy-1 .content-3 h2 {
  color: #494949;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.diy-1 .content-3 p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.diy-1 .content-3 p {
  margin-bottom: 25px;
}

.diy-1 .content-3 p+h2 {
  margin: 40px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid #e3e3e3;
}

.diy-1 .content-3 .recipe {
  width: 50%;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  display: inline-block;
}

.diy-1 .content-9 {
  padding: 60px 0 50px;
  width: auto;
  border-bottom: 25px solid #fff;
}

.diy-1 .content-9 h2 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.diy-1 .content-9 p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.diy-1 .content-9 strong {
  color: #fff;
}

.diy-1 .content-9 .block-2 {
  background: none;
  max-width: 900px;
  width: 80%;
  margin: 0 auto;
  padding: 0 10%;
}

.diy-1 .content-9 .submit {
  padding: 15px 60px;
  background: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  color: #494949;
  margin: 25px auto 0;
}

.diy-1 .content-9 .newsletter-checkbox {
  padding: 10px 0;
}

.diy-1 .content-9 .newsletter-checkbox input {
  margin-right: 10px;
}

@media screen and (max-width: 1000px) {
  .diy-1 .content-1 .icon-background {
    display: none;
  }

  .diy-1 .content-4 .content-wrapper {
    height: 225px;
  }
}

@media screen and (max-width: 770px) {
  .diy-1 .banner {
    height: 400px;
  }

  .diy-1 .content-wrapper h1 {
    font-size: 24px;
    margin-bottom: 15px;
    padding: 25px 0;
  }

  .diy-1 .content-1 .icon-background {
    display: none;
  }

  .diy-1 .content-1 .icon-text {
    width: auto;
    padding: 50px;
  }

  .diy-1 .content-2 .frame {
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
  }

  .diy-1 .holiday-cheat-sheet {
    display: none;
  }

  .diy-1 .holiday-cheat-sheet+div {
    display: block;
    width: 100%;
    padding-bottom: 20px;
  }

  .diy-1 .content-2 .button {
    padding: 15px 30px;
    text-align: center;
  }

  .diy-1 .content-3 .recipe {
    width: 100%;
  }

  .diy-1 .content-4 .column {
    width: 90%;
    display: block;
    margin: 15px auto;
  }

  .diy-1 .content-4 .content-wrapper {
    width: 100%;
    height: auto;
    border-radius: 25px;
  }

  .diy-1 .content-3 h2 {
    font-size: 22px;
    line-height: normal;
  }

  .diy-1 .content-3 p {
    font-size: 16px;
    line-height: 22px;
  }

  .diy-1 .contact-form {
    padding: 25px 50px;
  }

  .diy-1 .contact-form h2 {
    font-size: 22px;
    line-height: normal;
  }

  .diy-1 .contact-form p {
    font-size: 16px;
    line-height: 22px;
  }

  .diy-1 .contact-form .input-wrapper {
    width: 100%;
  }

  .diy-1 .contact-form .input-wrapper .pad {
    padding: 0;
  }

  .diy-1 .contact-form input[type="text"] {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .diy-1 .contact-form input[type="submit"],
  .diy-1 .shopper-request-form,
  .diy-1 .shopper-request-form:visited {
    width: 100%;
    padding: 15px 25px;
    font-size: 20px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 540px) {
  .diy-1 .banner {
    height: 200px;
  }

  .diy-1 .content-1 .icon-background {
    display: none;
  }
}

/*================================================
				HILAND HOLIDAY
================================================*/

.hiland-holiday .frame {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}

.hiland-holiday img {
  max-width: 100%;
}

.hiland-holiday h1 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 25px;
  padding: 35px 0;
  font-family: "Montserrat";
}

.hiland-holiday h2 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.hiland-holiday p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.hiland-holiday .button {
  padding: 18px 50px;
  background: #4595d3;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  margin: 20px auto 10px;
  font-family: "Source Sans Pro", Arial;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.hiland-holiday .banner {
  height: 520px;
  width: 100%;
  background: url(../images/holiday-memories/banner.jpg) center #23120e;
  background-size: cover;
  border-bottom: 15px solid #fff;
}

.hiland-holiday .content-wrapper {
  background: url(../images/background-resources.jpg);
  padding-top: 15px;
}

.hiland-holiday .content-1 {
  background: url(../images/background-resources-1.jpg) no-repeat #fff;
  padding: 0;
}

.hiland-holiday .content-1 .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  background: url(../images/holiday-memories/icon-family.jpg) left center no-repeat;
  text-align: left;
  border-right: 2px solid #d3e1ec;
}

.hiland-holiday .content-1 .icon-text {
  vertical-align: middle;
  display: inline-block;
  width: 550px;
  text-align: left;
  padding: 75px 50px;
}

.hiland-holiday .content-1 .icon-text h2 {
  color: #4996d1;
}

.hiland-holiday .content-2 {
  padding: 50px 0 40px;
}

.hiland-holiday .content-2 p {
  color: #fff;
}

.hiland-holiday .content-3 {
  background: #fff;
  padding: 55px 0 65px;
}

.hiland-holiday .content-3 .products {
  padding: 0 50px;
  text-align: center;
  border-top: 1px solid #f3f3f3;
  margin-top: 35px;
}

.hiland-holiday .content-3 h2 {
  color: #494949;
}

.hiland-holiday .product-wrapper {
  padding-top: 15px;
  position: relative;
  display: inline-block;
  width: 14%;
  box-sizing: border-box;
  vertical-align: top;
}

.hiland-holiday .product-wrapper div {
  margin: 0;
  padding: 10px;
  max-width: 100%;
  box-sizing: border-box;
}

.hiland-holiday .product-wrapper h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
}

.hiland-holiday .content-4 {
  padding: 55px 0 35px;
}

.hiland-holiday .content-4 p {
  color: #fff;
}

.hiland-holiday .content-4 strong {
  color: #fff;
}

.hiland-holiday .content-4 .coupons {
  text-align: center;
  padding-top: 40px;
}

.hiland-holiday .content-4 .coupons .button {
  margin-top: 35px;
  cursor: pointer;
}

.hiland-holiday .content-4 .column {
  width: 30%;
  margin: 45px 10px 0;
  display: inline-block;
  vertical-align: bottom;
}

.hiland-holiday .content-4 .column p {
  color: #fff;
  font-size: 22px;
  margin-top: 242px;
  font-weight: 600;
  text-shadow: 0 0 5px #000;
  background: rgba(0, 0, 0, 0.25);
  padding: 15px 0;
}

.hiland-holiday .content-4 .content-wrapper {
  width: 100%;
  height: 300px;
  padding: 0;
  background: url(http://thehilandhome.com/wp-content/uploads/Holiday-Reindeer-Treats.png) center no-repeat;
  background-size: cover;
  border: 5px solid #fff;
}

.hiland-holiday .content-4 .column-2 .content-wrapper {
  background-image: url(http://thehilandhome.com/wp-content/uploads/Festive-Gingerbread-Cookies.png);
}

.hiland-holiday .content-4 .column-3 .content-wrapper {
  background-image: url(../images/holiday-memories/santa-hat-brownies.jpg);
}

.hiland-holiday .content-5 {
  background: url(../images/background-resources-1.jpg) no-repeat #fff;
  padding: 25px 0 50px;
}

.hiland-holiday .content-5 .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  background: url(../images/holiday-memories/icon-crafts.jpg) left center no-repeat;
  text-align: left;
  border-right: 2px solid #d3e1ec;
}

.hiland-holiday .content-5 .icon-text {
  vertical-align: middle;
  display: inline-block;
  width: 550px;
  text-align: left;
  padding: 75px 50px;
}

.hiland-holiday .content-5 .icon-text h2 {
  color: #4996d1;
}

.hiland-holiday .content-5 .icon-text p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.hiland-holiday .content-5 .column {
  width: 30%;
  margin: 15px 10px 0;
  display: inline-block;
  vertical-align: bottom;
}

.hiland-holiday .content-5 .column p {
  color: #fff;
  font-size: 22px;
  margin-top: 242px;
  font-weight: 600;
  text-shadow: 0 0 5px #000;
  background: rgba(0, 0, 0, 0.25);
  padding: 15px 0;
}

.hiland-holiday .content-5 .content-wrapper {
  width: 100%;
  height: 300px;
  padding: 0;
  background: url(http://thehilandhome.com/wp-content/uploads/Delightful-DIY-Holiday-Card-Craft.png) center no-repeat;
  background-size: cover;
  border: 5px solid #fff;
  box-shadow: 0 0 15px #ddd;
}

.hiland-holiday .content-5 .column-2 .content-wrapper {
  background-image: url(http://thehilandhome.com/wp-content/uploads/DIY-Candy-Cane-Ornaments.png);
}

.hiland-holiday .content-5 .column-3 .content-wrapper {
  background-image: url(../images/holiday-memories/snowman-decorations.jpg);
}

.hiland-holiday .content-6 {
  background: url(../images/holiday-memories/hosting-the-holidays.jpg) right no-repeat #ecf1f5;
  height: 400px;
  box-sizing: border-box;
  padding: 70px 0;
}

.hiland-holiday .content-6 h2 {
  color: #494949;
}

.hiland-holiday .content-6 .text-wrapper {
  width: 50%;
}

.hiland-holiday .content-6 .button {
  background: #4970b3;
}

.hiland-holiday .content-7 {
  padding: 75px 0;
  width: auto;
  border-top: 25px solid #fff;
  border-bottom: 25px solid #fff;
}

.hiland-holiday .content-7 p {
  color: #fff;
}

@media screen and (max-width: 1000px) {
  .hiland-holiday .banner {
    height: 300px;
  }

  .hiland-holiday .content-1 .icon-background {
    display: none;
  }

  .hiland-holiday .content-2 {
    padding: 50px;
  }

  .hiland-holiday .content-3 {
    padding: 50px;
  }

  .hiland-holiday .content-3 .products {
    padding: 0;
  }

  .hiland-holiday .product-wrapper {
    padding-top: 15px;
    position: relative;
    display: inline-block;
    width: 150px;
    box-sizing: border-box;
    vertical-align: top;
  }

  .hiland-holiday .content-4 {
    padding: 55px 50px 35px;
  }

  .hiland-holiday .content-4 .coupons {
    padding: 35px 50px 0;
    box-sizing: border-box;
  }

  .hiland-holiday .content-4 .column {
    width: 90%;
  }

  .hiland-holiday .content-5 .icon-background {
    display: none;
  }

  .hiland-holiday .content-5 .column {
    width: 90%;
  }

  .hiland-holiday .content-6 {
    background: none;
  }

  .hiland-holiday .content-6 h2,
  .hiland-holiday .content-6 p {
    color: #fff;
  }

  .hiland-holiday .content-6 {
    height: auto;
    padding: 40px 50px;
  }

  .hiland-holiday .content-6 .text-wrapper {
    width: 100%;
    margin: 0 auto;
  }

  .hiland-holiday .content-7 {
    padding: 50px;
    width: auto;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
  }
}

@media screen and (max-width: 770px) {
  .hiland-holiday .content-1 .icon-text {
    width: auto;
    padding: 50px;
  }

  .hiland-holiday .content-5 .icon-text {
    width: auto;
    padding: 50px;
  }
}

/*================================================
				HILAND HOLIDAY
================================================*/

.santa-shake .frame {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}

.santa-shake img {
  max-width: 100%;
}

.santa-shake h1 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 25px;
  padding: 35px 0;
  font-family: "Montserrat";
}

.santa-shake h2 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

.santa-shake p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
}

.santa-shake .button {
  padding: 18px 50px;
  background: #4595d3;
  border: none;
  border-radius: 5px;
  color: #fff;
  margin: 20px auto 10px;
  font-family: "Source Sans Pro", Arial;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.santa-shake .banner {
  height: 520px;
  width: 100%;
  background: url(../images/santa-shake/banner.jpg) center;
  background-size: cover;
  border-bottom: 15px solid #fff;
}

.santa-shake .content-wrapper {
  background: url(../images/background-resources.jpg);
  padding-top: 15px;
}

.santa-shake .content-1 {
  background: url(../images/background-resources-1.jpg) no-repeat #fff;
  padding: 0;
}

.santa-shake .content-1 .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  background: url(../images/santa-shake/icon-shake.jpg) left center no-repeat;
  text-align: left;
  border-right: 2px solid #d3e1ec;
}

.santa-shake .content-1 .icon-text {
  vertical-align: middle;
  display: inline-block;
  width: 550px;
  text-align: left;
  padding: 75px 50px;
}

.santa-shake .content-1 .icon-text h2 {
  color: #4996d1;
}

.santa-shake .callout {
  background: rgba(8, 22, 51, 0.5);
  padding: 20px 40px;
  border-radius: 50px;
  text-align: center;
  max-width: 750px;
  margin: 10px auto 50px;
}

.santa-shake .content-2 {
  padding: 50px 0 40px;
  border-bottom: 25px solid #fff;
}

.santa-shake .content-2 h2 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 45px;
  padding: 0;
  text-align: center;
}

.santa-shake .content-2 p {
  color: #fff;
}

.santa-shake .content-2 .column {
  background: url(../images/santa-shake/icon-scoop.png) top center no-repeat;
  background-size: 300px auto;
  padding: 200px 0 0;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  border-radius: 15px;
  margin-bottom: 50px;
}

.santa-shake .content-2 .column+.column {
  background: url(../images/santa-shake/icon-pour.png) top center no-repeat;
  background-size: 300px auto;
  margin-left: 50px;
}

.santa-shake .content-2 .column+.column+.column {
  background: url(../images/santa-shake/icon-blend.png) top center no-repeat;
  background-size: 300px auto;
}

.santa-shake .content-2 .column h3 {
  font-size: 32px;
  color: #fff;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  padding: 35px 25px 15px;
  margin-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #45546d;
}

.santa-shake .iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  box-sizing: border-box;
  border: 5px solid #fff;
}

.santa-shake .iframe iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.santa-shake .column p {
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .santa-shake .banner {
    height: 300px;
  }

  .santa-shake .content-1 .icon-background {
    display: none;
  }

  .santa-shake .content-2 {
    padding: 50px;
  }

  .santa-shake .content-2 .column,
  .santa-shake .content-2 .column+.column,
  .santa-shake .content-2 .column+.column+.column {
    width: 28%;
  }
}

@media screen and (max-width: 770px) {
  .santa-shake .content-1 .icon-text {
    width: auto;
    padding: 50px;
  }

  .santa-shake .content-2 .column,
  .santa-shake .content-2 .column+.column,
  .santa-shake .content-2 .column+.column+.column {
    width: 90%;
    margin: 15px auto;
    display: block;
  }
}

/*================================================
					HUSKERS
================================================*/

.redesign.huskers .banner {
  border-bottom: 5px solid #d61c2a;
  background: url(../images/huskers/banner.jpg) center;
  background-size: cover;
}

.redesign.huskers .content-wrapper {
  padding-top: 0;
}

.redesign.huskers .content-wrapper h1 {
  background: #fff;
  margin-bottom: 0;
  color: #d61c2a;
}

.redesign.huskers .icon-background {
  vertical-align: middle;
  display: inline-block;
  width: 300px;
  height: 270px;
  margin: 0 auto;
  background: url(../images/huskers/icon-huskers.jpg) left center no-repeat;
  text-align: left;
  border-right: 2px solid #eee;
}

.redesign.huskers .content-1 {
  background: url(../images/huskers/background-resources-red.jpg) no-repeat #fff;
  border-bottom: 5px solid #f3f3e9;
}

.redesign.huskers .content-2 {
  background: #d61c2a;
  padding: 50px 0;
}

.redesign.huskers .content-2 h2,
.redesign.huskers .content-2 p,
.redesign.huskers .content-2 a {
  color: #fff;
}

.redesign.huskers .content-3 {
  background: #fff;
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
}

.redesign.huskers .content-3 h2 {
  color: #494949;
  margin: 25px 0;
}

.redesign.huskers .content-3 strong {
  color: #d61c2a;
}

.redesign.huskers .content-4 {
  background: #fff;
}

.redesign.huskers .content-4 .frame {
  padding: 50px 35px 0;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .redesign.huskers .content-1 {
    padding: 0;
    border: none;
    background: #fff;
  }

  .redesign.huskers .content-1 .icon-background {
    border: none;
  }

  .redesign.huskers .content-1 .icon-text {
    padding: 0 35px;
    text-align: left;
    width: auto;
  }

  .redesign.huskers .content-3 {
    background: #fff;
    padding: 50px 0 15px;
    border-top: 1px solid #ddd;
  }

  .redesign.huskers .content-3 h2 {
    margin-top: 0;
  }

  .redesign.huskers .form-wrapper form {
    padding-bottom: 50px;
  }

  .redesign.huskers .content-4 {
    border-top: 1px solid #ddd;
  }

  .redesign.huskers .content-4 .frame {
    text-align: left;
  }
}

/*================================================
					SMOOTHIE
================================================*/

.redesign.smoothie .banner {
  height: auto;
  width: 100%;
  background: url(../images/smoothie/banner.jpg) center;
  background-size: cover;
}

.redesign.smoothie .banner .mobile {
  display: none;
}

.redesign.smoothie .banner a {
  display: block;
  height: 520px;
  margin: 0 auto;
}

.redesign.smoothie .content-1 .icon-background {
  background: url(../images/smoothie/icon.jpg) left center no-repeat;
}

.redesign.smoothie .content-2 {
  text-align: left;
  background: url(../images/smoothie/wave.png) center bottom no-repeat #2d7fbf;
  background-size: 100% auto;
}

.redesign.smoothie .content-wrapper .content-2 h2 {
  color: #fff;
  padding-top: 50px;
  padding-left: 15px;
}

.redesign.smoothie .content-wrapper .content-2 p {
  color: #fff;
  padding-bottom: 35px;
  padding-left: 15px;
}

.redesign.smoothie .content-3 {
  background: #fff;
  padding: 65px 0;
  font-size: 0;
}

.redesign.smoothie .content-3 .column {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 5px;
}

.redesign.smoothie .content-3 .column img {
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  max-width: 100%;
}

.redesign.smoothie .content-3 .column+.column {
  width: 60%;
  padding-left: 40px;
  padding-top: 0;
}

.redesign.smoothie .content-3 .column h2 {
  color: #494949;
}

.redesign.smoothie .content-3 .column ul {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 25px;
  margin-top: 25px;
  list-style: disc;
}

.redesign.smoothie .smoothie-footer {
  background: url(../images/smoothie/smoothies.jpg) bottom no-repeat #fff;
  background-size: 100% auto;
  height: 500px;
  border-top: 1px solid #e6dede;
}

@media screen and (max-width: 1200px) {
  .redesign.smoothie .banner a {
    height: 400px;
  }

  .redesign.smoothie .smoothie-footer {
    height: 300px;
    background-size: cover;
  }
}

@media screen and (max-width: 1000px) {
  .redesign.smoothie .banner a {
    height: 350px;
  }
}

@media screen and (max-width: 800px) {
  .redesign.smoothie .banner a {
    height: auto;
  }

  .redesign.smoothie .banner .mobile {
    width: 100%;
    display: block;
  }

  .redesign.smoothie .content-2 {
    background-size: 180% auto;
  }

  .redesign.smoothie .content-3 .column,
  .redesign.smoothie .content-3 .column+.column {
    width: 100%;
  }

  .redesign.smoothie .content-3 .column+.column {
    margin-top: 35px;
  }
}

/*================================================
					HEALTHY
================================================*/

.redesign.healthy .mobile {
  display: none;
  width: 100%;
}

.redesign.healthy .banner {
  background: url(../images/healthy/banner.jpg) center;
  background-size: cover;
  cursor: pointer;
}

.redesign.healthy .content-1 .icon-background {
  background: url(../images/smoothie/icon.jpg) left center no-repeat;
}

.redesign.healthy .content-2 {
  text-align: left;
  background: url(../images/smoothie/wave.png) center bottom -2px no-repeat #2d7fbf;
  background-size: 100% auto;
}

.redesign.healthy .content-wrapper .content-2 h2 {
  color: #fff;
  padding-top: 50px;
  padding-left: 15px;
  text-align: left;
}

.redesign.healthy .content-wrapper .content-2 p {
  color: #fff;
  padding-bottom: 35px;
  padding-left: 15px;
}

.redesign.healthy .content-3 {
  padding: 65px 0;
  border-bottom: 10px solid #fff;
}

.redesign.healthy .content-3 h3 {
  color: #fff;
}

.redesign.healthy .content-3 p {
  color: #fff;
  padding: 0;
}

.redesign.healthy .content-3 .button {
  background: #fff;
  color: #253451;
}

.redesign.healthy .content-4 {
  background: #fff;
  padding: 0 0 50px;
}

.redesign.healthy .content-4 h3 {
  color: #4996d1;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
  padding-top: 65px;
  border-top: 1px solid #ddd;
}

.redesign.healthy .form-wrapper form p {
  text-align: left;
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}

.redesign.healthy .hiland-track {
  height: 550px;
  background: url(../images/resources-banner-1.jpg) center no-repeat;
  border-bottom: 5px solid #fff;
  background-size: cover;
  position: relative;
}

.redesign.healthy .hiland-track .spacer {
  height: 550px;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.redesign.healthy .hiland-track .content {
  vertical-align: middle;
  display: inline-block;
  text-align: right;
  width: 45%;
  padding-right: 2%;
}

.redesign.healthy .hiland-track .content h3 {
  color: #28adb5;
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 15px;
}

.redesign.healthy .hiland-track .content p {
  font-family: "Source Sans Pro";
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
}

.redesign.healthy .hiland-track .content .button {
  background: #28adb5;
}

@media screen and (max-width: 1400px) {
  .redesign.healthy .banner {
    height: 450px;
  }
}

@media screen and (max-width: 1200px) {
  .redesign.healthy .banner {
    height: 400px;
  }
}

@media screen and (max-width: 1100px) {
  .redesign.healthy .banner {
    height: 350px;
  }
}

@media screen and (max-width: 900px) {
  .redesign.healthy .banner {
    display: none;
  }

  .redesign.healthy .mobile {
    display: block;
  }

  .redesign.healthy .content-3 {
    padding: 35px 0;
  }
}

@media screen and (max-width: 600px) {
  .redesign.healthy .content-1 {
    padding: 0;
  }

  .redesign.healthy .hiland-track {
    height: auto;
    background: #fff;
  }

  .redesign.healthy .hiland-track .spacer {
    display: none;
  }

  .redesign.healthy .hiland-track .content {
    width: auto;
    text-align: left;
    padding: 50px 25px;
  }

  .redesign.healthy .hiland-track .mobile {
    display: block;
    max-width: 100%;
    border-top: 2px solid #fff;
    box-sizing: border-box;
    text-align: center;
  }
}

/*================================================
					SEARCH
================================================*/

.search-results input[type="text"] {
  padding: 15px 15px;
  border: 1px solid #999;
  background: #ffffff;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.search-results input[type="submit"] {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 17px 25px;
  border: none;
  font-size: 16px;
  line-height: normal;
  font-weight: normal;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: top;
}

/*===========================================
		WHERE'S BOSSIE
===========================================*/

.custom-form .input-wrapper {
  display: inline-block;
  width: 350px;
  vertical-align: top;
}

.custom-form label {
  display: block;
}

.custom-form input[type="text"],
.custom-form input[type="email"] {
  width: 300px;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 8px 10px;
  border: 1px solid #999;
  background: #ffffff;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
  box-sizing: border-box;
}

.custom-form select {
  padding: 7px 10px;
  margin-bottom: 20px;
  border: 1px solid #999;
}

.custom-form textarea {
  width: 350px;
  height: 100px;
  font-family: "Source Sans Pro", Arial;
  font-size: 16px;
}

.custom-form .checkbox-wrapper {
  padding: 8px 0 8px 30px;
  position: relative;
}

.custom-form .checkbox-wrapper input {
  position: absolute;
  left: 0;
  top: 12px;
}

.custom-form .button {
  background-color: #1e73be;
  width: 300px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin-top: 15px;
}

/*================================================
					COMPANY
================================================*/

.redesign.company {
  width: auto;
  max-width: auto;
}

.redesign.company .banner {
  width: 100%;
  height: 450px;
  /*background:url(../images/company/banner-new.jpg) center;*/
  background: center;
  background-size: auto 100%;
}

.redesign.company .subnav {
  height: auto;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 35px;
}

.redesign.company .subnav li {
  display: inline-block;
  height: auto;
  width: auto;
  float: none;
}

.redesign.company .subnav li a,
.redesign.company .subnav li a:hover {
  border: 1px solid #2274bd;
  color: #2274bd;
  background: none;
  padding: 10px 0;
  border-radius: 50px;
  height: auto;
  width: 190px;
  display: block;
  margin: 0 10px;
  text-decoration: none;
}

.redesign.company .subnav li a.active {
  background: #2274bd;
  color: #fff;
}

.redesign.company .content-wrapper {
  padding-top: 0;
}

.redesign.about-us .block-1 {
  background: none;
  height: 500px;
}

.redesign.about-us .content-1 {
  text-align: center;
  padding: 20px 0 75px;
}

.redesign.about-us .content-1 .icon-background {
  width: 450px;
  padding-right: 30px;
  height: auto;
  border-right: 1px solid #ddd;
}

.redesign.about-us .content-1 .icon-background img {
  max-width: 100%;
}

.redesign.about-us .content-1 .icon-text {
  width: 450px;
  padding: 75px 50px 50px;
}

.redesign.about-us .content-1 .icon-text h2 {
  line-height: 40px;
}

.redesign.about-us .content-2 {
  background: none;
  padding: 75px 0 65px;
}

.redesign.about-us .content-2-2 {
  background: none;
  padding: 75px 0 0px;
}

.redesign.about-us .content-2 h2,
.redesign.about-us .content-wrapper .content-2 p {
  color: #fff;
}

.redesign.about-us .content-2 a {
  color: #fff;
}

.redesign.about-us .content-2 .button {
  background: #fff;
  font-weight: 400;
  color: #2274bd;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 50px;
  margin-top: 35px;
  display: inline-block;
}

.redesign.about-us .content-2 .button {
  margin-top: 20px;
  margin-bottom: 35px;
  color: #253451;
}

.redesign.about-us .content-2 .button+h2 {
  border-top: 1px solid #fff;
  padding-top: 35px;
}

.redesign.about-us .content-2 .column {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 60px 10px 0;
  background: #fff;
  border-radius: 250px 250px 0 0;
  padding: 50px 35px 50px;
  box-sizing: border-box;
  height: 480px;
}

.redesign.about-us .content-2 .column img {
  width: 50%;
  border: none;
  margin: 0 auto;
}

.redesign.about-us .content-2 .column span {
  display: block;
  background: #ededed;
  padding: 3px;
  margin: 10px 0 15px;
  border-radius: 15px;
  width: 85%;
}

.redesign.about-us .content-2 .column h2 {
  color: #2274bd;
  margin-top: 10px;
  margin-bottom: 20px;
}

.redesign.about-us .content-2 .column p {
  color: #494949;
}

.redesign.about-us .content-3 {
  background: #fff;
  padding: 75px 0 0;
}

.redesign.about-us .content-3.map {
  padding: 50px 0 35px;
}

.redesign.about-us .content-4 {
  background: url(../images/wave-inverted.png) top center no-repeat #2274bd;
  background-size: 100% auto;
  padding: 170px 0 75px;
}

.redesign.about-us .content-4 .column {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 30px 15px 0;
  background: #fff;
  border-radius: 250px;
  box-sizing: border-box;
  height: 300px;
  overflow: hidden;
  border: 10px solid #1c64a5;
}

.redesign.about-us .content-4 .column img {
  width: 100%;
  border: none;
  margin-top: 23px;
}

.redesign.about-us .content-4 .column+.column img {
  margin-top: 20px;
}

.redesign.about-us .content-4 h2 {
  color: #ffffff;
}

.redesign.about-us .content-4 p {
  color: #ffffff;
}

.redesign.about-us .content-5 {
  background: #172233;
  padding: 75px 0 65px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}

.redesign.about-us .content-5 h2 {
  color: #fff;
  margin-bottom: 25px;
}

.redesign.about-us .content-5 .links {
  text-align: center;
}

.redesign.about-us .content-5 .links a {
  border: 1px solid #fff;
  color: #fff;
  background: none;
  padding: 10px 0;
  border-radius: 50px;
  height: auto;
  display: block;
  margin: 0 10px 12px;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 990px) {
  .redesign.about-us .content-1 .icon-text {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
  }

  .redesign.about-us .content-2 .column {
    margin: 0;
    border-radius: 0;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }

  .redesign.about-us .content-2 .frame+.column {
    margin-top: 50px;
  }
}

/* MAP */

.redesign.about-us #tt_sm_map {
  border: 1px solid #494949;
  padding: 10px;
  background: #fff;
  max-width: 90% !important;
  width: 550px;
}

.redesign.about-us .xmark_sm {
  width: auto !important;
}

.redesign.about-us #xpic_sm_map {
  width: 30px !important;
}

.redesign.about-us .tt_name_sm {
  font-size: 34px;
  line-height: 42px;
  color: #4996d1;
  font-family: "Roboto Slab";
  font-weight: normal;
  margin: 0;
  padding-left: 25px;
}

.redesign.about-us .tt_custom_sm {
  padding: 0 25px;
}

.redesign.about-us .content-wrapper #map h2,
.redesign.about-us .content-wrapper #map p,
.redesign.about-us .content-wrapper #map ul {
  color: #494949;
  font-weight: normal;
}

.redesign.about-us .content-wrapper #map ul {
  margin: 0;
}

.redesign.about-us .content-wrapper #map ul li {
  list-style: none;
  display: inline-block;
  border: 1px solid #ddd;
  margin: 0 5px 5px 0;
  vertical-align: top;
}

.redesign.about-us .content-wrapper #map ul li a {
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  display: block;
  padding: 10px;
  width: 210px;
  color: #494949;
  text-decoration: none;
  margin: 0;
}

.redesign.about-us .content-wrapper #map h2 {
  font-size: 34px;
  line-height: 42px;
  color: #4996d1;
  font-family: "Roboto Slab";
  margin: 0;
}

.redesign.about-us .content-wrapper #map p {
  font-family: "Montserrat";
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}

.redesign.about-us .content-wrapper .simple-map h2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 36px;
}

/* COVID CALLOUT */

#covid-19 {
  display: none;
}

#covid-19 .wrapper {
  position: relative;
  max-width: 100%;
  width: 900px;
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
  border-radius: 25px;
}

#covid-19 h2 {
  color: #4996d1;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

#covid-19 p {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
}

#covid-19 .button {
  font-family: "Source Sans Pro", Arial;
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
}

#covid-19 .close-wrapper {
  border-top: 1px solid #eee;
  padding-top: 18px;
  margin-top: 25px;
  text-align: right;
}

#covid-19 .close-wrapper .close {
  display: inline;
  width: 275px;
  cursor: pointer;
}

/*==================================
			SUSTAINABILITY
==================================*/

.redesign .sustainability-navigation {
  background: #1b2840;
  padding: 20px;
}

.redesign .sustainability-navigation ul {
  list-style: disc inside;
  font-size: 0;
  margin: 0;
}

.redesign .sustainability-navigation ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  color: #494949;
  border: none;
  list-style: disc inside;
}

.redesign .sustainability-navigation ul li span {
  margin: 0 25px;
  color: #e3e3e3;
}

.redesign .sustainability-navigation ul li a {
  text-decoration: none;
  color: #fff;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: normal;
  line-height: 50px;
  padding: 0 25px;
  margin: 0 10px;
  display: inline-block;
  border: 1px solid #333e54;
  border-radius: 100px;
}

.redesign .sustainability-navigation ul li.active a {
  background: #fff;
  color: #253451;
}

.sustainability .banner {
  background: url(../images/sustainability/banner.jpg) center bottom;
  background-size: cover;
}

.sustainability .content-1.background {
  background: url(../images/sustainability-background.jpg) center top no-repeat #fff;
}

.sustainability .infographic {
  margin-top: 25px;
  margin-bottom: 25px;
}

.sustainability img {
  max-width: 100%;
}

.sustainability .column {
  display: inline-block;
  margin-top: 25px;
}

.sustainability .column img {
  max-height: 175px;
  width: auto;
  margin-right: 10px;
}

.sustainability .column+.column img {
  margin: 0;
}

.sustainability .pink {
  padding-right: 340px;
  background: url(../images/sustainability-pink.jpg) right 92px no-repeat;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin-top: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.redesign.sustainability .content-1 .icon-background {
  background: url(../images/local-initiatives-pdf-3.jpg) center no-repeat;
}

.sustainability .quote {
  padding: 0 75px 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: url(../images/icon-quote-left.png),
    url(../images/icon-quote-right.png);
  background-position: left top 9px, right top 9px;
  background-repeat: no-repeat, no-repeat;
  background-size: 50px auto;
  border-bottom: 1px solid #ddd;
}

.sustainability .quote p {
  font-size: 24px;
}

.sustainability .quote h3 {
  font-size: 24px;
  margin-top: 10px;
}

.sustainability .waste-diverted,
.sustainability .volunteered {
  background: url(../images/sustainability-background-blue.jpg) center;
  padding: 65px 0;
  border-top: 10px solid #fff;
}

.sustainability .waste-diverted {
  background: url(../images/sustainability-background.jpg) center;
}

.sustainability .waste-diverted img,
.sustainability .volunteered img {
  margin: 0 auto;
}

.sustainability .waste-diverted h2,
.sustainability .volunteered h2 {
  color: #fff;
  width: 600px;
  margin: 25px auto 10px;
  font-weight: 600;
  font-size: 38px;
  line-height: 48px;
}

.sustainability .waste-diverted p,
.sustainability .volunteered p {
  color: #fff;
  width: 600px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 5px 50px;
  margin: 0 auto 10px;
  font-size: 26px;
  line-height: 38px;
  border: 1px solid #fff;
  border-radius: 50px;
}

.sustainability .waste-diverted p span,
.sustainability .volunteered p span {
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 900px) {
  .sustainability .quote {
    margin-top: 0;
    padding: 0 0 50px;
    background-image: none;
  }

  .sustainability .waste-diverted h2,
  .sustainability .volunteered h2 {
    width: auto;
  }

  .sustainability .waste-diverted p,
  .sustainability .volunteered p {
    width: auto;
    border-radius: 500px;
    margin: 10px 25px;
  }
}

/*==================================
			ARKANSAS
==================================*/

.redesign.arkansas .banner {
  background: url(../images/banner.jpg) center no-repeat #9daa55;
  background-size: auto 100%;
}

.redesign.arkansas .content-1 .icon-background {
  width: 320px;
  height: 280px;
  margin: 0 auto;
  background: url(../images/ice-cream-icon.png) left center no-repeat;
}

.redesign.arkansas .content-1.shopper-request-form {
  background: #f3f3f3;
}

.redesign.arkansas .content-1.shopper-request-form .icon-background {
  background: url(../images/shopper-request-form.jpg) left center no-repeat;
  background-size: auto 100%;
}

.redesign.arkansas .content-2,
.redesign.arkansas .content-4 {
  text-align: center;
  background-size: 100% auto;
  padding: 50px 0;
}

.redesign.arkansas .content-4 {
  background: #fff;
}

.redesign.arkansas .content-2 .frame,
.redesign.arkansas .content-4 .frame {
  width: 1180px;
  text-align: center;
}

.redesign.arkansas .content-2 h2,
.redesign.arkansas .content-4 h2 {
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 44px;
  padding-bottom: 35px;
  line-height: 52px;
}

.redesign.arkansas .content-2 .logo,
.redesign.arkansas .content-4 .logo {
  width: 350px;
  max-width: 100%;
  margin: 10px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: relative;
}

.redesign.arkansas .content-2 .walmart-locations,
.redesign.arkansas .content-4 .harps-locations {
  padding-top: 15px;
  display: none;
}

.redesign.arkansas .content-2 .see-walmart-locations,
.redesign.arkansas .content-4 .see-harps-locations {
  color: #fff;
  cursor: pointer;
  margin: 0 10px;
}

.redesign.arkansas .content-2 .location,
.redesign.arkansas .content-4 .location {
  width: 350px;
  max-width: 100%;
  background: #fff;
  text-align: center;
  padding: 25px 25px 30px;
  box-sizing: border-box;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

.redesign.arkansas .content-4 .location {
  background: #362223;
}

.redesign.arkansas .content-2 .harps-locations .location,
.redesign.arkansas .content-4 .harps-locations .location {
  min-height: 228px;
}

.redesign.arkansas .content-2 .location h3,
.redesign.arkansas .content-4 .location h3 {
  padding: 0;
  margin: 0 auto 10px;
  color: #494949;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  border-bottom: 2px solid #4996d1;
  padding-bottom: 5px;
  width: 220px;
}

.redesign.arkansas .content-4 .location h3 {
  color: #fff;
  border-bottom: 2px solid #8db736;
}

.redesign.arkansas .content-2 .location p,
.redesign.arkansas .content-4 .location p {
  color: #494949;
  margin: 0;
  padding: 0;
}

.redesign.arkansas .content-4 .location p {
  color: #fff;
}

.redesign.arkansas .content-3 {
  padding: 50px 0;
  text-align: center;
  background: #fff;
}

.redesign.arkansas .content-3 .recipe {
  width: 33%;
  display: inline-block;
  position: relative;
  padding: 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.redesign.arkansas .content-3 .recipe img {
  width: 100%;
  display: block;
}

.redesign.arkansas .content-3 .recipe p {
  position: absolute;
  font-size: 24px;
  color: #fff;
  font-family: "Montserrat";
  bottom: 0;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  font-weight: 600;
  padding-bottom: 45px;
  left: 0;
}

@media screen and (max-width: 1000px) {
  .redesign.together .content-3 .recipe {
    width: 50%;
  }
}

@media screen and (max-width: 650px) {
  .redesign.arkansas .content-1 .icon-text {
    padding: 25px 35px;
  }

  .redesign.arkansas .content-3 .recipe {
    width: 90%;
  }

  .redesign.arkansas .content-2 .logo,
  .redesign.arkansas .content-2 .location {
    margin: 10px 0;
  }
}

/*==================================
			DAIRY MONTH
==================================*/

.redesign.dairy-month .banner {
  background: url(../images/dairy-month/banner.jpg) center no-repeat;
  background-size: cover;
}

.redesign.dairy-month .content-1 .icon-background {
  background: url(../images/dairy-month/icon.jpg) left center no-repeat;
  width: 250px;
  border-right: 2px solid #eee;
}

.redesign.dairy-month .recipe {
  width: 33%;
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #fff;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .redesign.dairy-month .recipe {
    width: 50%;
  }
}

@media screen and (max-width: 650px) {
  .redesign.dairy-month .recipe {
    width: 100%;
  }
}

.redesign.dairy-month .content-2 .recipe img,
.redesign.dairy-month .content-2 .craft img {
  width: 100%;
  display: block;
}

.redesign.dairy-month .content-2 .recipe p,
.redesign.dairy-month .content-2 .craft p {
  position: absolute;
  font-size: 24px;
  color: #fff;
  font-family: "Montserrat";
  bottom: 0;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  font-weight: 600;
  padding-bottom: 25px;
}

.redesign.dairy-month .footer .social-icon-wrapper {
  padding: 45px 0 25px;
}

.redesign.dairy-month .footer h2 {
  color: #4996d1;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 25px;
}

/*==================================
		WHAT MAKES YOU HAPPY
==================================*/

.redesign.happy .banner {
  background: url(../images/happy/banner.jpg) center no-repeat #e0e0e0;
  background-size: cover;
  text-align: right;
  height: auto;
  border: none;
}

.redesign.happy .banner a {
  height: auto;
}

.redesign.happy .banner .banner-content {
  display: inline-block;
  width: 44%;
  padding: 120px 120px 120px 0;
  box-sizing: border-box;
  text-align: left;
}

.redesign.happy .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 46px;
  line-height: 50px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #28343c;
}

.redesign.happy .banner .banner-content p {
  font-size: 24px;
  color: #494949;
  font-weight: 300;
  line-height: 34px;
  font-family: "Source Sans Pro", sans-serif;
}

.redesign.happy .banner .banner-content .button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
  background: #28343c;
}

.redesign.happy .content-1 .icon-background {
  width: 320px;
  height: 280px;
  margin: 0 auto;
  background: url(../images/happy/icon-happy.jpg) left center no-repeat;
  background-size: 90%;
}

.redesign.happy .form-wrapper form .image-upload {
  padding-left: 0;
  margin: 15px 0 15px;
  font-weight: 600;
  text-align: center;
}

.redesign.happy .form-wrapper form .image-upload span {
  font-weight: 400;
  color: #666;
}

.redesign.happy .form-wrapper form .image-upload+input {
  margin-bottom: 40px;
}

.redesign.happy .form-wrapper .callout {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  background: #243351;
  padding: 23px 35px 25px;
  box-shadow: 0 0 15px #d8d8c8;
  box-sizing: border-box;
  color: #fff;
  border-radius: 0 0 10px 10px;
}

.redesign.happy .form-wrapper .callout strong {
  color: #fff;
}

.redesign.happy .form-wrapper .error {
  border: 2px solid #f00;
  background: #fffbfb;
  margin: -25px auto 25px;
  padding: 10px 25px 10px;
  box-sizing: border-box;
  display: none;
}

.redesign.happy .form-wrapper .form-wrapper form .error p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.redesign.happy .content-2 {
  background: #fff;
  padding: 50px 0;
}

.redesign.happy .content-2 .frame {
  width: 1800px;
  text-align: center;
}

.redesign.happy .content-2 .instagram {
  width: 260px;
  height: 260px;
  display: inline-block;
  vertical-align: top;
  background-size: 100% 100%;
  background-position: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 5px;
}

.redesign.happy .content-2 .instagram:hover {
  background-size: 125% 125%;
}

.redesign .content-wrapper .instagram .link {
  display: block;
  width: 260px;
  height: 260px;
  opacity: 0;
  display: block;
  transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 36px;
  line-height: 260px;
  margin: 0;
  padding: 0;
}

.redesign .content-wrapper .instagram:hover .link {
  opacity: 1;
}

.redesign.happy .instagram {
  border-top: 1px solid #ddd;
  margin-top: 25px;
}

.redesign.happy .instagram img {
  width: 155px;
  display: inline-block;
  margin: 15px 20px 0 0;
}

@media screen and (max-width: 990px) {
  .redesign.happy .banner .banner-content {
    width: 100%;
    padding: 50px 25px;
    text-align: center;
  }

  .redesign.happy .banner {
    background: url(../images/happy/banner-mobile.jpg) center no-repeat;
    background-size: cover;
  }

  .redesign.happy .banner .banner-content h2 {
    color: #fff;
    font-size: 32px;
  }

  .redesign.happy .banner .banner-content .button {
    background: #fff;
    color: #28343c;
  }

  .redesign.happy .banner .banner-content p {
    color: #fff;
    font-size: 20px;
  }

  .redesign.happy .content-1 .icon-background {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: none;
    height: 200px;
    width: 266px;
  }
}

@media screen and (max-width: 600px) {
  .happy .form-wrapper .callout {
    border-radius: 0;
  }

  .redesign.happy .form-wrapper {
    padding-bottom: 25px;
  }
}

/*==================================
		HALLOWEEN
==================================*/

.redesign.halloween .banner {
  background: url(../images/halloween/banner.jpg) left center no-repeat #c1bfbd;
  background-size: 85% auto;
  position: relative;
}

.redesign.halloween .banner img {
  height: 100%;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
}

.redesign.halloween .banner a {
  position: absolute;
  top: 0;
  cursor: pointer;
}

.redesign.halloween .kasim-recipe-wrapper {
  font-size: 0;
}

.redesign.halloween .kasim-recipe {
  width: 47%;
  padding: 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
}

.redesign.halloween .kasim-recipe+.kasim-recipe {
  margin-left: 6%;
}

.redesign.halloween .content-1 {
  background: url(../images/halloween/background-spiderweb.png) top left no-repeat #fff;
  background-size: 20% auto;
}

.redesign.halloween .content-1 img {
  width: 100%;
  margin: 50px 0 15px;
  cursor: pointer;
}

.redesign.halloween .content-1 .collage+h3 {
  margin: 0;
  text-align: center;
}

.redesign.halloween .content-1+.content-1 {
  background: #f39300;
  background: url(../images/background-orange-lines.jpg);
  background: none;
  border-top: none;
  padding: 75px 0;
}

.redesign.halloween .content-1 .icon-background {
  background: url(../images/halloween/icon-kasim.jpg) center no-repeat;
  background-size: contain;
  height: 450px;
  border: 5px solid #fff;
}

.redesign.halloween .content-1 .icon-text h2 {
  font-weight: bold;
  line-height: 44px;
}

.redesign.halloween .content-1 .icon-text h2,
.redesign.halloween .content-1 .icon-text h3 {
  color: #fff;
}

.redesign.halloween .content-1 .icon-text .button {
  border: 2px solid #fff;
}

.redesign.halloween .wrapper-smores,
.redesign.halloween .wrapper-ganache {
  display: none;
}

.redesign.halloween .content-2 {
  font-size: 0;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}

.redesign.halloween .content-2+.content-2 {
  border-top: 1px solid #ddd;
}

.redesign.halloween .content-2 .column {
  vertical-align: top;
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
  flex: 1;
}

.redesign.halloween .content-2 .column h2 {
  padding: 35px 0 25px;
  color: #494949;
  font-weight: bold;
  text-align: center;
}

.redesign.halloween .content-2 .column.smores {
  background: url(../images/halloween/recipe-smores-cocktail.jpg) center bottom;
  background-size: cover;
}

.redesign.halloween .content-2 .column.ganache {
  background: url(../images/halloween/recipe-chocolate-milk-ganache-cake.jpg) center bottom;
  background-size: cover;
}

.redesign.halloween .content-2 .column.smores h2,
.redesign.halloween .content-2 .column.ganache h2 {
  color: #fff;
  text-shadow: 0 0 10px black;
}

.redesign.halloween .content-2 .column h3 {
  padding: 0 25px;
  color: #4996d1;
  text-align: center;
}

.redesign.halloween .content-2 .column h2+h3 {
  margin-top: 0;
}

.redesign.halloween .content-2 .column.ingredients {
  padding-bottom: 25px;
}

.redesign.halloween .content-2 .column.directions {
  width: 50%;
  border: none;
  padding-bottom: 25px;
  border-left: 1px solid #ddd;
}

.redesign.halloween .content-2 .column strong {
  color: #494949;
}

.redesign.halloween .content-2 .column ul {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: left;
}

.redesign.halloween .content-2 .column ul li {
  padding: 15px 0 15px 5px;
  border-top: 1px solid #eee;
  list-style: disc;
  margin: 0 25px;
  padding-left: 5px;
}

.redesign.halloween .content-3 {
  font-size: 0;
  background: #fff;
}

.redesign.halloween .content-3 .recipe {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #fff;
}

.redesign.halloween .content-3 .recipe img {
  max-width: 100%;
  width: 100%;
  display: block;
}

.redesign.halloween .content-4 {
  background: url(../images/background-resources.jpg);
  padding: 50px 0;
}

.redesign.halloween .content-4 .mobile {
  display: none;
}

.redesign.halloween .content-4 .craft {
  width: 975px;
  max-width: 100%;
  border: 15px solid #fff;
  margin: 0 auto 50px;
  background: #fff;
  font-size: 0;
  box-sizing: border-box;
}

.redesign.halloween .content-4 .craft img,
.redesign.halloween .content-4 .craft .description {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  max-width: 100%;
}

.redesign.halloween .content-4 .craft .description {
  padding: 35px;
  box-sizing: border-box;
}

.redesign.halloween .content-4 .craft .description h2 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
  background: #222;
  padding: 15px 20px;
}

.redesign.halloween .content-4 .craft .description p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: left;
  padding: 0 20px;
}

.redesign.halloween .content-4 .materials,
.redesign.halloween .content-4 .directions {
  width: 460px;
  max-width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 25px;
  padding: 30px 40px 25px;
  border-top: 15px solid #ff8c27;
  background: #fff;
  box-shadow: 0 0 15px #000;
}

.redesign.halloween .content-4 .directions {
  border-top: 15px solid #98400d;
}

.redesign.halloween .content-4 .materials h2,
.redesign.halloween .content-4 .directions h2 {
  color: #494949;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 18px;
}

.redesign.halloween .content-4 .materials ul,
.redesign.halloween .content-4 .directions p {
  font-size: 20px;
  color: #494949;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: left;
}

.redesign.halloween .content-4 .materials li,
.redesign.halloween .content-4 .directions p {
  padding: 15px 0 15px 5px;
  border-top: 1px solid #eee;
  list-style: disc;
  margin: 0 25px;
  padding-left: 5px;
}

.redesign.halloween .content-4 .directions p {
  background: url(../images/halloween/list-item-1.jpg) top 20px left no-repeat;
  padding-left: 40px;
  background-size: 28px 28px;
}

.redesign.halloween .content-4 .directions p+p {
  background-image: url(../images/halloween/list-item-2.jpg);
}

.redesign.halloween .content-4 .directions p+p+p {
  background-image: url(../images/halloween/list-item-3.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p {
  background-image: url(../images/halloween/list-item-4.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p+p {
  background-image: url(../images/halloween/list-item-5.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p+p+p {
  background-image: url(../images/halloween/list-item-6.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p+p+p+p {
  background-image: url(../images/halloween/list-item-7.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p+p+p+p+p {
  background-image: url(../images/halloween/list-item-8.jpg);
}

.redesign.halloween .content-4 .directions p+p+p+p+p+p+p+p+p {
  background-image: url(../images/halloween/list-item-9.jpg);
}

.redesign.halloween .content-4 .divider {
  height: 35px;
  margin: 50px 0;
  background: #243351;
  border-top: 1px solid #1b2b48;
}

.redesign.halloween .content-4 .craft-pumpkins {
  height: 720px;
}

.redesign.halloween .content-4 .craft-lanterns {
  height: 1170px;
}

.redesign.halloween .content-4 .craft-mummy {
  height: 480px;
}

@media screen and (max-width: 970px) {
  .redesign.halloween .banner {
    background: url(../images/halloween/banner-mobile.jpg) center no-repeat #c1bfbd;
    background-size: cover;
  }

  .redesign.halloween .banner img {
    display: none;
  }

  .redesign.halloween .redesign .content-1 .icon-background {
    border: none;
    display: block;
    height: 300px;
  }

  .redesign.halloween .content-1 .icon-text {
    text-align: center;
    padding: 35px;
  }

  .redesign.halloween .content-1+.content-1 {
    padding: 0;
  }

  .redesign.halloween .content-2 {
    display: block;
  }

  .redesign.halloween .content-2 .column {
    vertical-align: top;
    width: 100%;
    display: block;
    min-height: none;
    flex: none;
  }

  .redesign.halloween .content-2 .column.smores {
    background: url(../images/halloween/recipe-smores-cocktail.jpg) center;
    background-size: cover;
  }

  .redesign.halloween .content-2 .column.directions {
    width: 100%;
    border-top: 1px solid #ddd;
  }
}

@media screen and (max-width: 770px) {
  .redesign.halloween .halloween .banner {
    height: 400px;
  }

  .redesign.halloween .halloween .content-wrapper h1 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
    padding: 20px 35px;
  }

  .redesign.halloween .halloween .content-1 {
    padding: 25px 0;
  }

  .redesign.halloween .content-2 .column.smores,
  .redesign.halloween .content-2 .column.ganache {
    min-height: 400px;
  }

  .redesign.halloween .halloween .content-3 .recipe {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid #fff;
  }

  .redesign.halloween .content-4 {
    padding: 0 0 25px;
  }

  .redesign.halloween .content-4 .mobile,
  .redesign.halloween .content-4 .mobile img {
    display: block;
    width: 100%;
  }

  .redesign.halloween .content-4 .craft {
    margin-bottom: 25px;
  }

  .redesign.halloween .content-4 .craft img,
  .redesign.halloween .content-4 .craft .description {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
  }

  .redesign.halloween .content-4 .craft .description {
    padding: 25px 0;
  }

  .redesign.halloween .content-4 .materials,
  .redesign.halloween .content-4 .directions {
    width: auto;
    max-width: 90%;
    margin: 0 auto 25px;
    display: block;
    padding: 30px 25px 25px;
  }

  .redesign.halloween .content-4 .directions p {
    margin: 0;
  }

  .redesign.halloween .content-4 .craft-pumpkins,
  .redesign.halloween .content-4 .craft-lanterns,
  .redesign.halloween .content-4 .craft-lanterns {
    height: auto;
  }
}

@media screen and (max-width: 540px) {
  .redesign.halloween .halloween .banner {
    height: 200px;
  }

  .redesign.halloween .content-1 .callout p {
    background: rgb(47, 34, 10);
    padding: 20px;
    width: 80%;
    box-sizing: border-box;
    margin-top: 25px;
  }
}

/*==================================
			RESOURCES
==================================*/

.resources .content-1 .icon-background {
  background: url(../images/icon-envelope.png) center no-repeat;
}

/*===============================*/

.resources .track {
  display: flex;
  width: 100%;
  border-top: 5px solid #fff;
}

.resources .track .image {
  width: 60%;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
}

.resources .track .content-wrapper {
  width: 40%;
  box-sizing: border-box;
}

.resources .track .content-wrapper .content {
  padding: 120px 60px;
}

.resources .track .content-wrapper .content h3 {
  font-size: 32px;
  margin-top: 10px;
  text-align: center;
}

/*===============================*/

.resources .healthy-track {
  background: #fff;
}

.resources .healthy-track .image {
  background-image: url(../images/resources/healthy-track.jpg);
}

.resources .healthy-track .content-wrapper {
  background: #f04438;
  border-left: 5px solid #fff;
}

.resources .healthy-track .content-wrapper .content h3,
.resources .healthy-track .content-wrapper .content p {
  color: #fff;
}

.resources .healthy-track .content-wrapper .content .button {
  background: #fff;
  color: #f04438;
}

/*===============================*/

.resources .meal-planning-track {
  background: #fff;
}

.resources .meal-planning-track .image {
  background-image: url(../images/resources/meal-planning-track.jpg);
  border-left: 5px solid #fff;
}

.resources .meal-planning-track .content-wrapper {
  background: #a99c1f;
}

.resources .meal-planning-track .content-wrapper .content h3,
.resources .meal-planning-track .content-wrapper .content p {
  color: #fff;
}

.resources .meal-planning-track .content-wrapper .content .button {
  background: #fff;
  color: #a99c1f;
}

/*===============================*/

.resources .back-to-school-track {
  background: #fff;
}

.resources .back-to-school-track .image {
  width: 60%;
  background: url(../images/resources/back-to-school-track.jpg);
}

.resources .back-to-school-track .content-wrapper {
  background: #ff99b2;
  border-left: 5px solid #fff;
}

.resources .back-to-school-track .content-wrapper .content h3,
.resources .back-to-school-track .content-wrapper .content p {
  color: #fff;
}

.resources .back-to-school-track .content-wrapper .content .button {
  background: #fff;
  color: #ff99b2;
}

/*===============================*/

.resources .holidays-track {
  background: #fff;
}

.resources .holidays-track .image {
  background-image: url(../images/resources/holidays-track.jpg);
  border-left: 5px solid #fff;
}

.resources .holidays-track .content-wrapper {
  background: #77c0af;
}

.resources .holidays-track .content-wrapper .content h3,
.resources .holidays-track .content-wrapper .content p {
  color: #fff;
}

.resources .holidays-track .content-wrapper .content .button {
  background: #fff;
  color: #77c0af;
}

/*===============================*/

@media screen and (max-width: 900px) {
  .resources .track .image {
    width: 0;
    display: none;
  }

  .resources .track .content-wrapper {
    width: 100%;
  }

  .resources .track .content-wrapper .content {
    padding: 50px;
  }
}

/*==================================
			TEXAS
==================================*/

.texas .banner {
  background: url(../images/texas/banner.jpg) center;
  background-size: cover;
  height: auto;
}

.texas .banner .banner-content {
  display: inline-block;
  width: 50%;
  padding: 0 0 0 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  border-radius: 10px;
}

.texas .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #4996d1;
}

.texas .banner .banner-content p {
  font-size: 30px;
  color: #494949;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
}

.texas .banner .banner-content .button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
  height: auto;
  width: auto;
}

.texas .banner .banner-content .button.mobile {
  display: none;
}

.texas .content-1 .icon-background {
  background: url(../images/texas/texas-icon.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.texas .content-2 .frame {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 60px;
}

.texas .content-2 .column {
  width: 33%;
}

.texas .content-2 .column img {
  width: 300px;
  margin: 0 auto 25px;
  border: 5px solid #fff;
}

.texas .content-2 .column .content-wrapper {
  width: 90%;
  height: 100%;
  border-radius: 25px 25px 0 0;
  background: rgba(0, 22, 52, 0.35);
  padding: 0 0 25px;
  margin: 0 auto;
  box-sizing: border-box;
}

.texas .content-2 .column .content-wrapper p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 35px;
}

.texas .content-2 .column .content-wrapper p a {
  color: #4996d1;
}

.texas .content-2 .column .content-wrapper .button {
  margin-top: 0;
}

.texas .content-3 {
  background: #fff;
  padding: 100px 0 65px;
}

.texas .content-4.form-wrapper {
  padding-bottom: 65px;
}

.texas .content-5 {
  background: #fff;
  padding: 75px 0 25px;
}

.texas .content-5 .frame {
  text-align: center;
}

.texas .content-6 {
  display: flex;
  background: #4996d1;
  border-top: 15px solid #fff;
}

.texas .content-6 .image {
  background: url(../images/texas/hillside-park.jpg) center no-repeat;
  background-size: cover;
  width: 50%;
}

.texas .content-6 .image img {
  display: none;
}

.texas .content-6 .column {
  box-sizing: border-box;
  width: 50%;
  padding: 150px 5%;
}

.texas .content-wrapper .content-6 h2,
.texas .content-wrapper .content-6 p {
  color: #fff;
}

#my_popup .texas-popup {
  text-align: center;
  position: relative;
  max-width: 100%;
  padding: 35px 60px;
  width: auto;
  box-sizing: border-box;
  background: #fff;
  border: 10px solid #4996d1;
  box-shadow: 0 0 15px #494949;
}

@media screen and (max-width: 900px) {
  .texas .banner {
    background: url(../images/texas/banner-mobile.jpg) center no-repeat;
    background-size: cover;
  }

  .texas .banner .banner-content {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    margin: 75px 0;
  }

  .texas .banner .banner-content h2 {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
  }

  .texas .banner .banner-content p {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
  }

  .texas .banner .banner-content .button {
    background: #4996d1;
    color: #fff;
    font-size: 16px;
  }

  .texas .banner .banner-content .button {
    display: none;
  }

  .texas .banner .banner-content .button.mobile {
    display: inline-block;
  }

  .texas .content-2 .frame {
    padding: 25px 0 35px;
  }

  .texas .content-2 .frame .icon {
    display: none;
  }

  .texas .content-2 .frame .column {
    width: 100%;
    margin: 10px 0;
  }

  .texas .content-2 .frame .column .content-wrapper {
    border-radius: 25px;
  }

  .texas .content-6 {
    display: block;
  }

  .texas .content-6 .image {
    background: none;
    width: 100%;
    padding: 50px 50px 20px;
    box-sizing: border-box;
  }

  .texas .content-6 .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: 5px solid #fff;
  }

  .texas .content-6 .column {
    width: 100%;
    padding: 20px 15px 50px;
  }
}

/*==================================
			BORDEN
==================================*/

.borden .banner {
  background: url(../images/borden/banner-borden.jpg) center;
  background-size: cover;
  height: auto;
}

.borden .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 40px 50px 40px 100px;
  box-sizing: border-box;
  text-align: center;
  margin: 480px auto 20px;
  background: rgb(0 57 129 / 35%);
}

.borden .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.borden .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.borden .content-1 {
  padding: 50px 0 65px;
}

.borden .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.borden .content-2 {
  background: #0f1b2d;
}

.borden .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.borden .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 75% auto;
}

.borden .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.borden .content-2 .frame .column h2,
.borden .content-2 .frame .column p {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.borden .content-3 {
  background: #323e5a;
}

.borden .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.borden .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/borden/icon-paperwork.png) center no-repeat;
  background-size: 80% auto;
}

.borden .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.borden .content-3 .frame .column h2 {
  color: #fff;
}

.borden .content-3 .frame .column p,
.borden .content-3 .frame .column ul li {
  color: #fff;
}

.borden .content-3 .frame .column a {
  color: #fff;
  font-weight: 500;
}

.borden .content-4 {
  background: #4996c7;
}

.borden .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.borden .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.borden .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.borden .content-4 .frame .column h2,
.borden .content-4 .frame .column p {
  color: #fff;
}

.borden .content-4 .frame .column a {
  color: #fff;
  font-weight: 500;
}

.borden .content-4 .frame .column strong {
  color: #fff;
  font-weight: 500;
}

.borden .content-5 {
  background: #fff;
}

.borden .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.borden .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/borden/icon-resources-blue.png) center no-repeat;
  background-size: 90% auto;
}

.borden .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.borden .content-5 .frame .column h2,
.borden .content-5 .frame .column p {
  color: #333;
  padding: 12px 0;
}

.borden .content-6 {
  padding: 75px 0;
  background: #fff;
}

.borden .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.borden .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.borden .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.borden .content-6 p {
  padding: 0 50px;
}

.borden .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.borden .content-7 h2,
.borden .content-7 p {
  color: #fff;
}

.borden .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .borden .banner {
    background: url(../images/borden/banner-borden.jpg) center;
    background-size: cover;
    height: auto;
  }

  .borden .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 40%);
  }

  .borden .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .borden .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .borden .content-2 .frame,
  .borden .content-3 .frame,
  .borden .content-4 .frame,
  .borden .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .borden .content-2 .frame .column,
  .borden .content-3 .frame .column,
  .borden .content-4 .frame .column,
  .borden .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .borden .content-3 .frame .column {
    background-size: auto 120%;
  }

  .borden .content-2 .frame .column+.column,
  .borden .content-3 .frame .column+.column,
  .borden .content-4 .frame .column+.column,
  .borden .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .borden .content-2 .frame .column p,
  .borden .content-3 .frame .column p,
  .borden .content-4 .frame .column p,
  .borden .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==============================================================================================
		HILAND PLANT LOCATION PAGES
==============================================================================================*/

/*==================================
	LITTLE ROCK ARKANSAS
==================================*/

.little-rock-arkansas .banner {
  background: url(../images/little-rock-arkansas/banner-little-rock.jpg) center;
  background-size: cover;
  height: auto;
}

.little-rock-arkansas .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.little-rock-arkansas .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.little-rock-arkansas .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.little-rock-arkansas .content-1 {
  padding: 50px 0 65px;
}

.little-rock-arkansas .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.little-rock-arkansas .content-2 {
  background: #0f1b2d;
}

.little-rock-arkansas .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.little-rock-arkansas .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.little-rock-arkansas .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.little-rock-arkansas .content-2 .frame .column h2 {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.little-rock-arkansas .content-2 .frame .column p,
.little-rock-arkansas .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.little-rock-arkansas .content-3 {
  background: #4996c7;
}

.little-rock-arkansas .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.little-rock-arkansas .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.little-rock-arkansas .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.little-rock-arkansas .content-3 .frame .column h2,
.little-rock-arkansas .content-3 .frame .column p,
.little-rock-arkansas .content-3 .frame .column ul li {
  color: #fff;
}

.little-rock-arkansas .content-4 {
  background: #0f1b2d;
}

.little-rock-arkansas .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.little-rock-arkansas .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 90% auto;
}

.little-rock-arkansas .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.little-rock-arkansas .content-4 .frame .column h2,
.little-rock-arkansas .content-4 .frame .column p {
  color: #fff;
}

.little-rock-arkansas .content-5 {
  background: #4996c7;
}

.little-rock-arkansas .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.little-rock-arkansas .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/little-rock-arkansas/icon-proud.png) center no-repeat;
  background-size: 80% auto;
}

.little-rock-arkansas .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.little-rock-arkansas .content-5 .frame .column h2,
.little-rock-arkansas .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.little-rock-arkansas .content-6 {
  padding: 75px 0;
  background: #fff;
}

.little-rock-arkansas .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.little-rock-arkansas .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.little-rock-arkansas .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

.little-rock-arkansas .content-6 p {
  padding: 0 50px;
}

.little-rock-arkansas .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.little-rock-arkansas .content-7 h2,
.little-rock-arkansas .content-7 p {
  color: #fff;
}

.little-rock-arkansas .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .little-rock-arkansas .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .little-rock-arkansas .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .little-rock-arkansas .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .little-rock-arkansas .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .little-rock-arkansas .content-2 .frame,
  .little-rock-arkansas .content-3 .frame,
  .little-rock-arkansas .content-4 .frame,
  .little-rock-arkansas .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .little-rock-arkansas .content-2 .frame .column,
  .little-rock-arkansas .content-3 .frame .column,
  .little-rock-arkansas .content-4 .frame .column,
  .little-rock-arkansas .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .little-rock-arkansas .content-3 .frame .column {
    background-size: auto 120%;
  }

  .little-rock-arkansas .content-2 .frame .column+.column,
  .little-rock-arkansas .content-3 .frame .column+.column,
  .little-rock-arkansas .content-4 .frame .column+.column,
  .little-rock-arkansas .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .little-rock-arkansas .content-2 .frame .column p,
  .little-rock-arkansas .content-3 .frame .column p,
  .little-rock-arkansas .content-4 .frame .column p,
  .little-rock-arkansas .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
	FORT SMITH ARKANSAS
==================================*/

.fort-smith-arkansas .banner {
  background: url(../images/fort-smith-arkansas/banner-fort-smith.jpg) center;
  background-size: cover;
  height: auto;
}

.fort-smith-arkansas .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.fort-smith-arkansas .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.fort-smith-arkansas .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.fort-smith-arkansas .content-1 {
  padding: 50px 0 65px;
}

.fort-smith-arkansas .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.fort-smith-arkansas .content-2 {
  background: #0f1b2d;
}

.fort-smith-arkansas .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.fort-smith-arkansas .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.fort-smith-arkansas .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.fort-smith-arkansas .content-2 .frame .column h2 {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.fort-smith-arkansas .content-2 .frame .column p,
.fort-smith-arkansas .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.fort-smith-arkansas .content-3 {
  background: #4996c7;
}

.fort-smith-arkansas .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.fort-smith-arkansas .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.fort-smith-arkansas .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.fort-smith-arkansas .content-3 .frame .column h2,
.fort-smith-arkansas .content-3 .frame .column p,
.fort-smith-arkansas .content-3 .frame .column ul li {
  color: #fff;
}

.fort-smith-arkansas .content-4 {
  background: #0f1b2d;
}

.fort-smith-arkansas .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.fort-smith-arkansas .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.fort-smith-arkansas .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.fort-smith-arkansas .content-4 .frame .column h2,
.fort-smith-arkansas .content-4 .frame .column p {
  color: #fff;
}

.fort-smith-arkansas .content-5 {
  background: #4996c7;
}

.fort-smith-arkansas .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.fort-smith-arkansas .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.fort-smith-arkansas .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.fort-smith-arkansas .content-5 .frame .column h2,
.fort-smith-arkansas .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.fort-smith-arkansas .content-6 {
  padding: 75px 0;
  background: #fff;
}

.fort-smith-arkansas .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.fort-smith-arkansas .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.fort-smith-arkansas .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

.fort-smith-arkansas .content-6 p {
  padding: 0 50px;
}

.fort-smith-arkansas .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.fort-smith-arkansas .content-7 h2,
.fort-smith-arkansas .content-7 p {
  color: #fff;
}

.fort-smith-arkansas .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .fort-smith-arkansas .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .fort-smith-arkansas .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .fort-smith-arkansas .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .fort-smith-arkansas .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .fort-smith-arkansas .content-2 .frame,
  .fort-smith-arkansas .content-3 .frame,
  .fort-smith-arkansas .content-4 .frame,
  .fort-smith-arkansas .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .fort-smith-arkansas .content-2 .frame .column,
  .fort-smith-arkansas .content-3 .frame .column,
  .fort-smith-arkansas .content-4 .frame .column,
  .fort-smith-arkansas .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .fort-smith-arkansas .content-3 .frame .column {
    background-size: auto 120%;
  }

  .fort-smith-arkansas .content-2 .frame .column+.column,
  .fort-smith-arkansas .content-3 .frame .column+.column,
  .fort-smith-arkansas .content-4 .frame .column+.column,
  .fort-smith-arkansas .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .fort-smith-arkansas .content-2 .frame .column p,
  .fort-smith-arkansas .content-3 .frame .column p,
  .fort-smith-arkansas .content-4 .frame .column p,
  .fort-smith-arkansas .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
	FAYETTEVILLE ARKANSAS
==================================*/

.fayetteville-arkansas .banner {
  background: url(../images/fayetteville-arkansas/banner-fayetteville.jpg) center;
  background-size: cover;
  height: auto;
}

.fayetteville-arkansas .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.fayetteville-arkansas .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.fayetteville-arkansas .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.fayetteville-arkansas .content-1 {
  padding: 50px 0 65px;
}

.fayetteville-arkansas .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.fayetteville-arkansas .content-2 {
  background: #0f1b2d;
}

.fayetteville-arkansas .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.fayetteville-arkansas .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.fayetteville-arkansas .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.fayetteville-arkansas .content-2 .frame .column h2 {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.fayetteville-arkansas .content-2 .frame .column p,
.fayetteville-arkansas .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.fayetteville-arkansas .content-3 {
  background: #4996c7;
}

.fayetteville-arkansas .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.fayetteville-arkansas .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.fayetteville-arkansas .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.fayetteville-arkansas .content-3 .frame .column h2,
.fayetteville-arkansas .content-3 .frame .column p,
.fayetteville-arkansas .content-3 .frame .column ul li {
  color: #fff;
}

.fayetteville-arkansas .content-4 {
  background: #0f1b2d;
}

.fayetteville-arkansas .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.fayetteville-arkansas .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.fayetteville-arkansas .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.fayetteville-arkansas .content-4 .frame .column h2,
.fayetteville-arkansas .content-4 .frame .column p {
  color: #fff;
}

.fayetteville-arkansas .content-5 {
  background: #4996c7;
}

.fayetteville-arkansas .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.fayetteville-arkansas .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.fayetteville-arkansas .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.fayetteville-arkansas .content-5 .frame .column h2,
.fayetteville-arkansas .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.fayetteville-arkansas .content-6 {
  padding: 75px 0;
  background: #fff;
}

.fayetteville-arkansas .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.fayetteville-arkansas .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.fayetteville-arkansas .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

.fayetteville-arkansas .content-6 p {
  padding: 0 50px;
}

.fayetteville-arkansas .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.fayetteville-arkansas .content-7 h2,
.fayetteville-arkansas .content-7 p {
  color: #fff;
}

.fayetteville-arkansas .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .fayetteville-arkansas .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .fayetteville-arkansas .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .fayetteville-arkansas .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .fayetteville-arkansas .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .fayetteville-arkansas .content-2 .frame,
  .fayetteville-arkansas .content-3 .frame,
  .fayetteville-arkansas .content-4 .frame,
  .fayetteville-arkansas .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .fayetteville-arkansas .content-2 .frame .column,
  .fayetteville-arkansas .content-3 .frame .column,
  .fayetteville-arkansas .content-4 .frame .column,
  .fayetteville-arkansas .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .fayetteville-arkansas .content-3 .frame .column {
    background-size: auto 120%;
  }

  .fayetteville-arkansas .content-2 .frame .column+.column,
  .fayetteville-arkansas .content-3 .frame .column+.column,
  .fayetteville-arkansas .content-4 .frame .column+.column,
  .fayetteville-arkansas .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .fayetteville-arkansas .content-2 .frame .column p,
  .fayetteville-arkansas .content-3 .frame .column p,
  .fayetteville-arkansas .content-4 .frame .column p,
  .fayetteville-arkansas .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
		SPRINGFIELD MISSOURI
==================================*/

.springfield-missouri .banner {
  background: url(../images/springfield-missouri/banner-springfield-missouri.jpg) center;
  background-size: cover;
  height: auto;
}

.springfield-missouri .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.springfield-missouri .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.springfield-missouri .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.springfield-missouri .content-1 {
  padding: 50px 0 65px;
}

.springfield-missouri .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.springfield-missouri .content-2 {
  background: #0f1b2d;
}

.springfield-missouri .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.springfield-missouri .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.springfield-missouri .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.springfield-missouri .content-2 .frame .column h2 {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.springfield-missouri .content-2 .frame .column p,
.springfield-missouri .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.springfield-missouri .content-3 {
  background: #4996c7;
}

.springfield-missouri .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.springfield-missouri .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.springfield-missouri .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.springfield-missouri .content-3 .frame .column h2,
.springfield-missouri .content-3 .frame .column p,
.springfield-missouri .content-3 .frame .column ul li {
  color: #fff;
}

.springfield-missouri .content-4 {
  background: #0f1b2d;
}

.springfield-missouri .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.springfield-missouri .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.springfield-missouri .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.springfield-missouri .content-4 .frame .column h2,
.springfield-missouri .content-4 .frame .column p {
  color: #fff;
}

.springfield-missouri .content-5 {
  background: #4996c7;
}

.springfield-missouri .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.springfield-missouri .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.springfield-missouri .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.springfield-missouri .content-5 .frame .column h2,
.springfield-missouri .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.springfield-missouri .content-6 {
  padding: 75px 0;
  background: #fff;
}

.springfield-missouri .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.springfield-missouri .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.springfield-missouri .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.springfield-missouri .content-6 p {
  padding: 0 50px;
}

.springfield-missouri .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.springfield-missouri .content-7 h2,
.springfield-missouri .content-7 p {
  color: #fff;
}

.springfield-missouri .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .springfield-missouri .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .springfield-missouri .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .springfield-missouri .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .springfield-missouri .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .springfield-missouri .content-2 .frame,
  .springfield-missouri .content-3 .frame,
  .springfield-missouri .content-4 .frame,
  .springfield-missouri .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .springfield-missouri .content-2 .frame .column,
  .springfield-missouri .content-3 .frame .column,
  .springfield-missouri .content-4 .frame .column,
  .springfield-missouri .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .springfield-missouri .content-3 .frame .column {
    background-size: auto 120%;
  }

  .springfield-missouri .content-2 .frame .column+.column,
  .springfield-missouri .content-3 .frame .column+.column,
  .springfield-missouri .content-4 .frame .column+.column,
  .springfield-missouri .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .springfield-missouri .content-2 .frame .column p,
  .springfield-missouri .content-3 .frame .column p,
  .springfield-missouri .content-4 .frame .column p,
  .springfield-missouri .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
			WICHITA KANSAS
==================================*/

.wichita-kansas .banner {
  background: url(../images/wichita-kansas/banner-wichita-kansas.jpg) center;
  background-size: cover;
  height: auto;
}

.wichita-kansas .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.wichita-kansas .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.wichita-kansas .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.wichita-kansas .content-1 {
  padding: 50px 0 65px;
}

.wichita-kansas .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.wichita-kansas .content-2 {
  background: #0f1b2d;
}

.wichita-kansas .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.wichita-kansas .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.wichita-kansas .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.wichita-kansas .content-2 .frame .column h2 {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.wichita-kansas .content-2 .frame .column p,
.wichita-kansas .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.wichita-kansas .content-3 {
  background: #4996c7;
}

.wichita-kansas .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.wichita-kansas .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/wichita-kansas/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.wichita-kansas .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.wichita-kansas .content-3 .frame .column h2,
.wichita-kansas .content-3 .frame .column p,
.wichita-kansas .content-3 .frame .column ul li {
  color: #fff;
}

.wichita-kansas .content-4 {
  background: #0f1b2d;
}

.wichita-kansas .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.wichita-kansas .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 90% auto;
}

.wichita-kansas .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.wichita-kansas .content-4 .frame .column h2,
.wichita-kansas .content-4 .frame .column p {
  color: #fff;
}

.wichita-kansas .content-5 {
  background: #4996c7;
}

.wichita-kansas .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.wichita-kansas .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.wichita-kansas .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.wichita-kansas .content-5 .frame .column h2,
.wichita-kansas .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.wichita-kansas .content-6 {
  padding: 75px 0;
  background: #fff;
}

.wichita-kansas .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.wichita-kansas .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.wichita-kansas .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.wichita-kansas .content-6 p {
  padding: 0 50px;
}

.wichita-kansas .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.wichita-kansas .content-7 h2,
.wichita-kansas .content-7 p {
  color: #fff;
}

.wichita-kansas .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .wichita-kansas .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .wichita-kansas .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .wichita-kansas .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .wichita-kansas .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .wichita-kansas .content-2 .frame,
  .wichita-kansas .content-3 .frame,
  .wichita-kansas .content-4 .frame,
  .wichita-kansas .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .wichita-kansas .content-2 .frame .column,
  .wichita-kansas .content-3 .frame .column,
  .wichita-kansas .content-4 .frame .column,
  .wichita-kansas .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .wichita-kansas .content-3 .frame .column {
    background-size: auto 120%;
  }

  .wichita-kansas .content-2 .frame .column+.column,
  .wichita-kansas .content-3 .frame .column+.column,
  .wichita-kansas .content-4 .frame .column+.column,
  .wichita-kansas .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .wichita-kansas .content-2 .frame .column p,
  .wichita-kansas .content-3 .frame .column p,
  .wichita-kansas .content-4 .frame .column p,
  .wichita-kansas .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
			IOWA/NEBRASKA
==================================*/

.iowa-neb .banner {
  background: url(../images/iowa-nebraska/banner-iowa-neb.jpg) center;
  background-size: cover;
  height: auto;
}

.iowa-neb .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.iowa-neb .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.iowa-neb .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.iowa-neb .content-1 {
  padding: 50px 0 65px;
}

.iowa-neb .content-1 .icon-background {
  background: url(../images/iowa-nebraska/icon-iowa-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.iowa-neb .content-2 {
  background: #0f1b2d;
}

.iowa-neb .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.iowa-neb .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 75% auto;
}

.iowa-neb .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.iowa-neb .content-2 .frame .column h2,
.iowa-neb .content-2 .frame .column p {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.iowa-neb .content-3 {
  background: #4996c7;
}

.iowa-neb .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.iowa-neb .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/iowa-nebraska/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.iowa-neb .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.iowa-neb .content-3 .frame .column h2,
.iowa-neb .content-3 .frame .column p,
.iowa-neb .content-3 .frame .column ul li {
  color: #fff;
}

.iowa-neb .content-4 {
  background: #0f1b2d;
}

.iowa-neb .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.iowa-neb .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-community.png) center no-repeat;
  background-size: 75% auto;
}

.iowa-neb .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.iowa-neb .content-4 .frame .column h2,
.iowa-neb .content-4 .frame .column p {
  color: #fff;
}

.iowa-neb .content-5 {
  background: #4996c7;
}

.iowa-neb .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.iowa-neb .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.iowa-neb .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.iowa-neb .content-5 .frame .column h2,
.iowa-neb .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.iowa-neb .content-6 {
  padding: 75px 0;
  background: #fff;
}

.iowa-neb .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.iowa-neb .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.iowa-neb .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.iowa-neb .content-6 p {
  padding: 0 50px;
}

.iowa-neb .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.iowa-neb .content-7 h2,
.iowa-neb .content-7 p {
  color: #fff;
}

.iowa-neb .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .iowa-neb .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .iowa-neb .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .iowa-neb .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .iowa-neb .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .iowa-neb .content-2 .frame,
  .iowa-neb .content-3 .frame,
  .iowa-neb .content-4 .frame,
  .iowa-neb .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .iowa-neb .content-2 .frame .column,
  .iowa-neb .content-3 .frame .column,
  .iowa-neb .content-4 .frame .column,
  .iowa-neb .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .iowa-neb .content-3 .frame .column {
    background-size: auto 120%;
  }

  .iowa-neb .content-2 .frame .column+.column,
  .iowa-neb .content-3 .frame .column+.column,
  .iowa-neb .content-4 .frame .column+.column,
  .iowa-neb .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .iowa-neb .content-2 .frame .column p,
  .iowa-neb .content-3 .frame .column p,
  .iowa-neb .content-4 .frame .column p,
  .iowa-neb .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
		NORMAN OKLAHOMA
==================================*/

.norman-oklahoma .banner {
  background: url(../images/norman-oklahoma/banner-norman-oklahoma.jpg) center;
  background-size: cover;
  height: auto;
}

.norman-oklahoma .banner .banner-content {
  display: inline-block;
  width: 100%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.norman-oklahoma .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.norman-oklahoma .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.norman-oklahoma .content-1 {
  padding: 50px 0 65px;
}

.norman-oklahoma .content-1 .icon-background {
  background: url(../images/chandler-oklahoma/icon-chandler-oklahoma.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.norman-oklahoma .content-2 {
  background: #0f1b2d;
}

.norman-oklahoma .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.norman-oklahoma .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/chandler-oklahoma/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.norman-oklahoma .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.norman-oklahoma .content-2 .frame .column h2,
.norman-oklahoma .content-2 .frame .column p {
  color: #fff;
  padding: 12px 0;
  margin: 0;
}

.norman-oklahoma .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.norman-oklahoma .content-3 {
  background: #4996c7;
}

.norman-oklahoma .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.norman-oklahoma .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.norman-oklahoma .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.norman-oklahoma .content-3 .frame .column h2,
.norman-oklahoma .content-3 .frame .column p,
.norman-oklahoma .content-3 .frame .column ul li {
  color: #fff;
}

.norman-oklahoma .content-4 {
  background: #0f1b2d;
}

.norman-oklahoma .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.norman-oklahoma .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 75% auto;
}

.norman-oklahoma .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.norman-oklahoma .content-4 .frame .column h2,
.norman-oklahoma .content-4 .frame .column p {
  color: #fff;
}

.norman-oklahoma .content-4 .frame .column strong {
  font-weight: 400;
  color: #ffffff;
}

.norman-oklahoma .content-5 {
  background: #4996c7;
}

.norman-oklahoma .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.norman-oklahoma .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.norman-oklahoma .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.norman-oklahoma .content-5 .frame .column h2,
.norman-oklahoma .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.norman-oklahoma .content-6 {
  padding: 75px 0;
  background: #fff;
}

.norman-oklahoma .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.norman-oklahoma .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.norman-oklahoma .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

.norman-oklahoma .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.norman-oklahoma .content-6 p {
  padding: 0 50px;
}

.norman-oklahoma .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.norman-oklahoma .content-7 h2,
.norman-oklahoma .content-7 p {
  color: #fff;
}

.norman-oklahoma .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .norman-oklahoma .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .norman-oklahoma .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .norman-oklahoma .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .norman-oklahoma .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .norman-oklahoma .content-2 .frame,
  .norman-oklahoma .content-3 .frame,
  .norman-oklahoma .content-4 .frame,
  .norman-oklahoma .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .norman-oklahoma .content-2 .frame .column,
  .norman-oklahoma .content-3 .frame .column,
  .norman-oklahoma .content-4 .frame .column,
  .norman-oklahoma .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .norman-oklahoma .content-3 .frame .column {
    background-size: auto 120%;
  }

  .norman-oklahoma .content-2 .frame .column+.column,
  .norman-oklahoma .content-3 .frame .column+.column,
  .norman-oklahoma .content-4 .frame .column+.column,
  .norman-oklahoma .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .norman-oklahoma .content-2 .frame .column p,
  .norman-oklahoma .content-3 .frame .column p,
  .norman-oklahoma .content-4 .frame .column p,
  .norman-oklahoma .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
		CHANDLER OKLAHOMA
==================================*/

.chandler-oklahoma .banner {
  background: url(../images/chandler-oklahoma/banner-chandler-oklahoma.jpg) center;
  background-size: cover;
  height: auto;
}

.redesign .chandler-oklahoma .content-wrapper h1 {
  display: none;
}

.chandler-oklahoma .banner .banner-content {
  display: inline-block;
  width: 100% !important;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.chandler-oklahoma .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 42px;
  line-height: 48px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.chandler-oklahoma .banner .banner-content p {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.chandler-oklahoma .content-1 {
  padding: 50px 0 65px;
  width: 100% !important;
}

.chandler-oklahoma .content-1 .icon-background {
  background: url(../images/chandler-oklahoma/icon-chandler-oklahoma.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.chandler-oklahoma .content-2 {
  background: #0f1b2d;
}

.chandler-oklahoma .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.chandler-oklahoma .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/chandler-oklahoma/icon-locations.png) center no-repeat;
  background-size: 90% auto;
}

.chandler-oklahoma .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.chandler-oklahoma .content-2 .frame .column h2,
.chandler-oklahoma .content-2 .frame .column p {
  color: #fff;
  padding: 12px 0;
  margin: 0;
}

.chandler-oklahoma .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.chandler-oklahoma .content-3 {
  background: #4996c7;
}

.chandler-oklahoma .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.chandler-oklahoma .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.chandler-oklahoma .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.chandler-oklahoma .content-3 .frame .column h2,
.chandler-oklahoma .content-3 .frame .column p,
.chandler-oklahoma .content-3 .frame .column ul li {
  color: #fff;
}

.chandler-oklahoma .content-4 {
  background: #0f1b2d;
}

.chandler-oklahoma .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.chandler-oklahoma .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 75% auto;
}

.chandler-oklahoma .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.chandler-oklahoma .content-4 .frame .column h2,
.chandler-oklahoma .content-4 .frame .column p {
  color: #fff;
}

.chandler-oklahoma .content-4 .frame .column strong {
  font-weight: 400;
  color: #ffffff;
}

.chandler-oklahoma .content-5 {
  background: #4996c7;
}

.chandler-oklahoma .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.chandler-oklahoma .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.chandler-oklahoma .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.chandler-oklahoma .content-5 .frame .column h2,
.chandler-oklahoma .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.chandler-oklahoma .content-6 {
  padding: 75px 0;
  background: #fff;
}

.chandler-oklahoma .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.chandler-oklahoma .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.chandler-oklahoma .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.chandler-oklahoma .content-6 p {
  padding: 0 50px;
}

.chandler-oklahoma .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.chandler-oklahoma .content-7 h2,
.chandler-oklahoma .content-7 p {
  color: #fff;
}

.chandler-oklahoma .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .chandler-oklahoma .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .chandler-oklahoma .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .chandler-oklahoma .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .chandler-oklahoma .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .chandler-oklahoma .content-2 .frame,
  .chandler-oklahoma .content-3 .frame,
  .chandler-oklahoma .content-4 .frame,
  .chandler-oklahoma .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .chandler-oklahoma .content-2 .frame .column,
  .chandler-oklahoma .content-3 .frame .column,
  .chandler-oklahoma .content-4 .frame .column,
  .chandler-oklahoma .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .chandler-oklahoma .content-3 .frame .column {
    background-size: auto 120%;
  }

  .chandler-oklahoma .content-2 .frame .column+.column,
  .chandler-oklahoma .content-3 .frame .column+.column,
  .chandler-oklahoma .content-4 .frame .column+.column,
  .chandler-oklahoma .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .chandler-oklahoma .content-2 .frame .column p,
  .chandler-oklahoma .content-3 .frame .column p,
  .chandler-oklahoma .content-4 .frame .column p,
  .chandler-oklahoma .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
		NEBRASKA - NORFOLK
==================================*/

.norfolk-neb .banner {
  background: url(../images/norfolk-nebraska/banner-norfolk-neb.jpg) center;
  background-size: cover;
  height: auto;
}

.norfolk-neb .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.norfolk-neb .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.norfolk-neb .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.norfolk-neb .content-1 {
  padding: 50px 0 65px;
}

.norfolk-neb .content-1 .icon-background {
  background: url(../images/norfolk-nebraska/icon-norfolk-neb.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.norfolk-neb .content-2 {
  background: #0f1b2d;
}

.norfolk-neb .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.norfolk-neb .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-community.png) center no-repeat;
  background-size: 75% auto;
}

.norfolk-neb .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.norfolk-neb .content-2 .frame .column h2,
.norfolk-neb .content-2 .frame .column p {
  color: #fff;
  padding: 75px 0;
  margin: 0;
}

.norfolk-neb .content-2 .frame .column ul li {
  color: #fff;
  padding: 8px 0;
  margin: 0;
}

.norfolk-neb .content-3 {
  background: #4996c7;
}

.norfolk-neb .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.norfolk-neb .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/norfolk-nebraska/icon-proud.png) center no-repeat;
  background-size: 90% auto;
}

.norfolk-neb .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.norfolk-neb .content-3 .frame .column h2,
.norfolk-neb .content-3 .frame .column p,
.norfolk-neb .content-3 .frame .column ul li {
  color: #fff;
}

.norfolk-neb .content-3 .frame .column strong {
  font-weight: 400;
  color: #ffffff;
}

.norfolk-neb .content-4 {
  background: #0f1b2d;
}

.norfolk-neb .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.norfolk-neb .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-employee.png) center no-repeat;
  background-size: 75% auto;
}

.norfolk-neb .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.norfolk-neb .content-4 .frame .column h2,
.norfolk-neb .content-4 .frame .column p {
  color: #fff;
}

.norfolk-neb .content-5 {
  background: #4996c7;
}

.norfolk-neb .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.norfolk-neb .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.norfolk-neb .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.norfolk-neb .content-5 .frame .column h2,
.norfolk-neb .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.norfolk-neb .content-6 {
  padding: 75px 0;
  background: #fff;
}

.norfolk-neb .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.norfolk-neb .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.norfolk-neb .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

iowa-neb .content-6 .button {
  background: ##4996c7;
  color: #ffffff;
}

.norfolk-neb .content-6 p {
  padding: 0 50px;
}

.norfolk-neb .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.norfolk-neb .content-7 h2,
.norfolk-neb .content-7 p {
  color: #fff;
}

.norfolk-neb .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .norfolk-neb .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .norfolk-neb .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .norfolk-neb .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .norfolk-neb .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .norfolk-neb .content-2 .frame,
  .norfolk-neb .content-3 .frame,
  .norfolk-neb .content-4 .frame,
  .norfolk-neb .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .norfolk-neb .content-2 .frame .column,
  .norfolk-neb .content-3 .frame .column,
  .norfolk-neb .content-4 .frame .column,
  .norfolk-neb .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .norfolk-neb .content-3 .frame .column {
    background-size: auto 120%;
  }

  .norfolk-neb .content-2 .frame .column+.column,
  .norfolk-neb .content-3 .frame .column+.column,
  .norfolk-neb .content-4 .frame .column+.column,
  .norfolk-neb .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .norfolk-neb .content-2 .frame .column p,
  .norfolk-neb .content-3 .frame .column p,
  .norfolk-neb .content-4 .frame .column p,
  .norfolk-neb .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
			KANSAS CITY
==================================*/

.kansas-city .banner {
  background: url(../images/kansas-city/banner.jpg) center;
  background-size: cover;
  height: auto;
}

.kansas-city .banner .banner-content {
  display: inline-block;
  width: 65%;
  padding: 50px 50px 50px 100px;
  box-sizing: border-box;
  text-align: left;
  margin: 120px auto 140px;
  background: rgb(0 57 129 / 65%);
}

.kansas-city .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 2px 0px #1f5081;
}

.kansas-city .banner .banner-content p {
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  line-height: 42px;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: 0 2px 0px #1f5081;
}

.kansas-city .content-1 {
  padding: 50px 0 65px;
}

.kansas-city .content-1 .icon-background {
  background: url(../images/kansas-city/icon.jpg) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.kansas-city .content-2 {
  background: #0f1b2d;
}

.kansas-city .content-2 .frame {
  padding: 50px 0;
  display: flex;
}

.kansas-city .content-2 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-locations.png) center no-repeat;
  background-size: 85% auto;
}

.kansas-city .content-2 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.kansas-city .content-2 .frame .column h2 {
  color: #fff;
  padding: 4px 0;
  margin: 0;
}

.kansas-city .content-2 .frame .column p,
.kansas-city .content-2 .frame .column ul li {
  padding: 4px 0;
  color: #ffffff;
}

.kansas-city .content-3 {
  background: #4996c7;
}

.kansas-city .content-3 .frame {
  padding: 50px 0;
  display: flex;
}

.kansas-city .content-3 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-community.png) center no-repeat;
  background-size: 90% auto;
}

.kansas-city .content-3 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.kansas-city .content-3 .frame .column h2,
.kansas-city .content-3 .frame .column p {
  color: #fff;
}

.kansas-city .content-4 {
  background: #0f1b2d;
}

.kansas-city .content-4 .frame {
  padding: 50px 0;
  display: flex;
}

.kansas-city .content-4 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-proud.png) center no-repeat;
  background-size: 75% auto;
}

.kansas-city .content-4 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #263852;
  padding-left: 50px;
  background: none;
}

.kansas-city .content-4 .frame .column h2,
.kansas-city .content-4 .frame .column p {
  color: #fff;
}

.kansas-city .content-5 {
  background: #4996c7;
}

.kansas-city .content-5 .frame {
  padding: 50px 0;
  display: flex;
}

.kansas-city .content-5 .frame .column {
  width: 25%;
  box-sizing: border-box;
  background: url(../images/kansas-city/icon-recycle.png) center no-repeat;
  background-size: 80% auto;
}

.kansas-city .content-5 .frame .column+.column {
  width: 75%;
  border-left: 1px solid #6da9cf;
  padding-left: 50px;
  background: none;
}

.kansas-city .content-5 .frame .column h2,
.kansas-city .content-5 .frame .column p {
  color: #fff;
  padding: 50px 0;
}

.kansas-city .content-6 {
  padding: 75px 0;
  background: #fff;
}

.kansas-city .content-6 .frame {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  text-align: center;
}

.kansas-city .content-6 .award {
  width: 270px;
  text-align: center;
  background: url(../images/kansas-city/icon-award.png) no-repeat;
  background-size: 115px;
  background-position: center bottom 30px;
  padding: 0px 20px 160px;
  border: 4px solid #4996c7;
  border-radius: 0 0 300px 300px;
  margin: 35px 10px 0;
  display: inline-block;
}

.kansas-city .content-6 .award h3 {
  text-align: center;
  color: #4996c7;
  font-weight: 600;
}

.kansas-city .content-6 p {
  padding: 0 50px;
}

.kansas-city .content-7 {
  background: #4996d1;
  padding: 50px 0;
}

.kansas-city .content-7 h2,
.kansas-city .content-7 p {
  color: #fff;
}

.kansas-city .content-7 .button {
  background: #fff;
  color: #4996d1;
}

@media screen and (max-width: 900px) {
  .kansas-city .banner {
    background: url(../images/kansas-city/banner.jpg) center;
    background-size: cover;
    height: auto;
  }

  .kansas-city .banner .banner-content {
    display: inline-block;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    background: rgb(0 45 102 / 80%);
  }

  .kansas-city .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 2px 0px #1f5081;
  }

  .kansas-city .banner .banner-content p {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    font-family: "Source Sans Pro", sans-serif;
    text-shadow: 0 2px 0px #1f5081;
  }

  .kansas-city .content-2 .frame,
  .kansas-city .content-3 .frame,
  .kansas-city .content-4 .frame,
  .kansas-city .content-5 .frame {
    padding: 50px 0;
    display: block;
  }

  .kansas-city .content-2 .frame .column,
  .kansas-city .content-3 .frame .column,
  .kansas-city .content-4 .frame .column,
  .kansas-city .content-5 .frame .column {
    width: 100%;
    height: 100px;
    background-size: contain;
  }

  .kansas-city .content-3 .frame .column {
    background-size: auto 120%;
  }

  .kansas-city .content-2 .frame .column+.column,
  .kansas-city .content-3 .frame .column+.column,
  .kansas-city .content-4 .frame .column+.column,
  .kansas-city .content-5 .frame .column+.column {
    width: 100%;
    height: auto;
    border: none;
    padding: 0 50px;
  }

  .kansas-city .content-2 .frame .column p,
  .kansas-city .content-3 .frame .column p,
  .kansas-city .content-4 .frame .column p,
  .kansas-city .content-5 .frame .column p {
    padding: 15px 0 0;
  }
}

/*==================================
			OKLAHOMA
==================================*/

.oklahoma .banner {
  background: url(../images/oklahoma/banner.jpg) center;
  background-size: cover;
  min-height: 420px;
  height: auto;
}

.oklahoma .banner .banner-content {
  display: block;
  width: 850px;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 75px 50px;
  margin: 0 auto;
}

.oklahoma .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  text-shadow: 0 0 10px #333;
}

.oklahoma .banner .banner-content .button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 22px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
  box-shadow: 0 0 10px #333;
}

.oklahoma .content-1 .icon-background {
  background: url(../images/oklahoma/icon-oklahoma.jpg) center no-repeat;
  background-size: 100% auto;
}

.oklahoma .content-2 {
  background: #00376f;
  display: flex;
  border-bottom: 5px solid #fff;
}

.oklahoma .content-2 .column {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
}

.oklahoma .content-2 .column.image {
  background: url(../images/oklahoma/dessert.jpg) center;
  background-size: cover;
}

.oklahoma .content-2 .column.text-wrapper {
  padding: 75px;
  text-align: left;
}

.oklahoma .content-2 .column.text-wrapper h2,
.oklahoma .content-2 .column.text-wrapper p {
  color: #fff;
}

.oklahoma .content-2 .column.text-wrapper strong {
  color: #fff;
}

.oklahoma .content-2 .column.text-wrapper a {
  color: #ffda76;
}

.oklahoma .content-4 {
  display: flex;
  background: #fff;
}

.oklahoma .content-4 .column {
  display: inline-block;
  width: 33%;
  border: 5px solid #fff;
  border-right: none;
}

.oklahoma .content-4 .column.image-recipe {
  background: url("/img/oklahoma/dessert-2.jpg") center;
  background-size: cover;
}

.oklahoma .content-4 .column.image-emily {
  background: url("/img/oklahoma/emily.jpg") center top;
  background-size: cover;
}

.oklahoma .content-4 .column.text-wrapper {
  padding: 35px 50px 50px;
  box-sizing: border-box;
  background: #fff;
  text-align: left;
}

.oklahoma .content-5 {
  padding: 75px 0;
}

.oklahoma .content-5 .column {
  display: inline-block;
  max-width: 45%;
  margin: 0 1%;
  max-width: 45%;
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 10px #040a15;
  border-top: 10px solid #964a4a;
  padding: 35px 50px 40px;
}

.oklahoma .content-5 .column.directions {
  border-top: 10px solid #4595d4;
}

.oklahoma .content-5 .column h2 {
  color: #494949;
  font-weight: 400;
  margin-bottom: 25px;
}

.oklahoma .content-5 .ingredients ul li,
.oklahoma .content-5 .directions ul li {
  font-size: 20px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.oklahoma .content-5 .ingredients ul li strong,
.oklahoma .content-5 .directions ul li strong {
  color: #494949;
  margin-right: 5px;
}

.oklahoma .content-5 .ingredients p,
.oklahoma .content-5 .directions p {
  text-align: left;
}

.oklahoma .content-5 .directions ul li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  left: -46px;
  background: #4595d4;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
}

.oklahoma .content-6 {
  background: #0f1b2d;
}

.oklahoma .content-6 .frame {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 60px;
}

.oklahoma .content-6 .column {
  width: 33%;
}

.oklahoma .content-6 .column img {
  width: 300px;
  margin: 0 auto 25px;
  border: 5px solid #fff;
}

.oklahoma .content-6 .column .content-wrapper {
  width: 90%;
  height: 100%;
  border-radius: 25px 25px 0 0;
  background: rgba(0, 0, 0, 0.35);
  padding: 0 0 25px;
  margin: 0 auto;
  box-sizing: border-box;
}

.oklahoma .content-6 .column .content-wrapper p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  line-height: 28px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 35px;
}

@media screen and (max-width: 1100px) {
  .oklahoma .content-4 {
    display: block;
  }

  .oklahoma .content-4 .column {
    display: inline-block;
    width: 100%;
    border: 5px solid #fff;
    border-right: none;
  }

  .oklahoma .content-6 .frame {
    display: block;
    width: 100%;
    padding: 35px;
  }

  .oklahoma .content-6 .column {
    width: 100%;
    margin: 10px 0;
  }

  .oklahoma .content-6 .column.icon {
    display: none;
  }

  .oklahoma .content-6 .column .content-wrapper {
    border-radius: 25px;
    width: 100%;
  }

  .oklahoma .content-6 .column .content-wrapper .button {
    margin-top: 0;
  }
}

@media screen and (max-width: 700px) {
  .oklahoma .banner {
    height: auto;
    min-height: auto;
  }

  .oklahoma .banner .banner-content h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 0 10px #333;
  }

  .oklahoma .content-1 {
    margin: 0;
    padding: 0;
  }

  .oklahoma .content-2 {
    display: block;
  }

  .oklahoma .content-2 .column {
    width: 100%;
  }

  .oklahoma .content-2 .column.text-wrapper {
    padding: 35px;
  }

  .oklahoma .content-4 .column {
    width: 100%;
  }

  .oklahoma .content-4 .column.text-wrapper {
    padding: 35px;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
  }

  .oklahoma .content-5 {
    padding: 35px;
  }

  .oklahoma .content-5 .column {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
}

/*==================================
			SUMMER
==================================*/

.summer .banner {
  background: url(../images/summer/banner.jpg) center;
  background-size: cover;
  height: 420px;
}

.summer .content-1 .icon-background {
  background: url(../images/summer/icon-summer.jpg) center no-repeat;
  background-size: 100% auto;
}

.summer .content-2 {
  background: #4595d4;
  background: url(../images/background-resources.jpg);
  display: flex;
  padding-bottom: 10px;
  border-bottom: 5px solid #fff;
  flex-wrap: wrap;
}

.summer .content-2 .column {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 10px 10px 20px;
}

.summer .content-2 .column:nth-child(even) {
  padding: 10px 20px 10px 10px;
}

.summer .content-2 .column .image {
  background: url(../images/summer/ice-cream-board.jpg) center;
  background-size: cover;
  position: relative;
  border: 5px solid #fff;
}

.summer .content-2 .column.loaded-baked-potato-salad .image {
  background: url(../images/summer/baked-potato-salad.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column.strawberry-cream-cheese-pie .image {
  background: url(../images/summer/strawberry-cream-cheese-pie.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column.french-onion-burger .image {
  background: url(../images/summer/french-onion-burger.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column.smoothie-popsicle .image {
  background: url(../images/summer/smoothie-popsicle.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column.yogurt-pancakes .image {
  background: url(../images/summer/vanilla-yogurt-honey-pancakes.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column.blt-pasta-salad .image {
  background: url(../images/summer/blt-pasta-salad.jpg) center;
  background-size: cover;
  position: relative;
}

.summer .content-2 .column h2 {
  background: #0f1b2dff;
  width: 100%;
  padding: 25px;
  margin: 0;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.summer .content-2 .column .button {
  color: #0f1b2d;
  background: #ffffff;
  padding: 15px 85px;
  margin: 350px 0 50px;
  box-shadow: 0 0 15px #000;
  font-size: 22px;
}

.summer .content-2 .column.text-wrapper {
  text-align: center;
}

.summer .content-2 .column.text-wrapper .background {
  background: rgba(15, 27, 45, 0.7);
}

.summer .content-2 .column.text-wrapper .spacer {
  height: 557px;
  width: 1%;
  display: inline-block;
  vertical-align: middle;
}

.summer .content-2 .column.text-wrapper h2 {
  font-size: 58px;
  line-height: 70px;
  color: #fff;
  width: 99%;
  display: inline-block;
  vertical-align: middle;
  background: none;
}

.summer .recipe-wrapper .recipe {
  display: none;
}

.summer .content-3 {
  padding: 75px 0;
  background: url(../images/background-tan-lines.jpg);
}

.summer .content-3 .column {
  display: inline-block;
  max-width: 45%;
  margin: 0 1%;
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 10px #d6d6c9;
  border-top: 10px solid #964a4a;
  padding: 35px 50px 40px;
}

.summer .content-3 .column.directions {
  border-top: 10px solid #4595d4;
}

.summer .content-3 .column.ice-cream-board {
  background: none;
  border: none;
  box-shadow: none;
  width: 400px;
  padding: 0;
}

.summer .content-3 .column.ice-cream-board img {
  border: 5px solid #fff;
  box-shadow: 0 0 10px #d6d6c9;
  margin-bottom: 25px;
}

.summer .content-3 .column h2 {
  color: #494949;
  font-weight: 400;
  margin-bottom: 25px;
}

.summer .content-3 .ingredients ul li,
.summer .content-3 .directions ul li {
  font-size: 20px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.summer .content-3 .ingredients ul li strong,
.summer .content-3 .directions ul li strong {
  color: #494949;
  margin-right: 5px;
}

.summer .content-3 .ingredients p,
.summer .content-3 .directions p {
  text-align: left;
}

.summer .content-3 .directions ul li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  left: -46px;
  background: #4595d4;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
}

.summer .content-3 .button {
  display: block;
  width: 160px;
  margin: 75px auto 0;
}

.summer .form-wrapper {
  padding: 100px 25px;
  background: url(../images/background-resources.jpg);
}

@media screen and (max-width: 970px) {
  .summer .banner {
    height: 200px;
  }

  .summer .content-1 .icon-text {
    width: auto;
    padding: 0 35px;
  }

  .summer .content-2 {
    display: block;
  }

  .summer .content-2 .column,
  .summer .content-2 .column:nth-child(even) {
    display: block;
    width: 100%;
    border: none;
    padding: 10px 20px;
  }

  .summer .content-2 .column.text-wrapper {
    padding: 75px 35px;
    display: none;
  }

  .summer .content-2 .column.text-wrapper a {
    background: #fff;
    color: #4595d4;
  }

  .summer .content-3 {
    padding: 50px 0;
  }

  .summer .content-3 .column {
    display: block;
    max-width: 100%;
    margin: 0 35px 35px;
    box-shadow: 0 0 10px #d6d6c9;
    border-top: 10px solid #964a4a;
    padding: 35px 50px 40px;
  }

  .summer .content-3 .column.ice-cream-board {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .summer .content-3 .column.ice-cream-board img {
    box-sizing: border-box;
  }

  .summer .content-3 .column h2 {
    color: #494949;
    font-weight: 400;
    margin-bottom: 25px;
  }

  .summer .content-3 .ingredients ul li,
  .summer .content-3 .directions ul li {
    font-size: 20px;
    line-height: 26px;
    font-family: "Source Sans Pro", Arial;
    font-weight: 300;
    color: #333;
    padding-left: 0;
    padding-right: 0;
    background: none;
    text-align: left;
    padding: 15px 0;
    border-top: 1px solid #ddd;
  }

  .summer .content-3 .ingredients ul li strong,
  .summer .content-3 .directions ul li strong {
    color: #494949;
    margin-right: 5px;
  }

  .summer .content-3 .ingredients p,
  .summer .content-3 .directions p {
    text-align: left;
  }

  .summer .content-3 .directions ul li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 14px;
    left: -46px;
    background: #4595d4;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }

  .summer .content-3 .button {
    margin: 50px auto 0;
  }

  .summer .form-wrapper {
    padding: 50px 25px;
  }
}

/*==================================
			HALFTIME
==================================*/

.halftime .banner {
  background: url(../images/halftime/banner.jpg) center no-repeat;
  background-size: cover;
}

.halftime .content-1 .icon-background {
  background: url(../images/halftime/icon-football.png) left center no-repeat;
  border-right: 2px solid #bccedd;
}

.halftime .content-wrapper h1.second {
  background: #ffb612;
  font-weight: bold;
  text-shadow: 0 0 5px #b9840e;
}

.halftime .content-2 {
  background: #ca2430;
  background: url(../images/halftime/background-red.jpg);
  padding: 50px 0 40px;
}

.halftime .content-2 .frame {
  text-align: center;
  width: 860px;
}

.halftime .content-2 h2 {
  color: #fff;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  text-shadow: 0 0 5px #730c15;
}

.halftime .content-2 h2 strong {
  font-size: 30px;
  color: #ffb612;
}

.halftime .content-2 .button {
  background: #ffb612;
}

.halftime .content-2 .button.inactive {
  background: rgba(124, 7, 7, 0.5);
}

.halftime .content-2 .recipe {
  padding: 25px 0;
  display: none;
}

.halftime .content-2 .recipe h2.hidden {
  display: none;
}

.halftime .content-2 .recipe .column {
  display: inline-block;
  max-width: 48%;
  margin: 0 1%;
  width: 450px;
  box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 10px #770d15;
  border-top: 10px solid #ffb612;
  padding: 35px 50px 40px;
}

.halftime .content-2 .recipe .column h2 {
  color: #494949;
  font-weight: 400;
  margin-bottom: 25px;
  font-size: 32px;
  line-height: 36px;
  text-shadow: none;
}

.halftime .content-2 .recipe .ingredients ul,
.halftime .content-2 .recipe .directions ul {
  border-bottom: 1px solid #ddd;
}

.halftime .content-2 .recipe .ingredients ul li,
.halftime .content-2 .recipe .directions ul li {
  font-size: 20px;
  line-height: 26px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.halftime .content-2 .print-recipe {
  margin-top: 50px;
}

.halftime .content-2 .flex {
  display: flex;
  padding: 25px;
}

.halftime .content-2 .flex div {
  border: 15px solid #fff;
  box-sizing: border-box;
}

.halftime .content-2 .flex div+div {
  border-left: none;
}

.halftime .content-2 .flex .play-video {
  cursor: pointer;
}

.halftime .content-3 {
  background: #fff;
  padding-top: 50px;
}

@media screen and (max-width: 900px) {
  .halftime .content-2 .recipe .column {
    display: block;
    max-width: 90%;
    margin: 0 auto 15px;
    width: 90%;
  }

  .halftime .content-2 .flex {
    display: flex;
    padding: 25px;
    flex-wrap: wrap;
  }

  .halftime .content-2 .flex div,
  .halftime .content-2 .flex div+div {
    width: 46%;
    margin: 2%;
    border: 10px solid #fff;
  }

  #my_popup.halftime-video .popup-wrapper {
    padding: 0;
  }
}

@media print {

  .halftime .banner,
  .halftime h1,
  .halftime .content-1,
  .halftime .content-2 .frame,
  .halftime .content-2 .flex,
  .halftime .content-2 .print-recipe,
  .halftime .content-3 {
    display: none;
  }

  .halftime .content-wrapper h1.second {
    display: block;
    text-shadow: none;
    background: none;
    color: #494949;
  }

  .halftime .content-2 {
    background: none;
    padding: 0;
  }

  .halftime .content-2 .recipe {
    padding: 0;
  }

  .halftime .content-2 .recipe .column {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
    width: 100%;
    border: none;
    box-shadow: none;
  }
}

/*==================================
			PRIVACY POLICY
==================================*/

.redesign.privacy-policy .address {
  background: #4996d1;
  padding: 23px 25px 25px;
  margin-bottom: 25px;
  text-align: center;
}

.redesign.privacy-policy .address h3 {
  margin: 0;
  color: #fff;
}

.redesign.privacy-policy .address p {
  margin: 0;
  padding: 0;
  color: #fff;
}

/*==================================
			RETAILERS
==================================*/

.redesign.retailers .banner {
  background: url(../images/retailers/banner.jpg) center;
  background-size: cover;
}

.redesign.retailers .hiland-track {
  background-size: cover;
}

.redesign.retailers .content-wrapper {
  background: url(../images/background-resources.jpg);
}

.redesign.retailers .content-1 div ul li {
  list-style: disc;
  margin: 15px 0 15px 35px;
}

/*===============================*/

.redesign.retailers .retailer-navigation {
  display: flex;
  background: #0f1b2d;
  border-bottom: 1px solid #eee;
}

.redesign.retailers .retailer-navigation a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 20px;
  width: 20%;
  text-decoration: none;
  text-align: center;
}

.redesign.retailers .retailer-navigation a+a {
  border-left: 1px solid #1c283a;
}

@media screen and (max-width: 900px) {
  .redesign.retailers .retailer-navigation {
    display: none;
  }
}

/*===============================*/

.redesign.retailers .content-1 {
  padding: 50px 0;
  background: #fff;
  border-bottom: 1px solid #eee;
}

/*===============================*/

.redesign.retailers .content-2 {
  display: flex;
  font-size: 0;
  background: #fff;
}

.redesign.retailers .content-2 .column {
  width: 50%;
  padding: 100px 75px;
  box-sizing: border-box;
}

.redesign.retailers .content-2 .image {
  background: url(../images/retailers/kid-drinking-milk.jpg) center no-repeat;
  background-size: cover;
}

.redesign.retailers .content-2 p {
  display: inline-block;
  font-size: 54px;
  line-height: 62px;
  color: #92b9d9;
  font-family: "Source Sans Pro", sans-serif;
}

.redesign.retailers .content-2 p span {
  color: #117fc5;
}

.redesign.retailers .content-2 p.author {
  margin-top: 25px;
  font-size: 22px;
}

@media screen and (max-width: 1400px) {
  .redesign.retailers .content-2 p {
    font-size: 42px;
    line-height: 48px;
  }

  .redesign.retailers .content-2 p.author {
    margin-top: 25px;
    font-size: 22px;
    line-height: 22px;
  }
}

@media screen and (max-width: 900px) {
  .redesign.retailers .content-2 .column {
    width: 100%;
    padding: 50px;
  }

  .redesign.retailers .content-2 .image {
    display: none;
  }
}

/*===============================*/

.redesign.retailers .content-3 {
  background: #28b3e9;
  display: flex;
}

.redesign.retailers .content-3 .column {
  width: 50%;
  padding: 50px;
  box-sizing: border-box;
}

.redesign.retailers .content-3 .opportunities {
  vertical-align: top;
  background: url(../images/background-tab-content-1.png) no-repeat #000000;
  padding: 30px 30px 80px;
}

.redesign.retailers .content-3 .industry-partners {
  background: url(../images/background-content-4.png) no-repeat #fff;
}

.redesign.retailers .content-3 img {
  outline: none;
  border: none;
  display: inline-block;
  margin: 0 5px 5px;
}

.redesign.retailers .content-3 .opportunities h2,
.redesign.retailers .content-3 .opportunities p {
  color: #fff;
}

.redesign.retailers .content-3 .industry-partners h2 {
  margin-bottom: 40px;
}

@media screen and (max-width: 900px) {
  .redesign.retailers .content-3 {
    display: block;
  }

  .redesign.retailers .content-3 .column {
    width: 100%;
  }
}

/*===============================*/

.redesign.retailers .content-4 {
  background: url(../images/background-tan-lines.jpg);
  padding: 75px 0;
}

/*===============================*/

.redesign.retailers .content-row {
  background: #fff;
}

.redesign.retailers .content-row .frame {
  padding-top: 50px;
  padding-bottom: 35px;
}

.redesign.retailers .content-row h2,
.redesign.retailers .content-row p {
  color: #494949;
  text-align: center;
}

.redesign.retailers .content-5 .columns,
.redesign.retailers .content-row .columns {
  display: flex;
}

.redesign.retailers .content-row .column-1,
.redesign.retailers .content-row .column-2,
.redesign.retailers .content-row .column-3 {
  width: 33%;
  padding: 50px;
  box-sizing: border-box;
  background: #f9f9f9;
  border: 1px solid #ddd;
}

.redesign.retailers .content-row .column-2 {
  width: 34%;
  background: none;
  background: #f3f3f3;
  border-left: none;
  border-right: none;
}

.redesign.retailers .content-row .social-icons img {
  display: inline-block;
  height: 45px;
  width: 45px;
  margin-top: 25px;
}

.redesign.retailers .content-row h3 {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-size: 28px;
  color: #494949;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 900px) {
  .redesign.retailers .content-row .columns {
    display: block;
  }

  .redesign.retailers .content-row .column-1,
  .redesign.retailers .content-row .column-2,
  .redesign.retailers .content-row .column-3 {
    width: 100%;
  }
}

/*===============================*/

.redesign.retailers .promo-banner {
  background: url(../images/banner-backup.jpg) no-repeat center bottom #468dc5;
  background-size: cover;
  text-align: left;
  height: auto;
  border: none;
}

.redesign.retailers .promo-banner .banner-content {
  display: inline-block;
  width: 42%;
  padding: 0 0 0 90px;
  box-sizing: border-box;
  text-align: left;
  margin: 100px auto;
  border-radius: 10px;
}

.redesign.retailers .promo-banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
}

.redesign.retailers .promo-banner .banner-content p {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  line-height: 34px;
  font-family: "Source Sans Pro", sans-serif;
}

.redesign.retailers .promo-banner .banner-content .button {
  background: #4996d1;
  color: #fff;
}

@media screen and (max-width: 990px) {
  .redesign.retailers .promo-banner {
    background: url(../images/banner-mobile.jpg) center no-repeat;
    background-size: cover;
  }

  .redesign.retailers .promo-banner .banner-content {
    width: 100%;
    padding: 25px 50px;
    text-align: center;
  }

  .redesign.retailers .promo-banner .banner-content img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
  }

  .redesign.retailers .promo-banner .banner-content h2 {
    color: #fff;
  }

  .redesign.retailers .promo-banner .banner-content p {
    color: #fff;
    font-size: 20px;
  }

  .redesign.retailers .promo-banner .banner-content .button {
    color: #28343c;
    background: #fff;
  }

  .redesign.retailers .content-row {

    .column-1,
    .column-2,
    .column-3 {
      padding: 50px 25px;
    }
  }
}

/*===============================*/

.redesign.retailers .content-6 {
  background: url(../images/background-snowflakes.jpg);
  height: auto;
  padding: 0;
  text-align: left;
  border-bottom: 25px solid #fff;
  font-size: 0;
}

.redesign.retailers .content-6 h2 {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
}

.redesign.retailers .content-6 p {
  font-family: "Source Sans Pro", sans-serif;
  width: auto;
  padding: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #153e4e;
  text-align: center;
}

.redesign.retailers .content-6 .column-1,
.redesign.retailers .content-6 .column-2 {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

.redesign.retailers .content-6 .column-1 {
  border-right: 15px solid #fff;
  background: url(../images/retailers/holiday-promotion.jpg) center;
  background-size: cover;
  padding-top: 300px;
}

.redesign.retailers .content-6 .column-1 .text-wrapper {
  background: rgba(21, 51, 86, 0.8);
  padding: 50px;
  text-align: center;
}

.redesign.retailers .content-6 .column-1 h2,
.redesign.retailers .content-6 .column-1 p {
  color: #fff;
}

.redesign.retailers .content-6 .column-2 {
  padding: 25px 65px;
  max-height: 585px;
}

.redesign.retailers .content-6 .column-2 h2 {
  color: #153e4e;
  padding-top: 30px;
}

@media screen and (max-width: 900px) {

  .redesign.retailers .content-6 .column-1,
  .redesign.retailers .content-6 .column-2 {
    width: 100%;
    display: block;
    border: none;
  }

  .redesign.retailers .content-6 .column-2 {
    padding: 35px;
  }
}

.redesign.retailers .content-6 .holiday-milks {
  width: 100%;
  border: none;
}

/*===============================*/

.redesign.retailers .content-7 {
  background: #1a67a2;
}

.redesign.retailers .content-7 .columns {
  display: flex;
}

.redesign.retailers .content-7 .column-1,
.redesign.retailers .content-7 .column-2,
.redesign.retailers .content-7 .column-3 {
  width: 33%;
  padding: 70px 50px;
  box-sizing: border-box;
  background: #f9f9f9;
  border: 1px solid #ddd;
}

.redesign.retailers .content-7 .column-2 {
  width: 34%;
  background: none;
  background: #f3f3f3;
  border-left: none;
  border-right: none;
}

.redesign.retailers .content-7 h3 {
  margin-top: 0;
}

@media screen and (max-width: 900px) {
  .redesign.retailers .content-7 .columns {
    display: block;
  }

  .redesign.retailers .content-7 .column-1,
  .redesign.retailers .content-7 .column-2,
  .redesign.retailers .content-7 .column-3 {
    width: 100%;
  }
}

/*===========================================
				CAREERS
===========================================*/

/* disabled height: auto so that Gradient Overlay works - JW Dec 2023 */
.careers .banner {
  background: center;
  background-size: cover;
  /* height: auto; */
}

.careers .banner .banner-content {
  display: inline-block;
  width: 50%;
  padding: 0 0 0 100px;
  box-sizing: border-box;
  text-align: center;
  margin: 140px auto 160px;
  border-radius: 10px;
}

/* position: absolute is necessary if gradient overlay is used. Otherwise, the gradient overlay would push the banner content down. This is also why positioning elements using margin (or padding) is tricky */
.careers .banner-overlay-container+.banner-content {
  position: absolute;
  top: 140px;
}

.careers .banner .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 58px;
  line-height: 68px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ffffff !important;
}

.careers .banner .banner-content .button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  margin: 0 auto;
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat";
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  border: none;
  cursor: pointer;
  height: auto;
  width: auto;
}

@media screen and (max-width: 900px) {
  .careers .banner {
    background: url(../images/texas/banner-mobile.jpg) center no-repeat;
    background-size: cover;
  }

  .careers .banner .banner-content {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    margin: 75px 0;
  }

  .careers .banner .banner-content h2 {
    color: #fff;
  }
}

.careers .content-wrapper h1.second {
  background: #105890;
}

.careers .benefits {
  background: #4996d1;
  padding: 0 30px 50px;
}

.careers .benefits .frame {
  width: 900px;
  padding: 30px;
}

.careers .benefits .frame h2 {
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
}

.careers .benefits .benefit {
  display: inline-block;
  width: 250px;
  height: 220px;
  padding: 20px 15px 15px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
  margin: 5px;
  border-radius: 10px;
  background: #fff;
}

.careers .benefit img {
  width: 60%;
  margin: 0 auto;
}

.careers .benefit h3 {
  text-align: center;
  margin: 15px auto 0;
  color: #4996d1;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

.careers .benefit h3.single-line {
  margin-top: 22px;
}

.careers .benefits+h2 {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #ddd;
}

.careers h2.border {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #ddd;
}

.careers .testimonial {
  padding: 0 75px 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: url(../images/icon-quote-left.png),
    url(../images/icon-quote-right.png);
  background-position: left top 9px, right top 9px;
  background-repeat: no-repeat, no-repeat;
  background-size: 50px auto;
  border-bottom: 1px solid #ddd;
}

.careers .content-wrapper .testimonial p {
  font-size: 24px;
}

.careers .content-wrapper .testimonial h3 {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 1000px) {
  .careers .testimonial {
    padding: 0 0 50px;
    background: none;
  }
}

/*===========================================
				OLYMPICS
===========================================*/

@font-face {
  font-family: Supreme-Trial;
  src: url(/fontface/Supreme-Trial.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SupremeLL-JumboItalic;
  src: url(/fontface/SupremeLL-JumboItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.redesign.olympics .banner {
  background: url(../images/olympics/banner.jpg) center;
  background-size: cover;
  height: auto;
}

.redesign.olympics .banner .banner-content {
  display: block;
  width: 890px;
  padding: 70px 0;
  box-sizing: border-box;
  text-align: left;
  margin: 0 0 0 250px;
  border-radius: 10px;
}

.redesign.olympics .banner .banner-content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 78px;
  line-height: 78px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #fff;
}

/*===============================*/

.redesign.olympics h1 {
  background: #000;
}

.redesign.olympics .content-1 {
  padding-top: 0;
}

.redesign.olympics .tom-wrapper,
.redesign.olympics .courtney-wrapper {
  background-image: linear-gradient(#e1dfdb, #d6d3ce);
}

.redesign.olympics .tom {
  background: url(../images/olympics/tom.png) right 50px center no-repeat;
  background-size: auto 100%;
}

.redesign.olympics .tom .content {
  width: 60%;
  padding: 120px 100px;
  box-sizing: border-box;
  text-align: left;
}

.redesign.olympics .tom .content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 42px;
  margin-bottom: 25px;
  color: #000;
}

.redesign.olympics .tom .content h2 span {
  font-family: "Supreme-Trial", sans-serif;
}

.redesign.olympics .tom .content p {
  color: #000;
}

.redesign.olympics .tom .photo,
.redesign.olympics .tom .photo img {
  display: none;
}

/*===============================*/

.redesign.olympics .courtney {
  background: url(../images/olympics/courtney.png) left -150px center no-repeat;
  background-size: auto 90%;
  text-align: right;
}

.redesign.olympics .courtney .content {
  display: inline-block;
  width: 60%;
  padding: 120px 100px;
  box-sizing: border-box;
  text-align: left;
}

.redesign.olympics .courtney .content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 42px;
  margin-bottom: 25px;
  color: #000;
}

.redesign.olympics .courtney .content h2 span {
  font-family: "Supreme-Trial", sans-serif;
}

.redesign.olympics .courtney .photo,
.redesign.olympics .courtney .photo img {
  display: none;
}

/*===============================*/

.redesign.olympics .video-wrapper {
  background: #7f8384;
  border-bottom: 1px solid #000;
}

.redesign.olympics .video-wrapper .content-wrapper {
  background: url(../images/olympics/the-wall.jpg) center no-repeat;
  background-size: auto 100%;
  height: 810px;
  text-align: right;
}

.redesign.olympics .video-wrapper .content-wrapper .content {
  display: inline-block;
  width: 45%;
  padding: 250px 100px 0 0;
  text-align: left;
  box-sizing: border-box;
}

.redesign.olympics .video-wrapper .content-wrapper .content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 78px;
  line-height: 78px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #fff;
}

.redesign.olympics .video-wrapper .content-wrapper .content p {
  color: #fff;
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  max-width: 560px;
}

.redesign.olympics .video-wrapper .video {
  display: none;
  position: relative;
}

.redesign.olympics .video-wrapper .video .close {
  position: absolute;
  top: 50px;
  right: 50px;
  padding: 10px;
  background: #fff;
  border-radius: 100px;
  cursor: pointer;
  z-index: 10;
}

.redesign.olympics .video-wrapper .video .close img {}

/*===============================*/

.redesign.olympics .milk-facts {
  background: url(../images/olympics/milk-facts.jpg) center no-repeat;
  background-size: cover;
  text-align: right;
}

.redesign.olympics .milk-facts .content {
  display: inline-block;
  width: 40%;
  padding: 200px 100px 200px 0;
  text-align: left;
  box-sizing: border-box;
}

.redesign.olympics .milk-facts .content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 78px;
  line-height: 78px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #fff;
}

.redesign.olympics .milk-facts .content p {
  color: #fff;
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  max-width: 560px;
}

/*===============================*/

.redesign.olympics .hold-my-milk {
  background: #000;
  display: flex;
  border-top: 1px solid #000;
}

.redesign.olympics .hold-my-milk video,
.redesign.olympics .hold-my-milk .content {
  width: 50%;
  display: inline-block;
  order: 1;
}

.redesign.olympics .hold-my-milk .content {
  box-sizing: border-box;
  padding: 150px 50px;
  order: 2;
}

.redesign.olympics .hold-my-milk .content h2 {
  font-family: "SupremeLL-JumboItalic", sans-serif;
  font-size: 78px;
  line-height: 78px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #fff;
}

.redesign.olympics .hold-my-milk .content p {
  color: #fff;
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
}

/*===============================*/

@media screen and (max-width: 1500px) {
  .redesign.olympics .tom {
    background: url(../images/olympics/tom.png) right -50px center no-repeat;
    background-size: auto 100%;
  }

  .redesign.olympics .courtney {
    background: url(../images/olympics/courtney.png) left -250px center no-repeat;
    background-size: auto 90%;
    text-align: right;
  }
}

@media screen and (max-width: 1400px) {
  .redesign.olympics .tom {
    background: url(../images/olympics/tom.png) right -100px center no-repeat;
    background-size: auto 100%;
  }

  .redesign.olympics .courtney {
    background: url(../images/olympics/courtney.png) left -350px center no-repeat;
    background-size: auto 90%;
    text-align: right;
  }
}

@media screen and (max-width: 1300px) {
  .redesign.olympics .banner {
    height: auto;
    background: url(../images/olympics/banner.jpg) right;
    background-size: cover;
  }

  .redesign.olympics .banner {
    text-align: center;
  }

  .redesign.olympics .banner .banner-content {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 70px 35px;
  }

  .redesign.olympics .banner .banner-content h2 {
    color: #000;
  }

  .redesign.olympics .tom,
  .redesign.olympics .courtney {
    background: none;
  }

  .redesign.olympics .tom .content,
  .redesign.olympics .courtney .content {
    width: 100%;
    padding: 50px 35px 10px;
  }

  .redesign.olympics .tom .photo,
  .redesign.olympics .courtney .photo {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .redesign.olympics .tom .photo img,
  .redesign.olympics .courtney .photo img {
    display: block;
    margin: 0 auto;
    width: 60%;
  }

  .redesign.olympics .courtney .photo img {
    width: 80%;
  }

  .redesign.olympics .video-wrapper .content-wrapper .content {
    display: block;
    width: 100%;
    padding: 250px 50px 0 50px;
    margin: 0 auto;
    text-align: center;
  }

  .redesign.olympics .video-wrapper .content p {
    display: block;
    margin: 0 auto;
  }

  .redesign.olympics .milk-facts .content {
    display: block;
    width: 100%;
    padding: 200px 50px;
    margin: 0 auto;
    text-align: center;
  }

  .redesign.olympics .milk-facts .content p {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1000px) {
  .redesign.olympics .video-wrapper .content-wrapper {
    height: auto;
  }

  .redesign.olympics .video-wrapper .content-wrapper .content {
    padding: 150px 50px;
  }

  .redesign.olympics .hold-my-milk {
    display: block;
  }

  .redesign.olympics .hold-my-milk video,
  .redesign.olympics .hold-my-milk .content {
    width: 100%;
    display: block;
  }

  .redesign.olympics .hold-my-milk .content {
    padding: 50px 35px;
  }
}

@media screen and (max-width: 700px) {
  .redesign.olympics .banner .banner-content {
    padding: 50px 35px;
  }

  .redesign.olympics .banner .banner-content h2 {
    font-size: 48px;
    line-height: 48px;
  }

  .redesign.olympics .tom .photo img,
  .redesign.olympics .courtney .photo img {
    width: 100%;
  }

  .redesign.olympics .video-wrapper .content-wrapper .content h2,
  .redesign.olympics .milk-facts .content h2,
  .redesign.olympics .hold-my-milk .content h2 {
    font-size: 42px;
    line-height: 42px;
  }

  .redesign.olympics .video-wrapper .content-wrapper .content p,
  .redesign.olympics .milk-facts .content p,
  .redesign.olympics .hold-my-milk .content p {
    font-size: 24px;
    line-height: 34px;
  }
}

@media screen and (max-width: 400px) {
  .redesign.olympics .banner .banner-content h2 {
    font-size: 32px;
    line-height: 32px;
  }
}

/*===========================================
			COOKIE POPUP
===========================================*/

.cookie-policy {
  position: fixed;
  bottom: 0;
  padding: 25px 0;
  background: #00376f;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 99;
}

.cookie-policy .frame {
  width: 1024px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0px 25px;
  margin: 0 auto;
  position: relative;
}

.cookie-policy .frame p {
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 150px;
  box-sizing: border-box;
}

.cookie-policy .frame a {
  color: #fff;
}

.cookie-policy .frame .accept-cookies {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 5px;
  color: #00376f;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  position: absolute;
  right: 75px;
  top: 50%;
  margin-top: -16px;
  cursor: pointer;
}

.cookie-policy .frame .close-cookies {
  display: inline-block;
  height: 32px;
  width: 32px;
  background: url(../images/icon-close-white.png);
  background-size: 100%;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -16px;
  cursor: pointer;
}

/*===========================================
			EXPERTREC SEARCH
===========================================*/

#expertrec {
  vertical-align: middle;
  height: 42px;
  display: inline-block;
  font-size: 0;
}

#expertrec .er_voice_search_dummy {
  display: none;
}

#expertrec .er-dummy-search-box {
  padding-left: 10px;
}

#expertrec .er-dummy-search-box .er_search_input_dummy {
  display: inline-block;
  height: auto;
  font-weight: 400;
  box-sizing: content-box;
  vertical-align: middle;
}

#expertrec .er-dummy-search-box .er_search_button_dummy {
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: 0 10px 10px 0;
  border: 1px solid #bbb;
  vertical-align: middle;
  outline: none;
  border-left: none;
  background: url(../images/search-icon.png) center no-repeat #bbb;
}

#expertrec .er-dummy-search-box .er_search_button_back {
  display: none;
}

#expertrec .fa-search:before {
  content: "";
}

#ci-suggest .er-suggestions {
  top: 14px !important;
}

#ci-suggest .er_search_suggestions {
  border: 1px solid #dadada;
}

.er-top-head,
#er_search_input,
#er_search_results,
.er-suggestion-sm {
  font-family: "Montserrat";
}

@media screen and (max-width: 1000px) {
  #expertrec {
    box-shadow: 0 5px 10px -3px #000;
  }

  #expertrec,
  #expertrec .er-dummy-search-box {
    padding: 0;
    width: 100%;
    height: auto;
  }

  #expertrec .er-dummy-search-box .er_search_input_dummy {
    width: 90%;
    border: none;
    padding: 12px;
  }

  #expertrec .er-dummy-search-box .er_search_button_dummy {
    width: 10%;
    border-radius: 0;
  }

  #ci-suggest.er-suggestion-sm .er-dummy-search-box {
    width: 97%;
    border-bottom: none;
  }

  #expertrec .er-dummy-search-box .er_search_button_dummy {
    height: 42px;
  }

  #ci-suggest .er-suggestions {
    top: 259px !important;
    transform: none !important;
    width: 100% !important;
  }

  #ci-suggest .er_search_suggestions {
    width: 100%;
  }

  #ci-suggest .er_search_suggestions {
    border-left: none;
    border-right: none;
  }
}

/*===========================================
			QPLE COUPONS
===========================================*/

#coupon_div {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  max-width: 1200px;
  margin: 0 auto;
}

#coupon_div .coupon-block {
  width: 49%;
  padding: 15px;
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  text-align: left;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

#coupon_div .coupon-block:nth-child(even) {
  margin-left: 2%;
}

#coupon_div .coupon-block .img-responsive {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  margin-right: 5%;
}

#coupon_div .coupon-block .text-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  display: block;
  font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
  margin: 0 auto;
}

#coupon_div .coupon-block .text-wrapper .display-name {
  color: #494949;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

#coupon_div .coupon-block .text-wrapper .savings-value-statement {
  font-size: 24px;
  font-weight: bold;
  color: #4996d1;
  margin-top: 10px;
}

#coupon_div .coupon-block .text-wrapper .purchase-description {
  font-size: 20px;
  line-height: 32px;
  font-family: "Source Sans Pro", Arial;
  font-weight: 300;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin-top: 5px;
}

#coupon_div .coupon-block .add-to-queue a,
#coupon_div .coupon-block .added-to-queue a {
  display: block;
  background: #0a56a3;
  text-align: center;
  padding: 10px;
  color: #fff;
  margin-top: 15px;
  text-decoration: none;
  font-family: "Montserrat";
}

#coupon_div .coupon-block .added-to-queue a {
  background: #494949;
}

#print_button {
  text-decoration: none;
  color: #fff;
  background: #4996d1;
  padding: 15px 30px;
  border: none;
  border-radius: 5px;
  display: inline-block;
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
  font-family: "Montserrat";
}

#print_button #DOLLAR_SYMBOL,
#print_button #total_coupons,
#print_button #total_savings {
  display: none;
}

@media screen and (max-width: 990px) {

  .coupon-page #coupon_div .coupon-block:nth-child(odd),
  .coupon-page #coupon_div .coupon-block:nth-child(even),
  .coupon-page #coupon_div .coupon-block:first-child {
    width: 90%;
    margin: 15px 5%;
  }
}

/*===========================================
				HR FORMS
===========================================*/

.redesign.hr-forms .content-wrapper ul {
  margin: 0;
}

.redesign.hr-forms .content-wrapper ul ul li {
  list-style: none;
  padding-left: 15px;
}

.redesign.hr-forms .content-wrapper ul ul ul li {
  padding-left: 30px;
}

h3.hrform-title {
  margin-top: 25px;
  border-bottom: 1px solid #ccc;
}

ul.hrforms .faq-question {
  clear: both;
}

ul.hr-forms li {
  clear: both;
  margin: 10px 0;
  padding: 3px 0 12px;
  border-bottom: 1px dashed #ccc;
}

.redesign.hr-forms .content-wrapper ul ul li .hr-notice {
  padding: 0;
  margin: 0;
  line-height: 26px;
}

.redesign.hr-forms .faq-list .faq-question {
  border: none;
}

.redesign.hr-forms ul.hr-forms .faq-toggler {
  padding-left: 75px;
  background-position: 15px center;
  font-size: 16px;
  font-weight: normal;
}

ul.hr-forms li em {
  font-size: 13px;
  font-style: italic;
  color: #555;
}

ul.hr-forms li.last {
  border: 0;
}

ul.hr-forms li.hrform-inner {
  border: 0;
}

ul.hr-forms li.hrform-inner h3 {
  margin: 0;
}

.hrforms p.hr-notice {
  float: none;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 16px;
  color: #666;
}

/*================================================
					PRINT
================================================*/

@media print {

  .header,
  .utility-navigation-background,
  .navigation,
  #footer,
  .footer {
    display: none;
  }

  .page-wrapper {
    margin: 0;
    padding: 0;
  }

  .redesign .content-wrapper {
    background: none;
  }

  .frame {
    font-family: Arial;
    line-height: 26px;
  }

  .redesign.recipes-single .content-1 .column {
    display: block;
    margin: 0 auto;
  }

  .redesign .content-wrapper .button {
    display: none;
  }

  .redesign.recipes-single .content-1 .details {
    display: block;
    margin: 0 auto;
    padding-left: 0;
  }

  .redesign.recipes-single .content-1 .details ul li {
    padding-left: 0;
  }

  .column.details .social {
    display: none;
  }

  .recipes-single .content-2 .column {
    max-width: 90% !important;
    width: 90% !important;
  }

  .content-wrapper .recipe-footer {
    display: none !important;
  }

  .redesign.recipes-single .content-2 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
  }
}

.override-text-align-center {
  text-align: center !important;
}

/*================================================
					DOWNLOAD ALL PRODUCT IMAGES BUTTON
================================================*/
/* Added August 21, 2025 by Jim Wolf */

.image-library-actions button {
  font-family: "Montserrat";
  font-size: 16px;
  display: inline-block;
  background: #1d2d45;
  color: #fff;
  padding: 15px;
  margin-top: 10px;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .image-library-actions button {
    width: 50%;
    margin: 10px auto 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .image-library-actions button {
    width: 80%;
  }
}

h2,
h3 {
  /* Nov 2025 */
  font-family: p22-mackinac-pro, serif !important;
}