@import url("https://use.typekit.net/niq1tic.css");

body {
  font-family: asap, sans-serif;
  font-size: 1.6rem;
  color: #333333;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
}

.page-bottom-last,
.after-masthead {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1468px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

body.cms-index-index .page-main,
body.catalog-category-view .page-main,
body.cms-page-view .page-main {
  max-width: 1468px;
}

body.cms-index-index .page-wrapper > .breadcrumbs,
body.catalog-category-view .page-wrapper > .breadcrumbs,
body.cms-page-view .page-wrapper > .breadcrumbs {
  max-width: 1468px;
}

.separator {
  display: inline-block;
  margin: 0 10px;
}

body .nav-toggle:before {
  color: #FFFFFF;
}

body .nav-toggle:hover:before {
  color: #FFFFFF;
}

body .nav-sections {
  background: #005ca9;
}

@media screen and (min-width: 768px) {
  body .nav-sections {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
  }
}

body .nav-sections-item-title {
  border-color: #1d3c76;
  cursor: pointer;
}

body .nav-sections-item-title.active {
  background: #1d3c76;
}

body .nav-sections-item-title a {
  color: #FFFFFF;
}

body .nav-sections-item-content {
  border-color: #1d3c76;
}

body .navigation {
  background: #005ca9;
}

body .navigation.secondary {
  width: auto;
  font-weight: normal;
  /*margin: 0 0 0 18px;*/
}

@media screen and (max-width: 767px) {
  body .navigation.secondary {
    display: none;
  }
}

body .navigation.secondary .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body .navigation.secondary .level0 {
  cursor: pointer;
  -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(0, 0, 0, 0.3);
}

body .navigation.secondary .level0 > .level-top {
  padding: 0;
  width: 28px;
  text-align: center;
}

body .navigation ul {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  body .navigation > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  body .navigation > ul > li.level0 {
    width: 100%;
    text-align: center;
  }

  body .navigation > ul > li.level0:last-child,
  body .navigation > ul > li.level0:nth-last-child(2),
  body .navigation > ul > li.level0:nth-last-child(3),
  body .navigation > ul > li.level0:nth-last-child(4) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body .navigation > ul > li.level0 {
    /*> a[href*="mike-and-ike"] {
          background: $green;
      }
      > a[href*="hot-tamales"] {
          background: $ht-red;
      }
      > a[href*="peeps"] {
          background: $yellow;
      }
      > a[href*="goldenbergs"] {
          background: $gb-red;
      }*/
  }

  body .navigation > ul > li.level0:nth-last-child(4) {
    margin-top: 10px;
    -webkit-box-shadow: 0 -1px 0 0 #0078dc, 0 -2px 0 0 #002443;
    box-shadow: 0 -1px 0 0 #0078dc, 0 -2px 0 0 #002443;
    padding-top: 10px;
  }

  body .navigation > ul > li.level0:nth-last-child(4):before {
    position: relative;
    content: "Shop Brands";
    color: white;
    font-weight: bold;
    padding: 20px;
    font-size: 20px;
    display: block;
  }
}

body .navigation li.level0 {
  margin: 0;
}

body .navigation li.level0.active > a:not(.ui-state-active),
body .navigation li.level0.has-active > a:not(.ui-state-active) {
  border-color: #FFFFFF;
  border-width: 0 0 0 2px;
}

body .navigation li.level0.active > .level-top,
body .navigation li.level0.has-active > .level-top {
  color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  body .navigation li.level0 {
    padding: 15px 10px;
    cursor: pointer;
    -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(0, 0, 0, 0.3);
  }

  body .navigation li.level0:last-child {
    padding-right: 10px;
  }

  body .navigation li.level0:hover,
  body .navigation li.level0:focus,
  body .navigation li.level0:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #1d3c76;
  }
}

body .navigation li.level0 .submenu {
  font-weight: normal;
  text-align: left;
  background: #1d3c76;
  border: 0;
}

body .navigation li.level0 .submenu a,
body .navigation li.level0 .submenu li > span {
  color: #FFFFFF;
}

body .navigation li.level0 .submenu a:hover,
body .navigation li.level0 .submenu a:focus,
body .navigation li.level0 .submenu li > span:hover,
body .navigation li.level0 .submenu li > span:focus {
  background: #FFFFFF;
  color: #1d3c76;
}

