/* --- */
/* Regole mirate per Smartphone (senza rovinare il desktop) */
/* --- */

@media (max-width: 767px) { /* Applica questi stili solo sui dispositivi con larghezza massima di 767px */

    /* Regole per la COLONNA contenente il testo */
    /* Target: la colonna sinistra della tua sezione "OUR MISSION" e "TEAM" */
    .col-md-6.stretch-height.pane {
        /* Assicura che la colonna occupi tutta la larghezza sui mobili */
        width: 100% !important;
        max-width: 100% !important;
        /* Forza l'altezza ad adattarsi al contenuto */
        height: auto !important;
        min-height: auto !important;
        /* Assicurati che il contenuto non venga tagliato */
        overflow: visible !important;
        /* Rimuovi eventuali margini orizzontali indesiderati, Bootstrap usa padding per le colonne */
        margin-left: 0 !important;
        margin-right: 0 !important;
        /* Aggiungi un po' di spazio sotto tra le due sezioni impilate */
        margin-bottom: 20px;
    }

    /* Regole per il Contenitore PRINCIPALE del testo all'interno della colonna */
    /* Questo è il genitore più probabile che limita l'altezza */
    .view.fluid-height {
        height: auto !important; /* Forza l'altezza ad adattarsi al suo contenuto */
        min-height: auto !important; /* Rimuovi qualsiasi altezza minima */
        overflow: visible !important; /* Impedisci il taglio del contenuto */
        display: block !important; /* Assicurati che si comporti come un blocco normale */
    }

    /* Regole per il CONTENITORE IMMEDIATO del testo */
    .content.incut.colors-h.background-solid {
        height: auto !important; /* Assicurati che anche questo si adatti al contenuto */
        min-height: auto !important;
        overflow: visible !important; /* Essenziale per evitare tagli */
        /* Rimuovi padding che potrebbe sprecare spazio, o calibralo */
        padding: 0 !important; /* Rimuovi padding se c'è un padding interno al position-middle-center */
    }

    /* Regole per il Contenitore del Testo (senza lo style inline) */
    .position-middle-center {
        width: 100% !important; /* Occupa tutta la larghezza disponibile */
        max-width: 100% !important;
        margin: 0 auto !important; /* Centra orizzontalmente e resetta i margini verticali */
        padding: 20px 15px !important; /* Padding uniforme per il testo sui bordi */
        box-sizing: border-box !important; /* Cruciale per includere il padding nella larghezza del 100% */
        /* Resetta eventuali posizionamenti che potrebbero tagliare il testo */
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    /* Stili per il TESTO E I TITOLI all'interno del contenitore */
    .position-middle-center h3 {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }

    .position-middle-center p {
        font-size: 1rem !important; /* Usa rem per scalare bene */
        line-height: 1.6 !important;
        word-wrap: break-word !important; /* Forze le parole lunghe ad andare a capo */
        overflow-wrap: break-word !important;
        margin-bottom: 1em !important;
    }

    /* Regole per le immagini nel blocco opposto, per evitare problemi */
    .col-md-6.stretch-height.pane img.bg {
        max-width: 100% !important;
        height: auto !important; /* L'immagine deve scalare proporzionalmente */
    }
}
/* Stile della select */
  select {
    background-color: transparent; /* Sfondo trasparente */
    color: #333; /* Colore del testo */
    padding: 10px;
    font-size: 16px;
	color: white;
    border: 1px solid;
	border-color:  rgba(204, 176, 138, .6);
    border-radius: 0px;
    appearance: none; /* Rimuove lo stile nativo in alcuni browser */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }

  /* Stile delle opzioni */
  option {
    background-color: rgba(255, 255, 255, 0.8); /* Sfondo semi-trasparente personalizzato */
    color: #333;
  }

  /* Per uno sfondo completamente trasparente alle option, puoi anche scrivere: */
  /*
  option {
    background-color: transparent;
    color: #333;
  }
  */