@import url('https://fonts.googleapis.com/css?family=Fugaz+One');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

.bg-base {
            background: linear-gradient(120deg, #ff6600 15%, #f6003d 70%, #361026 95%);
}

.bg-green{
    background: green;
}


body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 25px; /* Imposta il font radice a 16px */
}

.container.pt-custom-login {
    min-height: 100vh; /* Questo assicura che il container sia almeno alto quanto il viewport */
    padding: 0; /* Rimuovi il padding predefinito */
    margin: 0;
}

.text-navbar {
    color: white;
}

.text-white {
    color: white;
}



/* Pagina casa alo START */

.last_30 {
    font-size: 1.1rem;
    text-align: left;
    color: #b2002c;
 }

.text-water {
    color: #31c7ba;
    font-size: 1.1rem;
    text-align: left;
}

/* Pagina casa alo END */

.pane{
    color: white;
}


.container-fluid {
  min-height: 100vh; /* Imposta l'altezza minima a 100% dell'altezza del viewport */
  margin: 0 auto; /* Centra il container se non si estende per tutta la larghezza */
}


.row, .col {
    padding: 0; /* Rimuovi il padding predefinito */
    margin: 0; /* Rimuovi il margine predefinito */
}

.vh-100 {
    min-height: 100vh; /* This will make sure the .vh-100 is at least the height of the viewport */
}

.bg-btn_arancione {
    background: #d15b04
}

.bg-btn_arancione:hover {
    background: #644306; /* Cambia "blue" con il colore desiderato al passaggio del mouse */
    border-color: #8e0023;
}

.bg-btn-login {
    background: #f6003d;
    border-color: transparent;
}


.bg-btn-login:hover {
    background: #31c7ba; /* Cambia "blue" con il colore desiderato al passaggio del mouse */
    border-color: transparent;
}

.bg-btn-login:active {
    background: #1c726a !important; /* Cambia "yellow" con il colore desiderato durante il clic */
    border-color: transparent !important;
    color: black;
}


.pt-custom-login {
    padding-top: 10rem; /* Imposta il valore del margine superiore desiderato */
}

.login-image-width{
    width: 25rem
  }

.bg-card-bg-custom {
    background-color: #fb9246;
}

.card-title {
  font-family: 'GoogleFontName', Fugaz One; /* Replace with your desired font family */
  font-size: 2rem; /* Replace with your desired font size */
}

.card-title-2 {
  font-family: 'GoogleFontName', Fugaz One; /* Replace with your desired font family */
  font-size: 0.5rem; /* Replace with your desired font size */
  text-align: center;
  color: #451e01;
  margin-bottom: 0px;
  padding: 0.2rem;
}

.card-text {
  font-family: 'GoogleFontName', Fugaz One; /* Replace with your desired font family */
  font-size: 1rem; /* Replace with your desired font size */
}

.fungaz-one {
    font-family: 'GoogleFontName', Fugaz One; /* Replace with your desired font family */
    color: white;
}

.roboto {
  font-family: 'Roboto Condensed', sans-serif;
}

.title-section {
    font-family: 'GoogleFontName', Monoton; /* Replace with your desired font family */
    color: #f6003d;
    font-size: 3rem;
}

.monoton {
    font-family: 'GoogleFontName', Monoton; /* Replace with your desired font family */
    color: white;
}

.centered-placeholder::placeholder {
    text-align: center;
}


.bg-dark-purple {
    background: #09000B;
}

.bg-navbar-purple {
    background: #361026;
}

.bg-card-film {
    background: #d15b04;
}

.filmz-card {

    padding-top: 0rem; /* Riduci il padding superiore */
    padding-bottom: 0rem; /* Riduci il padding inferiore */
    margin-top 0px;
    margin-bottom 0px;
}

.nome_cinema {
    font-size: 1.1rem;
    text-align: left;
    color: #b2002c;
 }



.orario_cinema {
    font-size: 0.8rem;
    text-align: center;
    color: #fa710d;
}

.no-padding {
    padding: 0rem;
}

.no-margin {
    margin: 0rem;
}



.col-4.colonna-proiezione {
    padding: 0rem;
}

.giorno_orari {
    font-size: 1.2rem; /* O il valore di dimensione che preferisci */
    text-align: center;
    color: #f6003d;
}

.row.riga_film {
    padding-bottom: 0.8rem;
}

.giorno {
    color: #fa710d;
}

.linea-separatrice {
        border-color: #2eb8ac; /* Imposta il colore della linea */
        border-width: 0.1rem; /* Imposta lo spessore della linea */
        margin: 20px 0; /* Aggiunge del margine sopra e sotto la linea */
    }

@media only screen and (max-width: 480px) {
  /* Assuming you want to change the background of the entire page for test2.html */
  /* Specific page style overrides can be done by adding a page specific class or id if necessary */
  html {
  font-size: 10px; /* Imposta il font radice a 16px */
  }

  body {
    background: background: linear-gradient(120deg, #ff6600 15%, #f6003d 70%, #361026 95%);!important; /* This will set the background to green on mobile devices */
  }
  .login-image-width{
    width: 20rem
  }
  .pt-custom-login {
    padding-top: 6rem; /* Imposta il valore del margine superiore desiderato */
  }

  .btn.bg-btn_arancione {
        padding: 0.8rem 1.2rem; /* Ad esempio, riduci il padding per i bottoni più piccoli */
        font-size: 1rem; /* Riduci la dimensione del font per i bottoni */
        margin: 0.4rem 0.2rem; /* Aggiungi margini per evitare che i bottoni si tocchino */
        color: black; /* Cambia con il colore del testo che preferisci */
        text-decoration: none; /* Rimuove il sottolineato dai link */
  }
 .col-2.text-end {
        font-size: 1rem; /* Riduci la dimensione del font per il nome utente */
        padding: 0 5px; /* Aggiungi un po' di padding per evitare che il testo tocchi i bordi */
        display: flex; /* Usa flexbox per centrare il contenuto */
        align-items: center; /* Centra verticalmente il contenuto */
        justify-content: flex-end; /* Allinea il contenuto a destra */
    }



 .cat-on-cell{
    font-size: 1rem;
 }
 .col-3.pipo {

 }
 .card-title-2 {
  font-size: 0.6rem; /* Replace with your desired font size */
}


}