.announcement__text p {
	margin: 0;
}

.site-header {
	padding: 0; /* make nav bar much thinner */
}

/* overwrite default styling */
header .page-width {
	max-width: 100% !important;
	padding: 0 20px;
}

/* Product page accordion header labels */
.template-product .collapsible-trigger {
  font-size: 17px !important;
}
.template-product .collapsible-trigger.mobile-nav__link--button {
  font-size: unset !important;
}

/* Inventory alert on product page */
.product__inventory {
	margin-bottom: 1em;
	color: #FF5D64;
	font-style: normal;
	font-weight: bold;
}

instagram {
  box-shadow: inset 0 -15px 0 #ffeec4;
}

.grid__item.float-right {
	float: right;
}

#re-captcha {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Hide Recaptcha badge that's appearing on product pages */
.grecaptcha-badge {
	visibility: hidden !important;
}
/*------ Product Page Video Full Screen Buttom -------*/
#video-fullscreen-controls-bar{
	position: absolute;
  bottom: 20px;
  right: 20px;
  color: black;
	z-index: 2;
}
#video-fullscreen-button {
	color: black;
  background-color: rgba(255,255,255,0.95);
  border-radius: 50%;
	cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
	padding: 0.75rem;
}
#video-fullscreen-button-icon {
	height: 1rem;
	width: 1rem;
}
/*------ End of Product Page Video Full Screen Buttom -------*/
/*------ Returns Page ------*/
.app-returnmagic {
	background-image: url(//eu.sisterjane.com/cdn/shop/files/Returns_Magic-desktop.jpg?v=4830044005188265260) !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
	min-height: 100vh;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.app-returnmagic iframe {
	width: 70vw !important;
  min-height: 80vh !important;
	height: auto;
}

@media all and (max-width: 450px) {
	.app-returnmagic {
		background-image: url(//eu.sisterjane.com/cdn/shop/files/Returns_Magic-mobile.jpg?v=1939825147644164071) !important;
	}
	.app-returnmagic iframe {
		width: 80vw !important;
	}
}

/*------ End of Returns Page ------*/


/*------ Popup Modal ------*/
#NewsletterPopup-newsletter-popup {

	.modal {
	  display: none;
	  bottom: 0;
	  left: 0;
	  opacity: 1;
	  overflow: hidden;
	  position: fixed;
	  right: 0;
	  top: 0;
	  z-index: 25;
	  color: #fff;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center
	}

	.modal a,.modal a:hover {
	  color: inherit
	}

	.modal .btn,.modal .btn--secondary,.modal .collapsibles-wrapper .spr-summary-actions a,.collapsibles-wrapper .spr-summary-actions .modal a,.modal .collapsibles-wrapper .spr-button,.collapsibles-wrapper .modal .spr-button,.modal .btn:hover,.modal .btn--secondary:hover,.modal .collapsibles-wrapper .spr-summary-actions a:hover,.collapsibles-wrapper .spr-summary-actions .modal a:hover,.modal .collapsibles-wrapper .spr-button:hover,.collapsibles-wrapper .modal .spr-button:hover {
	  color: #fff
	}

	.modal-open .modal .modal__inner {
	  -webkit-animation: modal-open 0.5s forwards;
	  animation: modal-open 0.5s forwards
	}

	.modal-open .modal:before {
	  content: '';
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #000;
	  -webkit-animation: overlay-on 0.5s forwards;
	  animation: overlay-on 0.5s forwards;
	  cursor: pointer
	}

	.modal-closing .modal .modal__inner {
	  -webkit-animation: modal-closing 0.5s forwards;
	  animation: modal-closing 0.5s forwards
	}

	.modal-closing .modal:before {
	  content: '';
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #000;
	  -webkit-animation: overlay-off 0.5s forwards;
	  animation: overlay-off 0.5s forwards
	}

	.modal-open--solid .modal:before {
	  background-color: #000
	}

	.modal-open .modal--solid:before {
	  background-color: #000;
	  -webkit-animation: full-overlay-on 0.5s forwards;
	  animation: full-overlay-on 0.5s forwards
	}

	.modal-closing .modal--solid:before {
	  background-color: #000;
	  -webkit-animation: full-overlay-off 0.5s forwards;
	  animation: full-overlay-off 0.5s forwards
	}

	.modal--is-closing {
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	  overflow: hidden
	}

	.modal--is-active {
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	  overflow: hidden
	}

	.modal__inner {
	  -webkit-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	  -webkit-box-flex: 0;
	  -ms-flex: 0 1 auto;
	  flex: 0 1 auto;
	  margin: 20px;
	  max-width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center
	}

	.modal--square .modal__inner {
	  background-color: #fff;
	  color: #000
	}

	.modal__inner img {
	  display: block;
	  max-height: 90vh
	}

	.modal__centered {
	  position: relative;
	  -webkit-box-flex: 0;
	  -ms-flex: 0 1 auto;
	  flex: 0 1 auto;
	  min-width: 1px;
	  max-width: 100%
	}

	.modal--square .modal__centered-content {
	  max-height: 80vh;
	  padding: 30px;
	  min-width: 200px;
	  min-height: 200px;
	  overflow: auto;
	  -webkit-overflow-scrolling: touch
	}

	@media only screen and (min-width: 590px) {
	  .modal--square .modal__centered-content {
	    padding-top:30px;
	    padding-right: 30px;
	    padding-bottom: 0px;
	    padding-left: 30px;
	    max-height: 90vh;
	    max-width: 1200px
	  }
	}

	.modal__close {
	  border: 0;
	  padding: 20px;
	  position: fixed;
	  top: 0;
	  right: 0;
	  color: #fff
	}

	@media only screen and (min-width: 590px) {
	  .modal__close {
	    padding:40px
	  }
	}

	.modal__close .icon {
	  width: 28px;
	  height: 28px
	}

	.modal__close:hover,.modal__close:focus {
	  color: #fff
	}

	.modal--square .modal__close {
	  position: absolute;
	  color: #000;
	  padding: 13.33333px
	}

	.modal--square .modal__close:hover,.modal--square .modal__close:focus {
	  color: #000
	}

	.modal .page-content,.modal .page-width {
	  padding: 0
	}

	.popup-cta {
	  margin-bottom: 20px
	}

	@media only screen and (max-width: 589px) {
	  .modal--mobile-friendly {
	    bottom:auto;
	    overflow: auto;
	    position: fixed;
	    margin: auto;
	    width: 90%;
	    height: 100%
	  }

	  .modal--mobile-friendly.modal--square .modal__centered-content {
	    padding: 20px 20px
	  }

	  .modal--mobile-friendly.modal--is-active {
	    overflow: auto
	  }

	  .modal-open .modal--mobile-friendly:before {
	    display: none
	  }

	  .modal--mobile-friendly .modal__inner {
	    margin: 0;
	    border: 2px solid #000
	  }

	  .modal--mobile-friendly .text-center {
	    text-align: left !important
	  }

	  .modal--mobile-friendly .h1 {
	    padding-right: 25px
	  }

	  .modal--mobile-friendly img {
	    max-width: 30%;
	    margin: auto;
	    display: none
	  }
	}
}
/* End of Popup Modal */

@media only screen and (min-width: 590px) {
	#NewsletterPopup-newsletter-popup {
		.modal__inner {
			margin:40px
		}
		.modal-open {
			overflow:hidden
		}
		.modal__centered-content {
			border: 8px solid #7F8DAA;
			box-shadow: 0 0 0 11px #B56C83, 0 0 0 18px #D3C9B5, 0 0 0 24px #A97D55, 0 0 0 33px #DEC947, 0 0 0 37px #87A9AA, 0 0 0 44px #D2745D;
		}
	}
}

@media all and (max-width: 768px){
	.site-header { /* for product images breaking mobile nav menu */
		z-index: 28;
	}
	.cc-banner.cc-bottom {
		font-size: .77em;
	}
}

 

/*Banner Style*/
.hero__image_desktop {
	display: block !important;
}
.hero__image_mobile {
	display: none !important;
}
@media screen and (max-width: 767px) {
	.hero__image_desktop {
		display: none !important;
	}
	.hero__image_mobile {
		display: block !important;
	}
}
/*END Banner Style*/

/*Video Collection Collout Style*/
.video_wrapper {
	margin-bottom: 25px;
}
.video_wrapper video {
	width: 100%;
  	height: auto;
}
video::-webkit-media-controls {
  	display: none !important;
}
/*END Video Collection Collout Style*/
.sel-cm-table{
	margin-left:10px;
}
.sel-cm-table.active,.sel-in-table.active{
	border-bottom-color: rgb(0, 0, 0) !important;
 
  }

  img.m-w-100 {
    	width:22%;
        height:auto;
    }

@media screen and (max-width: 767px) {
	img.m-w-100 {
    	width:100%;
        height:auto;
    }
}