/*########################*/
/*########################*/
/*#CUSTOM RELEAF CSS BELOW*/
/*########################*/
/*########################*/  

html {
  scroll-behavior: smooth;
}

/* adjust text animation in hero */
@keyframes rise-up {
  from {
    opacity: 1;
    transform: translateY(120%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes rise-up-out {
  from {
    opacity: 1;
    transform: translateY(0%);
  }
  to {
    opacity: 1;
    transform: translateY(120%);
  }
}

/* CTA BUTTON */
#shopify-section-template--17874121294088__163957665930ca3055{
  top: 70vh;
  position: absolute;">
}

.cta-button{
  background-color: #cf1910 !important;
    color: white !important; 
  margin: 1px !important;  
  transform: translateY(119.5%);
  animation: 500ms rise-up 1s forwards;
}

@keyframes shake {
  0% { transform: scale(1);}
  80% { transform: scale(1);}
  85% { transform: scale(0.95);}
  90% { transform: scale(1.05);}
  95% { transform: scale(0.95);}
  100% { transform: scale(1.00);}   
}

/*separator in product page, reduce margin (regularly 35px)*/
.hr--medium{
  margin-top: 20px;
  margin-bottom: 20px;
}

/*hide recaptcha badge - mofos*/
.grecaptcha-badge { visibility: hidden; }

/*hide "powered by shopify"*/
.footer__powered_by { visibility: hidden; }

/* adjust collection immage height*/
.collection-hero {
  height: 33vh !important;
}

/*### mobile only stuff*/
@media only screen and (max-width:589px){
  .feature-row__text{
      padding:30px 0 0;
  }
/* left align shipping icon on product page*/
  .sales-point .icon-and-text {
      justify-content: left;
  }

  /* add padding to logo list on mobile*/
  .logo-bar {
	padding-bottom: 20px;
  }
  
  /* adjust collection image height*/
  .collection-hero {
    height: 21vh !important;
  }
  
}

/*adjust gift card stuff */
.giftcard__code__inner {
	padding: 0;
}

.giftcard__code__text {
	padding: 0.2em;
}

.giftcard-header{
  padding: 20px 0 !important;
}
    
#QrCode img{
    padding:30px;
    border-color:{{ settings.color_borders | default: "#1c1d1d" }};
    border-color:var(--colorBorder);
    border-radius:4px;
    margin:0 auto 10px;
}
    
.giftcard__instructions{
  text-align:center;
  margin:0 20px 20px;
}
    
.giftcard__footer{
  text-align:center;
  padding:30px 0;
}

/*hide social symbols in mobile menu */
.mobile-nav__social {
	display: none
}

.rte-setting a {
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    border-bottom: 2px solid;
    border-bottom-color: rgba(21, 5, 0, 0.1);
    position: relative;
}

/*hide social symbols in mobile menu */
.payment-icons .icon {
	height: 24px;
  	width: 34 px;
}

#shipping-time-block {
	margin-top: 28px;
    margin-bottom: 10px;
  	padding-right:5px;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

.flex-container-left {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

.prod-block-small{
  	margin-top: 5px;
    margin-bottom: 10px;
}

.no-margin {
	margin:0;
}

.our-values {
	font-size: 1em !important;
 	text-align: center;
}

.product-block--header {
	margin-bottom: 0;
}

/*wide quantity mods*/
.best-title {
	font-size: .7em !important;
}

.title-variant {
	font-size: .9em !important;
}

.selectable {
	border: 1px solid #c6c6c6 !important;
}

.thumbnailWB{
	border: 0 !important;
}

.checkedWB, .p-title-WB {
	display: none !important;
}

.addCart {
	font-size: 16px !important;
  	font-family: Modernica Heavy !important;
  
}

.hulk_cookie_bar {
	font-size: 1em !important;
}

/*custom condom slideshow*/
.hero--custom {
  z-index: 5 !important;
}

.hero--custom[data-natural]{
  height: 35vh;
  width: 35vh;
  position: absolute;
  top:  20vh;
  left: 50vw;
  margin-left:-17.5vh;	
  background:transparent;
}

@media only screen and (min-width:590px){
  .hero--custom{
    height: 30vh;
    width: 30vh;
    position: absolute;
    top:  19vh;
    left: 50vw;
    margin-left:-15vh;	
    background:transparent;
  }
}

@media only screen and (max-width:589px){
  .hero--mobile--custom{
    height: min(60vw,30vh);
    width: min(60vw,30vh);
    position: absolute;
    top: 17vh;
    left: 50vw;
    margin-left: max(-30vw,-15vh);	
    background:transparent;
  }
}

.hero--custom .flickity-button {
	display:none;
}

.slideshow__slide:after {
	display: none
}
/*custom condom slideshow round 2*/
.hero__image-custom {
	opacity:0;
}

[data-animate_sections=true] .slideshow__slide_custom.is-selected .animation-contents{
      transform:translateY(0px);
    }

[data-animate_sections=true] .slideshow__slide.is-selected .hero__image-custom.lazyloaded {    
  animation: .25s custom-wrapper linear forwards;
  backface-visibility: hidden;
  opacity:0;
}

[data-animate_sections=true] .animate-out .hero__image-wrapper_custom{
	animation: .25s custom-wrapper-out linear forwards;
  	backface-visibility: hidden;
}

.slideshow__slide_custom.is-selected {
	/*animation: 1s shake-wrapper 4.5s cubic-bezier(.36,.07,.19,.97) both;*/
}

[data-animate_sections=true] .slideshow__slide_custom .hero__image-wrapper_custom{
      opacity:0;
    }

[data-animate_sections=true] .slideshow__slide_custom.is-selected .hero__image-wrapper_custom{
      opacity:1;
      transform:scale(1);
      transition:transform 0s,opacity 0s;
    }

@keyframes custom-wrapper{
  0%{opacity:0; transform:rotateY(-360deg) scale(1)}
  25%{opacity:0;}
  26%{opacity:1;}
  51%{opacity:1; transform:rotateY(-180deg) scale(1)}
  to{opacity:1; transform:rotateY(0deg) scale(1)}
}

@keyframes custom-wrapper-out{
  0%{opacity:1; transform:rotateY(0deg) scale(1)}
  25%{opacity:1;}
  26%{opacity:0;}
  50%{opacity:0; transform:rotateY(180deg) scale(1)}
  to{opacity:0; transform:rotateY(360deg) scale(1)}
}


@keyframes custom-wrapper{
  0%{opacity:0; transform:rotateY(-180deg) scale(1)}
  49%{opacity:0;}
  50%{opacity:1; transform:rotateY(-90deg) scale(.95)}
  to{opacity:1; transform:rotateY(0deg) scale(1)}
}

@keyframes custom-wrapper-out{
  0%{opacity:1; transform:rotateY(0deg) scale(1)}
  49%{opacity:1;}
  50%{opacity:0; transform:rotateY(90deg) scale(.95)}
  to{opacity:0; transform:rotateY(180eg) scale(1)}
}

@keyframes custom-wrapper2{
  0%{opacity:0; transform:rotateY(-180deg) scale(1)}
  25%{opacity:0;}
  26%{opacity:1;}
  50%{opacity:1; transform:rotateY(-180deg) scale(1)}
  to{opacity:1; transform:rotateY(0deg) scale(1)}
}

@keyframes custom-wrapper-out2{
  0%{opacity:1; transform:rotateY(0deg) scale(1)}
  25%{opacity:1;}
  26%{opacity:0;}
  50%{opacity:0; transform:rotateY(180deg) scale(1)}
  to{opacity:0; transform:rotateY(360deg) scale(1)}
}


@keyframes shake-wrapper {
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translate3d(1px, 0, 0);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translate3d(-1px, 0, 0);
  }
}

/*
.yamuntu__input-group {
	font-size: .9em; 
}
*/

.template-page yamuntu-floating {
  display:none;
}

/* Newsletter offset */
@media only screen and (max-width:589px){
  #NewsletterPopup-newsletter-popup {
  	transform: translateY(-100%)
  } 
}

