.dl-product {
		width: 280px;
		padding: 0 0 10px 0;
		border: 1px solid #EEE;
		text-align: center;
		position: relative;
	}

@media only screen and (max-width: 768px)  {
	.dl-product {
		width: 100%;
	}
	
	}

.dl-product .dl-image-badge {
	position: absolute;
	top: 10px; 
	left: 10px;  
	
}
.dl-product .dl-image-badge::before {
  content: "On Sale";
}

.dl-product .title {
		font-size: 0.85em;
		min-height: 4em;
	}

.dl-product .title a {
		text-decoration: none;
	}

.dl-product .dl-price-wrapper {
		font-size: .9em;
		margin-top: 8px;
		text-align: left;
		padding-left: 10px;
	}

.dl-product .dl-price-wrapper.was {
		color:#F44336;
	}

.dl-product .dl-sale-badge {
	background-color: #F44336;
    width: 55px;
    height: 55px;
    border-radius: 60px;
    line-height: 55px;
    color: #FFF;
    margin-top: 10px;
    margin-left: 10px;
	position: absolute;
	font-size: .9em;
}

.dl-product .dl-out-stock-badge {
    color: #f44336;
    font-size: .8em;
    position: absolute;
    background: #ffffff;
    border: 1px solid #f44336;
    margin-top: 10px;
    margin-left: 10px;
    width: 55px;
    height: 55px;
    border-radius: 60px;
    line-height: 1.25em;
    display: flex;
    align-items: center;
    justify-content: center;
}

	
.dl-product .dl-price-wrapper .reg-price.was {
    text-decoration: line-through;
    color: #999;
    float: left;
    margin-right: 10px;
    font-size: 0.8em;
    line-height: 26px;
}

.dl-product .dl-price-wrapper .reg-price {
	white-space: nowrap;
    display: inline;
}

	
.dl-product .title a:hover {
		text-decoration: underline;
	}


.dl-product .info {
		padding: 0 6px;
		margin-top: 10px;
		min-height: 90px;
	}

.dl-product .description {
		font-size: 0.8em;
		color: #999;
		min-height: 4em;
	}


 .dl-social-wrapper {
		margin-top: 10px;
		display: block;
		text-align: right;
		height: 30px;
		margin-right: 11px;
 } 


 .dl-social-wrapper a {
	text-decoration: none;
	padding-left: 5px; 
	box-shadow: none !important; 
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
	opacity: .5;
	
 }
 
 .dl-social-wrapper span.pinterest span { 
	text-decoration: none;
	padding-left: 5px; 
	box-shadow: none !important; 
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
	opacity: .3;
	background-size: 19px 19px !important;
	height: 19px!important;
    width: 19px!important;
 }
 .dl-social-wrapper a:hover,  .dl-social-wrapper span.pinterest span:hover {
	 opacity: 1;
 } 

 .dl-social-wrapper a.google-share-button span {
	 font-size: 22px;
     margin-top: -2px;
 }
    
 .dl-product-slider .swiper-slide {
	 display: inline;
 }

 .dl-product-toolkit-container {
	 position: relative;
 }
.dl-product-toolkit-container .slider-button-prev {
    margin-left: -40px;
 }
.dl-product-toolkit-container .slider-button-next {
	margin-right: -40px;
 }
 .swiper-container {
        width: 100%;
        height: 100%;
    }


 .swiper-slide .dl-product {
		width: auto !important;
		margin-bottom: 5px;
	}

 .swiper-slide {
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.swiper-pagination {
	position: relative !important; 
}
.swiper-pagination-bullet-active {
		background: #666 !important;
	}


.slider-button-next, .slider-button-prev, .gallery-button-next, .gallery-button-prev {
		cursor: pointer;
		position: absolute;
    	top: 40%;
		z-index: 10;
	}

.swiper-button-disabled { 
	color: #ccc !important;
    cursor: auto !important;
}

.slider-button-prev, .gallery-button-prev {
	left: 10px;
    right: auto;
}	

.slider-button-next , .gallery-button-next {
	right: 10px;
    left: auto;
}


.gallery-top {
        height: 80%;
        width: 100%;
    }

.dl-product-gallery .swiper-slide {
	 display: inline;
 }

 .dl-product-gallery .gallery-pagination {
	 text-align: center;
 }

.gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }

.gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }

.gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }

.swiper-container.gallery-thumbs.swiper-container-horizontal {
		height: 215px;
	}

.gallery-thumbs .swiper-slide {
        background-size: cover;
        background-position: center;
    }

.gallery-top .swiper-slide .dl-product {
    	position: relative;
    	margin-bottom: 0;
	}

.gallery-top .swiper-slide .dl-product .title {
		font-size: 1.2em;
	}

.gallery-top .swiper-slide .dl-product .description {
		font-size: 1em;
		color: #666;
	}


.gallery-top .swiper-slide .dl-product .detail-wrapper {
		position: absolute;
	    bottom: 0;
	    width: 100%;
	    background-color: rgba(255,255,255,.5);
	    padding-bottom: 30px;
	}	

.dl-product-grid {
	display: inline-block;
}

.dl-product-grid .dl-product .title {
	min-height: 7em;
}

.dl-product-grid .grid-wrapper { 
 display: block; 
 margin: 0 -1%; 
}
.dl-product-grid .grid-wrapper .dl-product { 
 width: 100%; float: left; margin: 0 0 2% 0;
}

@media screen and (min-width: 48.9375em) {
 .dl-product-grid .grid-wrapper .dl-product { 
  width: 48%; float: left; margin: 0 1% 2%;
 }
}

@media screen and (min-width: 56.875em) {
 .dl-product-grid .grid-wrapper .dl-product { 
  width: 31.3333%; float: left; margin: 0 1% 2%;
 }
}

@media screen and (min-width: 48.9375em) and (max-width: 56.874em) {
    .dl-product-grid .grid-wrapper div:nth-child(4n+4) {
        clear: left;
    }
}

@media screen and (min-width: 56.875em) {
    .dl-product-grid .grid-wrapper div:nth-child(6n+6) {
        clear: left;
    }
}

/** Style fixes for external loading*/
.external-content .swiper-slide .dl-product {
    width: 200px !important;
    margin-bottom: 50px;
}

.external-content .swiper-slide .dl-product img {
    width: 100% !important;
}

.external-content .swiper-slide {
	display: inline-flex !important;
	margin-right: 20px;
}

.external-content  .dl-product .title {
		font-size: 1em;
	}

.external-content  .dl-product .description {
		font-size: 0.7em;
		color: #999;
		margin-bottom: 5px;
	}

.external-content .gallery-top .swiper-slide .dl-product .title {
		font-size: 0.85em;
	}

.external-content .gallery-top .swiper-slide .dl-product .description {
		font-size: 0.6em;
		color: #999;
		
	}


.external-content .gallery-top .swiper-slide .dl-product .detail-wrapper {
		position: relative;
	    bottom: 0;
	    width: 100%;
	    background-color: none !important;
	    padding-bottom: 0;
	}	

.external-content .jsonld-block {
		display: none;
	}	

.external-content .dl-social-wrapper {
		display: none;
	}	
