.pg_title {
	margin-bottom: 0;
}

#prog_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 30px;

	display: none;
}
	
@media screen and (min-width : 992px) {
	#prog_header { flex-direction: row; }
}

#prog_menu {
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

	#prog_menu ul {
		display: flex;
		flex-direction: column;
		row-gap: 30px;
	}
	
	@media screen and (min-width : 992px) {
		#prog_menu ul { flex-direction: row; column-gap: 30px; align-items: flex-start; }
	}

		#prog_menu ul li {
			position: relative;
			font-weight: 700;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		#prog_menu .active {
			color: var(--second_color);
		}
	
		@media screen and (min-width : 992px) {
			#prog_menu .active { color: var(--first_color); }
		}

			#prog_menu .active::after {
				background-color: var(--second_color);
				content: "";
				position: absolute;
				top: 38px;
				height: 4px;
				width: 100%;
				
				display: none;
			}
	
			@media screen and (min-width : 992px) {
				#prog_menu .active::after { display: block; }
			}

			#prog_menu ul li a {
				color: var(--first_color);
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
			}

			#prog_menu ul li a:hover {
				color: var(--second_color);
			}

#prog_filter {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	justify-content: flex-start;
	margin-top: 40px;
}
	
@media screen and (min-width : 992px) {
	#prog_filter { flex-direction: row; justify-content: flex-end; column-gap: 30px; align-items: center; }
}

	#filter_label {
		font-weight: 700;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	.filter_select {
		display: flex;
		align-items: center;
		position: relative;
	}

		#prog_filter .fi {
			position: absolute;
			left: 25px;
			font-size: 25px;
			display: none;
		}
	
		@media screen and (min-width : 992px) {
			#prog_filter .fi { display: block; }
		}

	#prog_filter select {
		width: 225px;
		height: 50px;
		border: 0;
		border-radius: 8px;
		background-color: #2d2d2d;
		font-family: 'Quicksand', sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: var(--first_color);
		font-weight: 700;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0 20px 0 60px;
	}

.inprogrammazione_container {
	display: flex;
	flex-wrap: wrap;
	row-gap: 60px;
	column-gap: 15px;
	margin-top: 60px;
}
	
@media screen and (min-width : 992px) {
	.inprogrammazione_container { column-gap: 30px; }
}

	.inprogrammazione {
		position: relative;
		width: calc(50% - 15px);
	}
	
	@media screen and (min-width : 768px) {
		.inprogrammazione { width: calc((100% - 90px) / 4); }
	}
	
		.regia, .cast, .genere, .durata, .btt_scheda { display: none; }
		
		.locandina, .locandina img {
			width: 100%;
			display: block;
			transition: box-shadow 0.3s linear;
			-webkit-transition: box-shadow 0.3s linear;
			-moz-transition: box-shadow 0.3s linear;
			cursor: pointer;
		}
		
		.inprogrammazione:hover .locandina {
			-webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			-moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			-o-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
		}
		
		.titolo {
			font-weight: 300;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-top: 25px;
		}
		
			.titolo a {
				color: var(--first_color);
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
			}
		
			.titolo a:hover {
				color: var(--fourth_color);
			}
		
		.versioni {
			font-family: 'Dosis', sans-serif;
			font-size: 14px;
			font-weight: 300;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: var(--second_color);
		}

		.data_uscita {
			color: rgba(255,255,255,.4);
		}