/*
 Theme Name:   Save the Children
 Theme URI:    http://homemadedigital.com/
 Description:  Custom Save the Children Theme (Storefront Child Theme)
 Author:       Home Made Digital
 Author URI:   http://homemadedigital.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  save-the-children-child
*/

/* Social Media - emails footer  */

#social-media-container {
  text-align: center !important;
  border: 1px solid red;
}

/* mini cart  */
.woo_amc_open.right-bottom-fixed {
  position: fixed;
  right: 20px !important;
  bottom: 60px !important;
}

/* Sticky Header  */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  /* border: 3px solid red; */
  width: 100%;
}

/* Accessibility Tool  */
.admin-bar .header__top-menu {
  top: 38px;
}

.header__top-menu {
  text-align: center;
  text-decoration: none;
  background: #fff;
  position: fixed;
  top: 0;
  left: 45%;
  z-index: 9999999;
}

.header__top-menu ul {
  list-style: none;
  margin: 0 auto;
}

.header__top-menu ul a {
  background: #da291c;
  color: #fff;
  cursor: pointer;
  padding: 20px 15px 15px 15px;
  letter-spacing: 0;
  line-height: 3;
  border-radius: 0 0 4px 4px;
  border: none;
  font-family: "Lato", sans-serif !important;
  font-size: 15px;
  text-transform: none;
}

.header__top-menu ul a:hover {
  text-decoration: none;
}

/* hamburger menu */
.menu-item-55403 {
  background: #da291c !important;
}
.menu-item-55403 a {
  color: #fff !important;
}

/* Shop Search btn  */
.shop-search .search-btn i.fas.fa-search {
  padding-top: 10px !important;
}

/* PRIMARY MENU : extending 100% after removing mini-cart */
.woocommerce-active
  .site-header
  .storefront-primary-navigation
  > .col-full
  .main-navigation {
  width: 100% !important;
  text-align: center !important;
}

/* Cookie Consent OneTrust */
#ot-sdk-btn {
  background-color: white !important;
  color: black !important;
  border: 0px !important;
  padding: 0px !important;
  text-transform: capitalize !important;
  text-decoration: underline !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.site-footer .footer-links {
  width: auto !important;
}

/* homepage layout -- Rolling Banner*/

.carousel-indicators li {
  background-color: red !important;
}

.home .site-content {
  padding-top: unset;
}

/* pages layout */
.site-content {
  padding-top: 190px;
}

.intro-banner-caption .term-description p {
  margin: 10px;
}

.intro-banner .intro-banner-title h1 {
  line-height: 1.5 !important;
}

@media (max-width: 320px) {
  .intro-banner .intro-banner-title h1 {
    margin-left: 5px !important;
  }
}

@media (min-width: 768px) {
  .home #stcRollingBanner {
    padding-top: 250px;
  }
}

@media (max-width: 768px) {
  .site-content {
    padding-top: 0px;
  }

  .intro-banner {
    max-width: 100vw;
    margin: 0;
    margin-bottom: 15px;
  }
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

/* .term-description{} */

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Oswald", sans-serif !important;
}

.footer-links a {
  font-family: "Lato", sans-serif !important;
}

body {
  font-family: "Lato", sans-serif !important;
}

.col-full {
  max-width: 100% !important;
}

ul.products li.product img {
  padding-top: 20px;
  max-height: unset;
}

@media (max-width: 1024px) {
  ul.products li.product img {
    max-height: unset;
  }
}

.page .donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation {
  margin-right: 30px;
  padding-right: 0;
}

@media (min-width: 1024px) {
  .add-a-donation {
    width: 280px !important;
  }
}



.term-description p {
  text-decoration: underline #d72b26;
  font-family: "Lato", sans-serif !important;
  font-weight: normal !important;
  padding-top: 5px !important;
}

.promo-block {
  text-align: center;
}

.promo-blocks.promo-blocks--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
  row-gap: 70px;
  margin-bottom: 0;
}

.promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-title {
  padding-left: 12px;
  padding-right: 12px;
}
.promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary {
    padding: 0 0 24px 0;
  }

.promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-content {
  padding: 0px;
  margin: 20px 12px;
  text-align: left;
}


