/* @override 
	http://www.toys.dv/frontend/themes/toys/css/products.css
	http://www.toys.dv/frontend/themes/toys/css/product.css
	https://beta.jrtoycanada.ca/frontend/themes/toys/css/product.css?*
	https://beta.jrtoycanada.ca/frontend/themes/toys_new/css/product.css?*
 */

#product-banner {
	height: 120px;
	background-color: #662d91;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url('/images/jrtoyco/patterns/Dot_Purple2.png');
	z-index: -1;
}

#product {
	padding: 0 0 50px 0;
}

.split-wrap {
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}

/* LEFT SPLIT - NO STICKY

.split-wrap .split-left {
	float: left;
	width: 50%;
	padding: 10px;
	position: relative;
} */

/* NEW SPLITS WITH STICKY */ 
.split-wrap {
	position: relative;
}

.split-wrap .split-left {
	float: left;
    width: 50%;
    padding: 10px;
    position: relative;
	height: 100%;
}

.split-wrap .split-left .sticky-wrap {
    top: 10px;
	width: 100%;
	margin: 0 0 0 -5px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

.split-wrap .split-right {
	float: left;
	width: 50%;
	padding: 10px;
}

.split-wrap #detailed-split {
	position: absolute;
	height: 100%;
}
@media (max-width: 960px) {
	.split-wrap #detailed-split {
		position: relative;
		height: auto;
	}
}

.split-wrap #buy-split {
	float: left;
	width: 100%;
	padding: 10px 10px 10px 50%;
	min-height: 450px;
}
@media (max-width: 960px) {
	.split-wrap #buy-split {
		float: left;
		width: 100%;
		padding: inherit;
		min-height: auto;
	}
}

.split-wrap .split-block {
	float: left;
	width: 50%;
	padding: 10px;
}
div#desc-split.split-left {
	float: right;
}

div#image-split.split-right {
	float: right;
}
div#desc-split.split-left {
	background-color: #fff;
	height: 100%;
	position: relative;
}
div#image-split.split-right {
	background-color: #fff;
}
#product .sticky-wrap .manu-icon-wrap {
	top: -10px;
	right: -10px;
}

@media (max-width: 960px) {
    div#product.ow div.iw div.split-wrap div.split-left, div#product.ow div.iw div.split-wrap div.split-right {
        width: 100%;
        text-align: center;
    }
}
/*** END OF NEW SPLITS WITH STICKY ***/

/* IMAGES */

#product .manu-icon-wrap {
	position: absolute;
	width: 100px;
	height: 100px;
	right: -10px;
	top: -120px;
	border-radius: 100px;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #f1f1f1;
}

#product .manu-icon-wrap img {
	width: 90%;
	margin: 5%;
}

.split-wrap .split-left .detailed-image-wrap {
	width: 100%;
	background-color: #fff;
	padding: 5%;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
	min-height: 400px;
}

.split-wrap .split-left .detailed-image-wrap img {
	width: 100%;
}

.split-wrap .split-left iframe {
	width: 100%;
}

.split-wrap .split-right img {
	width: 90%;
	margin: 0 5%;
}

.split-wrap .split-right .no-gift-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-gray);
	font-size: 20px;
	width: 90%;
	margin: 0 5%;
	aspect-ratio: 1 / 1;
	border: 1px solid lightgray;
}

.split-wrap span {
	margin:5px 0;
	display: block;
	width: 100%;
	float: left;
	white-space: nowrap;
}

.split-wrap .split-right span.dfs {
	display: block;
	width: auto;
	background-color: #f16623;
	clear: both;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 960px) {
	.split-wrap .split-right span {
		margin: 0;
		text-align: start;
	}
	
	.split-wrap .split-right span.dfs {
		margin: 0 auto;
		float: none;
		max-width: 75%;
	}
}

/* BADGES  */

#product .product-badges-wrap {
	width: 100%;
	margin: -34px 0 0 0;
}

#product .product-badges-wrap img {
	width: 70px;
}

/* GALLERUES */
#product .zoom-gallery  {
	text-align: center;
}

#product .zoom-gallery a {
	width: 100px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #f1f1f1;
	padding: 10px;
	margin: 0 5px;
	overflow: hidden;
	box-sizing: border-box;
}

#product .zoom-gallery a img {
	width: 100%;
	margin: 0;
}

#product .zoom-gallery a:hover {
	border: 1px solid #ccc;
}

