/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
#main .slider-wrapper{max-width:100%; display:block; text-align:center}
.home [data-animate="bounceInUp"],.home [data-animate="fadeInUp"],.home .slider [data-animate="bounceInUp"],.home .slider [data-animate="fadeInUp"]{transform:none!important; opacity:1!important}
.flickity-enabled.is-draggable .flickity-viewport{
    touch-action: pan-y !important; height:auto!important; min-height: 100vw;}
*/	
}

.wcbm-variation-media {
    position: relative;
    padding-bottom: 10px;
    padding-top: 0px;
 height: 530px;
    max-width: 100%;
	overflow: visible;
	text-align: center;
}

/* --------------------------------------------- */
/* Scrolling div thumbnails under video
/* --------------------------------------------- */

.wcbm-variation-media-thumbnails {
	/*width:500px;*/
	height:200px;
	background:#fff;
	position:relative;	
}

#wcbm_tslshow {
	position:absolute;
	left:0;
	width:1200px;
}

#wcbm_leftArrow {
	width:40px;
	height:40px;
	background: url(application/woocommerce-variations/arrow-left.jpg) center center no-repeat; 
	background-size: contain;
	position:absolute;
	left:0px;
	cursor: pointer;
	top: 60px;
}

#wcbm_rightArrow {
	width:40px;
	height:40px;
	background: url(application/woocommerce-variations/arrow-right.jpg) center center no-repeat; 
	background-size: contain;
	position:absolute;
	right:0px;
	cursor: pointer;
	top: 60px;
}

#wcbm_viewContainer {
	width:70%;
	height:100%;
	background:#fff;
	position:absolute;
	left:230px;
	margin-left:-180px;
	overflow:hidden; height:160px
}

.wcbm-variation-thumb-container{
	float: left;
	padding: 5px;
	width: 85px;
	height: auto;
	margin-right: 10px;
}

.wcbm-variation-thumb-container img{
	max-width:100%; height:auto	
	
}

.wcbm-variation-thumb-img-p img{
	height: 200px;
	width: auto;	
}
.wcbm-variation-thumb-img{
	cursor: pointer;
}

/* --------------------------------------------- */

#product_video_preview_image{
	width: auto;
	/*height: 100%; */
	display: inline;
}

.wcbm-variation-media video{
}