/*  regole generali della pagina */
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* font */
body {
  font-family: 'Roboto', sans-serif;
}

/* body */
body {
background-color: #434343;
}

/* DEBUG:  */
/* div {
  border: solid 1px;
} */


/* BARRA SOPRA: -------------------------------------------- */

/* searchbar principale */
.barraRicerca {
  border: solid red;
  height: 35px;
  font-size: 16px;
}

/* bottone vai */
.bottoneVai {
  width: 120px;
  height: 35px;
  border: solid red;
  font-weight: bold;
  font-size: 15px;
  /* omb bottone */
}

/* navigation */

.navigation {
  width: 100%;
  background-color: black;
  display: flex;
  justify-content: space-around;
  align-items: center;
}


/* MAIN: -------------------------------------------- */

.container {
  border: solid red;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* Singoli film */

.contenitoreFilm {
  display: flex;
  width: 185px;
  height: 280px;
  margin: 1.5%;
  position: relative;
}

.poster {
  position: absolute;
  width: 185px;
  height: 280px;
}

.dettagliFilm {
  font-size: 14px;
  width: 185px;
  height: 280px;
  border: solid 1px white;
  padding-left: 3px;
}

.trama {
  font-size: 9px;
  font-weight: normal;
  color: white;
  /* controlli per testo lungo */
  max-height: 120px;
  overflow-y: auto;
}


/* HOVER------------- */

.contenitoreFilm:hover > .poster {
  z-index: 1;
  opacity: 0.3;
}
.contenitoreFilm:hover > .dettagliFilm {
  z-index: 100;
}

/* .poster:hover .dettaglifilm{
z-index: 10;
} */


/* dettagli interni singoli film */

/* bandiere */

.infoInside{
  color: white;
}

.flag {
  width: 10%;
}

.stelle {
  color: yellow;
}

ul {
  list-style-type: none;
}

/* Formattazione immagini */

.noposter {
  width: 185px;
  height: 280px;
  opacity: 0.2;
  border: solid 1px white;
}

.yesposter {
  width: 185px;
  height: 280px;
  border: solid 1px white;
}