#product .zoom-gallery a.active {
	border: 1px solid #125ead;
}

#product .zoom-gallery.thumbnails {
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#product .zoom-gallery.thumbnails::-webkit-scrollbar{
	display: none;
}

#product .sticky-wrap .thumbnails-wrap{
	display: flex;
}

.slider--control-up, .slider--control-down {
    cursor: pointer;
    display: flex;
    align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hide--slider--control{
	display: none;
}


/* PRODCUT TITLE */
#product .split-wrap h1.product-title {
	color: var(--color-blue-dark);
	margin: 0;
	text-align: left;
}
@media (max-width: 960px) {
	#product .split-wrap h1.product-title {
		font-size: 24px;
		margin: 0 0 10px 0;
	}
}

#categories .filter-bar {
	position: relative;
}

#categories .filter-bar .timed-promtions {
	float: left;
	background-color: #72bf44;
	color: #fff;
	font-size: 12px;
	position: absolute;	
	top: 40px;
	margin: 0;
	padding: 5px;
	border-radius: 4px;
	text-align: left;
	/*** DION EDIT TO PREVENT OVERFLOW ON FILTERS ***/
	max-width: 48%;
}
#categories .filter-bar .timed-promtions:after {
	
}


/* PRODUCT OPTIONS */

#product.ow div.product-options-wrap {
    max-width: 500px;
    display: block;
    clear: both;
    border-radius: 6px;
	float: left;
	width: 100%;
	margin: 12px 0;
	max-width: 500px;
	height: auto;
	overflow: hidden;
	position: relative;
	border: lightgray solid 1px;
}

#product.ow div.product-options-wrap span.options-show-more {
	position: absolute;
	text-align: right;
	right: 6px;
	top: 3px;
	width: auto;
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	z-index: 99;
	cursor: pointer;
	color: #2036E7;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
}

div.product-option div.dynamic-label-select-wrap {
	float: left;
	width: 100%;	
}

#product.ow div.product-options-wrap.show-more  {
	height: auto;
}

/*#product.ow div.product-options-wrap ul,*/
#product.ow div.product-options-wrap .tip 
 {
	display: none!important;
}
#product.ow div.product-options-wrap.show-more .tip, #product.ow div.product-options-wrap.show-more ul {
	display: block!important;
}

#product.ow div.product-options-wrap .variant-image-list {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	text-align: left;
}
#product.ow div.product-options-wrap .variant-image-list li {
	display: inline-block;
	width: 60px;
	min-width: 50px;
	text-align: center;
	margin: 1%;
	cursor: pointer;
	word-wrap: break-word;
	vertical-align: top;
}

#product.ow div.product-options-wrap .variant-image-list li span {
	text-align: center;
	padding: 2%;
	float: none;
	width: 100%;
	font-size: 10px;
	white-space: normal;
	margin: 0;
}


/* REVIEWS TOP */ 

#product .review-stars-wrap {
	display: flex;
	margin: 5px;
	width: auto;
	font-weight: 600;
}
#product .review-stars {
	border-right: lightgray solid 1px;
	margin: 0px 5px;
}

#product .review-stars-wrap i {
	color: var(--color-blue);
}


#product .pin-like-button, #product .fb-share-button, #product .twitter-share-button {
	display: inline-block;
	width: auto;
	float: left;
	margin: 0px 0 5px 5px;
}
#product .twitter-share-button {
	margin: 5px 5px 0px 6px;
	/*margin-left: 20px;*/
}

/* WHY JR BLOCK */

div#buy-split.split-right .why-shop-jr-block {
	display: block;
	float: right;
	width: 50%;
}
div#buy-split.split-right .why-shop-jr-block ul, div#buy-split.split-right .why-shop-jr-block ul li {
	list-style: none;
	list-style-type: none;
}
div#buy-split.split-right .why-shop-jr-block ul li:before {
	content: '\f135';
}

/* PRICE  */

div#buy-split.split-right div.price-block {
	float: left;
	width: 100%;
	/*width: 50%;*/
}

div#buy-split.split-right div.price-block  afterpay-placement {
	width: 100%;
	float: left;	
	margin: 5px 0;
}

#product .discount-price {
	font-size: 40px;
    font-weight: 900;
    color: var(--color-pink);
    width: fit-content;
    padding: 0px 20px 0 0;
    margin: 20px 20px 20px 0;
    border-right: 1px lightgray solid;
}

