/*.mainText.mainFilm{
	grid-column-start: 2;
	grid-column-end: 10;
	display: flex;
	grid-template-columns: 2fr 1fr;
	column-gap: calc(var(--outer-margin) * 4);
	margin-right: calc(var(--outer-margin) * 4);
}*/
.marker{
	grid-row-start: 1;
    grid-row-end: 3;
}
.tickets{
	background: var(--div-bg);
    /*grid-column-start: 7;
    grid-column-end: 10;*/
    height: fit-content;
    flex-shrink: 0;
    grid-row-start: 2;
    padding:  0 calc(var(--outer-margin)/2) calc(var(--outer-margin)/2) calc(var(--outer-margin)/2);
    font-size: 0.8em;
    min-width: 35%;

}
.dateTime{
	display: grid;
	grid-template-columns: 0.7fr 1fr 1fr;
/*	padding: calc(var(--outer-margin)/2) calc(var(--outer-margin)/2) 0 calc(var(--outer-margin)/2);*/
}
.dateTime *:not(.arrow){
	align-self: flex-end;
}


.dateTime h5{
	margin: 0;
	font-weight: normal;
	font-size: 1.3em;
}


.filmTickets p{
	margin: 0;
}
.filmTickets{
	font-family: "JL_Impact-2012";
	background: var(--div-bg);

	font-size: 1.2em;
	text-decoration: none;
	color: var(--highlight-color);
	display: flex;
	justify-content: center;
  	align-items: center;
  	justify-content: end;
  
}

.filmTickets .arrow{
	height: 0.8em;
	margin-right: 5px;
}
.intro{
	    height: fit-content;
}

.intro p{
	margin: 0;
}

.info p{
	margin: 0 !important;
 	min-height: var(--outer-margin);
}

.filmTickets:hover svg.arrow{
  cursor: pointer;
  animation-name: bounce2;
  -moz-animation-name: bounce2;
}
.filmTickets a{
	color: var(--highlight-color);
  	text-decoration: none;
}
/*.ticketC svg{
	height: calc(var(--outer-margin) * 1.2);
  cursor: pointer;
}*/
.trigger, .duration, .place{
/*	font-size: 0.8em;*/
/*    line-height: 1.3em;
    margin: calc(var(--outer-margin)/2);*/
}
.place{
	text-align: right;
}
  .ticketC p, .ticketC h2{
  	margin: 0;
  	line-height: 1.3em;
  }
 .ticketC div{
 	max-width: 40%;
 }
 .ticketC{
 	display: flex;
 	justify-content: space-between;
 	margin-top: calc(var(--outer-margin) / 4);
 	
 }
 .ticketC:not(.filmScreeningsSpecial .ticketC){
 	font-size: 1.15em;
 }

 .text.full{
 	display: none;
 }

 .filmScreening{
 	background: var(--div-bg);
 }

 .text{
 	height: fit-content;
 }

 .text{
 	background: var(--div-bg);
 	padding: calc(var(--outer-margin)/2);
 	display: grid;
/* 	grid-template-columns: 2fr  3fr;*/
 	column-gap: calc(var(--outer-margin) * 4);
 }

 .filmScreening{
 	transition: 0.5s height !important;
/* 	overflow: hidden;*/
 }

.filmScreening a{
	color: var(--highlight-color);
	text-decoration: none;
}
.filmScreening .title{
	font-family: "JL_Impact-2019";
}
.filmScreening a {
  display: inline-block;
  position: relative;
}

.credits p{
	hyphens: none !important;
}

