/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


body.single-product .website-wrapper{
    overflow: visible;
}
.product-image-summary-inner .product-images-inner{
    position: sticky;
    top:0;
}
.cart-widget-side .widget_shopping_cart_content .massif-custom-fields-additional-cost .massif-custom-product-screenshot{
    /* float: none;
    max-width: 70px !important; */
    display: none;
}

/*-------------------------------------------------------------------------*/
/*	Custom product fields
/*-------------------------------------------------------------------------*/

body.single-product #figaro{
    height: 500px;
}
body.single-product #figaro canvas{
    max-width:100%;
	max-height:100%;
}
.massif-custom-product-fields-wrapper{
    margin: 30px 0;
}
.massif-mt-15px{
    margin-top: 15px;
}
.massif-custom-product-field-row{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.massif-custom-product-field-row .massif-custom-product-field-name-col{
	font-weight:700;
}
.massif-custom-product-field-row > div{
    width: 100%;
}
.massif-custom-product-field-range{
    position: relative;
}
.massif-custom-product-field-range input {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 100%;
}
.massif-custom-product-field-range input:focus {
    outline: none;
}
.massif-custom-product-field-range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: #072f65;
    border-radius: 25px;
}
.massif-custom-product-field-range input::-webkit-slider-thumb {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
    cursor: pointer;
    -webkit-appearance: none;
	margin-top: -8px;

}
.massif-custom-product-field-range input:focus::-webkit-slider-runnable-track {
    background: #072f65;
}
.massif-custom-product-field-range .massif-custom-product-field-range-value {
    position: absolute;
    top: -50%;
}
.massif-custom-product-field-range .massif-custom-product-field-range-value span {
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #072f65;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
    display: none;
	margin-top: 7px;
}
.massif-custom-product-field-range .massif-custom-product-field-range-value span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #072f65;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}
#massif-custom-product-field-custom-color-wood{
    display: none;
}

.massif-custom-product-fields-price-summary{
    margin-top: 30px;
    background: #f9f9f9;
}
.massif-custom-product-fields-price-summary ul{
    list-style-type: none;
	margin-top: 0;
    padding-left: 0;
}
.massif-custom-product-fields-price-summary ul li{
    border-top: 1px solid #333333;
    padding: 10px 4px;
    font-weight: 600;
    color: #333;
}
.massif-custom-product-fields-price-summary ul li > div{
    float: right;
}
.woocommerce-checkout-review-order .massif-custom-product-screenshot{
    display: none;
}
.massif-custom-product-fields-share-wrapper a{
    cursor: pointer;
    background: #072f65;
    padding: 7px 15px;
    color: white;
    border-radius: 6px;
	display: inline-block;
}
.massif-custom-product-fields-share-wrapper span{
    cursor: pointer;
    background: #072f65;
    padding: 7px 15px;
    color: white;
    border-radius: 6px;
	display: inline-block;
	float:right;
}
.massif-custom-product-fields-tabs-nav{
    display: none;
}
/*-------------------------------------------------------------------------*/
/*	Responsive
/*-------------------------------------------------------------------------*/

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .massif-custom-product-field-row .massif-custom-product-field-name-col{
        flex: 0 0 auto;
        width: 25%;
    }
    .massif-custom-product-field-row .massif-custom-product-field-input-col{
        flex: 0 0 auto;
        width: 75%;
    }
    .product-images-inner #figaro{
        height: 600px;
    }
	.massif-custom-product-fields-share-wrapper span{
		float:right;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	.massif-custom-product-fields-wrapper{
		margin-top:0;
	}
	body.massif-product-has-additional-fields .wd-before-add-to-cart{
		margin-bottom:0;
		margin-top: 410px;
	}
	body.massif-product-has-additional-fields h1.product_title{
		margin-bottom:10px;
		margin-top: -10px;
		position: relative;
    	z-index: 9999;
	}
	.massif-mt-15px {
    	margin-top: 0;
	}
	body.massif-product-has-additional-fields .product-images-inner #figaro{
		padding-top: 80px;
	}
	body.single-product.massif-product-has-additional-fields .single-breadcrumbs-wrapper{
		margin-top: -530px;
	}
    .massif-custom-product-fields-tabs-wrapper > div.massif-custom-product-field-row:not(:first-of-type){
        display: none;
    }
    .massif-custom-product-fields-tabs-nav{
        display: block;
        order:1;
        margin: 15px 0;
        text-align: center;
    }
    .massif-custom-product-fields-tabs-nav button{
        display: inline-block;
        font-size: 14px;
        padding: 5px 10px;
        background: transparent;
    }
    .massif-custom-product-fields-tabs-nav button.active{
        background: #072f65;
        color:white;
        border-radius: 6px;
    }
    .massif-custom-product-fields-tabs-wrapper{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .massif-custom-product-field-row{
        width: 100%;
    }
    .massif-custom-product-field-row .massif-custom-product-field-name-col{
        margin-bottom: 18px;
		display: none;
    }

}