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

/* Wrapper principale del box */
.box-insegnanti { 
margin: 2rem 0; 
}

/* Ogni insegnante su due colonne: polaroid fissa + contenuto fluido */
.box-insegnanti .insegnante {
display: grid;
grid-template-columns: 170px 1fr; /* 120px immagine + padding polaroid */
gap: 3rem;
align-items: start;
margin: 1.25rem 0;
}

/* Link che avvolge la thumb (solo per accessibilità/click area) */
.box-insegnanti .ins-thumb {
display: block;
text-decoration: none;
}

/* Cornice stile polaroid: bianco, bordo più alto in basso, ombra morbida */
.box-insegnanti .polaroid {
display: block;
background: #fff;
padding: 10px 10px 50px;      /* fondo più spesso per l’effetto polaroid */
border-radius: 6px;
box-shadow: 0 10px 15px rgba(0,0,0,.12);
border: 1px solid #ededed;
transform: rotate(-5deg);
}

/* Immagine quadrata 120x120, ritaglio centrale */
.box-insegnanti .avatar {
display: block;
width: 150px;
height: 150px;
object-fit: cover;            /* ritaglia in quadrato */
border-radius: 4px;           /* smusso leggero della foto */
}

/* Colonna di destra */
.box-insegnanti .ins-body { 
  min-width: 0;                 /* evita overflow su titoli lunghi */
}

/* Titolo docente */
.box-insegnanti .nome {
font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-text-font-weight);
font-size: 1.5rem;
color: var(--e-global-color-primary);
margin: 0 0 .35rem;
}
.box-insegnanti .nome a{ 
color: var(--e-global-color-primary);
text-decoration: none; 
}
.box-insegnanti .nome a:hover{ 
color: var(--e-global-color-secondary);
text-decoration: none; 
}

/* Contenuto del docente */
.box-insegnanti .contenuto-insegnante {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
  margin: .35rem 0 .6rem;
}

/* Link finale ai corsi */



/* Responsivo: sotto i 640px va in colonna */
@media (max-width: 640px) {
  .box-insegnanti .insegnante {
    grid-template-columns: 1fr;
  }
  .box-insegnanti .ins-thumb {
    margin-bottom: .5rem;
  }
  .box-insegnanti .polaroid {
    width: max-content; /* mantiene il blocco della polaroid sulla larghezza immagine */
  }
}

.box-insegnanti .ins-cta .btn-link {
background-color: var(--e-global-color-primary);
font-family: var(--e-global-typography-text-font-family), Sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
border-radius: 20px 0px 20px 20px;
padding: 10px 15px 10px 15px;
font-size: 14px;
}

.box-insegnanti .ins-cta .btn-link:hover {
background-color: var(--e-global-color-secondary);
color: #ffffff;
}

.corsi-insegnante{
font-family: var(--e-global-typography-text-font-family), Sans-serif;
font-weight: 700;
}

.corsi-insegnante a{
color: var(--e-global-color-primary);
}
.corsi-insegnante a:hover{
color: var(--e-global-color-secondary);
}