.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .promo-block-title h2 {
  padding-top: 25px;
  font-size: 1.25rem;
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-content {
    padding: 28px 24px 0 24px;
    margin-top: 0;
  }

  .promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-title {
    padding-left: 24px;
    padding-right: 24px;
  }

  .promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .promo-block-title h2 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .promo-blocks.promo-blocks--2col {
    column-gap: 24px;
  }

  .promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-content {
    padding: 28px 40px 0 40px;
    margin-top: 0;
  }

  .promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .promo-block-title {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.promo-blocks.promo-blocks--2col
  .promo-block
  .promo-block-primary
  .promo-block-main
  .button {
  margin-left: 0px;
}



.promo-blocks.promo-blocks--2col .promo-block {
  border-right: none !important;
  border-left: none !important;
  width: 100% !important;
  background: white;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main-content {
  padding: 30px 30px 0 30px;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-graphic {
  margin-top: 0;
  box-sizing: border-box;
  aspect-ratio: 4/3;
  max-width: 450px;

  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

@supports not (aspect-ratio: 4 / 3) {
  &::before {
    float: left;
    padding-top: 75%;
    content: "";
  }

  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-graphic img {
  margin: 0 auto;
  border-radius: 0 !important;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary {
  height: 100% !important;
}

@media (max-width: 1024px) {
  .promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main-content {
    padding: 24px 24px 0 24px;
  }
}

@media (max-width: 568px) {
  .col-full {
      margin-left: 12px;
      margin-right: 12px;
      padding: 0;
  }

  .promo-blocks.promo-blocks--2col .promo-block .promo-block-primary {
    height: 100% !important;
  }

  .promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main-content {
    padding: 12px 12px 0 12px;
  }

  .promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .promo-block-title {
    min-height: auto;
  }
}

body ul.products {
  margin-bottom: 23px !important;
}

body ul.products li.product {
  height: 100%;
}

body ul.products li.product .woocommerce-LoopProduct-link .product-image-container {
  padding: 30px 30px 0 30px;
}

body ul.products li.product .product-image {
  max-width: 450px;
  aspect-ratio: 3/2;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block !important; 
  margin:  0 auto;
}

@supports not (aspect-ratio: 3 / 2) {
  &::before {
    float: left;
    padding-top: 66.6%;
    content: "";
  }

  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

body ul.products li.product img {
  margin: 0;
  padding: 0;
  height: auto;
  max-width: none;
  margin: 0 auto;
  border-radius: 0 !important;
  box-sizing: border-box;
  min-height: unset;
  min-width: unset;
  position: relative;
  contain-intrinsic-size: none; 
  object-fit: contain;
  object-position: center;
  width: 100%; 
  height: 100%;
}

@media (max-width: 1024px) {

  body ul.products li.product .woocommerce-LoopProduct-link .product-image-container {
    padding: 24px 24px 0 24px;
  }

}

@media (max-width: 568px) {

  body ul.products li.product .woocommerce-LoopProduct-link .product-image-container {
    padding: 12px 12px 0 12px;
  }

}

.storefront-full-width-content .site-main ul.products.columns-3 li.product,
.storefront-full-width-content .default-category-listing ul.products.columns-3 li.product {
    width: 100% !important;
    margin-right: 0 !important;
}

ul.products li.product .woocommerce-loop-product__title {
  padding: 20px 10px 0 10px;
  font-size: 1.25rem;
  border-top: none !important;
}

body ul.products {
  margin-bottom: 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 23px;
  column-gap: 16px;
  &:before {
    display: none;
  }
}

body ul.products li.product .woocommerce-LoopProduct-link .product-image-container {
  min-height: 50px !important;
}

ul.products li.product .button:not(.added) {
  margin-bottom: 20px;
}


@media (min-width: 1024px) {

  body ul.products {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 26px;
  }

  ul.products li.product .woocommerce-loop-product__title {
    padding: 36px 10px 0px 10px;
    font-size: 2rem;
  }


}





/* .jcwd-donation-text{
  border: 1px solid blue;
} */

/* BASKET PAGE */
.donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation {
  background-image: url(/wp-content/uploads/2022/08/add-donation-credit-scaled.jpg) !important;
  background-size: 360px 240px !important;
  background-position: center;
  width: 50% !important;
  padding-top: 240px !important;
  /* padding-bottom: 10px !important; */
  /* padding-left: 0px !important; */
  /* padding-right: 0px!important; */
  /* margin-top: 0px !important; */
  /* margin-left: 0px!important; */
  /* margin-right: 0px !important; */
  /* margin-bottom: 10px !important; */
  /* color: white !important; */
  /* font-size: 20px !important; */
  /* border: 1px solid red; */
}

/* .donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation-text {
  width: 40%!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
  padding-left: 10px!important;

  border: 1px solid green;

} */

/* BASKET PAGE - ADD DONATION PICT HEADING */
@media (max-width: 435px) {
  .donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation {
    padding-bottom: 5px !important;
  }
}

/* CHECKOUT PAGE */

/* LEFT BLOCK */
#checkout-block-left {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
  width: 50% !important;
}

@media (max-width: 1024px) {
  #checkout-block-left,
  #checkout-block-right {
    width: 100% !important;
  }
}

/* LEFT BLOCK  */

/* BILLING / SHIPPING */
#customer_details {
  float: left;
  width: 100%;
  /* border: 1px solid red; */
}

#customer_details .col-1,
/* billing details */
#customer_details .col-2 {
  /* shipping details*/
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* RIGHT BLOCK */
#checkout-block-right {
  float: right;
  padding: 0px;
  margin: 0px;
  width: 49%;
}

/* RIGHT BLOCK */
#order_review_heading {
  padding-left: 40px !important;
  padding-top: 30px !important;
  padding-bottom: 0 !important;
  background-color: #fff !important;
}

#order_review_heading,
#order_review {
  float: unset;
  width: 100%;
}

#order_review.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
  background-color: #fff !important;
}

/* GIFT AID  + KEEPIN TOUCH BLOCK */

#checkout-block-center {
  float: left !important;
  padding: 50px !important;
  background-color: #fff !important;
  /* border: 1px solid red; */
}

