@import url("slick.css");

@import url("slick-theme.css");



/*Top Picks*/
.module_toppicks {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.module_toppicks .row_items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative;
}
.popular_prod_el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5px;
}
.popular_prod_el:first-child {
    padding-left:  0;
}
.popular_prod_el:last-child {
    padding-right:  0;
}
@media (max-width:  767px) {
    .popular_prod_el:first-child,
    .popular_prod_el:last-child,
    .module_toppicks .row_items > .popular_prod_el {
        padding: 0;
    }
    .popular_prod_el .pp_el_summary {
        height:  auto;
        min-height:  none;
    }
}
.popular_prod_el .pp_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border: 2px solid #525f7f;
    margin: 0;
    padding: 10px 10px 30px 10px;
    border-radius: 5px;
}
.popular_prod_el .pp_el_number {
    top: 10px;
    left: 10px;
    position: absolute;
    padding: 10px;
    background-color: #525f7f;
    border-radius: 3px 0 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
.popular_prod_el .pp_el_label {
    margin: 0 0 10px 60px;
    padding: 10px 10px 8px 10px;
    background-color: #cfc4f9;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
}
@media (max-width:  1024px) {
    .popular_prod_el .pp_el_label {
        margin-left: 50px;
    }
}
.popular_prod_el .pp_info {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.popular_prod_el .pp_info .lg_btn {
    margin-left:  20px;
}
.popular_prod_el .pp_el_summary {
    width: 100%;
    color: #777c90;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.3em;
    min-height:  45px;
}
.popular_prod_el .pp_details {
    width: 100%;
}
.popular_prod_el .pp_img img {
    width: auto;
    max-height: 150px;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 5px;
}
.popular_prod_el .pp_el_name {
    margin-bottom: 5px;
}
.popular_prod_el .pp_el_name h3 {
    font-size: 17px;
    min-height: 45px;
    color: #222;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0;
    margin: 0;
}
.popular_prod_el .find_pp p {
    font-size: 13px;
    font-weight: 600;
    color: #db3236;
    margin: 0;
}
.popular_prod_el .find_pp p.product-block-spec-affiliate-retail-name {
    color:  black;
    position: relative;
    top:  6px;
    font-size: 11px;
}
.popular_prod_el .find_pp .logo_price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
}
.popular_prod_el .find_pp .logo_price .lg_col {
    margin-right: 15px;
}
.popular_prod_el .find_pp .logo_price .lg_col .lg_img {
    width: 40px;
    margin-left: auto;
    display: flex;
}
.popular_prod_el .find_pp .logo_price .lg_col .lg_img img {
    max-width: 100%;
    height: auto;
}
@media (max-width:  767px) {
    .popular_prod_el .pp_el_summary,
    .popular_prod_el .pp_el_name h3 {
        height:  auto;
        min-height:  0;
    }
    .module_toppicks .row_items {
        flex-wrap: wrap;
    }
    .module_toppicks .row_items > .popular_prod_el:not(:last-child) {
        margin-bottom: 20px;
    }
}





/***** Upated 20220301 Jak ******/

.top-picks-wrapper .pp_badge_img .award-badge {
	width: 60px;
}

.top-picks-wrapper .popular_prod_el .pp_el_number {
	margin: -10px 0 0 -10px;
	font-size: 16px;
}

.top-picks-wrapper .pp_badge_img {
	position: absolute;
	right: 6px;
	top: 0;
/*	top: -10px;*/
}


.top-picks-wrapper .popular_prod_el .pp_el_label {
	margin: 52px 0 0 0;
	padding: 6px;
	line-height: 1.2;
	width: 65%;
}


.top-picks-wrapper .pp_el_summary.mg-t-10.mg-b-10:empty {
	min-height: 10px;
}


.top-picks-wrapper .popular_prod_el .pp_img img {
	object-fit: contain;
	height: 140px;
}

.top-picks-wrapper .pp_img.mg-b-20 {
	margin-bottom: 10px;
}



.top-picks-wrapper  .popular_prod_el .pp_info {
	padding-top: 0;
}


.top-picks-wrapper .pp_el_label:empty {
	background: transparent;
	margin-top: 30px;
}


 



/***** Upated 20220314 Jak ******/

.top-picks-wrapper .pp_el_label {
	display: none;
}

.top-picks-wrapper .popular_prod_el .pp_el_number {
	position: absolute;
	background: #535f7f;
	width: 34px;
	text-align: center;
	color: white;
	border-radius: 0 0 5px 0;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 3px;
}


.top-picks-wrapper .pp_wrapper .pp_badge_img {
	left: 44px;
	display: flex;
	gap: 3px;
}

.top-picks-wrapper .pp_info{
	margin-top: 20px;
}


.top-picks-wrapper .popular_prod_el .find_pp .logo_price .lg_col {
	margin-right: 0;
}



.top-picks-wrapper {
	max-width: 630px;
}

.popular_prod_el img {
	max-width: 80% !important;
	max-height: 200px;
	object-fit: contain;
}

	
	
.pp_img.mg-b-20 {
	justify-content: center;
	display: flex;
}	
	

	
.popular_prod_el {
	display: flex !important;
/*	max-width: 450px !important;*/
/*	margin-right: 30px !important;*/
}


.popular_prod_el .pp_wrapper {
	flex-grow: 1; 
}
	
	
.row_items.slides {
/*	gap: 10px;*/
}



.pp_info.has-badge {
	margin-top: 80px;
}





/* Slick  */
	
	
.slick-prev::before, .slick-next::before {
	font-size: 40px;
	color: black;
}
	


.row_items.slides.slider.slick-initialized.slick-slider {
/*	margin-left: 9px;*/
}
	
.slick-next {
/*	right: 6px;*/
}
	
.top-picks-wrapper {
	margin: 0 auto;
}


.slick-prev {
	left: -41px;
	z-index: 1;
}

.slick-next {
	right: -15px;
	z-index: 1;
}




.slick-track{
    display: flex;
}

.slick-slide{
	display: flex;
	height: auto;
}

.slick-prev::before, .slick-next::before {
	opacity: 1;

}


/* Slick only 1 Product selected  */

.single-top-pick .slick-list.draggable { 
	width: 100% !important;
}

.single-top-pick .slick-track { 
	width: 100% !important;
}


.top-picks-wrapper.single-top-pick .popular_prod_el.slick-slide {
	width: 100% !important;
}

.top-picks-wrapper.single-top-pick {
	max-width: 100% !important;
}


/* Slick only 2 Product selected  */

.two-top-picks .slick-list.draggable { 
	width: 100% !important;
}

/*
.two-top-picks .slick-track { 
	width: 100% !important;
}
*/


.top-picks-wrapper.two-top-picks .popular_prod_el.slick-slide {
	width: 50% !important;
}

.top-picks-wrapper.two-top-picks {
	max-width: 100% !important;
}



	
@media (max-width: 767px) {

	.row_items.slides.slider.slick-initialized.slick-slider {
		max-width: 330px;
	}
	
	.slick-list.draggable {

		padding: 7px 10px 7px 10px;
	}	


	.wepc-block.module_toppicks {
		max-width: 330px !important;
	}
	

	.top-picks-wrapper.two-top-picks .popular_prod_el.slick-slide {
		width: 100% !important;
		margin: 7px 8px 7px 12px;
	}
	
	 .slick-next {
		right: 3px;
	}	

	.slick-prev {
		left: -18px;
	}

}



@media (min-width: 768px)  {
	
/*
	.top-picks-wrapper .popular_prod_el.slick-slide {
		 width: 210px !important; 
	}
*/

	
	.two-top-picks .slick-track { 
		width: 100% !important;
	}	
	

	.top-picks-wrapper.single-top-pick .popular_prod_el.slick-slide {
		width: 100% !important;
	}
	
}