table#tulossa{
	table-layout:fixed;
	width:100%;
}

#tulossa td, #tulossa th{
	border:none;
	text-align:left;
	background:none;
	vertical-align:middle;
	padding-top:5px;
}
#tulossa th{
	font-weight:normal;
	padding:0 40px 0 0;
	font-size:14px;
}
#tulossa th.nimi, td.nimi{
	width:550px!important;
}
#tulossa .esitysaika, #tulossa .tulossa-esitysaika{
	padding-left:10px;
}
#tulossa th.hinta{
	width:120px!important;
}
#tulossa th.moreinfo{
	text-align:center;
	width:120px!important;
}
#tulossa td{
	padding: 0 0 20px 0;
	font-size:20px;
	color:#FFF;
}
td.tulossa-movie-name-cell{
 width:500px!important;
}
.tulossa-movie-name h3{
	margin:0;
	padding:0 0 0 40px;
	color:#FFF;
}
.tulossa-movie-name .age{
	display:inline-block;
	vertical-align:bottom;
	width:30px;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	border:1px solid #FFF;;
	border-radius:100%;
	overflow:hidden;
}
.tulossa-movie-name .tyyppi{
	margin-left:10px;
	padding:3px;
	font-size:18px;
	background:white;
	color:#000;
	vertical-align:middle;
}
.tulossa-movie-name .tyyppi.t3D{
	background:green;
	color:#FFF
}
.tulossa-movie-link{
	font-weight:900;
	display:block;
	text-align:center;
	color:red!important;
	font-size:48px;
	padding-right:40px;
}
.tulossa-movie-link:hover, .tulossa-movie-name h3:hover{
	color:var( --e-global-color-409fd04 )!important;
}

.age-icon{
	width:50px;
	height:50px;
	background-position:center;
	background-size:contain;
}
.tulevat-show{color:#0C111B}
#ohjemistossa-nyt{
	display:flex;
	overflow:hidden;
}
.ohjelmistossa-movie{
	display:inline-block;
	width: 300px;
	vertical-align:top;
	margin-right:15px;
	flex-shrink:0;
	
}
.ohjelmistossa-juliste{
	width:100%;
	height:440px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.ohjemistossa-movie-name{
	font-size:20px;
	color:#183E70;
	display:flex;
	height:90px;
	text-align:center;
	align-items:center;
	justify-content:center;
}
.ohjemistossa-movie-name .age{
	margin-left:5px;color:gray;
	font-size:90%;
}
.tulossa-weekday{
	background:#333;
	text-align:right;
}
.tulossa-weekday td{
	padding:0px!important;
	text-transform:capitalize;
	padding-left:30px!important;
}
.after-weekday th{
	padding-top:10px!important;
}
#kaikki-elokuvat{
	display:flex;
	flex-wrap: wrap;
}
.kaikki-elokuvat-movie{
	display:inline-block;
	flex: calc( 25% - 10px );
	max-width: calc( 25% - 10px );
  padding: 0px;
	background:#FFF;
	margin:5px;
}
.kaikki-elokuvat-juliste{
	width:100%;
	aspect-ratio:7/11;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.kaikki-elokuvat-movie-name{
	font-size:20px;
	color:#183E70;
	display:block;
	text-align:left;
	height:120px;
	padding:5px;
	position:relative;
}
.kaikki-elokuvat-movie-name .age{
	margin-left:5px;color:gray;
	font-size:90%;
}
.kaikki-elokuvat-nappi{
	margin-top:20px;
	position:absolute;
	bottom:5px;
	background:#183E70;
	color:#FFF;
	padding:8px 15px 6px;
	border-radius:3px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	width:72px;
	left:calc( 50% - 31px);
}

@media(max-width:1320px){
	.kaikki-elokuvat-movie{
		display:inline-block;
		flex: calc( 33% - 10px );
		max-width: calc( 33% - 10px );
		}
	#tulossa th.nimi, td.nimi{
		width:420px!important;
	}
	#tulossa th.hinta{
		width:120px!important;
	}
	#tulossa th.moreinfo{
		width:120px!important;
	}
}
@media(max-width:960px){
	.kaikki-elokuvat-movie{
		display:inline-block;
		flex: calc( 50% - 10px );
		max-width: calc( 50% - 10px );
	}
	#tulossa th.nimi, td.nimi{
		width:320px!important;
	}
	#tulossa th.hinta{
		width:100px!important;
	}
	#tulossa th.moreinfo{
		width:100px!important;
	}
	.tulossa-movie-name h3{
		font-size:22px;
	}
	.tulossa-esitysaika{
		font-size:16px;
	}
}
@media(max-width:660px){
	.kaikki-elokuvat-movie{
		display:inline-block;
		flex: 100% ;
		max-width:100%;
	}
	.tulossa-weekday td{
		padding-left:0px!important;
	}
	#tulossa th.nimi, td.nimi{
		width:100%!important;
	}
	.tulossa-movie-name .age,
	.tulossa-movie-name .tyyppi{
		display:inline-block;
		width:20px;height:20px;
		font-size:12px;
		margin-left:3px;
	}
	.tulossa-movie-name .tyyppi{
		padding-top:4px;
		padding-left:2px;
	}
	#tulossa th, #tulossa .tulossa-movie-link{display:none;}
	#tulossa tr{display:block;}
	#tulossa td{
		display:block;
		padding-bottom:5px!important;
		text-align:center;
		padding-left:0px!important;
	}
	.tulossa-movie-name h3{
		font-size:18px;
		padding:0;
	}
	.tulossa-hinta{
		border-bottom:1px solid gray;
	}
	.tulossa-esitysaika{
		padding-left:0px!important;
	}
}