/** Shopify CDN: Minification failed

Line 48:0 Unexpected "}"

**/
/** MOVE search icon to right side */
.header__left > search-modal {
	display: none !important;
}

.header__right > search-modal {
	display: block !important;
}

/** ADD recomnd color button - pink, purple, blue */
.recomnd-btn-lady {
	background-color: #ff4aac !important;
	border:none !important;
	color: white;
}

.recomnd-btn-men {
	background-color: #3a3dfd !important;
	border:none !important;
	color: white;
}

.recomnd-btn-clear {
	background-color: #240046 !important;
	border:none !important;
	color: white;
}


/** HIDE buy it now button */
.shopify-payment-button {
    display: none !important;
}

/** CHANGE footer social icon color */
.icon > path {
/** 	
	fill: #18142f; */
}
/** 	
.link--text {
	color: #ffffff; */
}


/** CHANGE floating social icons color */
.social-floating-wrapper .link--text {
	color: #17102A;
}
.popup-floating .popup-open .h5 {
	color: #17102A;
}

/** CHANGE lookbook blurb width */
.look__hotspot-product {
/** 	
  pointer-events: none;
  z-index: 1;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18rem;
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  background-color: rgb(var(--color-background));
  box-shadow: 0 1rem 2rem rgba(var(--color-foreground), 0.1), 0 2rem 4rem rgba(var(--color-foreground), 0.2);
  top: calc(100% + 1rem);
  opacity: 0;
  animation: hotspot-zoom-out var(--duration-default) ease forwards; */
  width: 28rem !important;
}

/** recomnd lookbook blurb */
.look__hotspot-product .recomnd-lookbook-blurb {
	line-height: normal;
}

/** ADD footer spacing */
.footer {
	margin-top: 72px;
}

/** REMOVE image click */
.full-unstyled-link {
	display: none !important;
}


/** FIX image + text overlay subheading alignment */
.banner__box > :first-child:is(.banner__heading), .banner__box > :first-child:is(.banner__subheading) {
	padding-left: 2px;
}


/** 
Min-width

X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
 
/** Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... } */

/** Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... } */

/** Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... } */

/** X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */
 
/** XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... } */



/** 
Max-width
We occasionally use media queries that go in the other direction (the given screen size or smaller):

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
	/** HIDE logo2 on tablets */
	#recomnd-logo2-light, #recomnd-logo2-dark { 
		display: none;
	}

}

/** 
// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width  */