.filmScreening a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: var(--highlight-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.filmScreening a:hover::after {
  transform: scaleX(0);
  transform-origin: bottom right;
}
.filmAbout p, .filmInfo p, .filmAbout a:not(.filmAbout p a){
	margin-top: 0;
	margin-bottom: calc(var(--outer-margin)/2);
	line-height: 1.3em;
	font-size: 0.9em;
    line-height: 1.3em;
}
.filmInfo .info{
	margin-top:calc(var(--outer-margin) * 2);
}

.filmInfo{
	font-size: 1.15em;
}
.dateTime{
	white-space: nowrap;
}
.filmPreview img{
	width: 100%;
}
.filmPreview img{
	max-width: 100%;
	height: auto;
	transform-origin: center;
	transition: 0.5s transform;
	
	position: relative;
}

.filmPreview img:not(.grow){
	transform:scale(1);
	cursor: zoom-in;
}

.filmPreview img.grow{
	transform:scale(2);
	z-index: 1000;
	cursor: zoom-out;
}
.infoC{
	display: grid;
    grid-template-columns: 1fr 1fr;
    height: fit-content;
    font-size: 0.9em;
}
.credits{
	grid-column-start: 1;
    grid-column-end: 3;
    font-size: 0.8em;
/*    max-width: 90%;*/
    line-height: 1.3em;
/*    margin-top:calc(var(--outer-margin) * 4) ;*/

}
.credits strong, .bio strong{
    font-family: "JL_Impact-2016";
}
.filmInfo, .filmPreview{
	height: fit-content;
/*	margin-left: calc(var(--outer-margin)/2);*/
}
.info p{
	font-size: 1em !important;
	line-height: 1.25em;
}
.bio{
	margin-top:calc(var(--outer-margin) * 2) ;
}
.read-more svg{
	height: calc(var(--outer-margin)/1.5);
	margin:calc(var(--outer-margin) / 2) ;
}

.copyright{
	margin-top: var(--newM);
}


.specialDateTime{
	grid-column-start: 1;
    grid-column-end: 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.filmScreeningsSpecial{
	display: flex;
	flex-direction: column;
}
.filmScreening{
	margin-bottom: calc(var(--outer-margin)/2);
/*	height: fit-content;*/
/*	transition: 0.5s max-height;*/

/*	overflow: visible;*/
}
.filmScreeningsSpecial .tickets{
	margin-bottom: calc(var(--outer-margin)/2);
	align-self: flex-end;
}

@media screen
and (max-width: 820px), (min-width: 821px) and (orientation:portrait) {
   
	.stickToPitching{
		grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: 5;
    display: grid;
    grid-row-end: 4;
    background: var(--div-bg);
	  margin-bottom: -1px;
	}
	.mainText.mainFilm{
			grid-column-start: 1;
	    grid-column-end: 6;
	    display: grid;
	    column-gap: calc(var(--outer-margin) * 4);
		}
		.tickets{
			grid-column-start: 1;
    	grid-column-end: 1;
    	display: grid;
    	width: 100%;
    	row-gap: calc(var(--outer-margin)/2);
		}
		.filmScreenings {
	    grid-column-start: 1;
	    grid-column-end: 10;
	    /* margin-right: calc(var(--outer-margin) * 4); */
	    padding: calc(var(--outer-margin)/2) 0;
	    font-size: 1.3em;
		}
		.filmScreening{
			background: var(--div-bg);
			display: grid;
			padding: 0 0 0 calc(var(--outer-margin)/2);
		}
		.text{
/*			width: 95%;*/
		}
		.filmPreview{
			grid-column-start: 1;
			grid-row-start: 2;
		}
		.desktopHide{
			display: grid;
		}
		.mobileHide{
			display: none;
		}
		.filmInfo{
			grid-column-start: 1;
    	grid-column-end: 3;
    	padding-bottom: calc(var(--outer-margin));
		}
		.info.desktopHide{
			grid-row-start: 2;
			padding: 0 calc(var(--outer-margin)/2);
			height: fit-content;
		}
		.info.desktopHide p{
			margin: 0;
		}
		.read-more{
/*			background: yellow;*/
	    cursor: pointer;
	    /* height: fit-content; */
	    width: fit-content;
	    position: relative;
	    /* top: 100px; */
	    grid-column-start: 2;
	    grid-row-start: 1;
	    display: block;
		}
		.read-more svg{
			position: sticky;
			position: -webkit-sticky;

		}
		.filmAbout p, .filmInfo p, .mainText.mainFilm{
			padding: calc(var(--outer-margin)/4) calc(var(--outer-margin)/4) 0 calc(var(--outer-margin)/4);
		}
		.filmScreening a{
			margin: calc(var(--outer-margin)/2) calc(var(--outer-margin)/2) 0 calc(var(--outer-margin)/2);
		}
		/*.text{
			padding: calc(var(--outer-margin)/2) 0 !important;
		}*/
		.dateTime h3{
			font-size: 2.3em;
		/*	margin-right: calc(var(--outer-margin)/2);*/
		}
		.filmTickets p{
			font-size: 1.3em;
		}
		.place p{
			font-size: 1.5em;
		}
		.ticketC svg{
			height: calc(var(--outer-margin) * 2);
		  cursor: pointer;
		}
		.filmScreeningsSpecial .tickets{
			font-size: 0.7em;
		}
		.place p{
			overflow: visible;
	    flex-grow: 1;
	    display: flex;
	    right: 0;
	    align-items: flex-end;
	    justify-content: flex-end;
	    line-height: 1.3em;
		}
		.about{
			padding-top: calc(var(--outer-margin)/2);
		}
		.title{
			font-size: 0.9em;
    	line-height: 1.3em;
		}
		.filmScreening:not(.openArticle) .read-more{
/*			background: red !important;*/
			align-self: flex-end;
			height: fit-content;
		} 
		.subtitleC{
        display: none;
    }
    .bio a{
    	font-size: 1em;
    	margin: 0;
    }
    .dateTime h5:not(.specialDateTime h5){
    	text-align: center;
    	font-size: 1.4em !important;
    }
    .dateTime{
    	column-gap: 1em;
    }
    .filmTickets p:not(.filmScreeningsSpecial .filmTickets p){
    	font-size: 1.4em !important;
    }
    .about p, .credits p{
    	padding-left: 0px;
    }
    .simpleTextPdf{
    	margin-bottom: var(--newM);
    }
    .specialDateTime h5{
    	font-size: 1.3em !important;
    }
    .ticketsWrap{
    	margin-bottom: calc(var(--outer-margin));
    }
    .tickets{
    	padding-top: calc(var(--newM)/2);
    	font-size: 0.6em;
    }
    .text{
    	padding: calc(var(--outer-margin)/1.5) calc(var(--outer-margin)/2) calc(var(--outer-margin)/2) calc(var(--outer-margin)/2)
    }

}


@media screen
and (min-width: 821px) and (orientation: landscape) {

	.filmInfo{
		grid-column-start: 1;
    grid-column-end: 3;
	}
   .mainText.mainFilm{
			grid-column-start: 2;
			grid-column-end: 10;
			display: grid;
			grid-template-columns: 1.5fr 1fr;
			column-gap: calc(var(--outer-margin) * 4);
			margin-right: calc(var(--outer-margin) * 4);
		}
		.ticketsWrap{
			  grid-column-start: 2;
				grid-column-end: 10;
				display: grid;
				grid-template-columns: 1.5fr 1fr;
		    column-gap: calc(var(--outer-margin) * 4);
		    justify-content: flex-end;
/*		    display: grid;*/
		    margin-bottom: var(--outer-margin);
		}
		.individualTickets{
			grid-column-start: 2;
			min-width: calc(35% - (var(--outer-margin) * 4));
		}
		.tickets{
			/*grid-column-start: 7;
    	grid-column-end: 10;*/
    	padding-top: calc(var(--outer-margin)/4) !important;
		}
		.filmScreenings{
		 	grid-column-start: 2;
		 	grid-column-end: 10;
		 	margin-right: calc(var(--outer-margin) * 4);
		 	padding: calc(var(--outer-margin)/2);
		 }
		 .text{
		 	grid-template-columns: 2.5fr  3fr;
		 	padding: calc(var(--outer-margin)/3) calc(var(--outer-margin)/2) !important;
		 }
		 .desktopHide{
			display: none;
		}
		.filmScreeningsSpecial .ticketC{
			font-size: 1.15em;
			line-height: 1.3em;
		}
		.mobileHide{
			display: grid;
		}
		.read-more {
		  height: fit-content;
		  display: flex;
		  justify-content: flex-end;
		/*    padding-top: calc(var(--outer-margin));*/
		  background: var(--div-bg);
		  width: 100%;
		  cursor: pointer;
		  grid-column-start: 1;
		  grid-column-end: 3;
		}
		.filmScreening{
			overflow: hidden;
		}
		.dateTime h3{
			font-size: 1.9em;
		/*	margin-right: calc(var(--outer-margin)/2);*/
		}
		.ticketC{
			margin-bottom: calc(var(--outer-margin) /2);
		}
		.ticketC svg{
			height: calc(var(--outer-margin) * 1.2);
			max-height: 3vw;

		  cursor: pointer;
		}
		.intro{
			padding-top: calc(var(--newM)/2);
		}
		.filmAbout{
			margin-right: calc(var(--outer-margin) * 2);
		}
		.infoC{
			column-gap: calc(var(--outer-margin) /2);
		}
		.credits{
			margin-top:calc(var(--outer-margin) * 4) ;
		}
		.filmTickets p{
			font-size: 1.2em;
		}
		.title{
			line-height: 1.3em;
		}
		.vertStack:first-of-type {
	    padding-top: var(--newM);
		}
}