/* VISUAL */



.film-header {

  position: relative;

  height: 100%;

  background: #000;

}

#film-cover {

	/*filter: url(blur.svg#blur);*/

	-webkit-filter: blur(5px);

	filter: blur(5px);

	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');

	/* transform: scale(1.1);  */

	position: relative;

	opacity: .6;

}

#film-cover::before {

    content:"";

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, .8);

}

.film-header-content {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);



}

.half-screen-content {

	position: absolute;

  top: 50%;

  transform: translateY(-50%);



}

.half-screen-content h1 {

  word-wrap: break-word;

}

.button-container {

	display: block;

	clear: both;

	margin: .5rem 0;

}

header .half-screen.right {

	text-align: right;

}

.film-stato {

	margin: 0.5rem 0;

	padding: 0;

	list-style: none;

	display: inline-block;

}



.film-stato li {

	display: inline;

	padding: 0.28rem 1.2rem 0.12rem 1.2rem;

	border: 1px #fff solid;

	margin: 0 0.6rem 0 0;

	text-transform: uppercase;

	font-size: 0.75rem;

	font-weight: normal;

	background: #fff;

	color: #000;

}



.film-locandina {

	max-height: 70vh;

	text-align: right;

	max-width: 35vw;

}

.film-contenuto {

	margin-top: 4rem;

	margin-bottom: 4rem;

}

.film-contenuto h2 {

	margin-bottom: 2rem;

}

.visual-more-text {

	margin-top: 3rem;

	height: 50px;

}

.visual-container hr {

	clear: both;

	margin: 2rem auto;

	border-top: 1px solid #fff;

}

.film-premio {

	float: left;

	width: 24%;

	margin: 2rem 1.5rem 2rem 0;

}

.film-premio-logo {

	float: left;

	width: 3.75rem;

	height: 3.75rem;

}

.catalogo-content {

	padding: 1rem 0 6rem 0;

}

#breadcrumbs {

	margin: .6rem 0;

	font-size: 1rem;

  font-style: italic;

  text-transform: uppercase;

	font-weight: 700;

	color: #000;

	font-family: "Montserrat", sans-serif;

}

#breadcrumbs a {

	color: #000;

}

#breadcrumbs a:hover {

	color: #006eac;

	text-decoration: none;

}

/*

.film-in-grid {

	display: block;

	height: 100%;

	background: #191919;

        -webkit-transition: .4s all;

        -moz-transition: .4s all;

        transition: .4s all;

}

*/

.film-in-grid {

	display: block;

	height: 100%;

	background: #e4e4e4;

        -webkit-transition: .4s all;

        -moz-transition: .4s all;

        transition: .4s all;

}

.film-in-grid:after {

	clear: both;

}


.film-in-grid .film-stato li {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
.film-in-grid.upcoming .film-stato li { border-color: #b11e1e; background-color: #b11e1e; }
.film-in-grid.catalogue .film-stato li { border-color: #55be5a; background-color: #55be5a; }
.film-in-grid.library .film-stato li { border-color: #27affc; background-color: #27affc; }


.film-details {

	color: #000;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  padding: 2rem;

  max-height: 100%;

  overflow: hidden;

  width: 50%;

  word-wrap: break-word;

}


.film-details .btn {

	margin-top: 2rem;

}

.film-details h3 {

	margin: 0 0 .5rem 0;

}


.film-details h3, .film-details a {

	color: #000 !important;

	border-color: #000 !important;

	text-transform: uppercase;

}



.film-details h3 {

	color: #000 !important;

	border: none;

	text-transform: uppercase;

}



.film-details a.btn-secondary {

	color: #000 !important;

	border: none;

	border-bottom: 1px #000 solid;

	text-transform: uppercase;

	margin-top: .75rem;

	padding: .5rem;

}



.film-details .tags li {

	border-color: #000;

}

.film-details a:hover {

	text-decoration: none;

}

.film-details p.subtitle {

	text-align: left;

}





.logout {

	position: absolute;

	right: 0;

	top:0;

	text-transform: uppercase;

	color: #006eac;

}

.logout a {

	color: #006eac;

	font-weight: bold;

}



/*

.film-in-grid:hover {

	background: #e4e4e4;

}

.film-in-grid:hover .film-details, .film-in-grid:hover .film-details h3, .film-in-grid:hover .film-details a, .film-in-grid:hover .film-details .btn-primary  {

	color: #000 !important;

}

.film-in-grid:hover .film-details .btn-primary, .film-in-grid:hover .film-details .tags li  {

	border-color: #000 !important;

}

.film-in-grid .film-details a.btn-primary:hover {

	background: #fe1c1d !important;

	color: #fff !important;

	border-color: #fe1c1d !important;

}

*/

.film-in-grid:hover {
 background: #191919;
 }

.film-in-grid.upcoming:hover { background: #b11e1e; }
.film-in-grid.catalogue:hover {	background: #55be5a; }
.film-in-grid.library:hover {	background: #27affc; }


.film-in-grid:hover .film-details, .film-in-grid:hover .film-details h3, .film-in-grid:hover .film-details a, .film-in-grid:hover .film-details .btn-primary  {

	color: #fff !important;

}

.film-in-grid:hover .film-details .btn-primary, .film-in-grid:hover .film-details .tags li  {

	border-color: #fff !important;

}


.film-in-grid:hover .film-stato li {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}


.film-in-grid .film-details a.btn-primary:hover {

	background: #fff !important;

	color: #000 !important;

	border-color: #fff !important;

}

/* .film-in-grid.upcoming .film-details a.btn-primary:hover { background: #b11e1e !important; border-color: #b11e1e !important; }
.film-in-grid.catalogue .film-details a.btn-primary:hover {	background: #55be5a !important;	border-color: #55be5a !important; }
.film-in-grid.library .film-details a.btn-primary:hover { background: #27affc !important;	border-color: #27affc !important; } */

.film-in-grid:hover .film-details a {

	border-color: #fff !important;



}

.film-in-grid .film-details a.btn-secondary:hover {

	background: #fe1c1d !important;

	color: #fff !important;

	border-color: #006eac !important;

}

.right-side {

	float: right;

}



@media (max-width: 576px) {

	#breadcrumbs { display: none; }

  .film-header img { width: 100vw; }
	.container .row { padding: 0; }

	.film-in-grid-container { margin-bottom: 20px; }

	.film-in-grid { background: #fff; }

	.film-in-grid img { display: block !important; }

	.button-container { margin: 2rem 0; }

	h1 { margin: 1rem 0; }

	#film-cover { width: 100%; }

	header .half-screen { width: 90%; }

	header .half-screen.right { display: none; }

	.film-in-grid .half-screen { width: 100%; }

	.catalogo-content { margin-top: -120px; }





}