/*
Theme Name: Hello Elementor Child theme of hello-elementor
Theme URI: 
Description: Child theme of hello-elementor theme for the Hello Elementor theme
Author: <a href="https://elementor.com/?utm_source=wp-themes&#038;utm_campaign=author-uri&#038;utm_medium=wp-dash">Elementor Team</a>
Author URI: 
Template: hello-elementor
Version: 3.4.9
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Thu, 11 Jun 2026 14:30:45 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/* Griglia 4 colonne */
.ambiti-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Ogni blocco occupa il 25% (4 colonne) */
.ambito-card {
    flex: 0 0 calc(33.333% - 20px); 
    max-width: calc(33.333% - 20px); 
    
    /* Stile del blocco */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 25px 0;
    min-height: 320px;
    
    background-color: #ffffff;
    border: 1px solid rgba(122, 122, 122, 0.3);
    border-radius: 10px;
    
    text-decoration: none;
    color: #333333;
    text-align: left;
    
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    overflow: hidden;
}

/* Hover: sfondo C6D7E4 */
.ambito-card:hover {
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}

/* Immagine dell'ambito */
.ambito-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    margin-bottom: 15px;
    background-color: #f0f0f0;
}

.ambito-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Contenuto della card */
.ambito-content {
    padding: 0 20px;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Nome dell'ambito */
.ambito-name {
    font-family: "Inter", sans-serif;
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
}

/* Descrizione dell'ambito */
.ambito-description {
    font-family: "Inter", sans-serif;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
    flex-grow: 1;
}

/* Link "Scopri di più" con freccia */
.ambito-link {
    font-family: "Inter", sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
    margin-top: auto;
}

.ambito-link .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.ambito-card:hover .ambito-link .arrow {
    transform: translateX(4px);
}

/* Responsive: tablet (2 colonne) */
@media screen and (max-width: 1024px) {
    .ambito-card {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        min-height: 280px;
    }
    
    .ambito-image {
        height: 150px;
    }
    
    .ambito-name {
        font-size: 18px;
    }
    
    .ambito-content {
        padding: 0 15px;
    }
}

/* Responsive: mobile (1 colonna) */
@media screen and (max-width: 600px) {
    .ambiti-grid {
        gap: 15px;
    }
    
    .ambito-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 250px;
    }
    
    .ambito-image {
        height: 130px;
    }
    
    .ambito-name {
        font-size: 17px;
    }
    
    .ambito-description {
        font-size: 13px;
    }
    
    .ambito-content {
        padding: 0 15px;
    }
}








/* Griglia 3 colonne */
.tipologie-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Ogni blocco occupa il 33.33% (3 colonne) */
.tipologia-card {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    
    /* Stile del blocco */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 20px 25px 20px;
    min-height: 180px;
    
    background-color: #ffffff;
    border: 1px solid rgba(122, 122, 122, 0.3);
    border-radius: 10px;
    
    text-decoration: none;
    color: #333333;
    text-align: left;
    
    transition: background-color 0.3s ease;
    box-sizing: border-box;
}

/* Hover: sfondo C6D7E4 */
.tipologia-card:hover {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}

/* Nome della tipologia */
.tipologia-name {
    font-family: "Inter", sans-serif;
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
}

/* Descrizione della tipologia */
.tipologia-description {
    font-family: "Inter", sans-serif;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
    flex-grow: 1;
}

/* Link "Scopri di più" con freccia */
.tipologia-link {
    font-family: "Inter", sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
    margin-top: auto;
}

.tipologia-link .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.tipologia-card:hover .tipologia-link .arrow {
    transform: translateX(4px);
}

/* Responsive: tablet (2 colonne) */
@media screen and (max-width: 1024px) {
    .tipologia-card {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        padding: 20px 15px 20px 15px;
        min-height: 150px;
    }
    
    .tipologia-name {
        font-size: 18px;
    }
}

/* Responsive: mobile (1 colonna) */
@media screen and (max-width: 600px) {
    .tipologie-grid {
        gap: 15px;
    }
    
    .tipologia-card {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 18px 15px 18px 15px;
        min-height: 130px;
    }
    
    .tipologia-name {
        font-size: 17px;
    }
    
    .tipologia-description {
        font-size: 13px;
    }
}