/* variant selector stuff */
.new-form-option {
  border-radius: 0 !important;
}

/* custom subcribtion selector*/

.subscr-parent {
  display: flex;
  margin-bottom: -20px;
}

.subscr-child {
  width: 50%;  /* Or whatever */
  flex: 1;
  text-align: center;
  border: 1px solid var(--colorBorder);
  padding: 7px 0px;
  font-size: .9em;
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.subscr-left {
  margin-right: 2px;
}

.subscr-right {
  margin-left: 2px;
}


.subscr-selected {
  border: 2px solid var(--colorTextBody);
  font-weight: bold;
}

.rc-widget {
  padding: 0 !important;
}

.rc-subscription-details {
  display:none !important;
}

[data-block-id="763bf3a2-2f82-4b1c-a004-10e681823c4a"] .kaching-icon-block {
    margin-bottom: -10px !important;
}

.rc-selling-plans-dropdown__select {
  font-size: 1.2em !important;
  font-weight: bold !important;
}

.fullHW {
  height: 100%;
  width: 100%;
}

.margin-bottom {
  margin-bottom: 25px !important;
}

.margin-top {
  margin-top: 25px !important;
}

/* custom variant display */

.variantContainer {
  display: flex;
  width: 100%;
  padding: .4em;
  align-items: center;
}

.full-width {
  width: 100%;
}

.variantImg {
  width: 60px;
  margin: 0 1em 0 .5em;
}
.variantLabelContainer{
  padding: .1em;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.variantLabel {
  font-size: .9em;
}

.variantLabel p{
  margin-bottom: .1em;
  line-height: 1.4 !important;
}

.variantLabelSm {
  font-size: .7em;
  line-height: 1.4 !important;
}

label.full-width{
  margin-bottom: .1em;
}

.strikeprice {
  text-decoration: line-through;
  color: #989898; 
}

.variant-input-wrap input[type=radio]:checked+label .price {
  color: var(--colorBtnPrimary);
}

.variant-input-wrap label {
  padding: 5px;
}

label.custom-label {
  padding: 0;
}

.variant-input-wrap input[type=radio]:checked+label, .variant-input-wrap input[type=radio]:checked+label p{
  font-weight: bold;
}

.variant-wrapper-custom {
  margin-bottom: -20px;  
}

.discount-bubble {
    background-color: darkgreen;
    padding: 0.3em;
    color: white;
    border-radius: 0.9em;
    font-size: .9em;
    font-weight: bold;
}

/* recharge subscription customization */

.price-label.mt-1 {
  display:none;
}

label.rc-radio {
  border: 1px solid var(--colorBorder) !important;
  border-radius: 0 !important;
  font-weight: normal !important;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important;
  text-transform: none  !important;
  letter-spacing: var(--typeBaseSpacing) !important;
  font-size: calc(var(--typeBaseSize)*0.85) !important;
  width: auto !important;
  flex-grow: 1 !important;
}

.rc-radio.rc-radio--active {
  border: 2px solid var(--colorTextBody) !important;
  font-weight: bold !important;
}

.rc-template__button-group .rc-radio {
  max-width: 100% !important;
}

.rc-selling-plans {
  margin-top: 0 !important;
}


.loox-float-toggler-container .loox-float-toggler {
  padding: 10px 20px 10px 20px !important;
}

.loox-float-toggler-container {
  top:60% !important;
}

.rc-widget{
  margin-bottom: 1em;
}

.rc-widget .p-2 {
  padding: .6em 0 .4em 0 !important;
}

.discount-label {
  padding: .2em 0;
}

.custom-hidden {
  display: none;
}

.no-top-margin {
  margin-top: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.blog-image {
  width: 400px;
}

/*icon block stuff*/

.icon-block--link:hover {
  opacity: 0.8;
}

#attributes-icons .icon-block--icon-container {
  flex-basis: 33%;
}

#product-icons .icon-block--icon-container {
  flex-basis: 50%;
}  

#subscription-icons .icon-block--icon-container {
  flex-basis: 100%;
}  

@media screen and (max-width: 500px) {
  #attributes-icons .icon-block--icon-container {
    flex-basis: 100%;
  }
  #product-icons .icon-block--icon-container {
    flex-basis: 50%;
  }  
}

.icon-block--icon svg {
  height: 100%;
  width: 100%;
}

.icon-block--icon g {
  clip-path: none;
}

/*fix button pos */
.appear-delay-1 > a {
  margin-right: 0 !important;
}

/*scroll margins */
#looxReviews, #certificates {
  scroll-margin-top: 100px;
}