@media (max-width: 960px) {
	#product .discount-price {
		font-size: 20px;
		margin: 0;
		padding: 0;
		border: none;
		position: absolute
	}
}

#product .split-right .promtoion-warning {
	float: left;
	margin: 5px;
	padding: 10px;
	background-color: #72bf44;
	font-size: 12px;
	position: relative;
	border-radius: 4px;
	color: #fff;
	width: 260px;
}
#product .split-right .promtoion-warning:after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #72bf44;
	border-top: 10px solid transparent;
	content: "";
	position: absolute;
	top: -20px;
	margin: 0 0 0 0;
	left: 10px;
}

#product .price-block span.regular-price {
	text-decoration: line-through;
	color: #999;
	width: auto;
	padding: 2px 0;
}

div#buy-split.split-right div.price-block span.savings {
	background-color: var(--color-green-light);
	display: inline-block;
	width: auto;
	margin-left: 5px;
	padding: 2px 5px;
	color: var(--color-green);
	float: left;
}

div#buy-split.split-right div.price-block span.savings.edu-item {
	background-color: #f16623;
	color: white !important;
}

@media (max-width: 960px) {
		div#buy-split.split-right div.price-block span.savings {
		height: 20px;
		float: none;
		margin: 0;
		display: inline-block;
		position: relative;
	}
	
	div#buy-split.split-right div.price-block span.savings.edu-item:after {
		border-right: 14px solid #f16623;
	}
}

/* STOCK */

/*div#buy-split.split-right div.add-to-cart-wrap {
	width: 50%;
	float: left;
}*/

#product .check-list {
	list-style: none;
	float: left;
	width: 100%;
	padding: 0;
	font-size: 14px;
	margin: 14px 0 14px 0;
	white-space: nowrap;
}
#product .check-list li {
	margin: 0 0 5px 0;
	color: var(--color-gray-dark);
	font-weight: 600;
	white-space: normal;
}

#product .check-list li i {
	color: var(--color-green);
}

#product .stock-wrap span {
	font-size: 14px;
	font-weight: 700;
	color: #125ead;
	font-weight: 400;
	margin: 2px;
	display: inline-block;
	width: auto;
	padding: 10px;
	float: none;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

#product .time-frame-wrap span {
	color: var(--color-gray-dark);
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0;
	white-space: normal;
}

#product .time-frame-wrap i {
	font-size: 16px;
}

#product p {
	font-size: 14px;
	line-height: 20px;
}
#product p strong {
	text-decoration: underline;
}

#product ul li {
	display: flex;
	font-size: 14px;
	padding-bottom: 5px;
}

#product .time-frame-wrap.buyinadvance span {
	color: #ec088c;
	font-size: 16px;
}

#product .age-wrap span {
	font-size: 15px;
	font-weight: 600;
	border-right: lightgray solid 1px;
    margin-right: 5px;
}

#product .promo-item-wrap-container {
	display: block;
	clear: both;
	width: 82.5%;
	padding: 8px 12px;
	background: #125ead;
	text-align: center;
	color: #fff;
	font-weight: 600;
	float: none;
	margin: 1% 0%;
	box-sizing: border-box;
}
#product .promo-item-wrap-container span {
	display: inline;
	float: none;
	white-space: initial;
}

@media (max-width: 960px) {
	#product .promo-item-wrap-container {
		width: 100%;
		margin: 0 auto;
		font-size: 15px;
	}
}

/* ADD TO CART */

.add-to-cart-wrap .ship-delay-notice-wrapper {		
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #A22525;
	background-color: #FBF3F4;
	border-radius: 4px;
	font-size: 12px;
	
}
.add-to-cart-wrap .ship-delay-notice-wrapper > * {
	margin: 0;
}

@media (max-width: 960px) {
	
	.add-to-cart-wrap .ship-delay-notice-wrapper p {
		white-space: pre-wrap;
	}
	.add-to-cart-wrap .ship-delay-notice-wrapper p br {
		display: none !important;
	}
	
}

/*.new-filter-bar > div ul li:hover a {
	
}*/

.add-to-cart-wrap .button {
	font-size: 18px;
	font-weight: 700;
	padding: 10px 60px;
	margin: 10px 5px;
}

.add-to-cart-wrap .button.disabled {
	background-color: #ccc;
	color: #999;
	cursor: not-allowed;
}

.add-to-cart-wrap ul.payment-options-list {
	padding: 0;
	list-style: none;
	float: left;
	margin: 0;
}

