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


:root{
    --wvs-tooltip-background-color: var(--primary-color);
    --tip-redius:2rem;
    --wvs-item-box-shadow: 0 0 0 1px var(--primary-color);
    --wvs-item-text-color: var(--primary-color);
    --wvs-selected-item-background-color:var(--primary-color);
    --wvs-selected-item-text-color: white;
    --wvs-selected-item-box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
        
}
/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item){
    border-radius: 2rem;
}
.ux-quantity.quantity input {
    flex-grow: 1;
    max-width: unset;
    background: var(--fs-color-secondary);
    border-color: var(--fs-color-primary);
    color: var(--fs-color-primary);
    font-weight: 600;
}
.ux-quantity.quantity {
    display:flex;
    width:100%;
    margin-bottom:1rem;
}

.ux-quantity.quantity input:not(.input-text.qty.text) {
    background-color:var(--fs-color-secondary);
    color: var(--fs-color-primary);
    font-weight: 600;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
    padding: 0px 15px;
}
.single_add_to_cart_button.button{
        width: 100%;
}
a.added_to_cart,
.custom-gc-wholsale-login-price{
    width: 100%;
    text-align: center;
}
.box a.custom-gc-wholsale-login-price{
    display: block;
    margin: 0;
    padding: 10px;
}

.box .price-wrapper .price,
.woocommerce-variation-price .price{
    display: flex;
    background: var(--fs-color-secondary);
    color: var(--fs-color-primary);
    font-weight: 700;
    padding: 10px;
    height: 40px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.box .price-wrapper .price *,
.woocommerce-variation-price .price * {
    color: var(--fs-color-primary);
}

.woocommerce-variation-add-to-cart, form.cart{
  padding-top: 15px;
}

.variations .reset_variations {
    bottom: 85%;
    color: red;
}

.woocommerce-page .archive tax-product_cat .category-page-row, 
.woocommerce-page .archive tax-product_cat .products.row-small, 
.woocommerce-shop .category-page-row, 
.woocommerce-shop .category-page-row,  .products.row-small{
    width: 100%;
    max-width: none;
}
.custom-gc-wholsale-login-price span.custom-gc-wholsale-login-price-span{
    display:none;
    max-width:100px;
    font-size:10px;
    visibility:hidden;
}
.box .price-wrapper .price:hover .custom-gc-wholsale-login-price span.custom-gc-wholsale-login-price-span,
.woocommerce-variation-price .price:hover .custom-gc-wholsale-login-price span.custom-gc-wholsale-login-price-span{
    display:inline-block;
    visibility:visible;
    transition:0.3s ease-out all;
}

.box .price-wrapper .price:hover a.custom-gc-wholsale-login-price,
.woocommerce-variation-price .price:hover  a.custom-gc-wholsale-login-price{
    display:flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:768px){
.box .price-wrapper .price .custom-gc-wholsale-login-price span.custom-gc-wholsale-login-price-span,
.woocommerce-variation-price .price .custom-gc-wholsale-login-price span.custom-gc-wholsale-login-price-span{
    display:inline-block;
    visibility:visible;
    transition:0.3s ease-out all;
    }
    
.box .price-wrapper .price a.custom-gc-wholsale-login-price,
.woocommerce-variation-price .price  a.custom-gc-wholsale-login-price{
    display:flex;
    align-items: center;
    justify-content: center;
}
    
}


#header-contact li {
    width: 25%;
}

ul#header-contact {
    position: fixed;
    bottom: 10px;
}
.single_add_to_cart_button.button {
    color: var(--fs-color-primary);
    border: 1px solid var(--fs-color-primary);
}

.single_add_to_cart_button.button:hover {
    color: var(--fs-color-secondary);
   background-color:var(--fs-color-primary)!important;
}


/*.page-template-page-transparent-header-light .header-wrapper:not(.stuck) .header-bottom{
    display:none;
}*/
.button.alt, .button.checkout, .checkout-button, .secondary {
    color: var(--fs-color-primary);
}
.button.alt:hover, .button.checkout:hover, .checkout-button:hover, .secondary:hover {
    color: var(--fs-color-secondary);
}

i[data-icon-label]:after {
    background: var(--fs-color-primary) !important;
}

.header-bottom-secondary {
    background: var(--fs-color-primary);
    z-index: 2;
    display: block;
    position: relative;
}
 .header:not(.transparent) .header-bottom-secondary .header-bottom-nav.nav > li > a{
    color: var(--fs-color-secondary);
    font-size: 0.6rem;
    letter-spacing: 1px;
}