.upper_logo_main{
	margin-top: -50vh;
}
.mainCalendar{
	grid-column-start: 2;
	grid-column-end: 9;
	display: grid;
	grid-template-columns: 2;

}
.stickyMarker{
	overflow: visible;
/*    width: 9vw;*/
}
.stickyMarker p{
	width: fit-content;
}

.placeSession, .FTitle, .PPerformance{
	line-height: 1.3em;
}



.legendChild{
	margin-bottom: calc(var(--outer-margin)/4);
	white-space: nowrap;
	min-width: fit-content;
    display: flex;
    font-size: 0.8em;
    padding: calc(var(--outer-margin)/5);
}
.lPerformance{
	background: var(--color-performance);
	background: linear-gradient(180deg, var(--color-performance) 75%, var(--color-pitching) 100%);
}
.lPitching{
	background: var(--color-pitching);
}
.lFilm{
	background: var(--color-film);
	background: linear-gradient(0deg, var(--color-film) 75%, var(--color-pitching) 100%);
}
.mainCalendar a{
	color: var(--highlight-color);
	text-decoration: none;
	width: 100%;
}
.mainCalendar a:hover{
/*	opacity: 0.7;*/
}

.mainCalendar a{
	display: inline-block;
	animation-duration: 0.7s;
	cursor: pointer;
/*	transition: 0.5s transform;*/
}

.mainCalendar a:hover{
	/*opacity: 0.7;
	cursor: pointer;*/
  	animation-name: bounce3;
  	-moz-animation-name: bounce3;
  	/*animation-duration: 0.7s;
  	display: inline-block;*/
}
.performanceSession{
	background: var(--color-performance);
/*	background: linear-gradient(90deg, var(--color-performance) 75%, var(--color-film) 100%);*/
}
.pitchingSession{
	background: var(--color-pitching);
/*	background: linear-gradient(90deg, var(--color-pitching) 75%, var(--color-film) 100%);*/
}
.filmSession{
	background: var(--color-film);
}
.gradientWrap{
/*	display: flex;*/
	display: grid;
/*	grid-template-columns: 1fr 2fr 1fr;*/
	padding: var(--newM) var(--outer-margin) var(--outer-margin) var(--outer-margin);
	font-size: 0.8em;
/*	background: linear-gradient(90deg, transparent 75%, var(--color-film) 100%);*/
}

.calTitle{
	margin-bottom: var(--outer-margin);
	margin-top: 0;
}

.calEntryGenCol1 .calEntry:first-of-type .gradientWrap, .calEntryGenCol2 .calEntry:first-of-type .gradientWrap:not(.calEntryGenCol2.calSpecial .calEntry:first-of-type .gradientWrap){
	padding-top: var(--outer-margin);
}
.calEntryGenCol2.calSpecial .calEntry:last-of-type .gradientWrap{
	padding-top: var(--outer-margin);
}
.calEntryGenCol1 .calEntry:last-of-type .gradientWrap, .calEntryGenCol2 .calEntry:last-of-type .gradientWrap{
	padding-bottom: var(--outer-margin);
}


.calEntryGenCol2{
	background: var(--color-film);
}
.calEntryGenCol1, .calEntryGenCol2{
	overflow: hidden;
}

.calDay{
	padding: 0px 5px;
	font-size: 1.5em;
	background: var(--div-bg);
	margin-top: 0;
	margin-bottom: 0;
	margin-right: calc(var(--outer-margin) / 2);
	height: fit-content;
	position: sticky;
	position: -webkit-sticky;
	top: calc(var(--header-height) + (var(--outer-margin) * 1.5));

}
.noBr{
	white-space: nowrap;
}
.pPlace h2{
	margin: 0;
    font-size: 1em;
    /* display: none; */
    text-align: right;
}
.placeSession p{
	text-align: right;
	margin: 0px;
}
.PSTitle{
	margin-top: 0px;
	overflow: hidden;
}
.PSModerator{
	margin-top: var(--outer-margin);
}
.PArtist{
	font-family: "JL_Impact-2016";
}
.PSArtist{
	font-family: "JL_Impact-2012";
	font-size: 1.15em;
}
.FArtist{
	font-family: "JL_Impact-2019";
}
.films .film{
	margin-bottom: var(--outer-margin);
}
.transitionToPerformance{
	background: linear-gradient(0deg, var(--color-performance) 1px, var(--color-pitching) 35px);

}
.transitionToPitching{
	background: linear-gradient(0deg, var(--color-pitching) 1px, var(--color-performance) 35px);
	
}
.filmToPerformance{
	background: linear-gradient(0deg, var(--color-performance) 1px, var(--color-film) 35px);

}
.filmToPitching{
	background: linear-gradient(0deg, var(--color-pitching) 1px, var(--color-film) 35px);
	
}

.performanceToFilm{
	background: linear-gradient(0deg, var(--color-film) 1px, var(--color-performance) 35px);
	
}

.pitchingToFilm{
	background: linear-gradient(0deg, var(--color-film) 1px, var(--color-pitching) 35px);

}
.transitionToPerformance .gradientWrap{
	padding-bottom: 30px;
}