/* GIFT AID / KEEP IN TOUCH */
.woocommerce-additional-fields .gift-aid-section #gift-aid-heading {
  background-image: url(../savethechildren/assets/images/checkout/giftaid.svg);
  background-repeat: no-repeat;
  background-position: center left;
  text-indent: -9999px;
  min-height: 52px;
  min-width: 148px;
}

.woocommerce-additional-fields .gift-aid-section {
  border-bottom: 1px solid;
  padding-bottom: 1.25em;
  margin-bottom: 1.875em;
}

#keeping_in_touch_footer_caption_field {
  margin-top: 0px !important;
}

.woocommerce-additional-fields h3 > .caption {
  font-family: Arial;
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

label.checkbox {
  font-size: inherit;
  font-weight: 700;
}

/* accessibility tool on top menu hidden if screen < 1024px */
@media (max-width: 1024px) {
  .header__top-menu{
    display:none;
  }
}

/* screen > 768px  */
@media (min-width: 768px) {
  /* Accessibility Tool link in primary menu hidden if screen > 768px */
  #menu-item-55403 {
    display: none !important;
  }
}

/* screen < 768px */
@media (max-width: 768px) {
  .admin-bar .site-header {
    top: 48px;
  }

  /* mini cart  */
  .woo_amc_open.right-bottom-fixed {
    position: fixed;
    right: 20px !important;
    bottom: 80px !important;
  }
}

/********* video banner *********/

#stcRollingBanner {
  margin-bottom: 10px;

}

#stcRollingBanner .swiper-slide {
  height: auto !important;
  align-self: stretch;
}

#stcRollingBanner .swiper-wrapper { 
  margin-bottom: 30px;
  padding-bottom: 10px;
}

#stcRollingBanner .swiper-pagination-bullet {
  border-radius: 0;
  width: 30px;
  height: 10px;
  background-color: transparent !important;
  opacity: .5;
  padding: 10px;
  border-bottom: 3px solid red;
}

#stcRollingBanner .swiper-pagination-bullet-active {
  opacity: 1;
}

@media screen and (max-width: 768px) { 
#stcRollingBanner .swiper-slide .intro-banner-caption {
  min-height: 130px;
}
}

#stcRollingBanner .intro-banner {
  height: 100%;
  background: #d72b26;
}

@media screen and (max-width: 768px) { 
  #stcRollingBanner .intro-banner {
    min-height: 450px;
  }
}

.swiper-slide a:hover p, .swiper-slide a:hover {
  text-decoration: none;
}

.intro-banner {
  position: relative;
}

