/* Mobilo web font */
@font-face {
  font-family: 'Mobilo Regular';
  src: url('mobilo/TTF/Mobilo-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Mobilo Bold';
  src: url('mobilo/TTF/Mobilo-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body{
  font-weight: 300;
}

/* Coming soon v2 */
#titolo-comingsoon h1{
  font-size: 120px;
  letter-spacing: -6px;
  line-height: 110px;
  margin-bottom: 22px;
}
#titolo-comingsoon h2{
  font-size: 60px;
  letter-spacing: 0px;
  text-transform: lowercase;
  font-weight: 500;
}
#titolo-comingsoon h3{
  font-size: 20px;
}
.credits span a{
  color:#E8082C; /* cambio rosso per accessibilità, maggior contrasto */
}
.credits span a:hover{
  opacity: .75;
}
@media all and (max-width: 768px) {
  #titolo-comingsoon h1{
    font-size: 50px;
    letter-spacing: -4px;
    line-height: 50px;
    margin-bottom: 4px;
  }
	#titolo-comingsoon h2 {
    font-size: 20px;
  }
  #titolo-comingsoon h3{
    font-size: 14px;
  }
}

/* Menu laterale */
.menu.open .menu-header a, .menu .menu-header a{
  font-family: 'Mobilo Bold', sans-serif;
  color: white;
  letter-spacing: -2px;
  line-height: 15px;
  margin-bottom: 22px;
}
.menu-header h3 small{
  font-family: 'Mobilo Regular', sans-serif;
  text-transform: lowercase;
  letter-spacing: 0px;
  font-size: 16px;
}
.menu-open{
  width: 50px;
  height: 35px;
  background-color: rgba(0,0,0,0);
}
.menu-open .line{
  width: 50px;
}
.menu-open::after{
  content: "MENU";
  font-style: normal;
  text-transform: uppercase;
  position: relative;
  top: 16px;
  margin-left: 1px;
  font-size: 14px;
  color: black;
}

/* Homepage */
#titolo h1, .titoloFilm{
  font-family: 'Mobilo Bold', sans-serif;
  font-size: 120px;
  letter-spacing: -6px;
  line-height: 110px;
  margin-bottom: 22px;
}
#titolo h2{
  font-family: 'Mobilo Regular', sans-serif;
  font-size: 60px;
  letter-spacing: 0px;
  text-transform: lowercase;
  margin-bottom: 50px;
}
#titolo h3{
  font-size: 20px;
  margin-bottom: 16px;
}
.button-row{
  margin-bottom: 50px;
}
.button{
  line-height: 20px !important;
  padding: 15px !important;
}
.awards img{
  height: 40px;
}
@media all and (max-width: 768px) {
  #titolo h1, .titoloFilm{
    font-size: 50px;
    letter-spacing: -4px;
    line-height: 50px;
    margin-bottom: 4px;
  }
	#titolo h2 {
    font-size: 20px;
  }
  #titolo h3{
    font-size: 14px;
  }
  .awards img{
    height: 20px;
  }
  .credits.open.home{
    position: inherit;
  }
}

/* Credits */
.credits{
  padding: 20px 28px 10px 28px;
}
.left img{
  height: 45px;
}
.spazio-1{
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10px;
  white-space: nowrap;
}
.spazio-2{
  width: 8%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10px;
  white-space: nowrap;
}
.spazio-3{
  width: 32%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10px;
  white-space: nowrap;
}
.spazio-3 img{
  display: inline;
  margin-right:10px;
}
.testo-img{
  font-size:10px;
  position:relative;
  top:-10px;
  margin-right:20px;
}

.credits-nav li{
  margin-left:24px;
  margin-right: 0;
  font-size: 8px;
}
.credits .large-titles .title{
  font-size: 10px;
}
/*
@media all and (min-width: 1501px) {
  .spazio-1 img, .spazio-2 img, .spazio-3 img{
    margin-left: 10px !important;
  }
}
*/
@media all and (max-width: 1600px) {
  .left img{
    height: 30px !important;
  }
  .spazio-1{
    width: 100% !important;
    display: block !important;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .spazio-2{
    width: 6%;
  }
  .spazio-2, .spazio-3{
    padding-bottom: 20px;
  }
  .large-titles{
    margin-bottom: 10px;
  }
  .credits .titles{
    font-size: 10px;
    line-height: 18px;
  }
  .release-date{
    min-height: 50%;
  }
}
@media all and (max-width: 1023px) {
  .left img{
    height: 30px !important;
  }
  .spazio-1,.spazio-2, .spazio-3{
    width: 100% !important;
    display: block !important;
  }
  .credits-nav li{
    margin-left:24px;
    margin-right: 0px;
  }
  .release-date{
    min-height: 40%;
  }
}
@media all and (max-width: 768px) {
  .left img{
    height: 25px !important;
  }
  .credits-nav li{
    margin-left: 0px;
    margin-right: 24px;
  }
}

/* About */
#citazione{
  text-align: center;
  color: white;
  font-size: 16px;
  font-style: italic;
}

/* Film crew */
#collaboratori h4{
  margin-bottom: 34px;
}
#collaboratori h5{
  color: white;
  margin-bottom: 2px;
}
#collaboratori p{
  margin-bottom: 20px;
}

/* Privacy */
@media all and (min-width: 769px) {
  #privacy-content{
    height: 90%;
  }
  #privacy-content .blog-scroll{
    height: 85% !important;
  }
}

/* Eventi */
.info-proiezioni{
  line-height: 22px !important;
}
#titolo-form{
  margin-top: 30px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: -20px;
}
.contact-form{
  margin-top: 32px;
}
#area-form{
  background-color: rgba(17,21,31,0.95);
  padding: 6rem 8rem;
}
#area-form h2{
  margin-bottom: -4px;
  letter-spacing: -2px;
}
#area-form h3{
  font-size: 18px;
  text-transform: lowercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
