/**
Theme Name: beca
Author: roxperez
Author URI: https://roxperez.es/
Description: Child Theme para la web de Beca Grafic
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beca
Template: astra
*/

.berocket_term_parent_0 {color: green !important; font-size:30px !important;}
#secondary li {
    margin-bottom: 5.25em !important;
}

.leyenda {color:#41505D; font-weight: 200; font-family:Montserrat; padding:5px}

.product-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.product-category {
    color: rgba(1, 22, 39, 0.75);
    border-style: solid;
    border-width: 1px;
    border-color: #e7e6e6;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0 10px 0 0;
    padding-top: 10px;
    flex-basis: 45%;
}

.product-category h2 {
    font-weight: 700;
    font-size: 1.625rem;
    color: #c80427;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 10px;
}

.child-categories {
    display: flex;
    margin: 0 0 20px 0;
}

.child-category, .grandchild-category {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(1, 22, 39, 0.75);
    border-style: solid;
    border-width: 1px;
    border-color: #54595f;
    transition: background 0.3s;
    margin: 0 10px 0 10px;
    text-align: center;
    font-weight: 700;
    color: #54595f;
    padding: 10px;
}

.child-category{
    list-style-type: none;
}

.child-category:hover, .grandchild-category:hover {
    background: #c80427;
}

.child-category h3, .child-category h4 {
    font-size: 11px;
    text-transform: uppercase;
}

.child-category a, .grandchild-category a, .child-category a:visited, .grandchild-category a:visited{
    color: #54595f;
}
.child-category a:hover, .grandchild-category a:hover {
    color: #FFFFFF!important;
    background: #c80427;
}
.grandchild-categories li {
    list-style-type: none;
}
.grandchild-categories{
    margin: 20px 0 0 0;
}

.main-loop-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.grandchild-category {
    font-size: 11px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .product-category{
        flex-basis: 100%;
    }
    .child-categories{
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .child-category, .grandchild-category {
        margin: 0;
    }
}