body .navigation li.level0 .submenu li > span {
  display: block;
  line-height: inherit;
  padding: 10px 32px 10px 15px;
}

body .navigation li.level0 > .level-top {
  font-family: bree, sans-serif;
  font-weight: 300;
  text-transform: none;
  font-size: 1.8rem;
  text-shadow: 0 3px 6px rgba(51, 51, 51, 0.25);
  color: #FFFFFF;
}

body .navigation li.level0 > .level-top:hover,
body .navigation li.level0 > .level-top:focus,
body .navigation li.level0 > .level-top:active,
body .navigation li.level0 > .level-top.ui-state-focus {
  color: #FFFFFF;
}

body .navigation .level0 > .level1 {
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  body .navigation .level0 > .level1 > a,
  body .navigation .level0 > .level1 > span {
    padding-left: 30px;
  }
}

body .navigation .level0 .submenu:not(:first-child) .active > a {
  border-color: #fc9f1f;
  border-width: 0 0 0 2px;
}

body .page-header {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  body .page-header {
    padding-top: 10px;
  }
}

body .page-header .panel.wrapper {
  border-bottom: 0;
}

@media screen and (min-width: 925px) {
  body .page-header .panel.wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  body .panel.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

body .panel.header .widget {
  display: none;
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -moz-box-ordinal-group: 100;
  -ms-flex-order: 99;
  order: 99;
  margin-bottom: 0;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media screen and (min-width: 768px) {
  body .panel.header .widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
  }
}

@media screen and (min-width: 925px) {
  body .panel.header .widget {
    margin: 0 auto;
    padding-left: 0;
    -webkit-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    -o-transform: translateX(-55px);
    transform: translateX(-55px);
  }
}

body .panel.header .widget img {
  display: block;
}

body .panel.header .widget a {
  display: inline-block;
  height: 46px;
}

body .panel.header .widget a:hover,
body .panel.header .widget a:focus,
body .panel.header .widget a:active {
  text-decoration: none;
}

body .panel.header .widget a + a {
  margin-left: 30px;
}

body .header.content {
  padding: 0;
  width: 100%;
  max-width: none;
  background: #005ca9;
  min-height: 46px;
}

body .header.content .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 925px) {
  body .header.content .container {
    padding-left: 140px;
  }
}

body .header.content svg {
  fill: #FFFFFF;
}

body .logo {
  display: inline-block;
  width: 110px;
}

@media screen and (max-width: 767px) {
  body .logo {
    display: block;
    margin: 0 auto -47px;
  }
}