#area-form h4{
  line-height: 38px;
  font-size: 30px;
  margin: 32px 0 6px 0px;
}
#area-form h5{
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#area-form span{
  color: #fff;
}
#area-form label{
  color: #fff;
  text-transform: uppercase;
}
#Idedizione option{
  color: #4a4a4a;
}
input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]), select, textarea {
  color: #949fab;
  /*border: 1px solid rgba(212, 213, 218, 0.1);*/
  border-bottom: 1px solid #d4d5da;
  margin-top: 10px;
}
#col-button{
  text-align: center;
}
.privacy{
  line-height: 1.5rem;
  font-size: 10px;
  color: #949fab;
  margin-top: 20px;
  margin-bottom: 0px;
  opacity: 0.7;
}
.form-group {
  margin-bottom: 15px;
}
.consenso-privacy input{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 10px 10px 0px 5px;
}
@media all and (max-width: 768px) {
  #area-form{
    padding: 5rem;
  }
  .consenso-privacy{
    display: block;
  }
}


.release-date{
  background-color: rgba(17,21,31,0.95);
}
.release-date .date {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  margin-bottom: 32px;

}
.release-date .date .citta{
  font-size: 30px;
}
.release-date .date .data{
  font-size: 24px;
  color: #fff;
}
.release-date .date .orario{
  color: #949fab;
  font-size: 16px;
  text-transform: none;
}
.release-date h4{
  opacity: 0.8;
}
.release-date h4 span{
  color: #949fab;
  font-size: 14px;
  text-transform: none;
}
.release-date p{
  margin-bottom: 32px;
  text-transform: uppercase;
  opacity: 0.8;
}
.release-date .via{
  color: #949fab;
  font-size: 14px;
  text-transform: none;
}
.release-date .button{
  font-size: 12px;
}

/* Rassegna Stampa */
@media all and (min-width: 769px) {
  #rassegna-stampa{
    height: 90%;
    margin-bottom: 15px;
  }
  #rassegna-stampa .blog-scroll{
    height: 45%;
    background-color: #141923;
    padding: 2rem;
  }
  #altri-articoli{
    /*height: 32% !important;*/
    height: 80% !important;
  }
}
#rassegna-stampa ul{
  list-style: none;
  padding-left: 0;
}
#rassegna-stampa li{
  font-size: 14px;
}
#rassegna-stampa li{
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid rgb(23, 31, 51);
}
#rassegna-stampa li:last-of-type{
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: none;
}
#rassegna-stampa li a{
  font-size: 14px;
  font-weight: 300;
  line-height: 0;
  opacity: 0.8;
}
#rassegna-stampa li span{
  opacity: 0.9;
}
#rassegna-stampa .title-h2{
  text-transform: none;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 4.8px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: left;
  color: #949fab;
  font-weight: normal;
}
#altri-articoli li{
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5;
  border-bottom: none;
}

#proiezioni{
  height: 45% !important;
}
#proiezioni-attive .data{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}
#proiezioni-attive .orario{
  color: #949fab;
  font-size: 12px;
}
#proiezioni-attive .citta{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: white;
}
#proiezioni-attive .evento {
  margin-left: 15px;
  margin-top: 2px;
  color: white;
}
#proiezioni-attive .cinema::before{
  content: "/ ";
}
#proiezioni-attive .indirizzo, #proiezioni-attive .cinema{
  color: #949fab;
  font-size: 12px;
}
#proiezioni-attive .pulsanti{
  margin-top: 5px;
  margin-left: 15px;
}
#proiezioni-attive .button{
  padding: 0 15px !important;
  margin: 0 10px 0 0;
  font-size: 12px;
}

#proiezioni-passate .pulsanti, #proiezioni-passate .indirizzo, #proiezioni-passate .orario{
  display: none;
}
#proiezioni-passate .prima-riga{
  text-transform: uppercase;
  font-weight: 500;
  color: white;
  display: inline;
}
#proiezioni-passate .seconda-riga{
  margin-left: 15px;
  color: #949fab !important;
  display: inline;
}
#proiezioni-passate .data{
  opacity: 0.8;
}
#proiezioni-passate .data::after{
  content: " /";
}
#proiezioni-passate .cinema::before{
  content: "- ";
}

@media all and (max-width: 770px) {
  #rassegna-stampa li {
  padding-bottom: 25px;
  padding-top: 25px;
  }
  #proiezioni-attive{
    margin-left: 0px;
    text-align: center;
  }
  #proiezioni-attive{
    margin-left: 0px;
    text-align: center;
  }
  #proiezioni-attive .evento, #proiezioni-attive .citta, #proiezioni-attive .cinema{
    display: block;
  }
  #proiezioni-attive .data{
    font-size: 12px;
  }
  #proiezioni-attive .cinema::before{
    content: "";
  }
}

/* Stillframe Slider */
.stillframe-slider {
	height: 100%;
	cursor: e-resize;
	overflow: hidden;
}
.stillframe-slider .owl-stage-outer, .stillframe-slider .owl-stage, .stillframe-slider .owl-item {
	height: 100vh;
}

.red{
  color: #c40725 !important;
}

/* Trailer */
.video-details h1{
  line-height: 30px;
  margin-bottom: 20px;
}
@media all and (max-width: 768px) {
  .video-details {
      margin-bottom: -75px;
  }
  .video-details h1{
      margin-bottom: 10px;
  }
}


/* Proiezioni */
.passato, .passato .citta, .passato .data, .passato .orario, .passato .promo, .passato .via{
  color: #6c757d !important;
}
.passato .button{
  opacity: 0.4;
}