.add-to-cart-wrap ul.payment-options-list li {
	width: 100%;
	float: left;
}

.final-sale-wrap {
	display: block;
	width: 100%;
	clear: both;
	padding: 4px;
	margin: 0;
	font-size: 14px;
	margin-bottom: 10px;
}
.final-sale-wrap a.red-link-text {
	color: #ec068c !important;
	transition: all 0.3s ease-in-out;
}
.final-sale-wrap a.red-link-text:hover {
	opacity: 0.7;
	cursor: pointer;
}

@media (max-width: 960px) {
.final-sale-wrap {
	font-size: 12.5px;
}
}

.amount-wrap {
	float: left;
	width: 100%;
	margin: 10px 5px 30px 5px;
	color: #125ead;
}

.amount-wrap span {
	line-height: 40px;
	float: left;
	width: 60px!important;
	margin: 0;
	font-size: 18px;
	font-weight: 700;
}

.add-to-cart-wrap .manual-price-wrap {
	width: 206px;
	margin:0 5px;
}

.amount-wrap .amount .amount-adjust {
	border: 1px var(--color-blue) solid;
	border-radius: 2px;
	background-color: var(--color-blue);
	color: #fff;
	width: 36px;
	float: left;
	line-height: 30px;
	text-align: center;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.amount-wrap .amount .amount-adjust.loading {
	background-color: #ccc;
	color: #999;
}
.amount-wrap .amount input.item-amount {
	width: 40px;
	line-height: 30px;
	font-size: 15px;
	border: lightgray solid 1px;
	border-radius: 2px;
	text-align: center;
	margin: 0 5px;
	padding: 0 10px;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.amount-wrap .amount .amount-adjust:active {
	background-color: #f1f1f1;
	box-shadow:inset 0px 0px 5px #f1f1f1;
}

@media (max-width: 960px) {
	.amount-wrap {
		float: left;
		width: auto;
		margin: 0;
		color: var(--color-blue);
	}
	
	.add-to-cart-wrap .amount-wrap .amount {		
		display: inline-block;
		float: none;
	}
	.add-to-cart-wrap .amount-wrap span {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.amount-wrap .amount input.item-amount{
		width: 25px;
	}
}

/* FILTER BAR */

/* PRODUCT OPTIONS */

#product.ow .stock-wrap {
	margin-bottom: 5px;
	display: block;
	float: left;
	width: 100%;
	margin:10px 0;
}


#product.ow div.product-options-wrap .product-option {
	margin: 0px 0;
	position: relative;
	padding: 10px;
}

#product.ow div.product-options-wrap > span {
	position: absolute;
	top: 0;
}

#product.ow div.product-options-wrap .product-option label, .selected-variant-name {
	text-align: left;
	width: fit-content;
	font-size: 14px;
	font-weight: 900;
	padding-left: 2px;
	display: block;
	white-space: nowrap;
	margin: 0 10px 20px 0;
	color: var(--color-gray);
}

@media (max-width: 960px) {
	#product.ow div.product-options-wrap .product-option label, .selected-variant-name {
		width: auto;
		text-align: center;
	}
	#product.ow div.product-options-wrap .variant-image-list li {
		width: 23%;
	}
}
#product.ow div.product-options-wrap .product-option span.is_required {
	display: inline-block;
	width: 20%;
	float: right;
	text-align: right;
	font-size: 11px;
	font-weight: 500;
	color: #f20;
	text-transform: uppercase;
}
#product.ow div.product-options-wrap .tip-wrap span {
	display: none;
}
#product.ow div.product-options-wrap .tip-wrap .tip {
	font-size: 16px;
    display: block;
    padding-top: 8px;
    padding-left: 6px;
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
#product.ow div.product-options-wrap .tip-wrap .tip img {
	display: block !important;
	float: right !important;
	max-width: 55px !important;
	margin: 1% !important;
}

/* GIFT WRAP NAME */

#product-option-1233 {
	display: none;
}

#product-option-1233.show {
	display: block;
}

.product-option.gift-wrap{
	display: flex;
} 
.selected-variant-name.desktop{
	display: block;
}
.selected-variant-name.mobile{
	display: none;
}

@media (max-width: 960px) {
	.product-option.gift-wrap{
		display: block;
	} 
	.selected-variant-name.desktop{
		display: none;
	}
	.selected-variant-name.mobile{
		display: block;
		width: auto;
		text-align: center;
	}
}


/* REVIEWS BOTTOM */
#reviews{
	padding-bottom: 70px;
}