.placeSession{
	overflow: visible;
/*    background: green;*/
    width: 1px;
    justify-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sessionTime{
	overflow: visible;
/*    background: green;*/
    width: 1px;
    justify-self: flex-start	;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.calSpecial{
	flex-direction: column-reverse !important;
	justify-content: flex-end !important;
	display: flex !important;

}
.calSpecial .filmSession:not(.calSpecial .filmSession:first-of-type){
	flex-grow: 0 !important;
}
.calSpecial .filmSession:first-of-type{
	flex-grow: 1 !important;
}
/*.calSpecial .filmSession.specialSession{
	order: 2;
}*/


.psTime p, .PTime p, .FTime p{
	margin: 0;
    
    width: fit-content;
    text-align: right;
}

.gradientWrap p{
	hyphens: none !important;
}

.calEntryGen *{
	line-height: 1.25em !important;

}
.subPlace{
	cursor: pointer;
}



@media screen and (max-width: 820px), (min-width: 821px) and (orientation: portrait){
	.mobileHide{
		display: none;
	}
	.subPlace{
		min-width: 25vw;
	}
	.legend{
/*		display: none;*/
	}
	.mainCalendar{
		grid-column-start: 1;
		background: transparent !important;
		margin-top: calc(var(--outer-margin)/2);
		margin-bottom: calc(var(--outer-margin)/2);
	}
	.calEntryGen{
		display: grid;
		grid-template-columns: 0.7fr 4fr;
		margin-bottom: calc(var(--outer-margin)/2);
		grid-column-start: 1;
    	grid-column-end: 3;
    	font-size: 0.9em;
	}
	.calEntryGenCol2, .calEntryGenCol1{
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.calDay{
		margin-bottom: calc(var(--outer-margin)/2);
	}
	.gradientWrap{

	}
	.calEntry{
		margin-top: -1px;
		font-size: 1.15em;
	}
	.calEntryGenCol1 .performanceSession:last-of-type{
		background: linear-gradient(0deg, var(--color-film) 1px, var(--color-performance) 35px) !important;
		padding-bottom: 30px;

	}
	.calEntryGenCol2{
		margin-top: -1px;
	}
	.marker.stickyMarker.stickyMobile.stickToHeader{
		grid-column-start: 2 !important;
	}
	.legend.desktopHide {
	    display: flex;
	    flex-direction: column;
	    /* background: red; */
	    width: fit-content;
	    /* position: sticky; */
	    position: -webkit-sticky;
	    /* top: 150px; */
	    grid-row-start: 1;
	    grid-column-start: 2;
	    align-self: flex-end;
	    justify-self: flex-end;

	}
	.calDay{
		top: var(--header-height);
		padding: calc(var(--newM) / 2) var(--outer-margin);
		margin-top: auto;
		font-size: 1.8em;
	}
	.pTitle,.fTitle, .film{
		font-size: 1.2em;
	}
	.PSArtist{
		font-size: 1.5em !important;
	}
	.gradientWrap{
		grid-template-columns: 0.6fr 2fr 0.9fr;
		column-gap: var(--outer-margin);
	}
	.PPerformance, .FTitle{
		line-height: 1.3em;
	}
	.legendChild{
		font-size: 1.1em !important;
	}
	.subtitleC{
        display: none;
    }
    .placeSession h2 {
	    margin: 0;
/*	    font-size: 1em !important;*/
	    display: block !important;
	    text-align: right !important;
	    line-height: 1.3em;
	}
	.gradientWrap p, .gradientWrap h2, .psTime, .PTime, .FTime{
    	font-size: 1.1em;
    	line-height: 1.3em;
    }
    .calEntryGenCol1{
    	margin-top: var(--outer-margin);
    }
    .calEntryGenCol2{
    	margin-bottom: var(--outer-margin);
    }
    /*.stickyMarker p{
    	line-height: 1em !important;
    }*/
    .startCal{
    	grid-column-start: 1;
    	grid-column-end: 3;
    }
}

@media screen and (min-width: 821px) and (orientation:landscape){
	.calEntry.empty{
/*		border: 1px solid red;*/

	}

	.calEntryGenCol1 .calEntry.empty{
		background: var(--color-performance);
	}

	.calEntryGenCol1 .calEntry.empty .gradientWrap{
		height: 100%;
	}

	.desktopHide{
		display: none;
	}
	.psTime p, .PTime p, .FTime p{

	    
	    width: max-content !important;

	}
	.subPlace{
		min-width: 5vw;
/*		background: red;*/
	}
	/*.sessionTime p{
		background: red;
		min-width: 3vw;
	}*/
	.calEntryGen{
		display: grid;
		grid-template-columns: 0.7fr 2fr 2fr;
		margin-bottom: calc(var(--outer-margin)/2);

		grid-column-start: 1;
		grid-column-end: 3;
	}
	.mainCalendar {
	    grid-row-start: 1;
	    grid-column-end: 10 !important;
	    margin-right: 5vw;
	}
	.vertStack:first-of-type{
		padding-top: var(--newM);
	}
	.gradientWrap{
		background: linear-gradient(90deg, transparent 75%, var(--color-film) 100%);
	}
	.calEntryGenCol2, .calEntryGenCol1{
		display: flex;
		flex-direction: column;
	}
	.calEntry:last-of-type{
		display: flex;
/*		flex-grow: 1;*/
	}
	.gradientWrap{
		width: 100%;
	}
	/*.calEntry:last-of-type, .gradientWrap:last-of-type{
		height: 100%;
	}*/
	.legend.mobileHide{
		margin-top: calc(var(--outer-margin) * 3);
		display: flex;
	    flex-direction: column;
	    /* background: red; */
	    width: fit-content;
	    position: relative;
	    /*position: -webkit-sticky;
	    top: 150px;*/
	}
	.gradientWrap{
		grid-template-columns: 1fr 2fr 1fr;
	}
	/*.placeSession{
		    display: flex;
		    flex-direction: column;

    	align-items: flex-end;
	}
	.placeSession p, .placeSession h2{
		max-width: 50%;
	}*/
	.upper_logo_main {
        margin-top: -95vh;
    }
    .vertStack:first-of-type {
	    padding-top: var(--newM);
	}
	.stickyMarker p{
		position: relative !important;
		top: auto !important;
	}

}

@keyframes bounce3 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateX(7px);}
    60% {transform: translateX(6px);}
}