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


/*Search Results Page*/
.site-main.custom-search-results{
    width: 100%;
    max-width: 100%!important;
    padding: 0 12% 0 12%!important;
}

.site-main.custom-search-results h1{
    margin: 0!important;
    padding: 0!important;
}

.site-main.custom-search-results .page-header{
    padding: 60px 0 30px;
}

.site-main.custom-search-results .page-content{
    padding: 0px 0 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)!important;
    gap: 40px;
}

.site-main.custom-search-results .page-content .entry-title{
    font-size: 1.6rem;
 }

@media screen and (max-width: 1024px){
    .site-main.custom-search-results{
        padding: 0 20px 0 20px!important;
    }

    .site-main.custom-search-results .page-content{
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .site-main.custom-search-results .page-content .entry-title{
       font-size: 1.3rem;
    }
}

@media screen and (max-width: 768px){
    .site-main.custom-search-results .page-content{
        grid-template-columns: 1fr!important
    }
}


/*Widget productos*/
.element-grid{
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px;
    padding: 0 12%;
}

.element-grid-project{
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px
}

.grid-filter{
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 12%;
    background: #F0AED7;
    gap: 0
}

.product-item-link{
    border: 1px solid #000;
    border-radius: 10px;
}

.item-image{
    height: 300px!important;
    width: 100%;
    object-fit: contain;
}

.filter{
    flex-grow: 1;
    font-size: 16px;
    color: black;
    background: #F0AED7;
    border: none;
    border-radius: 0px!important;
    padding: 15px 20px!important;
}

.filter:hover{
    background-color: #BC2382!important;
    color: white
}

.filter:focus{
    background-color: #BC2382!important;
    color: white;
    outline: none!important;
}

.item-bottom-text{
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 20px;
    border-top: 1px solid #000;
}

.bottom_text_right{
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
}

.item-title{
    font-size: 20px!important;
    margin: 0!important;
    color: #000;
    font-weight: 700;
}

.code-tag{
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1024px) {
    .element-grid{
        grid-template-columns: repeat(2, 1fr)!important;
        padding: 0 20px
    }

    .grid-filter{
        padding: 0 20px;
    }
  }

@media only screen and (max-width: 768px) {
    .item-title{
        font-size: 18px!important;
    }

    .grid-filter{
        flex-direction: column;
        margin-bottom: 60px;
        padding: 0
  }
}

@media only screen and (max-width: 425px) {
    .element-grid{
        grid-template-columns: repeat(1, 1fr)!important
    }
}