.intro-banner a:hover p {
  text-decoration: none;
}



.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml,<svg width="61" height="46" viewBox="0 0 61 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="61" height="46" fill="%23D72A26"/><path d="M25.3867 13.4258L37.7617 20.9883C38.3633 21.375 38.75 22.0625 38.75 22.75C38.75 23.4805 38.3633 24.168 37.7617 24.5117L25.3867 32.0742C24.7422 32.4609 23.9258 32.5039 23.2812 32.1172C22.6367 31.7734 22.25 31.0859 22.25 30.3125V15.1875C22.25 14.457 22.6367 13.7695 23.2812 13.4258C23.9258 13.0391 24.7422 13.0391 25.3867 13.4258Z" fill="white"/></svg>') no-repeat;
  background-size: contain;
  text-indent: -9999px;
  width: 61px;
  height: 46px;
  overflow: hidden;
}

.video-play-button:hover, .intro-banner-image:hover .video-play-button {
  box-shadow: none;
  background: url('data:image/svg+xml,<svg width="61" height="46" viewBox="0 0 61 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="61" height="46" fill="%239E221E"/><path d="M25.3867 13.4258L37.7617 20.9883C38.3633 21.375 38.75 22.0625 38.75 22.75C38.75 23.4805 38.3633 24.168 37.7617 24.5117L25.3867 32.0742C24.7422 32.4609 23.9258 32.5039 23.2812 32.1172C22.6367 31.7734 22.25 31.0859 22.25 30.3125V15.1875C22.25 14.457 22.6367 13.7695 23.2812 13.4258C23.9258 13.0391 24.7422 13.0391 25.3867 13.4258Z" fill="white"/></svg>')
}

/************ modal styling ************/

.modal {
  background: rgba(0, 0, 0, 0.70);
  z-index: 10501 !important;
}

.has-video-modal {
  cursor: pointer;
}

.videoModalContainer .modal-dialog {
 background: transparent;
  width: calc(100vw - 40px);
  max-width: 1120px;
  border: none !important;
  margin: 0 auto;
  margin-top: 62px;
}

@media screen and (min-width: 1440px) {
  .videoModalContainer .modal-dialog {
    margin-top: 100px;
  }
}

.videoModalContainer .modal-header {
  border-bottom: none;
  opacity: 1 !important;
}

.videoModalContainer .modal-header .close {
  background: #D72A26;
  padding: 12px 22px;
  width: 61px;
  height: 46px;
  opacity: 1 !important;
  text-indent: -9999px;
  background: #D72A26 url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9453 3.23828L9.43359 7.75L13.9453 12.3047C14.5039 12.8203 14.5039 13.7227 13.9453 14.2383C13.4297 14.7969 12.5273 14.7969 12.0117 14.2383L7.5 9.72656L2.94531 14.2383C2.42969 14.7969 1.52734 14.7969 1.01172 14.2383C0.453125 13.7227 0.453125 12.8203 1.01172 12.3047L5.52344 7.75L1.01172 3.23828C0.453125 2.72266 0.453125 1.82031 1.01172 1.30469C1.52734 0.746094 2.42969 0.746094 2.94531 1.30469L7.5 5.81641L12.0117 1.30469C12.5273 0.746094 13.4297 0.746094 13.9453 1.30469C14.5039 1.82031 14.5039 2.72266 13.9453 3.23828Z" fill="white"/></svg>') no-repeat center center;
}

.videoModalContainer .modal-content {
  background: transparent;
  border: none !important;
}

.videoModalContainer .modal-body {
  padding-left: 0;
  padding-right: 0;
  border: none !important;
}

.responsive-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/************ suppliers ************/


@media screen and (max-width: 640px) {
  .supplier-blocks .swiper-button-next, .supplier-blocks .swiper-button-prev {
    display: none !important;
  }
}

.supplier-blocks {
  background: #45B383;
  padding: 70px 20px 70px 20px;
}

.supplier-blocks.has-title {
  padding: 30px 20px 70px 20px;
}

.supplier-blocks h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px; /* 150% */
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: white;
}

.supplier-blocks .swiper-slide {
  background: white;
  padding: 20px;
  height: auto;
  display: flex;
  flex-direction: column;
}



