/*
Theme Name: Booth Child
Theme URI: https://booth.qodeinteractive.com
Description: A child theme of Booth Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.2
Text Domain: booth
Template: booth
*/

/* palette 
giallo arancio #ffc658;
azzurro #7ffff8;
*/

/* Aggiungi questa regola nel CSS personalizzato del tuo tema */
.qodef-menu-area, .qodef-menu-right {
    background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/banner-alto.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important; /* assicura che il colore di sfondo sia trasparente */
    position: relative; /* per il z-index */
    z-index: 10; /* porta lo sfondo sopra altri elementi, se necessario */
}
/* Per le voci del menu principale */
.qodef-main-menu > ul > li > a,
.qodef-main-menu ul li a {
    color: #ffffff !important; /* colore bianco */
}

/* Icona search bianche nell'header */
.qodef-search-opener {
    color: #ffffff !important;
}

/* Icona font awesome bianca */
.qodef-search-opener i {
    color: #ffffff !important;
}
/* Icona search più grande/bold */
.qodef-search-opener i {
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Cambia il placeholder del search in italiano */
.qodef-search-field::placeholder {
    content: 'Cerca...' !important;
}

/* Icona sidebar bianca */
.qodef-side-menu-button-opener,
.qodef-side-menu-button-opener .qodef-side-menu-icon,
.qodef-side-menu-button-opener .qodef-icon-font-elegant {
    color: #ffffff !important;
}

/* Nasconde l'icona della sidebar */
.qodef-side-menu-button-opener, .qodef-search-opener {
    display: none !important;
}




.qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner,
 .qodef-content .qodef-content-inner > .qodef-full-width > .qodef-full-width-inner {
  padding-top: 0px; 
  }
  
  .qodef-page-footer .qodef-footer-top-holder {
	  background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/footer-bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: transparent !important;
  }
  
  .qodef-page-footer .qodef-footer-bottom-holder {

    background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/banner-home-top.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: transparent !important;

  }
  .qodef-page-footer .qodef-widget-title {
  text-align: left;
}
.primariga, .qodef-team-single-holder {
    padding-top:50px;
    
}
/* bg colore nome della prima lettera del team */
.qodef-team-single-holder .qodef-team-title-holder .qodef-team-title-square {
	background-color: #7ffff8;
}

/* Background per tutti i singoli contenuti (post, pagine, custom post types) */
.single .qodef-title-holder,
.page .qodef-title-holder {
    background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/banner-home-top.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Background per tutte le pagine di archivio */
.blog .qodef-title-holder,
.archive .qodef-title-holder {
    background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/banner-home-top.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* ===== BOX FORM home page===== */

/* ===== COLONNA FORM ===== */

./* Centra il form orizzontalmente */
.form-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 50px !important;
}

/* Centra gli elementi interni del form */
.form-col .wpcf7 {
    width: 100% !important;
    text-align: center !important;
}
/* Padding interno alla colonna del form */
.form-col .wpb_wrapper {
    padding: 0 50px !important;
}

/* Sfondo e testo della colonna del form */
.form-col .wpb_wrapper {
    padding: 10px 50px !important;
}

/* Testo bianco per titolo e paragrafo */
.form-col h3, 
.form-col p {
    color: #ffffff !important;
}

/* Campi del form con sfondo leggermente più scuro */
.form-col input,
.form-col textarea {
    background-color: #093f62 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #ffffff !important;
    padding: 10px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* Placeholder bianco semitrasparente */
.form-col input::placeholder,
.form-col textarea::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

/* Pulsante celeste full width */
.form-col input[type="submit"] {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    border: none !important;
    width: 100% !important;
    padding: 10px !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
/* Allarga la colonna sinistra (email, website, phone...) al 55% invece del 50% */
.qodef-ts-bio-holder.qodef-grid-col-6 {
    width: 55% !important;
}

/* Restringe la colonna destra (schedule) al 45% invece del 50% */
.qodef-ts-schedule-holder.qodef-grid-col-6 {
    width: 45% !important;
}
.qodef-single-event-info-date, .qodef-ttevents-info-top, .qodef-ttevents-single-title {
	display: none;
	visibility: hidden;
	
}
/* rimuove spazio tra colonne */
.contact-row .vc_column_container {
  padding: 0 !important;
}

/* rimuove spazio interno WPBakery */
.contact-row .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* elimina margine sinistro della row */
.contact-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.contact-row {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.img-col {
  min-height: 450px;
  overflow: hidden;
}

.img-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.poivediamo {
	display: none;
	visibility: hidden;
}
/* Divide il testo in due colonne */

.testo-colonne {
    column-count: 2;
    column-gap: 30px;
    column-fill: auto;
    max-height: 450px; /* imposta un'altezza massima */
}

/* ===== META EVENTI ALLINEATI ===== */
/* ===== EVENT META STYLE (WPBAKERY - UNIFICATO) ===== */

/* Contenitore */
.event-meta {
  margin-top: 10px;
}

/* Paragrafi */
.event-meta p {
  margin: 0 0 8px 0;
  font-size: 16px;
  line-height: 1.5;
  font-family: Oswald, sans-serif;
  color: #4da3d9; /* valore */
}

/* Label (EMAIL, MOBILE, ecc.) */
.event-meta strong {
  display: inline-block;
  min-width: 105px;
  font-size: 16px;
  font-weight: 500;
  font-family: Oswald, sans-serif;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Evita ritorni a capo brutti */
.event-meta strong {
  white-space: nowrap;
}

/* Link (email cliccabile, telefono, ecc.) */
.event-meta a {
  color: #4da3d9;
  text-decoration: none;
}

.event-meta a:hover {
  text-decoration: underline;
}

/* ===== FIX WPBAKERY (override tema) ===== */
.vc_column-inner .event-meta p,
.wpb_text_column .event-meta p {
  font-size: 16px;
  font-family: Oswald, sans-serif;
}

.vc_column-inner .event-meta strong,
.wpb_text_column .event-meta strong {
  font-family: Oswald, sans-serif;
}
/* Nasconde i meta sopra il titolo nei singoli post */
.single-post .qodef-post-info-top {
    display: none !important;
}

/* Nasconde il titolo nel contenuto dei singoli post */
.single-post .entry-title.qodef-post-title {
    display: none !important;
}
/* Nasconde l'immagine in evidenza nei singoli post */
.single-post .qodef-post-image {
    display: none !important;
}
/* Cambia "Read More" in "Continua" */
.qodef-blog-list-button .qodef-btn-text {
    font-size: 0;
}

.qodef-blog-list-button .qodef-btn-text:before {
    content: "Continua";
    font-size: 14px;
}
/* Modifica l'area titolo in tutti gli archivi */
.archive .qodef-title-holder {
    min-height: 70px !important;
    height: 70px !important;
}

.archive .qodef-title-holder .qodef-title {
    font-size: 24px !important;
    line-height: 70px !important;
}
/* Allinea a sinistra il bottone Continua nel footer */
.qodef-footer-column-1 .widget.qodef-button-widget {
    text-align: left !important;
}

/* Font footer uguale al resto del sito */
.qodef-page-footer {
    font-family: inherit !important;
}
/* Font titoli footer uguale al resto del sito */
.qodef-page-footer h1,
.qodef-page-footer h2,
.qodef-page-footer h3,
.qodef-page-footer h4,
.qodef-page-footer h5,
.qodef-page-footer h6,
.qodef-page-footer .qodef-widget-title {
    font-family: 'Oswald', sans-serif !important;
}

/* Widget social - layout */
.qodef-social-icons-group-widget {
    display: block !important;
}

/* Cerchio ciano per ogni icona */
.qodef-social-icons-group-widget .qodef-social-icon-widget-holder {
    display: inline-flex !important;
    margin-right: 10px !important;
    background-color: #00bcd4 !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Allinea i titoli delle colonne 2, 3, 4 con la prima */
.qodef-footer-top-holder .qodef-grid-row .qodef-column-content:nth-child(2),
.qodef-footer-top-holder .qodef-grid-row .qodef-column-content:nth-child(3),
.qodef-footer-top-holder .qodef-grid-row .qodef-column-content:nth-child(4) {
    padding-top: 20px !important;
}


/* Allinea le colonne del footer in alto */
.qodef-footer-top-holder .qodef-grid-row {
    display: flex !important;
    align-items: flex-start !important;
}

/* Titoli widget footer in maiuscolo */
.qodef-footer-top-holder .qodef-widget-title {
    text-transform: uppercase !important;
    font-size: 13px !important;

}
/* Testo più piccolo nel footer */
.qodef-footer-top-holder .widget {
    font-size: 14px !important;
}
/* Colore di fondo input newsletter */
.qodef-custom-newsletter-form .wpcf7-text {
    background-color: #0c4e7a !important;
    color: #ffffff !important;
}

/* Riduce spazio tra immagine e titolo nei post */
.qodef-blog-list-holder .qodef-post-image {
    margin: 0 0 10px !important;
}

/* Footer più compatto */
.qodef-footer-top-holder .qodef-footer-top-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


/* Allinea i widget del footer in alto */
.qodef-footer-top-holder .qodef-grid-col-3,
.qodef-footer-top-holder .qodef-grid-col-4 {
    vertical-align: top !important;
    display: inline-block !important;
}

/* Allinea il titolo del widget in alto */
.qodef-footer-top-holder .widget {
    padding-top: 0 !important;
}
/* Titoli widget footer in maiuscolo */
.qodef-footer-top-holder .qodef-widget-title {
 
    font-size: 16px !important;

}

/* Icona bianca */
.qodef-social-icons-group-widget .qodef-social-icon-widget {
    color: #ffffff !important;
    background-color: transparent !important;
    font-size: 18px !important;
}
.qodef-team-single-holder .qodef-team-title-holder .qodef-team-title-square {
	background-color: #98d3dd !important;
}
/* Nasconde il campo Position nel team member */
.qodef-ts-info-row {
    display: none !important;
}

/* Colore bottone "Torna a conoscere gli altri" */
.qodef-team-single-holder .qodef-btn-solid {
    background-color: #4EC4FF !important;
}

.qodef-team-single-holder .qodef-btn-bg-holder {
    background-color: #4EC4FF !important;
}

.grassetto {
	font-weight: 600;
}
/* Titolo widget */
.qodef-social-icons-group-widget .qodef-widget-title {
    margin-bottom: 10px !important;
}
/* Hover - sfondo trasparente e icona ciano */
.qodef-social-icons-group-widget .qodef-social-icon-widget-holder:hover {
    background-color: transparent !important;
}

.qodef-social-icons-group-widget .qodef-social-icon-widget-holder:hover .qodef-social-icon-widget {
    color: #00bcd4 !important;
}
/* Nasconde icone Facebook e YouTube nel footer */
.qodef-page-footer .fa-facebook,
.qodef-page-footer .fa-youtube {
    display: none !important;
}

.qodef-page-footer .fa-facebook,
.qodef-page-footer .fa-youtube {
    display: none !important;
}

.qodef-page-footer a:has(.fa-facebook),
.qodef-page-footer a:has(.fa-youtube) {
    display: none !important;
}



.qodef-mobile-header-inner {
    background-image: url('https://lascuolina.it/wp-content/uploads/2026/03/banner-alto.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.qodef-mobile-menu-icon .qodef-icon-font-elegant {
    font-size: 28px !important;
    -webkit-text-stroke: 0.5px currentColor !important;
}
.qodef-blog-share {
	visibility: hidden;
	display: none;
}



/* Padding solo su desktop */
@media (min-width: 1024px) {
    .riga-intestazione-eventi {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}


/* Centra bottone su mobile */
@media (max-width: 768px) {
	

	
	
	
    .scopri-row {
        text-align: center !important;
    }
	
	
	   .col-bottone {
        text-align: center !important;
    }
	
	   .testo-colonne {
        column-count: 1 !important;
    }
	
	.qodef-blog-holder.qodef-blog-single article {
  margin-bottom:10px !important;
  
}
.qodef-blog-holder {
	margin-bottom:10px !important;
}


}




@media only screen and (max-width: 680px) {
	
	    .qodef-title-holder {
        display: none !important;
    }
	
	
  .qodef-st-title-holder {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    h1.qodef-st-title {
        font-size: 44px !important;
    }

    h2.qodef-st-title {
        font-size: 40px !important;
    }

	
}

@media only screen and (max-width: 480px) {
	
	/*
	 .min450 img {
        max-width: 50% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
   .min450 {
        max-height: 250px !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
    } */
	
     .qodef-st-title-holder {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    h1.qodef-st-title {
        font-size: 44px !important;
        display: block !important;
        width: 100% !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
	  h2.qodef-st-title {
        font-size: 40px !important;
    }
}




/* Azzera su mobile */
@media (max-width: 768px) {
	
	
	
	 .qodef-footer-top-inner .qodef-grid-col-3::after {
        display: none !important;
    }
    
  .qodef-page-footer .qodef-footer-top-inner .qodef-column-content {
        margin-bottom: 0px !important;
    }
	
	
    .riga-intestazione-eventi {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	.form-col .wpb_wrapper {
        padding: 0 20px !important;
    }
	
	  .scoprihome {
        display: block !important;
        width: fit-content !important;
        margin: 0 auto 20px auto !important;
    }
   .map-col {
        display: none !important;
    }
	
	.qodef-btn-solid	{
		margin-bottom:20px !important;
	}

   .qodef-cta-text h6, .mobilecentro {
        text-align: center !important;
    }
	
 .qodef-cta-button-holder {
        display: block !important;
        text-align: center !important;
    }
    
    .qodef-cta-button-holder .qodef-btn {
        display: inline-block !important;
    }
	
	
  .vc_custom_1774708828140 {
        left: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
	
	/* Footer mobile - colonne in verticale */
	 .qodef-footer-top-holder .qodef-grid-row {
        flex-direction: column !important;
    }
    
    .qodef-footer-top-holder .qodef-grid-col-3 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}


/* ============================================================
   CSS INTEGRALE DEFINITIVO - TUTTA LA STRUTTURA + ALLINEAMENTO
   ============================================================ */

/* 1. SEZIONI (FIELDSET) E TITOLI (LEGEND) */
.scuolina-form-container fieldset {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    background-color: #ffffff !important;
}

.scuolina-form-container legend {
    font-weight: bold !important;
    font-size: 1rem !important;
    color: #333 !important;
    padding: 0 10px !important;
    width: auto !important;
    border: none !important;
    margin-bottom: 10px !important;
}

/* 2. STRUTTURA RIGHE */
.scuolina-form-container .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    align-items: flex-end; /* Fondamentale per allineare select e input */
}

.scuolina-form-container .form-group {
    flex: 1;
    min-width: 180px;
}

/* 3. ETICHETTE (LABEL) */
.scuolina-form-container label {
    display: block;
    font-size: 0.7rem; 
    font-weight: 400 !important;
    color: #888;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 4. CAMPI INPUT E SELECT (ALTEZZA UNIFICATA) */
.scuolina-form-container .form-control,
.scuolina-form-container select.form-control {
    width: 100% !important;
    height: 38px !important; 
    padding: 6px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    font-size: 0.9rem !important;
    color: #333 !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    outline: none !important;
}

/* 5. FIX SPECIFICO PER SELECT */
.scuolina-form-container select.form-control {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C/polyline%3E%3C/svg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 14px !important;
}

/* 6. TEXTAREA */
.scuolina-form-container textarea.form-control {
    width: 100% !important;
    min-height: 80px !important;
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    padding: 10px !important;
    font-size: 0.9rem !important;
    resize: vertical !important;
}

/* 7. SETTIMANE (3 COLONNE) */
.scuolina-form-container .weeks-container .wpcf7-checkbox {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 10px !important;
}

/* 8. BOTTONE INVIO */
.scuolina-form-container .wpcf7-submit {
    background-color: #4ec4ff !important;
    color: white !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer;
    display: block;
    margin: 20px auto !important;
}

/* 9. NASCONDE RIQUADRO RISPOSTA VUOTO */
.scuolina-form-container .wpcf7-response-output {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: none;
}

.scuolina-form-container .wpcf7 form.sent .wpcf7-response-output,
.scuolina-form-container .wpcf7 form.invalid .wpcf7-response-output {
    display: block !important;
    margin-top: 20px !important;
    padding: 10px !important;
    border: 1px solid #4ec4ff !important;
}

/* 10. RESPONSIVE */
@media (max-width: 768px) {
    .scuolina-form-container .form-row { flex-direction: column; }
    .scuolina-form-container .weeks-container .wpcf7-checkbox { grid-template-columns: 1fr !important; }
}
/* Spaziatore tra le due sottosezioni */
.scuolina-form-container .spacer-bottom {
    margin-bottom: 30px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #f0f0f0; /* Linea sottile di divisione opzionale */
}

/* Gestione testi e labels nelle sezioni extra */
.scuolina-form-container .main-label {
    display: block;
    font-weight: bold !important;
    font-size: 0.95rem !important;
    color: #444 !important;
    margin-bottom: 8px !important;
    text-transform: none !important; /* Toglie il maiuscolo se preferisci */
}

.scuolina-form-container .sub-text {
    font-size: 0.85rem !important;
    color: #666 !important;
    margin: 5px 0 12px 0 !important;
    line-height: 1.4 !important;
}

/* Migliora la spaziatura dei radio button */
.scuolina-form-container .wpcf7-list-item {
    margin-right: 20px !important;
}

/* Colore azzurro per il contributo nel testo */
.scuolina-form-container .sub-text strong {
    color: #4ec4ff;
    font-weight: 600;
}
/* Spazio extra quando si apre il gruppo della delega */
div[data-id="campi_delega"] {
    margin-top: 30px !important;
    padding-top: 10px;
}

/* Stile del link privacy */
.privacy-box a {
    color: #4ec4ff !important;
    text-decoration: underline !important;
    font-weight: bold;
}

.privacy-box a:hover {
    color: #333 !important;
}

.privacy-box {
    margin-top: 20px;
    font-size: 0.9rem;
    color: #666;
}

/* Distanziamento tra le righe di input all'interno della delega */
div[data-id="campi_delega"] .form-row {
    margin-bottom: 25px !important;
}

/* Rende la checkbox della delega più visibile e distanziata dal testo */
.delega-trigger-row {
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px !important;
}