/* 
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
*/

/* Add your custom styles here */

/**Header **/

/* Full-width hidden bar */
/* Search bar fixed above header */
.--search-bar-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;

    padding: 15px 20px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);

    opacity: 0;
    transform: translateY(-25px);
    pointer-events: none;
    transition: opacity .35s ease, transform .35s ease;
}

.transparent-header {
    background-color: rgba(51, 84, 65, 0.7) !important; /* 0.8 = 80% opacity */
}


/* When visible */
.--search-bar-wrap.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.--search-bar-wrap input {
    width: 100%;
    padding: 14px 18px;
    font-size: 16px;
    border: 1px solid #ddd;
}


/** Products **/

.eael-product-grid-column-4 .view-details {
    display: none !important;
}

.eael-product-grid-column-4 .add-to-cart {
    width: 100% !important;
}

.eael-product-grid-column-4 .add-to-cart a {
    width: 70% !important;
    margin: 0 auto !important;
}

.woocommerce-ordering select {
    color: var(--ecosoap-text-color);
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/wp-content/themes/hello-theme-child-master/img/select.png) right 0 center no-repeat;
    font-weight: 500;
    font-size: 15px;
    padding: 0 15px 0 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #dcd7cc;
    outline: none;
}

.custom-archive-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px;
    border-radius: 8px;
    margin-bottom: 65px;
    border: 1px solid #dcd7cc;
}

.custom-archive-header > * {
    margin-bottom: 0 !important;
}

.woocommerce-tabs h3 {
    font-size: 1.4rem;
}

.wpcf7-form .form-submit-button button {
    background: #ef5958;
    color: #fff;
}

.wpcf7-form .form-submit-button button:hover {
    background: #31503C;
    color: #fff;
    border: 1px solid #31503C;
}

/** SHOP **/

.woocommerce-loop-category__title {
    margin: 0 !important;
    padding: 0 !important;
}

.archive .transparent-header,
.error404 .transparent-header {
    background: #335441 !important;
}

/* Single Product Page*/

.woocommerce-product-gallery__trigger {
    z-index: 9 !important;
}

@media (max-width: 768px) {
    
    .custom-archive-header {
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
    }
    
}