#pageHero {
  display: block;
  margin:  0 auto;
  max-width: 100%;
}
.hero-img-anchor { display: block; }
.hero.mb-xxl { margin-bottom: -3px !important; }

.feat-promo-wrapper, .icon-row-wrapper, .banner-wrapper, .banner-wrapper .text-cta { width: 100%; }
.feat-promo-wrapper { background-color: #2262b2; display: inline-flex; position: relative; margin-top: 16px; }
.feat-promo-wrapper .divider { position: absolute; left: 50%; top: 32px; bottom: 39px; border-left: 1px solid #ffffff; opacity: 50%; }
.feat-promo { height: auto; text-align: center; width: 50%; padding: 30px 5%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.feat-promo .headline { font: 600 26px/1.15 Poynter,Georgia,serif !important; letter-spacing: 0.46px; color: #ffffff; margin: 4px 0 4px; }
.feat-promo .copy { font: normal 14px/1.21 Lato,serif !important; letter-spacing: 0.88px; color: #ffffff; max-height: 36px; margin-bottom: 0; }
.feat-promo a { font: normal 14px/1.48 Lato,serif !important; letter-spacing: normal; color: #ffffff; text-decoration: underline; margin-top: 22px; }
.feat-promo a:hover, .feat-promo a:focus { font-weight: 700 !important; }
.feat-promo a::after { content: "\e903"; font-family: bn-icons; font-size: 10px; position: relative; left: 4px; text-decoration: none; display: inline-block; padding-right: 0.25rem; color: #ffffff; top: 0px; }
.bg-green { background-color: #38807b !important; }
.bg-skyblue { background-color: #305c98 !important; }
.bg-teal { background-color: #367f8c !important; }
.bg-magenta { background-color: #942a69 !important; }

.icon-row-wrapper { display: flex; flex-direction: row; padding: 0 12%; }
.icon-row-wrapper .icon-item { width: calc(100% / 3); text-align: center; padding: 36px 10px; text-decoration: none; }
.icon-row-wrapper .icon img { height: 32px; margin-bottom: 9px; }
.icon-row-wrapper .icon-item:nth-child(2) img {margin-right: 21px;}
.icon-row-wrapper .headline { font: 600 18px/normal Poynter,Georgia,serif !important; letter-spacing: normal; color: #000000; }
.icon-row-wrapper .cta { margin-top: 5px; }
.icon-row-wrapper a { display: block; font: normal 14px/1.48 Lato,serif !important; letter-spacing: normal; color: #000000; text-decoration: underline; }
.icon-row-wrapper a:hover, .icon-row-wrapper a:focus { font-weight: 700 !important; }
.icon-row-wrapper a::after { content: "\e903"; font-family: bn-icons; font-size: 0.75rem; position: relative; left: 4px; text-decoration: none; display: inline-block; padding-right: 0.25rem; top: 0; color: #000000; margin-left: 4px; }

.four-across-feat-wrapper, .four-across-wrapper { display: flex; flex-direction: column; }
.four-across-feat-wrapper .feat-headline { font: 600 34px/1.09 Poynter,Georgia,serif !important; letter-spacing: 0.94px; color: #ffffff; margin: 38px 0; font-style: italic !important; min-height: 24px; }
.four-across-feat-wrapper .four-across-headline { font: normal 20px/24px Lato,serif !important; letter-spacing: 0.46px; color: #000000; margin: 0; }
.four-across-feat-wrapper { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 47px; position: relative; height: 459px; }
.four-across-feat-wrapper img.desktop { display: block; max-width: 1024px; }
.four-across-feat-wrapper img.mobile { display: none; }
.four-across-feat-wrapper .four-across-content-wrapper { position: absolute; display: flex; flex-direction: column; align-items: center; }
.four-across-wrapper {justify-content: center; align-items: center; width: 750px; margin: 0 auto; background-color: #ffffff; padding-top: 20px; }
.four-across-wrapper a { width: 251px; height: 32px; border: solid 1px #000000; font: 600 14px/normal Lato,serif !important; letter-spacing: 0.5px; color: #000000; text-transform: uppercase; display: flex; justify-content: center; align-items: center; }
.four-across-titles { display: flex; margin: 20px 0 30px; }
.four-across-titles .four-across-title { display: flex; }
.four-across-titles img { width: 144px; margin-right: 24px; align-self: flex-end; }
.four-across-titles div:nth-child(4) img { margin-right: 0; }
.product-shelf-info { border: none; }

/* FILTERS */
.cp-filters-wrapper {
  padding: 0 37px;
}
.deals-filter-hdr {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin: 0 37px 18px 37px;
  background-color: white;
  font: 600 24px/1.5 Poynter,sans-serif;
  font-style: italic;
  letter-spacing: 0.86px;
}
.deals-filter-hdr.with-sticky { padding-top: 40px; }
.deals-filter-links.sticky-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.27);
  background-color: #ffffff;
  padding: 10px 216px;
  z-index: 100;
  border-bottom: 1px solid #fafafa; /* so IE10-11 has something */
  display: flex;
  justify-content: center;
}
.deals-filter-links {
    display: grid;
    width: 100%;
    margin: 0 auto 32px auto;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 10px;
  }
.deals-filter-links a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #3e5962;
  color: #ffffff;
  height: 48px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font: bold 14px/36px Lato,sans-serif;
}
.deals-filter-links a:hover, .deals-filter-links a:focus, .deals-filter-links a.filter-on {
  background-color: #21282d;
  text-decoration: none;
}
.deals { 
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.3%;
  width: 48.35%;
}
.deals.displayed {
  display: flex;
}
/* .deals.displayed:nth-child(2n) {
  margin-right: 0;
} */
.deals-box {
  width:  100%;
  border: solid 1px #bebebe;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.deals-box > .content {
  padding: 22px 20px 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.deals-box .brow {
  font: 600 14px/1.43 Lato,sans-serif;
  letter-spacing: 0.54;
  text-align: center;
  text-transform: uppercase;
  color: #7e6c5d;
  margin: 0 0 10px 0;
}
.deals-box .title {
  min-height: 105px;
  font: 600 26px/1.38 Poynter,Georgia,serif;
  letter-spacing: 0.46px;
  text-align: center;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.deals-box .title i {
  font: italic 600 26px/1.38 Poynter,Georgia,serif;
}
.deals-box .img-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /*height: 216px;*/
  width: 100%;
  margin-top: 7px;
  min-height: 214px;
}
.deals-box img {
  display: block;
  max-width: 165px;
  max-height: 246px;
  width: 164px;
}
.deals-box .img-container img + img {
    margin-left: 15px;
}
.deals-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 100%;
  max-width: 176px;
  margin: 24px auto 22px;
  font: 600 14px/normal Lato,sans-serif;
  letter-spacing: 0.5px;
  color: #000000;
  border: 1px solid #000000;
  text-transform: uppercase;
  text-decoration: none;
}
.deals-box .expire {
  font: normal 14px/1.21 Lato,sans-serif;
  letter-spacing: 0.88px;
  color: #000000;
  margin-bottom: 15px;
}
.deals-box > .channel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  background-color: #dddddd;
  text-align: center;
  font: bold 12px/normal Lato,sans-serif;
  letter-spacing: 1.5px;
  color: #000000;
  text-transform: uppercase;
}
#view-filter {
  display: flex;
  justify-content: center;
  margin-bottom: 43px;
}
#view-filter > div {
  font: 500 14px/normal Lato,sans-serif;
  letter-spacing: 0.09px;
  color: #575757;
  margin-right: 28px;
}
#view-filter > span.checkbox__text {
  font: 600 14px/normal Lato,sans-serif;
  letter-spacing: 0.09px;
  color: #000000;
}
label:last-of-type.checkbox { margin-right: 0px !important; } 
.checkbox { margin-right: 34px !important; }
/* .checkbox input:checked ~ .checkbox__box:after {bottom: 0.12rem;}*/
.checkbox__box { margin-right: 11px !important; }
.checkbox__text { font-size: 14px; font-weight: 600 !important; color: #000000; line-height: 1.22; }
#content-filter-grid { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
#content-filter-grid a:focus, #content-filter-grid a:hover { border-color: #21282d; color: #fff; background-color: #21282d;}
.no-offer-msg { font: 18px/24px Lato,sans-serif; letter-spacing: 0.64px; color: #000000; width: 90%; max-width: 666px; margin: 60px auto; text-align: center; }



@media screen and (min-width: 1366px) {
  .container {
      max-width: 1366px;
  }
}

@media screen and (max-width: 1366px) {
  .hero.mb-xxl {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }
  .feat-promo-wrapper {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .feat-promo-wrapper {
    width: calc(100% - 4.5rem);
  }
  .banner-without-image {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }
}


@media screen and (max-width: 1200px) {
  .icon-row-wrapper { padding: 0 6%; }
  .deals-box img {
    max-width: 145px;
    max-height: 216px;
  }
  .deals-filter-links {
    grid-template-columns: repeat(4, 1fr);
  }
  .filter:last-child:nth-child(4n - 1) {grid-column-end: -1;}
  .filter:nth-last-child(2):nth-child(4n + 1) {grid-column-end: 3;}
}


@media screen and (max-width: 1000px) {
  .icon-row-wrapper { padding: 0 3%; }
}


@media screen and (max-width: 1098px) {
  br.dt-only { display: none; }
  
  .deals { 
    margin: 0 0 19px 0;
  }
  .deals-box > .content {
    width: 100%
  }
  .html .deals-box > .brow {
    font: 500 14px/14px Lato,sans-serif !important;
  }
  .html .deals-box > .title {
    font: 600 16px/20px Poynter,Georgia,serif !important;
  }
  .html .deals-box > .title i {
    font: italic 600 16px/20px Poynter,Georgia,serif !important;
  }
  .html .deals-box > a {
    font: 600 14px/14px Lato,sans-serif !important;
  }
  .deals-box:nth-child(3n+3) {
    margin-right: 24px;
  }
  .deals-box:nth-child(even) {
    margin-right: 0;
  }
  .deals-box img {
    max-width: 144px;
    max-height: 216px;
  }

}


@media screen and (max-width: 900px) {
  /* BANNER FIX */
  .pl-sm-s { padding-right: 0 !important; padding-left: 0 !important; }

  /* OVERRIDE GLOBAL */
  .container {
    padding: 0 !important;
  }
  .container header {
    padding: 0 2rem !important;
  }
  .hero.mb-xxl {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .feat-promo-wrapper {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .feat-promo-wrapper {
    width: calc(100% - 4rem);
  }
  .banner-without-image {
    margin-right: 0;
    margin-left: 0;
  }
  #content-filter-grid.cp-filters-wrapper, .cp-filters-wrapper{
    padding: 0 2rem;
  }
  .deals-filter-hdr {
    justify-content: center;
    margin: 0 0 18px 0;
  }
}


@media screen and (max-width: 800px) {
    .deals-filter-links {
        grid-template-columns: repeat(3, 1fr);
    }
    .filter:nth-last-child(2):nth-child(4n + 1) {grid-column-end: 4;}
    .filter:last-child:nth-child(3n - 2) {grid-column-end: 3;}
}


@media screen and (max-width: 767px) {
  .deals-box .img-container img { width: 100%; }
}

@media screen and (min-width: 612px) and (max-width: 766px) {
.deals-box img {
    max-width: 120px;
    max-height: 179px;
  }
.deals-box .title {
  font: 600 26px/1.23 Poynter,Georgia,serif;
}
}

@media screen and (max-width: 612px) {
  .feat-promo-wrapper {
    display: flex;
    flex-direction: column;
  }
  .feat-promo-wrapper .divider {
    position: static;
    border-left: 0 none;
    border-bottom: 1px solid white;
  }
  .feat-promo {
    width: 100%;
  }
  #content-filter-grid {
    padding: 0;
  }
  .deals-filter-hdr {
    font: 600 24px/1.5 Poynter,sans-serif !important;
    font-style: italic !important;
    margin-left: 2rem;
    padding: 0;
    justify-content: flex-start;
  }

  .deals-filter-links { 
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 32px 0;
}
  .deals-filter-links a { 
    width: auto;
    flex-grow: 1;
    padding: 0;
    margin-right: 0;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #3e5962;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.32px;
    height: 42px;
  }
  .deals-filter-links a#filter-all { width: 20%; }
  .deals-filter-links a#filter-books { width: 23%; }
  .deals-filter-links a#filter-teens-ya { width: 28%; }
  .deals-filter-links a#filter-kids-ya { width: 20%; }
  .deals-filter-links a#filter-ebooks, .deals-filter-links a#filter-audiobooks, .deals-filter-links a#filter-toys-games, .deals-filter-links a#filter-music-movies {
      width: 47.5%;
    }
  .deals-filter-links a#filter-stationery-gift { width: 52%; }
  .deals-filter-links a#filter-book-annex { width: 39%; }
  .deals-filter-links a#filter-cafe { width: 37%; }
  .deals-filter-links a#filter-sweeps { width: 54%; }

  .deals-filter-links a:hover, .deals-filter-links a:focus, .deals-filter-links a.filter-on {
      background-color: #346250; color: #ffffff;
   }
  
  #view-filter {
    width: 80%;
    justify-content: space-evenly;
    margin: 0 auto 30px auto;
  }

  .deals { 
    width: 100%;
    margin: 0 0 19px 0;
  }
  .deals-box {
    width: 100%;
    margin-right: 0;
  }
  .deals-box:nth-child(3n+3), .deals-box:nth-child(4n+4), .deals-box:nth-child(5n+5) {
    margin-right: 0;
  }
  .deals-box:nth-child(even) {
    margin-right: 0;
  }
  .deals-filter-links {
    margin: 0 0 32px 0;
  }
}


@media screen and (max-width: 480px) {
  .container header {
    padding: 0 0.88rem !important;
  }
  .hero.mb-xxl {
    margin-right: 0;
    margin-left: 0;
  }
  .feat-promo-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .feat-promo-wrapper {
    width: 100%;
  }
  .deals-filter-hdr {
    margin-left: 1.1rem;
  }
  #content-filter-grid.cp-filters-wrapper, .cp-filters-wrapper {
    padding: 0 1.1rem;
  }
  .icon-row-wrapper { padding: 0 0.25rem; }
  .icon-row-wrapper .icon-item { width: calc(100% / 3); text-align: center; padding: 36px 2px; text-decoration: none; }
  .icon-row-wrapper .headline { font: 600 15px/20px Poynter,Georgia,serif !important; letter-spacing: 0; }
  .icon-row-wrapper .icon img.curbside-pickup { transform: scale(0.9); }
}
@media screen and (max-width: 414px) {
  .feat-promo .headline { font: 600 20px/28px Poynter,Georgia,serif !important; letter-spacing: 0.86px; margin: 0 0 12px 0; }
  #view-filter { width: 90%; }
  #view-filter > div { display: none; }
  .checkbox__box {margin-right: 7px !important; width: 17px; height: 16px;}
  .checkbox input:checked ~ .checkbox__box:after {font-size: 10px; /* line-height: 1.295; */}
  .checkbox { margin-right: 15% !important; }
  .checkbox__text {font-size: 14px !important; line-height: 1.35;}
  .deals-box .img-container { width: 100%; }
  /* .deals-box .img-container img { width: 45%; } */
}

@media screen and (max-width: 375px) {
  .checkbox__box {margin-right: 5px !important;}
  .checkbox__text {font-size: 13px !important;}
}

@media screen and (max-width: 375px) {
.deals-box img {
    max-width: 120px;
    max-height: 179px;
}
.deals-box .img-container { min-height: 179px; }
.deals-box a { margin: 13px auto 22px; }
.deals-box .title { min-height: 50px; }
}

@media screen and (max-width: 374px) {
  .icon-row-wrapper .headline { font: 600 14px/19px Poynter,Georgia,serif !important; }
  .icon-row-wrapper .icon img { height: 29px; }
}

@media screen and (max-width: 359px) {
  .deals-filter-links a { font: 700 13px/13px Lato,sans-serif; }
}

@media screen and (max-width: 350px) {
  .icon-row-wrapper .headline { font: 600 13px/19px Poynter,Georgia,serif !important; }
  .icon-row-wrapper a { font: normal 13px/1.48 Lato,serif !important; }
  .checkbox__box {margin-right: 5px !important;}
  .checkbox__text {font-size: 13px !important;}
}
@media screen and (max-width: 320px) {
  #view-filter > div {display:none;}
  /* .checkbox__text {font-size: 11px !important; line-height: 1.5;} */
}