#reviews h3, #reviews h4 {
	color: var(--color-blue-dark);
	font-weight: 700;
}
#reviews h3 span {
	color: lightgray;
    margin: 0 5px;
}
.review-summary {
    padding: 10px;
    width: 300px;
    margin: 0 0 20px 0;
}
.review-summary>div{
	height: 24px;
    display: grid;
    grid-template-columns: 40px auto 40px;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    text-align: center;
    margin: 0 0 10px 0;
}
.review-summary span {
    font-size: 12px;
    font-weight: 400;
}
.review-summary .bar {
    background-color: #fff;
	border:1px solid lightgray;
    border-radius: 20px;
    overflow: hidden;
    height: 24px;
    box-shadow: 0 1px 1px #fff;
}
.review-summary .bar div {
    background-color: var(--color-blue-dark);
    height: 100%;
    border-radius: 0 20px 20px 0;
}
#reviews.ow .icon-star {
	color: var(--color-blue);
}
#reviews.ow .icon-star:first-child:before {
    margin-left: 0;
}
.review-list{
	width: 50%;
}
.review-list p {
    margin-top: 10px;
}
.review-list .author {
   color: var(--color-gray);
   font-size: 14px;
   text-transform: capitalize;
}
.review-list .review {
    border-bottom: 1px solid lightgray;
	padding-bottom: 20px;
    margin-bottom: 20px;
}
.review-list .review:last-child {
    border-bottom: none;
}
.write-review-link{
	font-weight: 600;
	text-decoration: underline;
	color: var(--color-blue);
	cursor: pointer;
	width: fit-content;
}
.write-review-link:hover{
	color: var(--color-blue-dark);
}
.review-wrap{
	display: none;

}
.write-review .review-wrap{
	display: block;
	width: 50%;
}
@media (max-width: 960px) {
	.review-list, .write-review .review-wrap, .review-summary {
		width: 100%;
	}
}

/* NEW REVIEWS / RECOMMENDED PRODUCT RIBBON */

.ow.recreview {
	padding: 0;
}
.ow.recreview .tabs-wrap, .ow.recreview .tabs-wrap .tab {
	margin: 0;
}
.ow.recreview #footer-brands.ow, .ow.recreview #reviews.ow {
	padding: 0;
}

/* ============================================================================ */
/* MANUALS & ATTACHMENTS */

.ow#manuals .tabs-wrap .tab, .ow#manuals {
	margin: 0;
	padding-top: 0;
}
.ow#manuals h3.block-title {
	text-align: center;
	display: block;
	clear: both;
}

ul.download-list {
	list-style: none;
	margin: 0;
	padding: 0;
/*	background-color: #fff;*/
	width: 100%;
	float: left;
	padding: 20px 0;
}

ul.download-list li {
	width: 48%;
	float: left;
	box-sizing: border-box;
	margin: 0% 1%;
	padding: 0;
}
@media (max-width: 960px) {
	ul.download-list li {
		width: 100%;
	}
}
ul.download-list li a {
	display: block;
	padding: 10px;
	transition: all 0.3s ease-in-out;
}
ul.download-list li:hover a {
	background-color: #f1f1f1;
}
ul.download-list li img.download-ico {
	display: inline-block;
	width: 62px;
	height: auto;
	vertical-align: middle;
	margin-right: 15px;
	animation: bounce 3s infinite alternate;
	-webkit-animation: bounce 3s infinite alternate;
}
ul.download-list li h4 {
/*	width: 80%;*/
	margin: 3px 0 0 0;
	padding: 0;
	display: inline-block;
	font-size: 16px !important;
	font-weight: 600;
	color: #333;
}
ul.download-list li:nth-child(3n+1) {
	clear: left;
}

/* QUOTES */

.quote-popup {
	display: none;
	position: fixed;
	width: 350px;
	padding: 20px;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -175px;
	background-color: #fff;
	z-index: 9999;
	border-radius: 4px;
	box-shadow: 0px 3px 5px #666;
}

.quote-popup .button {
	float: left!important;
	width: auto!important;
	margin: 0 5px 0 0!important;
	display: inline-block!important;
}

.quote-popup .button.pink {
	width: 180px!important;
}

.quote-popup .amount-wrap {
 	text-align: center;
 	margin: 5px 0 15px 0;
}
 
.quote-popup .amount-wrap label {
	float: left;
	line-height: 40px;
	margin: 0 10px 0 0;
}

