#prog_header {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
@media screen and (min-width : 768px) {
	#prog_header { flex-direction: row; justify-content: space-between; }
}

.pg_title {
	margin-bottom: 0;
}

.cineContainer {
	margin-top: 60px;
}

	.filmContainer {
		padding-bottom: 60px;
		margin-bottom: 60px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		display: flex;
		flex-direction: column;
		gap: 60px;
	}
	@media screen and (min-width : 768px) {
		.filmContainer { flex-direction: row; }
	}

	.filmContainer:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

		.locandina {
			position: relative;
			width: 180px;
			height: 260px;
			filter: drop-shadow(0 0 45px rgba(255,255,255,0.4));
		}

			.locandina img {
				width: 100%;
			}

			.filmContainer .btt_trailer {
				position: absolute;
				bottom: 10px;
				left: 10px;
				color: var(--second_color);
				background-color: rgba(0,0,0,0.8);
				border: 1px solid rgba(255,255,255,0.4);
				width: 50px;
				height: 50px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: background-color border-color 0.3s linear;
			}

			.filmContainer .btt_trailer:hover {
				background-color: rgba(0,0,0,1);
				border-color: rgba(255,255,255,0.6);
			}

				.filmContainer .btt_trailer .fi {
					font-size: 18px;
					display: block;
					line-height: 0;
				}

		.dati_cont {
			width: 100%;
			display: flex;
			flex-direction: column;
			gap: 40px;
		}
		@media screen and (min-width : 768px) {
			.dati_cont { width: calc(100% - 240px); }
		}

			.titolo {
				font-family: 'Barlow Condensed', sans-serif;
				font-size: 21px;
				font-weight: 400;
				text-transform: uppercase;
				margin-bottom: 5px;
			}

			.genere {
				font-family: 'Barlow Condensed', sans-serif;
				font-size: 18px;
				font-weight: 400;
				color: rgba(255,255,255,0.7);
				margin-bottom: 30px;
			}

			.trama {
				color: rgba(255,255,255,0.7);
				margin-bottom: 20px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4;
				overflow: hidden;
			}

			.orari {
				display: flex;
				flex-direction: column;
				gap: 20px;
			}

				.dayName {
					text-transform: uppercase;
					font-size: 15px;
					color: rgba(255,255,255,0.7);
					margin-bottom: 10px;
				}

				.orari_cont {
					display: flex;
					flex-wrap: wrap;
					gap: 20px;
				}

					.orario {
						width: 150px;
						border: 1px solid rgba(255,255,255,0.2);
						border-radius: 6px;
						padding: 15px;
					}

						.orario a {
							color: var(--first_color);
							transition: color 0.3s linear;
						}

						.orario a:hover {
							color: rgba(255,255,255,0.7);
						}

						.versione {
							font-family: 'Barlow Condensed', sans-serif;
							font-size: 16px;
							font-weight: 400;
							text-transform: uppercase;
							color: var(--second_color);
						}

				.btt_orari_showmore {
					font-family: 'Barlow Condensed', sans-serif;
					font-size: 16px;
					font-weight: 400;
					text-transform: uppercase;
					display: flex;
					align-items: center;
					color: rgba(255,255,255,0.7);
					transition: color 0.3s linear;
					cursor: pointer;
				}

				.btt_orari_showmore:hover {
					color: rgba(255,255,255,1);
				}

					.btt_orari_showmore .fi {
						font-size: 30px;
						color: var(--second_color);
						margin-right: 5px;
					}