@media screen and (min-width: 925px) {
  body .logo {
    margin-bottom: -78px;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
}

body .logo h1 {
  margin: 0;
}

@media screen and (max-width: 767px) {
  body .nav-sections .header.links li > a,
  body .nav-sections .header.links li > span {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 1.8rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    padding: 10px 40px 10px 20px;
  }

  body .nav-sections .header.links li > a:hover,
  body .nav-sections .header.links li > a:focus,
  body .nav-sections .header.links li > a:active,
  body .nav-sections .header.links li > span:hover,
  body .nav-sections .header.links li > span:focus,
  body .nav-sections .header.links li > span:active {
    font-weight: 300;
    color: #FFFFFF;
    padding: 10px 40px 10px 20px;
  }
}

@media screen and (min-width: 768px) {
  body .header.content .block-search {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  body .header.content .block-search input {
    height: 52px;
    padding-left: 36px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0.09);
    color: #FFFFFF;
  }

  body .header.content .block-search input::-webkit-input-placeholder {
    color: #FFFFFF;
    opacity: 0.5;
  }

  body .header.content .block-search input::-moz-placeholder {
    color: #FFFFFF;
    opacity: 0.5;
  }

  body .header.content .block-search input:-ms-input-placeholder {
    color: #FFFFFF;
    opacity: 0.5;
  }

  body .header.content .block-search input::placeholder {
    color: #FFFFFF;
    opacity: 0.5;
  }

  body .header.content .block-search input:not([disabled]):focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 768px) {
  body .header.content .block-search .action.search {
    right: auto;
    left: 0;
    width: 40px;
    height: 52px;
    color: #FFFFFF;
  }

  body .header.content .block-search .action.search:before {
    color: #FFFFFF;
  }

  body .header.content .block-search .action.search:hover,
  body .header.content .block-search .action.search:focus,
  body .header.content .block-search .action.search:active {
    color: #FFFFFF;
  }

  body .header.content .block-search .action.search:hover:before,
  body .header.content .block-search .action.search:focus:before,
  body .header.content .block-search .action.search:active:before {
    color: #FFFFFF;
  }
}

body .minisearch .label {
  margin: 0;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

body .minisearch .label:before {
  color: #FFFFFF;
}

body .minisearch .label:hover:before {
  color: #FFFFFF;
}

.minicart-wrapper .block-minicart .list {
  grid-template-columns: auto;
}

.minicart-wrapper .action.showcart {
  border: 0;
  padding: 0;
}

.minicart-wrapper .action.showcart:before {
  color: #FFFFFF;
}

.minicart-wrapper .action.showcart:hover:before,
.minicart-wrapper .action.showcart:active:before {
  color: #FFFFFF;
}

.minicart-wrapper .action.showcart.active:active:before,
.minicart-wrapper .action.showcart.active:hover:before {
  color: #FFFFFF;
}

.minicart-wrapper .action.showcart .counter.qty {
  font-size: 12px;
  background: #FFFFFF;
  color: #005ca9;
  padding: 0;
  min-width: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: 2px;
}

.minicart-wrapper .product.actions .action {
  border: 0;
  padding: 0;
}

.minicart-wrapper .mage-dropdown-dialog {
  -webkit-transform: translate(4px, 11px);
  -ms-transform: translate(4px, 11px);
  -o-transform: translate(4px, 11px);
  transform: translate(4px, 11px);
}

.after-masthead .widget {
  position: relative;
}

.masonry-grid {
  margin: 20px 0;
}

@media screen and (min-width: 660px) {
  .masonry-grid {
    margin: 40px 0;
  }
}

.masonry-grid .section {
  margin-bottom: 20px;
}

@media screen and (min-width: 660px) {
  .masonry-grid .section {
    margin-bottom: 0;
  }
}

.masonry-grid .widget {
  margin: 0;
}

.masonry-grid img {
  display: block;
}

.masonry-grid--one,
.masonry-grid--three {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1.4%;
  -moz-column-gap: 1.4%;
  column-gap: 1.4%;
}

@media screen and (min-width: 660px) {
  .masonry-grid--one,
  .masonry-grid--three {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.masonry-grid--two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 660px) {
  .masonry-grid--two .section--a {
    margin-right: 1.4%;
  }

  .masonry-grid--two .section--d {
    margin-left: 1.4%;
  }

  .masonry-grid--two .section--a,
  .masonry-grid--two .section--d {
    width: -webkit-calc(64% - 1.4%);
    width: calc(64% - 1.4%);
  }

  .masonry-grid--two .section--b,
  .masonry-grid--two .section--c {
    width: 36%;
  }

  .masonry-grid--two .section--a,
  .masonry-grid--two .section--b {
    margin-bottom: 1.4%;
  }
}

@media screen and (min-width: 660px) {
  .masonry-grid--one .section--b {
    margin-bottom: 2.85%;
  }
}

.masonry-grid--one .section--d {
  margin-top: 1.4%;
  -moz-column-span: all;
  column-span: all;
  -webkit-column-span: all;
  max-height: 460px;
  overflow: hidden;
}

.masonry-grid--one .section--d .banner-content {
  max-height: 460px;
}

@media screen and (min-width: 660px) {
  .masonry-grid--three .section--a,
  .masonry-grid--three .section--c {
    margin-bottom: 2.85%;
  }
}

@media screen and (min-width: 1280px) {
  body.cms-page-view .products-grid > ol > li,
  body.cms-index-index .products-grid > ol > li,
  body.checkout-cart-index .products-grid > ol > li {
    width: 25%;
  }
}

.price-box .special-price {
  color: #005ca9;
}

.prices-tier .item {
  font-size: 1.9rem !important;
}

.reviews-actions .action.add {
  border: 0;
  padding: 0;
}

.cms-index-index .page-main .block-title,
.cms-index-index .page-bottom .block-title,
.cms-index-index .page-bottom-last .block-title,
body.category-mike-and-ikes .page-main .block-title,
body.category-mike-and-ikes .page-bottom .block-title,
body.category-mike-and-ikes .page-bottom-last .block-title,
body.category-hot-tamales .page-main .block-title,
body.category-hot-tamales .page-bottom .block-title,
body.category-hot-tamales .page-bottom-last .block-title,
body.category-peeps .page-main .block-title,
body.category-peeps .page-bottom .block-title,
body.category-peeps .page-bottom-last .block-title,
body.category-goldenbergs-peanut-chews .page-main .block-title,
body.category-goldenbergs-peanut-chews .page-bottom .block-title,
body.category-goldenbergs-peanut-chews .page-bottom-last .block-title {
  position: relative;
  margin-bottom: 25px;
}

.cms-index-index .page-main .block-title:after,
.cms-index-index .page-bottom .block-title:after,
.cms-index-index .page-bottom-last .block-title:after,
body.category-mike-and-ikes .page-main .block-title:after,
body.category-mike-and-ikes .page-bottom .block-title:after,
body.category-mike-and-ikes .page-bottom-last .block-title:after,
body.category-hot-tamales .page-main .block-title:after,
body.category-hot-tamales .page-bottom .block-title:after,
body.category-hot-tamales .page-bottom-last .block-title:after,
body.category-peeps .page-main .block-title:after,
body.category-peeps .page-bottom .block-title:after,
body.category-peeps .page-bottom-last .block-title:after,
body.category-goldenbergs-peanut-chews .page-main .block-title:after,
body.category-goldenbergs-peanut-chews .page-bottom .block-title:after,
body.category-goldenbergs-peanut-chews .page-bottom-last .block-title:after {
  z-index: 0;
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #005ca9;
  background: -webkit-linear-gradient(0deg, #207018 0%, #207018 5%, #b6278a 5%, #b6278a 9%, #207018 9%, #207018 17%, #005ca9 17%, #005ca9 28%, #fc9f1f 28%, #fc9f1f 35%, #207018 35%, #207018 53%, #005ca9 53%, #005ca9 66%, #fc9f1f 66%, #fc9f1f 79%, #b6278a 79%, #b6278a 100%);
  background: -o-linear-gradient(0deg, #207018 0%, #207018 5%, #b6278a 5%, #b6278a 9%, #207018 9%, #207018 17%, #005ca9 17%, #005ca9 28%, #fc9f1f 28%, #fc9f1f 35%, #207018 35%, #207018 53%, #005ca9 53%, #005ca9 66%, #fc9f1f 66%, #fc9f1f 79%, #b6278a 79%, #b6278a 100%);
  background: linear-gradient(90deg, #207018 0%, #207018 5%, #b6278a 5%, #b6278a 9%, #207018 9%, #207018 17%, #005ca9 17%, #005ca9 28%, #fc9f1f 28%, #fc9f1f 35%, #207018 35%, #207018 53%, #005ca9 53%, #005ca9 66%, #fc9f1f 66%, #fc9f1f 79%, #b6278a 79%, #b6278a 100%);
}

.cms-index-index .page-main .block-title,
.cms-index-index .page-main .block-title strong,
.cms-index-index .page-bottom .block-title,
.cms-index-index .page-bottom .block-title strong,
.cms-index-index .page-bottom-last .block-title,
.cms-index-index .page-bottom-last .block-title strong,
body.category-mike-and-ikes .page-main .block-title,
body.category-mike-and-ikes .page-main .block-title strong,
body.category-mike-and-ikes .page-bottom .block-title,
body.category-mike-and-ikes .page-bottom .block-title strong,
body.category-mike-and-ikes .page-bottom-last .block-title,
body.category-mike-and-ikes .page-bottom-last .block-title strong,
body.category-hot-tamales .page-main .block-title,
body.category-hot-tamales .page-main .block-title strong,
body.category-hot-tamales .page-bottom .block-title,
body.category-hot-tamales .page-bottom .block-title strong,
body.category-hot-tamales .page-bottom-last .block-title,
body.category-hot-tamales .page-bottom-last .block-title strong,
body.category-peeps .page-main .block-title,
body.category-peeps .page-main .block-title strong,
body.category-peeps .page-bottom .block-title,
body.category-peeps .page-bottom .block-title strong,
body.category-peeps .page-bottom-last .block-title,
body.category-peeps .page-bottom-last .block-title strong,
body.category-goldenbergs-peanut-chews .page-main .block-title,
body.category-goldenbergs-peanut-chews .page-main .block-title strong,
body.category-goldenbergs-peanut-chews .page-bottom .block-title,
body.category-goldenbergs-peanut-chews .page-bottom .block-title strong,
body.category-goldenbergs-peanut-chews .page-bottom-last .block-title,
body.category-goldenbergs-peanut-chews .page-bottom-last .block-title strong {
  color: #005ca9;
  font-family: bree, sans-serif;
  text-transform: none;
  font-weight: normal;
  font-size: 3rem;
}

.cms-index-index .page-main .block-title strong,
.cms-index-index .page-bottom .block-title strong,
.cms-index-index .page-bottom-last .block-title strong,
body.category-mike-and-ikes .page-main .block-title strong,
body.category-mike-and-ikes .page-bottom .block-title strong,
body.category-mike-and-ikes .page-bottom-last .block-title strong,
body.category-hot-tamales .page-main .block-title strong,
body.category-hot-tamales .page-bottom .block-title strong,
body.category-hot-tamales .page-bottom-last .block-title strong,
body.category-peeps .page-main .block-title strong,
body.category-peeps .page-bottom .block-title strong,
body.category-peeps .page-bottom-last .block-title strong,
body.category-goldenbergs-peanut-chews .page-main .block-title strong,
body.category-goldenbergs-peanut-chews .page-bottom .block-title strong,
body.category-goldenbergs-peanut-chews .page-bottom-last .block-title strong {
  z-index: 1;
  position: relative;
  background: #FFFFFF;
  padding: 0 20px;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 992px) {
  .cms-index-index .page-main .block-title strong,
  .cms-index-index .page-bottom .block-title strong,
  .cms-index-index .page-bottom-last .block-title strong,
  body.category-mike-and-ikes .page-main .block-title strong,
  body.category-mike-and-ikes .page-bottom .block-title strong,
  body.category-mike-and-ikes .page-bottom-last .block-title strong,
  body.category-hot-tamales .page-main .block-title strong,
  body.category-hot-tamales .page-bottom .block-title strong,
  body.category-hot-tamales .page-bottom-last .block-title strong,
  body.category-peeps .page-main .block-title strong,
  body.category-peeps .page-bottom .block-title strong,
  body.category-peeps .page-bottom-last .block-title strong,
  body.category-goldenbergs-peanut-chews .page-main .block-title strong,
  body.category-goldenbergs-peanut-chews .page-bottom .block-title strong,
  body.category-goldenbergs-peanut-chews .page-bottom-last .block-title strong {
    margin-left: 40px;
    margin-right: 20px;
  }
}

.brands {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

@media screen and (min-width: 1400px) {
  .brands {
    margin: -10px;
  }
}

.brands a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  margin: 5px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #EFEFEF;
}

@media screen and (min-width: 660px) {
  .brands a {
    width: 25%;
    max-width: 340px;
  }
}

@media screen and (min-width: 1400px) {
  .brands a {
    margin: 10px;
  }
}

.brands img {
  display: block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .brands--category {
    margin: 0;
  }
}

@media screen and (min-width: 520px) {
  .brands--category a {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .brands--category a {
    padding: 0;
    margin-bottom: 10px;
    width: 242px;
  }
}

body .page-wrapper .page-bottom {
  margin: 0 auto 40px auto;
  max-width: 1468px;
  width: 100%;
}

.page-footer {
  background: #005ca9;
  color: #FFFFFF;
}

.page-footer a {
  color: #FFFFFF;
}

.page-footer .copyright {
  background: #1d3c76;
  border-top: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 992px) {
  .page-footer .footer.content .footer-zero {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 155px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 480px) {
  .page-footer .footer.content .footer-one {
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .page-footer .footer.content .footer-two,
  .page-footer .footer.content .footer-three {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .page-footer .footer.content .footer-one,
  .page-footer .footer.content .footer-two,
  .page-footer .footer.content .footer-three {
    width: 33.3333%;
  }
}

@media screen and (min-width: 992px) {
  .page-footer .footer.content .footer-one,
  .page-footer .footer.content .footer-two,
  .page-footer .footer.content .footer-three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc( (100% - 475px) / 3 );
    width: calc( (100% - 475px) / 3 );
    padding: 0 20px;
  }
}

.page-footer .footer.content .footer-four p {
  font-size: 15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .page-footer .footer.content .footer-four {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    padding-left: 20px;
  }
}

.page-footer .action.primary {
  background: #AD0012;
  border-color: #AD0012;
}

.page-footer .action.primary:hover,
.page-footer .action.primary:focus,
.page-footer .action.primary:active {
  background: #AD0012;
  border-color: #AD0012;
  text-decoration: underline;
}

.page-footer h3 {
  font-size: 22px;
}

body button.action,
body a.action {
  background-image: none;
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  padding: 7px 15px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

body button.action.large,
body a.action.large {
  padding: 12px 24px;
  font-size: 1.8rem;
}

body button.action.primary,
body a.action.primary {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #005ca9;
  border-color: #005ca9;
  color: #FFFFFF;
}

body button.action.primary:hover,
body button.action.primary:focus,
body button.action.primary:active,
body a.action.primary:hover,
body a.action.primary:focus,
body a.action.primary:active {
  background-color: #1d3c76;
  border-color: #1d3c76;
}

body button.action.yellow,
body a.action.yellow {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #fae700;
  border-color: #fae700;
  color: #333333;
}

body button.action.yellow:hover,
body button.action.yellow:focus,
body button.action.yellow:active,
body a.action.yellow:hover,
body a.action.yellow:focus,
body a.action.yellow:active {
  background-color: #e1cf00;
  border-color: #e1cf00;
}

body button.action.orange,
body a.action.orange {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #fc9f1f;
  border-color: #fc9f1f;
  color: #333333;
}

body button.action.orange:hover,
body button.action.orange:focus,
body button.action.orange:active,
body a.action.orange:hover,
body a.action.orange:focus,
body a.action.orange:active {
  background-color: #fc9406;
  border-color: #fc9406;
}

body button.action.purple,
body a.action.purple {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #b6278a;
  border-color: #b6278a;
  color: #FFFFFF;
}

body button.action.purple:hover,
body button.action.purple:focus,
body button.action.purple:active,
body a.action.purple:hover,
body a.action.purple:focus,
body a.action.purple:active {
  background-color: #a1237a;
  border-color: #a1237a;
}

body button.action.green,
body a.action.green {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #207018;
  border-color: #207018;
  color: #FFFFFF;
}

body button.action.green:hover,
body button.action.green:focus,
body button.action.green:active,
body a.action.green:hover,
body a.action.green:focus,
body a.action.green:active {
  background-color: #1a5b14;
  border-color: #1a5b14;
}

body button.action.white,
body a.action.white {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #005ca9;
}

body button.action.white:hover,
body button.action.white:focus,
body button.action.white:active,
body a.action.white:hover,
body a.action.white:focus,
body a.action.white:active {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

body button.action.ht-red,
body a.action.ht-red {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #AD0012;
  border-color: #AD0012;
  color: #FFFFFF;
}

body button.action.ht-red:hover,
body button.action.ht-red:focus,
body button.action.ht-red:active,
body a.action.ht-red:hover,
body a.action.ht-red:focus,
body a.action.ht-red:active {
  background-color: #94000f;
  border-color: #94000f;
}

body button.action.gb-red,
body a.action.gb-red {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #BF1F35;
  border-color: #BF1F35;
  color: #FFFFFF;
}

body button.action.gb-red:hover,
body button.action.gb-red:focus,
body button.action.gb-red:active,
body a.action.gb-red:hover,
body a.action.gb-red:focus,
body a.action.gb-red:active {
  background-color: #a91b2f;
  border-color: #a91b2f;
}

.newsletter .messages {
  position: unset;
  z-index: unset;
  top: unset;
  right: unset;
  width: unset;
  margin: 10px 0;
}

.newsletter .messages .message {
  text-align: left;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.newsletter .messages .message:after {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.newsletter .messages .message.small {
  padding: 10px;
}

.category-title h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: 2.6em;
}

@media screen and (min-width: 768px) {
  .category-title h2 {
    font-size: 40px;
  }
}

body.category-mike-and-ike .minicart-wrapper .action.showcart .counter.qty {
  color: #207018;
}

@media screen and (min-width: 1280px) {
  body.category-mike-and-ike .products-grid > ol > li {
    width: 25%;
  }
}

body.category-mike-and-ike .page-main .block-title:after {
  background: #207018;
}

body.category-mike-and-ike .page-main .block-title,
body.category-mike-and-ike .page-main .block-title strong {
  color: #333333;
  font-family: asap, sans-serif;
  font-weight: bold;
  font-style: normal;
}

body.category-mike-and-ike .header.content {
  background: #207018;
}

body.category-mike-and-ike .navigation {
  background: #207018;
}

@media screen and (min-width: 768px) {
  body.category-mike-and-ike .navigation li.level0:hover,
  body.category-mike-and-ike .navigation li.level0:focus,
  body.category-mike-and-ike .navigation li.level0:active {
    background: #1a5b14;
  }
}

body.category-mike-and-ike .navigation li.level0 .submenu {
  background: #1a5b14;
}

body.category-mike-and-ike .navigation li.level0 .submenu a:hover,
body.category-mike-and-ike .navigation li.level0 .submenu a:focus,
body.category-mike-and-ike .navigation li.level0 .submenu li > span:hover,
body.category-mike-and-ike .navigation li.level0 .submenu li > span:focus {
  color: #1a5b14;
}

body.category-mike-and-ike .nav-sections {
  background: #207018;
}

body.category-mike-and-ike .nav-sections-item-title {
  border-color: #1a5b14;
}

body.category-mike-and-ike .nav-sections-item-title.active {
  background: #1a5b14;
}

body.category-mike-and-ike .nav-sections-item-title a {
  color: #FFFFFF;
}

body.category-mike-and-ike .nav-sections-item-content {
  border-color: #1a5b14;
}

body.category-mike-and-ike button.action.primary,
body.category-mike-and-ike a.action.primary {
  background: #207018;
  border-color: #207018;
}

body.category-mike-and-ike button.action.primary:hover,
body.category-mike-and-ike button.action.primary:focus,
body.category-mike-and-ike button.action.primary:active,
body.category-mike-and-ike a.action.primary:hover,
body.category-mike-and-ike a.action.primary:focus,
body.category-mike-and-ike a.action.primary:active {
  background-color: #1a5b14;
  border-color: #1a5b14;
}

body.category-mike-and-ike .page-footer {
  background: #207018;
}

body.category-mike-and-ike .page-footer .copyright {
  background: #1a5b14;
}

body.category-hot-tamales .minicart-wrapper .action.showcart .counter.qty {
  color: #AD0012;
}

@media screen and (min-width: 1280px) {
  body.category-hot-tamales .products-grid > ol > li {
    width: 25%;
  }
}

body.category-hot-tamales .page-main .block-title:after {
  background: #AD0012;
}

body.category-hot-tamales .page-main .block-title,
body.category-hot-tamales .page-main .block-title strong {
  color: #333333;
  font-family: asap, sans-serif;
  font-weight: bold;
  font-style: normal;
}

body.category-hot-tamales .header.content {
  background: #AD0012;
}

body.category-hot-tamales .navigation {
  background: #AD0012;
}

@media screen and (min-width: 768px) {
  body.category-hot-tamales .navigation li.level0:hover,
  body.category-hot-tamales .navigation li.level0:focus,
  body.category-hot-tamales .navigation li.level0:active {
    background: #94000f;
  }
}

body.category-hot-tamales .navigation li.level0 .submenu {
  background: #94000f;
}

body.category-hot-tamales .navigation li.level0 .submenu a:hover,
body.category-hot-tamales .navigation li.level0 .submenu a:focus,
body.category-hot-tamales .navigation li.level0 .submenu li > span:hover,
body.category-hot-tamales .navigation li.level0 .submenu li > span:focus {
  color: #94000f;
}

body.category-hot-tamales .nav-sections {
  background: #AD0012;
}

body.category-hot-tamales .nav-sections-item-title {
  border-color: #94000f;
}

body.category-hot-tamales .nav-sections-item-title.active {
  background: #94000f;
}

body.category-hot-tamales .nav-sections-item-title a {
  color: #FFFFFF;
}

body.category-hot-tamales .nav-sections-item-content {
  border-color: #94000f;
}

body.category-hot-tamales button.action.primary,
body.category-hot-tamales a.action.primary {
  background: #AD0012;
  border-color: #AD0012;
}

body.category-hot-tamales button.action.primary:hover,
body.category-hot-tamales button.action.primary:focus,
body.category-hot-tamales button.action.primary:active,
body.category-hot-tamales a.action.primary:hover,
body.category-hot-tamales a.action.primary:focus,
body.category-hot-tamales a.action.primary:active {
  background-color: #94000f;
  border-color: #94000f;
}

body.category-hot-tamales .page-footer {
  background: #AD0012;
}

body.category-hot-tamales .page-footer .copyright {
  background: #94000f;
}

@media screen and (min-width: 1280px) {
  body.category-goldenbergs-peanut-chews .products-grid > ol > li {
    width: 25%;
  }
}

body.category-goldenbergs-peanut-chews .page-main .block-title:after {
  background: #BF1F35;
}

body.category-goldenbergs-peanut-chews .page-main .block-title,
body.category-goldenbergs-peanut-chews .page-main .block-title strong {
  color: #333333;
  font-family: asap, sans-serif;
  font-weight: bold;
  font-style: normal;
}

@media screen and (min-width: 1280px) {
  body.category-peeps .products-grid > ol > li {
    width: 25%;
  }
}

body.category-peeps .page-main .block-title:after {
  background: #fae700;
  background: -webkit-linear-gradient(0deg, #e66ffa 0%, #e66ffa 5%, #0ebcee 5%, #0ebcee 9%, #b28fc2 9%, #b28fc2 17%, #fae700 17%, #fae700 28%, #e66ffa 28%, #e66ffa 35%, #0ebcee 35%, #0ebcee 53%, #b28fc2 53%, #b28fc2 66%, #fae700 66%, #fae700 79%, #e66ffa 79%, #e66ffa 100%);
  background: -o-linear-gradient(0deg, #e66ffa 0%, #e66ffa 5%, #0ebcee 5%, #0ebcee 9%, #b28fc2 9%, #b28fc2 17%, #fae700 17%, #fae700 28%, #e66ffa 28%, #e66ffa 35%, #0ebcee 35%, #0ebcee 53%, #b28fc2 53%, #b28fc2 66%, #fae700 66%, #fae700 79%, #e66ffa 79%, #e66ffa 100%);
  background: linear-gradient(90deg, #e66ffa 0%, #e66ffa 5%, #0ebcee 5%, #0ebcee 9%, #b28fc2 9%, #b28fc2 17%, #fae700 17%, #fae700 28%, #e66ffa 28%, #e66ffa 35%, #0ebcee 35%, #0ebcee 53%, #b28fc2 53%, #b28fc2 66%, #fae700 66%, #fae700 79%, #e66ffa 79%, #e66ffa 100%);
}

.checkout-cart-index .cart-item-actions .action {
  border: 0;
}

.checkout-cart-index .action.multicheckout {
  border: 0;
}

.checkout-index-index .opc-progress-bar-item._active:before {
  border-color: #005ca9;
}

.checkout-index-index .opc-progress-bar-item._active:after {
  background-color: #005ca9;
}

.checkout-index-index .opc-sidebar .items-in-cart .price {
  color: #005ca9;
}

.checkout-index-index .billing-address-same-as-shipping-block {
  background: #005ca9;
}

.checkout-index-index .page-header {
  z-index: 2;
}

.checkout-index-index .page-header .panel.header > .widget {
  display: none;
}

.cms-index-index main.page-main {
  max-width: none;
  padding: 0;
  width: 100%;
}

.cms-index-index main.page-main .home-featured-products {
  background: url("../../img/candy.jpg") no-repeat;
}

@media screen and (min-width: 1920px) {
  .cms-index-index main.page-main .home-featured-products {
    background: url("../../img/candy_2k.png");
  }
}

@media screen and (min-width: 2048px) {
  .cms-index-index main.page-main .home-featured-products {
    background: url("../../img/candy_4k.png");
  }
}

/*# sourceMappingURL=justborn.css.map */