/*
* Refactored homepage styles originally from style.css – moved here for better organization 
*/

/*Set height for home page carousel product detail*/
.product-loop-details-d8 .kwt-title-wrap h2.woocommerce-loop-product__title.entry-title{
	min-height: 39px;
}

.product-loop-details-d8 span.stamped-product-reviews-badge {
    min-height: 34px;
    display: block;
}

/* for home page product carousels */
.home .woocommerce .kwt-title-wrap .woocommerce-loop-product__title {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
    margin-bottom: 0rem !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.2rem;
    font-family: Onest;
}


.home .woocommerce ul.products li.product .kwt-add-to-cart-loop .button {
    display: inline-block;
    border-style: solid;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: var(--global-palette1, #3182CE);
    padding-top: 0.3rem;
    padding-right: 1.2rem;
    padding-bottom: 0.3rem;
    padding-left: 1.2rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
}


@media(max-width: 768px){

    .home .woocommerce ul.products li.product .kwt-add-to-cart-loop .button {
	font-size: 0.9rem;
        padding-top: 0.15rem;
        padding-right: 0.6rem;
        padding-bottom: 0.15rem;
        padding-left: 0.6rem;
    }

        .woocommerce .product .kwt-price-wrap, .woocommerce ul.products li.product .kwt-price-wrap {
        font-size: 0.8rem !important;
        line-height: 1.2rem !important;
    }

}

/* Video Silder Section on HomePage start */
.customized_video_slider{
	overflow: hidden;
	max-height: 480px;
}
.customized_video_slider .kb-advanced-slide-inner-wrap{
	padding: 0px;
}
.customized_video_slider .hover-play-video{
	max-height: 480px;
}
.customized_video_slider .kb-advanced-slide-inner{
	position: relative;
	max-height: 480px;
	overflow: hidden;
}
.customized_video_slider .wp-block-kadence-icon.play_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.customized_video_slider .splide__arrows .splide__arrow.disabled {
   display: none;
   visibility: hidden;
}
.customized_video_slider .wp-block-kadence-icon.play_icon svg{
	fill: #fff;
}
.customized_video_slider .wp-block-kadence-videopopup.full_video{
	display: none;
	visibility: hidden;
}

.customized_video_slider .hover-play-video video {
    width: 100%;
	object-fit: cover;
    cursor: pointer;
}
.customized_video_slider .hover-play-video .short_video {
	margin-bottom: 0px;
}
.videolight-box .gslide-video{
	width: 310px !important;
	max-width: 310px;
	margin: 0 auto;
}
.videolight-box #glightbox-slider .plyr__video-embed, 
.videolight-box #glightbox-slider .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    max-width: 400px;
    height: 540px;
    width: 310px;
}

.videolight-box #glightbox-slider{
	position: relative;
}

.videolight-box .gcontainer .gclose{
	top: 20%;
    left: 59%;
}
.videolight-box .gcontainer .gprev {
	top: 40%;
	left: 59%;
}
.videolight-box .gcontainer .gnext {
	bottom:40%;
	left: 59%;
	top:inherit;
}
.videolight-box .gcontainer .gnext svg, 
.videolight-box .gcontainer .gprev svg {
    rotate: 90deg;
}

.videolight-box #glightbox-slider .gslide-video{
	position: relative;
    /* opacity: 0; */
    transition: transform 0.5s ease, opacity 0.5s ease; 
}

.videolight-box .gslide-video.slide-in-top {
    transform: translateY(-100%);
    opacity: 1;
    animation: slideInFromTop 0.5s forwards;
}

.videolight-box .gslide-video.slide-in-bottom {
    transform: translateY(100%);
    opacity: 1;
    animation: slideInFromBottom 0.5s forwards;
}

.videolight-box .gclose.disabled, 
.videolight-box .gnext.disabled, 
.videolight-box .gprev.disabled {
    opacity: .4;
}
.videolight-box .gslide-video .plyr--video.plyr--hide-controls .plyr__controls {
	opacity: 1;
	pointer-events: all;
	transform: inherit;
}

.hover-play-video .video-product{
	display: none;
}
.video-product-content{
	position: absolute;
	bottom: 45px;
	padding: 15px;
	width: 100%;
}
.video-product-content .wc-block-components-product-image {
    margin: 0 0 0px;
}
.video-product-content .wp-block-columns{
	background-color: hsla(0, 0%, 100%, .6) !important;
    padding: 10px;
    border-radius: 8px;
	gap: 1em;
    align-items: center;
}
.video-product-content  .wp-block-column:nth-of-type(1) {
    /* Styles for the first div */
    width: 20%;
}

.video-product-content  .wp-block-column:nth-of-type(2) {
    /* Styles for the second div */
    width: 80%;
}
.video-product-content h2{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	font-size: 14px;
    margin-bottom: 3px;
}
.video-product-content .wp-block-button__link{
    padding: 5px 17px;
    font-size: 13px;
    line-height: 12px;
    margin-top: 5px;
    margin-bottom: 0px;
}


@-webkit-keyframes slideInFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/* @keyframes slideInFromTop {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
} */
 
