/*
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.   ***************/
/*.header-nav.nav > li > a[href$="/stocks"] {color: #ffca2b!important;}
.header-nav.nav > li.active > a[href$="/stocks"] {color: #7c9361!important;}
.breadcrumbs {color: #7c9361}
.breadcrumbs a {color: #fff}
.breadcrumbs a:hover {color: #fff; opacity: 0.75;}
.woocommerce-ordering select {background-color: #ffffff1a; border: none; color: #9ca08e;}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {color: #fff;}
.nav>li>a:hover, .nav-dropdown>li>a:hover, .nav-column>li>a:hover, ul.sub-menu>li.active>a, .nav-dropdown>li.active>a {color: #7c9361;}
span.amount{color: #fff;}
.product-quick-view-container span.amount{color: #313620}
.search-name {color: #7c9361;}
ul.product_list_widget li .quantity {color: #7c9361; opacity: 1;}
.widget_shopping_cart p.total {border-top: 1px solid #ffffff1a; border-bottom: 2px solid #ffffff1a;}
.widget_price_filter .price_slider_amount .button {background-color: #7c9361; margin: 0;}
.widget_price_filter .price_slider_amount { display: flex; flex-direction: column-reverse; text-align: center;}
.widget_price_filter .price_label {padding-bottom: 20px;}
.product-short-description {padding-bottom: 24px;}
.description_tab.active a {color:#7c9361;}
.checkout-breadcrumbs a {font-size: 16px;}
.checkout-breadcrumbs a.current {color: #797c6e;}
blockquote {border-left: 4px solid #7c9361!important;}
span.price-metr {font-size: 14px; color: #7c9361;}
.button [data-icon-label]:after {padding: 0 6px;}*/


/* Корзина */
.cart-container th {text-transform: inherit;}
#customer_details .woocommerce-additional-fields h3 {display: none;}
.cart-subtotal {display: none;}

/* Calculator from Product page */
.calc {display: inline-block; margin-top: 20px; border: 2px solid #e5e5e5; position: relative;}
.calc h4 {display: block; background-color: #f9f8f8; line-height: 48px; padding: 0 20px; margin-bottom: 0; }
.calc p {margin-bottom: 8px; text-align: center; font-size: 14px;}
.calc p.calc-question{cursor: pointer;}
.calc p.calc-question:after {content: url(image/question.svg); display: inline-block; padding-left: 4px; width: 18px;
    transform: translateY(2px);}
.calc-tip {display: none; position: absolute; background-color: #2e2823; padding: 20px; z-index: 2; max-width: 320px;}
.calc p.calc-question:hover ~ .calc-tip {display: block;}
.calc .calc-tip p {font-size: 13px; color: #d1cfc8; margin-bottom: 8px; font-weight: bold; text-align: left;}
.calc .calc-tip ul {font-size: 13px; color: #d1cfc8; margin-bottom: 0;}
.calc form {margin-bottom: 0;}
.calc-wrap {padding: 20px; display: flex;}
.calc-left {max-width: 280px; border-right: 2px solid #e5e5e5; margin-right: 32px; padding-right: 32px;}
.calc-top {display: flex;}
.calc-pack {margin-right: 24px;}
.calc-res {display: inline-block; width: 104px; line-height: 35px; font-size: 16px; padding-bottom: 2px; margin-bottom: 0 !important; text-align: center; border-radius: 20px; background-color: #464B37;}
.calc input[type='button'] {border-radius: 20px; border: none; background-color: #f9f8f8;}
.calc input[type='button']:hover {color: #313620; background-color: #dfe0d9; box-shadow: none;}
.calc input[type='number'] {border: none; box-shadow: none; background-color: #f9f8f8;}
.calc .quantity .minus, .calc .quantity .plus {padding: 0 12px;}
.product-summary .calc .quantity {margin: 0;}
.calc .calc-right p {text-align: left;}
.calc p.calc-sum {font-size: 1.5em; font-weight: bold;}
p.calc-desc {font-size: 18px; color: #2d2823; padding-top: 14px; font-weight: bold; margin-bottom: 0;}
.calc button {margin-bottom: 0;}



@media only screen and (max-width: 719px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.calc {display: block;}
	.calc h4 {text-align: center;}
	.calc-wrap {flex-direction: column;}
	.calc-left {border: none; padding: 0; margin: 0;}
	.calc-top {justify-content: center;}
	.calc-tip {left: 10px; right: 10px; max-width: none;}
	.calc-tip:before {content: ''; width: 12px; height: 2px; background-color: #989B90; position: absolute; right: 16px; top: 20px; transform: rotateZ(45deg); border-radius: 1px;}
	.calc-tip:after {content: ''; width: 12px; height: 2px; background-color: #989B90; position: absolute; right: 16px; top: 20px; transform: rotateZ(-45deg); border-radius: 1px;}
	.calc-tip p {padding-right: 20px; text-align: left;}
	p.calc-desc {line-height: 2.5;}
	.calc-right {background-color: #f9f8f8; padding: 16px; margin-top: 0px;}
	.calc-right, .calc .calc-right p {text-align: center;}
	.calc button {margin-right: 0;}
	
}

@media only screen and (max-width: 549px) {
	/*.product-area {display: none;}
	span.amount {color: #000}*/
}