@media screen and (min-width: 640px) {

  .supplier-blocks {
    padding: 70px 30px 70px 30px;
  }

  .supplier-blocks.has-title {
    padding: 30px 20px 70px 20px;
  }
  

  .supplier-blocks .swiper-slide {
    padding: 30px;
  }
}

@media screen and (min-width: 768px) {
  .supplier-blocks {
    padding: 110px 30px 70px 30px;
  }
}

@media screen and (min-width: 1440px) {
  .supplier-blocks {
    padding: 70px 30px 70px 30px;
  }
}

.supplier-blocks .swiper-slide h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38.4px; /* 120% */
  text-transform: uppercase;
  margin: 20px 0;
  text-align: center;
}

.supplier-blocks .swiper-slide .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.supplier-blocks .swiper-slide .image-holder {
  aspect-ratio: 246/141;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.supplier-blocks .swiper-slide .image-holder img {
  aspect-ratio: auto;
  vertical-align: middle;
  min-width: 100%;
}

.supplier-blocks .swiper-slide .about {
  margin-bottom: 4px;
}

.supplier-blocks .swiper {
  position: relative;
  padding-top: 78px;
  margin-top: -78px;
}

.supplier-blocks .swiper-button-next, .supplier-blocks .swiper-button-prev {
  top: 0;
  right: 0;
  left: auto;
  background: white;
  padding: 12px 20px;
  width: 58px;
  height: 46px;
  margin-top: 0px;
  text-indent: -9999px;
  transition: background 0.3s ease;
  display: none;
} 

.supplier-blocks .swiper-button-next:hover, .supplier-blocks .swiper-button-prev:hover {
  background: #D9D9D9;
}

.supplier-blocks .swiper-button-next:after,  .supplier-blocks .swiper-button-prev:after {
  color: #d92a1c;
  width: 14px;
  height: 22px;
}

.supplier-blocks ::selection {
  color: white;
  background-color:transparent;
}


.supplier-blocks .swiper-button-next:after {
  background: url('data:image/svg+xml,<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4453 9.53125C12.0039 10.0469 12.0039 10.9492 11.4453 11.4648L3.19531 19.7148C2.67969 20.2734 1.77734 20.2734 1.26172 19.7148C0.703125 19.1992 0.703125 18.2969 1.26172 17.7812L8.52344 10.4766L1.26172 3.21484C0.703125 2.69922 0.703125 1.79688 1.26172 1.28125C1.77734 0.722656 2.67969 0.722656 3.19531 1.28125L11.4453 9.53125Z" fill="%23D72A26"/></svg>') no-repeat center center;
}

.supplier-blocks .swiper-button-prev {
   margin-right: 68px;
}

.supplier-blocks .swiper-button-prev:after { 
    background: url('data:image/svg+xml,<svg width="58" height="47" viewBox="0 0 58 47" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="58" height="46" transform="translate(0 0.726562)" fill="none"/><path d="M22.5117 22.5312L30.7617 14.2812C31.2773 13.7227 32.1797 13.7227 32.6953 14.2812C33.2539 14.7969 33.2539 15.6992 32.6953 16.2148L25.4336 23.4766L32.6953 30.7812C33.2539 31.2969 33.2539 32.1992 32.6953 32.7148C32.1797 33.2734 31.2773 33.2734 30.7617 32.7148L22.5117 24.4648C21.9531 23.9492 21.9531 23.0469 22.5117 22.5312Z" fill="%23D72A26"/></svg>') no-repeat center center;
}



@media screen and (min-width: 768px) {
  .supplier-blocks .swiper-button-next, .supplier-blocks .swiper-button-prev {
    display: flex;
  }
}


@media screen and (min-width: 1440px) {
  .supplier-blocks .swiper-button-next, .supplier-blocks .swiper-button-prev {
    display: none;
  }
}


ul.products li.product .button {
  align-self: center;
  margin-top: auto;
}

.storefront-full-width-content .default-category-listing ul.products.columns-3 li.product {
  display: flex;
  flex-direction: column;
}

.promo-block-main-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.promo-block-main-content .button {
  align-self: center;
  margin-top: auto;
}

.promo-blocks .promo-block .promo-block-primary .promo-block-graphic {
  width: auto;
}

.promo-block-main {
  height: 100%;
}

/** hide the totals that appear in the virtual gifts area as they are not required **/
.single {
  #gform_totals_1 {
    display: none;
  }
}