@media(min-width: 1550px){
	/* Css apply For only Big Screen */
	.videolight-box .gslide-video{
		width: 400px !important;
		max-width: 400px;
		margin: 0 auto;
	}
	.videolight-box .gslide-video .gvideo-local{
		object-fit: cover;
	}
	.videolight-box #glightbox-slider .plyr__video-embed, 
	.videolight-box #glightbox-slider .plyr__video-wrapper--fixed-ratio {
		height: 0;
		padding-bottom: 56.25%;
		max-width: 400px;
		height: 700px;
		width: 400px;
	}
	.videolight-box .gcontainer .gclose{
		top: 12%;
		left: 62%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left: 62%;
	}
	.videolight-box .gcontainer .gnext {
		bottom:40%;
		left: 62%;
		top:inherit;
	}
}

@media(max-width: 1200px){
	.customized_video_slider .hover-play-video .short_video {
		margin-bottom: 0px;
	}
}
@media(max-width: 1024px){
	.videolight-box.glightbox-container .gclose path, 
	.videolight-box.glightbox-container .gnext path, 
	.videolight-box.glightbox-container .gprev path {
		fill: #000;
	}
	.videolight-box.glightbox-container .gclose:hover path, 
	.videolight-box.glightbox-container .gnext:hover path, 
	.videolight-box.glightbox-container .gprev:hover path {
		fill: #FFF;
	}
	.videolight-box.glightbox-container .gbtn.disabled{
		opacity: .1;
	} 
	.videolight-box .gcontainer .gbtn{
		background-color: rgba(255, 255, 255, 0.85);
		opacity: .8;
	}
	.videolight-box .gcontainer .gclose {
		top: 17%;
		left: 75%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left: 75%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 75%;
		top: inherit;
	}
}


@media only screen and (min-width: 1501px) and (max-width: 1800px)  {
	.videolight-box .gcontainer .gclose {
		top: 12%;
		left: 62%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left:62%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 62%;
		top: inherit;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1500px)  {
	.videolight-box .gcontainer .gclose {
		top: 30%;
		left: 65%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left:65%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 65%;
		top: inherit;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1200px)  {
	.videolight-box .gcontainer .gclose {
		top: 30%;
		left: 68%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left:68%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 68%;
		top: inherit;
	}

}


@media only screen and (min-width: 901px) and (max-width: 1023px)  {
	.videolight-box .gcontainer .gclose {
		top: 28%;
		left: 69%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left: 69%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 69%;
		top: inherit;
	}
}

@media only screen and (min-width: 768px) and (max-width: 900px)  {
	.videolight-box .gcontainer .gclose {
		top: 5%;
		left: 90%;
	}
	.videolight-box .gcontainer .gprev {
		top: 40%;
		left: 72%;
	}
	.videolight-box .gcontainer .gnext {
		bottom: 40%;
		left: 72%;
		top: inherit;
	}
}

@media(max-width: 767px){
	.customized_video_slider{
		margin-bottom: 20px;
	}
	.videolight-box .gslide-video .plyr--video.plyr--hide-controls .plyr__controls {
		opacity: 1;
		pointer-events: all;
		transform: inherit;
	}
	.videolight-box .gslide-video.slide-in-top {
		transform: translateX(100%);
    	opacity: 1;
    	animation: slideInFromLeft 0.5s forwards;
	}
	
	.videolight-box .gslide-video.slide-in-bottom {
		transform: translateX(-100%);
		opacity: 1;
		animation: slideInFromRight 0.5s forwards;
	}
	
	.videolight-box.glightbox-container .gclose path, 
	.videolight-box.glightbox-container .gnext path, 
	.videolight-box.glightbox-container .gprev path {
		fill: #000;
	}
	.videolight-box.glightbox-container .gclose:hover path, 
	.videolight-box.glightbox-container .gnext:hover path, 
	.videolight-box.glightbox-container .gprev:hover path {
		fill: #000;
	}
	.videolight-box.glightbox-container .gbtn.disabled{
		opacity: .1;
	} 
	.videolight-box .gcontainer .gbtn{
		background-color: rgba(255, 255, 255, 0.85);
		opacity: .8;
	}

	.videolight-box .gcontainer .gclose{
		top: 20px;
        right: 20px;
        left: inherit;
	}
	.videolight-box .gcontainer .gprev {
		top: 45%;
        left: 15px;
	}
	.videolight-box .gcontainer .gnext {
		bottom: inherit;
        left: inherit;
        top: 45%;
        right: 15px;
	}
	.videolight-box .gcontainer .gnext svg, 
	.videolight-box .gcontainer .gprev svg {
		rotate: 0deg;
	}
}
/* Video Silder Section on HomePage End */

/* for home page product carousels Start */
.home .woocommerce .kwt-title-wrap .woocommerce-loop-product__title {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
    margin-bottom: 0rem !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.2rem;
    font-family: Onest;
}

.home .woocommerce ul.products li.product .kwt-add-to-cart-loop .button {
    display: inline-block;
    border-style: solid;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: var(--global-palette1, #3182CE);
    padding-top: 0.3rem;
    padding-right: 1.2rem;
    padding-bottom: 0.3rem;
    padding-left: 1.2rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

@media(max-width: 1200px){
    .home .woocommerce ul.products li.product .kwt-add-to-cart-loop .button {
	    font-size: 0.9rem;
        padding-top: 0.15rem;
        padding-right: 0.6rem;
        padding-bottom: 0.15rem;
        padding-left: 0.6rem;
    }
}
/* for home page product carousels End */