.quote-popup a {
	font-size: 12px;
	margin: 15px 0 0 0;
	float: left;
	width: 100%;
}

.show-quote-popup .quote-popup {
	display: block;
}

.show-quote-popup .darkness {
	display: block;
}

.quote-popup .amount-wrap .amount {
	width: 200px;
}

.quote-popup .amount-wrap .amount input.item-amount {
	width: 120px;
}

/* WISH LIST */


#product .add-to-cart-wrap .wishlist-button {
	float: left;
	height: 40px;
	margin: 5px;
}

#product .add-to-cart-wrap .button {
	float: left;	
	margin: 5px;
	text-transform: none;
}

#product .add-to-cart-wrap .button.active {
	background-color: var(--color-blue);
	color: #fff;
}

.button.wishlist {
	padding: 10px 0; 
	width: 222px;
}

/* REMOVE */

.wishlist.remove {
	border: 1px solid #ccc;
}

.wishlist.remove i {
	color: #ccc;
}

.wishlist.remove:active {
	background-color: #f1f1f1;
}

.wishlist.remove span {
	left: 36px;
	right: 0;
	color: #ccc;
}

.wishlist.remove:hover {
	width: 100px;
}

/* WISH LIST PAGE */

#wishlist {
	text-align: center;
}

/* WIHSLIST HEADER */

#wishlist .wishlist-header {
	display: inline-block;
	max-width: 700px;
	width: 100%;
}
#wishlist .wishlist-header h1 {
	float: left;
	margin: 0;
}

#wishlist .wishlist-header ul {
	float: right;
	margin: 0;
	padding: 0;
}
#wishlist .wishlist-header ul li {
	display: inline-block;
	float: left;
}
#wishlist .wishlist-header ul li a {
	padding: 4px;
	display: block;
	border-radius: 4px;
	margin: 5px;
	color: #015ead;
	border: 1px solid #015ead;
}

#wishlist .wishlist-header .share-icon { 
	float: right;
	padding: 5px 16px;
	font-size: 14px;
	margin: 5px;
	border-radius: 4px;
	border: 1px solid #155fac;
	color: #155fac;
	cursor: pointer;
}

#wishlist .wishlist-header .share-icon.blue {
	background-color: #155fac;
	color: #fff;
}


.wish-list-wrap {
	/*width: 600px;*/
	max-width: 600px;
	margin: 0 auto;
	display: inline-block;
	text-align: left;	
}

.wish-list-wrap .wishlist-item {
	border-top: 1px solid #f1f1f1;
	padding: 20px;
}

.wish-list-wrap .wishlist-item .img-wrap {
	display: inline-block;
	width: 30%;
	border: 1px solid #ccc;
	padding:40px 5px;
	border-radius: 10px;
	float: left;
}
.wish-list-wrap .wishlist-item h3 {
	float: left;
	margin: 40px 0 0 0;
	width: 60%;
	line-height: 22px;
	padding:4px 10px;
	color: #333;
	font-weight: 10;
}

.wish-list-wrap .wishlist-item .wish-amount {
	float: left;
	width: 60%;
	margin: 10px 0 10px 10px;
}
.wish-list-wrap .wishlist-item .wish-amount p {
	margin: 0;
	display: inline-block;
	border: 1px solid #155fac;
	padding: 5px;
	color: #155fac;
	font-size: 12px;
}
.wish-list-wrap .wishlist-item h4 {
	margin: 10px;
	float: left;
	width: 60%;
	font-weight: 100;
	font-size: 12px;
	display: none;
}
.wish-list-wrap .wishlist-item .price-block {
	float: left;
	width: 60%;
	padding:4px 10px;
	color: #155fac;
	font-weight: bold;
	height: auto;
	height: 26px;
}
.wish-list-wrap .wishlist-item .price-block span.sale-price {
	text-decoration: line-through;
	color: #999;
	width: auto;
	display: inline;
	margin-right: 5px;
	clear: both;
}
.wish-list-wrap .wishlist-item:first-child {
	border-top: none;
}

.wish-list-wrap .wish-button-wrap {
	padding: 4px 10px;
	float: left;
	width: 60%;
}

#wishlist div.iw div.share-box {
	padding: 50px 0;
	max-width: 500px;
	margin: 0 auto;
}

#wishlist div.iw div.share-box input {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}

.menu-wrap li.mainmenu-wish {
	display: none;
}

.menu-wrap li.mainmenu-wish i {
	color: #da0981
}

