/*
Theme Name: generatepress-child
Theme URI: https://musicadiversa.it/GBEL/
Description: Tema figlio per generatepress.
Author: Raffaello
Author URI: https://musicadiversa.it/
Template: generatepress 
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: generatepres-child
*/

/* Stili per il contenitore del form */
.form-grid {
    display: grid;
    /* Definisce 3 colonne uguali, con spazio di 20px tra di esse */
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px;
}

/* Tutti gli input al 100% della colonna */
.form-grid input[type="text"],
.form-grid input[type="email"],
.form-grid input[type="password"] {
    width: 100%;
    box-sizing: border-box; /* Assicura che padding e bordo siano inclusi nella larghezza */
    border: 2px solid #ccc; 
}

/* ------------------------------------------------------------------- */
/* MEDIA QUERIES (RENDONO IL LAYOUT RESPONSIVE) */
/* ------------------------------------------------------------------- */

/* Breakpoint 1: Passa a 2 colonne su tablet (fino a 1024px) */
@media (max-width: 600px) {
    .form-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Breakpoint 2: Passa a 1 colonna su smartphone (fino a 600px) */
@media (max-width: 300px) {
    .form-grid {
        grid-template-columns: 1fr; /* Una singola colonna a piena larghezza */
        gap: 15px; /* Riduci lo spazio tra gli elementi */
    }
}

hr {
	background-color: rgba(0, 0, 0, 0.2);
	border: 0;
	height: 1px;
	margin-bottom: 15px;
	margin-top: 10px;
}

textarea {
    border: 2px solid #ccc; 
    /* Spessore | Stile | Colore */
}