/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**
 * Globals
 */

:root {
    --main-font: "ITCAvantGardePro-Bk", Sans-serif;
    --pink: #F05773;
    --brown: #6E4747;
    --green: #66B46F;
    --white: #FFF;
}

.woocommerce .woocommerce-message {
    display: none;
}


/**
 * Checkout
 */

.woocommerce-checkout .col-2,
.woocommerce-checkout .col-1 .woocommerce-billing-fields h3,
.woocommerce-checkout form .form-row label,
.woocommerce-checkout .woocommerce-info {
    display: none;
}

.woocommerce-checkout .col-1 {
    width: 100% !important;
}


.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
    width: 48%;
}

@media (max-width: 1024px) {
    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last, 
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
}

.woocommerce form.checkout_coupon {
    border: 1px solid #f0577394;
    display: block !important;
}

.woocommerce-form-coupon-toggle {
    margin-top: 30px;
}

.woocommerce-checkout #payment {
    margin-top: 30px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 10px;
}

.woocommerce-checkout input,
.woocommerce-checkout select {
    border: 1px solid var(--pink);
    border-radius: 0;
    color: var(--pink);
    font-family: var(--main-font);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    padding: 0.7rem 1rem;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
    outline: 0;
    border-color: var(--pink);
}

.woocommerce-checkout input::placeholder {
    /* opacity: 1; */
    color: var(--pink);
}

.woocommerce-checkout h3,
.woocommerce-checkout th,
.woocommerce-checkout td,
.woocommerce-checkout li,
.woocommerce-checkout p,
.woocommerce-checkout label {
    color: var(--brown);
    font-family: var(--main-font);
}

.woocommerce-checkout h3 {
    color: var(--pink) !important;
    font-weight: 700;
    padding-top: 30px;
}

.woocommerce-checkout .validate-text {
    display: block;
    font-size: 9px;
    font-weight: 700;
    padding-left: 15px;
}

/* #billing_escoge_distancia_field::after,
#billing_tipo_de_documento_field::after,
#billing_genero_field::after,
#billing_rh_field::after {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--pink);
    position: absolute;
    right: 20px;
    top: 18px;
} */

/*.woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
    display: none;
}*/

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    margin-top: 30px;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
    background-color: var(--pink);
    box-shadow: 0 4px 19px -2px rgb(0 0 0 / 30%);
    border-radius: 0;
    color: var(--white);
    font-family: var(--main-font);
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    outline: 0;
    padding: 0.8rem 1rem;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover {
    background-color: var(--green);
    color: var(--white);
}

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
    line-height: 20px;
}

.woocommerce .woocommerce-error .button {
    display: none;
}


/**
 * Order Received
 */

.woocommerce-order-received h2,
.woocommerce-order-received p,
.woocommerce-order-received li,
.woocommerce-order-received th,
.woocommerce-order-received td {
    font-family: var(--main-font);
}

.woocommerce-order-received h2 {
    color: var(--pink);
}

.woocommerce-order-received p,
.woocommerce-order-received address,
.woocommerce-order-received li,
.woocommerce-order-received th,
.woocommerce-order-received td  {
    color: var(--brown);
}

.woocommerce ul.order_details {
    padding-left: 0;
    padding-top: 10px;
}

.woocommerce-table__product-name.product-name a {
    pointer-events: none;
}