.menu-wrap li.mainmenu-wish img.edu-quote-e-icon {
	width: 10px;
	left: 8px;
	position: absolute;
	top: 18px;
}
.menu-wrap ul li a.quotelink {
	padding: 15px 20px;
}

@media (max-width: 960px) {
	.menu-wrap li.mainmenu-wish {
		display: block;
	}
}

@media (max-width: 960px) {

/*	.wishlist:hover {
		width: 22px;
	}
	.wishlist:hover span {
		opacity: 0;
	}
	
	.wishlist.remove:hover {
		width: 22px;
	}*/
	
	#product .add-to-cart-wrap .button,
	#product .add-to-cart-wrap .wishlist-button {
		float: none;
		display: inline-block!important;
	}
	
	/*.wishlist {
		margin: 10px 0;
	}*/
	
	#wishlist .wishlist-header {
		display: inline-block;
		max-width: 700px;
		width: 100%;
	
	}
	
	#wishlist .wishlist-header ul {
		float: right;
		margin: 0;
		padding: 0;
	}
	
	.wish-list-wrap .wishlist-item .img-wrap {
		display: inline-block;
		width: 30%;
		border: 1px solid #ccc;
		padding:40px 5px;
		border-radius: 10px;
		float: left;
		
		float: none;
		width: inherit;
		max-width: 200px;
	}
	
	.wish-list-wrap .wishlist-item {
		border-top: 1px solid #f1f1f1;
		padding: 20px;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.wish-list-wrap .wishlist-item h3 {
		float: left;
		margin: 50px 0 0 0;
		width: 60%;
		line-height: 22px;
		padding:4px 10px;
		color: #333;
		font-weight: 10;
		
		float: left;
		padding: 0;
		margin: 0;
		width: 100%;
		font-size: 14px;
		text-align: center;
	}
	.wish-list-wrap div.wishlist-item div.price-block {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	
	.wish-list-wrap .wish-button-wrap {
		width: 100%;
	}
	
	.wish-button-wrap a.button.pink {
		width: 100%;
		padding: 10px 0;
		display: inline-block;
		float: none;
		margin: 5px 0;
		box-sizing: border-box;
	}
	
	#wishlist .wishlist-header ul {
		float: right;
		margin: 0;
		padding: 0;
		
		margin: 20px 0 20px 0;
	}
	#wishlist .wishlist-header ul li {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	#wishlist .wishlist-header ul li a {
		padding: 4px;
		display: block;
		border-radius: 4px;
		margin: 2px;
		color: #015ead;
		border: 1px solid #015ead;
	}
	
	div#wishlist.ow.no-filter div.iw div.wishlist-header ul.share-buttons li div.share-icon {
		margin: 2px;
	}
	
	.menu-wrap li.mainmenu-wish {
		display: block;
	}

}


/* PRODUCT ADD TO CART */

.added-to-cart .darkness {
	display: block;
}

#added-popup {
	position: fixed;
	z-index: 999;
	width: 720px;
	height: 410px;	
	left: 50%;
	top: 50%;
	margin: -340px 0 0 -360px;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 10px 25px #333;
}

#added-popup .added-title-bar {
	display: grid;
	grid-template-columns: auto 50px;
	grid-column-gap: 5px;
	grid-row-gap: 0px;
	margin: 0 0 5px 0;
	padding:10px 5px 5px 5px;
	border-bottom: 1px solid #ccc;
}

#added-popup .added-title-bar .added-title {
	text-align: center;
	width: 100%;
	display: block;
	
}
#added-popup .added-title-bar .added-title h3 {
	display: inline-block!important;	
	line-height: 50px;
	margin: 0;
	padding: 0;
	top: 0;
	vertical-align: top;
	max-width: 500px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #46515E;
	
}
#added-popup .added-title-bar .added-title i {
	height: 40px;
	width: 40px;
	margin: 5px 5px 0 0;	
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	font-size: 24px;
	border-radius: 50px;
	background: #ec088c;
	background: -moz-linear-gradient(left, #ec088c 0%, #662d91 100%);
	background: -webkit-linear-gradient(left, #ec088c 0%,#662d91 100%);
	background: linear-gradient(to right, #ec088c 0%,#662d91 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec088c', endColorstr='#662d91',GradientType=1 );
	color: #fff;
}

#added-popup .added-title-bar .added-title img {
	width: 50px;
	display: inline-block;
	top: 0;
	margin: 0 10px 0 0;
}

#added-popup .added-title-bar .close {
	text-align: right;
	padding:0 10px 0 0;
	color: #555;
	font-weight: bold;
	font-size: 16px;
	font-weight: 900;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#added-popup .added-body {	
	height: 325px;
	background-color: #fff;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	color: #46515E;
	font-size: 14px;
}

