/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** CONTENIDO  ***************/
/* 01 WooCommerce */
/* 02 Pagina - Inicio */


/*************** 01 Woo Commerce  ***************/

/* Ocultar botón para editar dirección de facturación en my-account */
.u-column1.col-1>a {
    background: #f00;
    display: none;
}

/* Ocultar selector de cantidades de PORTO y dejar el del plugin set_max_min_quantity.php  
.add-links.clearfix > .quantity.buttons_added {
    background: #f00;
    display: none;
}
*/

/* Ajustes para el nuevo diseño */
/* Color de fondo en botones de cantidades */
div.quantity .minus, div.quantity .plus {
    background: #ff9b39;
}

div.quantity .qty {
    font-weight: bold;
    min-width: 100px;
}

ul.products li.product-col .add-links .button {
    overflow: hidden;
    display: block;
    min-width: 130px;
}

/* Checkout */
.woocommerce-billing-fields {
    border: 2px solid #aaaaaaaa;
    padding: 20px;
    margin-bottom: 20px;
    background: #f1f1f1;
}

.woocommerce-shipping-fields {
    border: 2px solid #ff9b39;
    padding: 20px;
    margin-bottom: 20px;
}


/* Fix WooCommerce */
.woocommerce-info,
.dokan-info {
    color: #f90;
    padding: 20px;
    text-align: center;
    background: #1f2448;
    margin-bottom: 20px;
}

/* Destacar campos importantes en WooCommerce */
.woocommerce-account .featured-boxes,
.woocommerce-thankyou .featured-boxes,
.woocommerce-checkout .featured-boxes,
#login-form-popup .featured-boxes {
    border: 2px solid #1f2448;
}

/* Oscurecer campos desactivados */
#billing_first_name,
#billing_last_name,
#billing_address_1,
#billing_address_2,
#billing_postcode,
#billing_phone,
#billing_email {
    background: #eee;

}


a.button.wcst-myaccount-tracking-button {
    color: #fff;
}

/* ------------------ Fix al Theme */
/* Desactivar vistas */
gridlist-toggle {
    display: none;
}

/*************** 02 Pagina - Inicio  ***************/
/* En las secciones donde el fondo sea oscuro, utilizar estas clases para que el texto sea visible: */
.text-white.fondo-oscuro,
.text-white.fondo-oscuro .woocommerce-Price-amount.amount,
.text-white.fondo-oscuro .vc_separator.vc_separator_align_center h4,
.text-white.fondo-oscuro ul.products .woocommerce-loop-product__title,
.text-white.fondo-oscuro h2 {
    color: #ffffff;
}

.vc_separator h4 {
    font-size: 2.1429em;
}

.fondo-oscuro .input-text.qty.text {
    background: #fff;
}