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


/*************** modifico primer tab   ***************/

div#tab-description h2 {
    display: block !important;
    padding-top: 20px;
    font-size: 90%;

}

/*************** fin modificacion primer tab.  ***************/


/*************** modifico zona de seleccion de taxonomias del producto color, talla, tipo de prenda  ***************/

table.variations .label {/* tamaño del titulo de taxonomias, color, tipio de prenda, talla*/
    padding-right: 20px;
    font-size: 16px;
    letter-spacing: 1px;
}

.vi-wpvs-variation-style.vi-wpvs-variation-style-horizontal {/*colocamos un sellec debajo de otro*/
    grid-template-columns: auto;
    grid-gap: 0;
    align-items: center;
    justify-items: stretch;
}



.vi-wpvs-option-wrap.vi-wpvs-option-wrap-default {
    width: 33% !important;
}

.vi-wpvs-option-wrap.vi-wpvs-option-wrap-hover {
    width: 33% !important;
}

.vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
    width: 33% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(1)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(2)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(3)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(4)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(5)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(6)  {
    width: 100% !important;
}

.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(7)  {
    width: 100% !important;
}
.vi-wpvs-variation-wrap-select-bottom > div > div > div:nth-child(8)  {
    width: 100% !important;
}

div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > button {
    background-color: #000000 !important;/* boton del compra*/
    padding-right: 20px;
}

.woocommerce-variation-price {
    border-top: 1px solid #ddd;
    font-size: .7em;
    padding: 15px 0;
}

/* Texto precio final de variación*/
div.woocommerce-variation-price::before{
	content: "Importe  ";
	font-weight:500;
	font-size:20px;
	color:#313131;
    text-transform: uppercase;;
}
p.price.product-page-price {/* esconder valores desde hasta del precio*/
    display: none;
}

span.woocommerce-Price-amount.amount {/* tamañp de precio*/
    font-size: 20px;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    display:none;
}


vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
    padding: 10px 20px;
    font-size: 15px;
}

tr.vi-wpvs-variation-style.vi-wpvs-variation-attribute-type-color.vi-wpvs-variation-style-horizontal {/* CONTROLAMOS MARGEN DE TAXONOMIAS*/
    MARGIN-TOP: 25PX;
}

tr.vi-wpvs-variation-style.vi-wpvs-variation-attribute-type-button.vi-wpvs-variation-style-horizontal {/* CONTROLAMOS MARGEN DE TAXONOMIAS*/
    MARGIN-TOP: 25PX;
}

.seccion_contenedora_producto{
    padding: 0px !important; 
}

.yith-wcpsc-product-size-chart-button {/* boton tallas*/
    background: #ffffff;
    border: rgb(0, 0, 0) 1px solid;
    color: #ffffff;
    border-radius: 0px;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    margin: 5px 3px;
    cursor: pointer;
    box-shadow: 0px 2px 7px -2px #dddddd;
    font-size: 9px;
    letter-spacing: 1px;
    COLOR:BLACK;
}

.yith-wcpsc-product-table-informal tr > td:first-child .yith-wcpsc-product-table-td-content {
    padding: 4px;
    background: #ffd200;
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    color: white;
    /* font-size: 15px; */
}

ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-pills.nav-left {
    padding-bottom: 10px;
}


/* correcciones pop up tallas*/
.yith-wcpsc-product-size-charts-popup-container>h2 {
    text-align: center;
    padding-top: 20px;
}
/* fin correcciones pop up tallas*/


@media only screen and (max-width: 48em) {



    /*************** ADD MOBILE ONLY CSS HERE  ***************/



    /* correcciones pop up tallas*/
    .yith-wcpsc-product-table-wrapper {
        text-align: center;
    }
   
    /* fin correcciones pop up tallas*/
    /* colocamos tabs en movil uno al lado del otro*/


    .small-nav-collapse>li  {
        margin: 0!important;
        width: 33% !important;
        /* margin: 5px; */
        text-align: center !important;
        

       
    }
    .small-nav-collapse>li a {
        
        line-height:16px !important;
        padding:10px 0 !important;
    }

    .vi-wpvs-variation-button-select{
        font-size: 16px !important;
    }



}