#added-popup .added-body > p {
	margin: 0 0 20px 0;
}

#added-popup .added-body > p span {	
	max-width: 280px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

#added-popup .added-body .added-button-group {
	text-align: center;
	margin: 0;
}

#added-popup .added-body .added-button-group .button {
	display: inline-block;
	width: 120px;
	margin: 5px 0;
}

#added-popup  .stock {
	display: none;
}

#added-popup .added-product h3 {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#added-popup .added-product {
	display: grid;
	grid-template-columns: 60px auto;
	
	grid-column-gap: 10px;
	grid-row-gap: 0px;
}

#added-popup  .payments button {
	width: 100%;
	height: 36px;	
	border: none;
	margin: 4px 0;
	border-radius: 4px;
}
#added-popup .payments button.large {
	height: 50px;
}

div#added-popup .item-list--scroll {
	display: grid;
	grid-template-columns: repeat(auto-fill, 220px);
	column-gap: 0px;
	margin: 0 0 10px 0;
}

/* ITEM CARDS */

div#added-popup .item-list--scroll .item-card {
	margin: 0 0 10px 0;
}

#added-popup .img-wrap  {
	width: 100%;
	height: 150px;
	padding: 0px;
	border: none;
}

#added-popup .item-card h3,
#added-popup .item-card .badge-label,
#added-popup .item-card .badge {
	display: none;
}

#added-popup .img-wrap img {
	width: auto;
	height: 140px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0px;
}

span.badge-label {
	width: fit-content;
	padding: 2px 30px;
}

.badge-oos {	
	background-color: #BE3E6E;	
	color: #fff;
}

.badge-freeship {	
	background-color: #0B5EDE;	
	color: #fff;
}

.mobile-product{
	display: none;
}

.mobile-product--title{
	display: none;
}

#description h2 {
	color: var(--color-blue-dark);
	font-weight: 700;
}
.product-recommend{
	background-color: var(--color-cyan-light);
	padding: 0px;
	margin-bottom: 60px;
}

div#related-products.related-products div.item-list--scroll.active div.item-card a.product-link div.price-block p.price.regular-price {
	font-weight: 700;
}

@media (max-width: 960px) {

	#added-popup {
		position: fixed;
		z-index: 999;
		width: 720px;
		height: 410px;	
		left: 50%;
		top: 50%;
		margin: -340px 0 0 -360px;
		background-color: #fff;
		border-radius: 6px;
		overflow: hidden;
		/*overflow: g;*/
		/*display: none;*/
		box-shadow: 0px 10px 25px #333;
		
		
		width: 96%;
		height: 96%;
		margin: 0;
		left: 2%;
		top: 2%;
		
		
	}
	
	#added-popup .added-body {	
		height: 325px;
		background-color: #fff;
		overflow: hidden;
		padding: 20px;
		text-align: center;
		color: #46515E;
		font-size: 14px;
		
		height: auto;
	}
	
	div#added-popup.rainbow-border div.added-body div.added-product-list {
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}
	#added-popup .added-title-bar .added-title {
		height: 50px;
		align-content: center;
		align-items: center;		
	}
	
	#added-popup .added-title-bar .added-title h3 {
	
		display: inline-block!important;	
		line-height: 50px;
		margin: 0;
		padding: 0;
		top: 0;
		vertical-align: top;
		max-width: 500px;
		font-size: 16px;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #46515E;
		
		margin: 5px 0 0 0;
		max-width: calc(100% - 120px);
		line-height: 16px;
		font-size: 12px;
		height: 100%;
		text-align: left;		
		
	}

	#product .add-to-cart-wrap .button {	
		width: 100%!important;
		padding: 0 10px;
		font-size: 15px;
		line-height: 28px;
		margin: 0 0 0 20px;
	}
	
	.product-payment-icon {
		width: 100%!important;
	}
	.desktop-product{
		display: none;
	}
	.mobile-product{
		display: block;
	}
	form .mobile-product{
		display: flex;
		justify-content: end;
	}
	.mobile-product--title{
		display:flex; 
		flex-direction:column;
	}
	

}




/* FIN */