/* Product card overlays new */

.outofstock .product-card-thumbnail-wrap:before {
	content: "";
	background: rgba(255,255,255,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
}

.outofstock.stock-sticker-default .product-card-thumbnail-wrap:after {
	content: "More stock coming soon";
	color: #333;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 100%;
	text-align: center;
	width: 7rem;
	height: 7rem;
	top: calc(50% - 3.5rem);
	left: calc(50% - 3.5rem);
	font-size: 0.8em;
	font-weight: bold;
 line-height: 1.2;
 white-space: pre-wrap;
	display: flex;
	align-items: center;
}

.outofstock.stock-sticker-limited .product-card-thumbnail-wrap:after {
	content: "Limited stock available";
	color: #333;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 100%;
	text-align: center;
	width: 7rem;
	height: 7rem;
	top: calc(50% - 3.5rem);
	left: calc(50% - 3.5rem);
	font-size: 0.8em;
	font-weight: bold;
 line-height: 1.2;
 white-space: pre-wrap;
	display: flex;
	align-items: center;
}



.cta-box {
  border: unset;
}                              

.cta-box--generic {
  border: 3px solid;
 } 
 
.cta-box--filled img {    
  max-height: 100px;  
  }

.slider-banner-slide {
  display: block;
  position: relative;
  background-size: cover;
}

.slider-banner-slide img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
    .cta-box--filled {
    min-height: 250px;
    }
}

.hero-image--everybody-read {
    background-size: 40%;
    background-position-x: right 1rem;
}

@media screen and (min-width: 996px) {
 .hero-image--everybody-read {
  background-position-y: center;
  background-size: 45%;
 }
}

.slide-badge {
  position: absolute;
  top: .5rem;
  padding: 0;
  border-radius: 0 1rem 1rem 0;
} 

.slide-badge span {
  padding: 0px 12px 5px 1.25rem;
  font-size: .75rem;
}

.slide-link {
  position: absolute;
  bottom: .5rem;
  left: 1.25rem;
  font-size: .75rem;
}

.slide-link span,
.slide-link svg {
  font-size: inherit;
  height: inherit;
  height: .75rem;
  margin-top: -2px;
  margin-left: .125rem;
}

@media screen and (min-width: 768px) {
  
  .slide-badge {
    top: 15px;
  } 
  
  .slide-badge span {
    padding-left: 36px;
    padding-right: 16px;
    font-size: 1rem;
  }
  
  .slide-link {
    bottom: 15px;
    left: 35px;
    font-size: .825rem;
  }
}

@media screen and (min-width: 996px) {
  
  .slide-badge {
    top: 50px;
  } 
  
  .slide-badge span {
    padding-left: 50px;
    padding-right: 16px;
    font-size: 1.5rem;
  }
  
  .slide-link {
    bottom: 25px;
    left: 50px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1200px) {
  
  .slide-badge span {
    padding-left: 56px;
  }
  
  .slide-link {
    left: 58px;
  }
}

.owl-nav {
  display: none;
}

.owl-dots {
  margin-top: 2rem
}

/* moved from inline */


.card-everybody-read .wc-memberships-restriction-message {
display: none;
}

.card-everybody-read--restricted .card-img-top,
.card-everybody-read--restricted h3 {
  opacity: 60%;
}

.opacity-50 {
  opacity: 50%;
}

.card-promo-badge {
  position: relative;
  width: 100%;
  font-size: 1.25rem;
}

.card-promo-icon {
  position: absolute;
  right: 1rem;
  top: -3rem; 
  width: 4rem;
  height: 4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}

.card-promo-icon svg {
  fill: #333;
  width: 40%;
  height: 40%;
}


@media screen and (min-width: 580px) {
    .card-promo-icon {
        width: 3rem;
        height: 3rem;
        font-size: .825rem;
        right: -1.5rem;
	top: -2.5rem;
    }
}