.upper_logo_main{
	margin-top: -50vh;
}

.marker{
	grid-row-start: 1;
    grid-row-end: 4;
}

.title, .pitchingArtist{
	padding: calc(var(--outer-margin)/2);
	background: var(--div-bg);
}
.title{
	width: fit-content;
	font-size: 1.3em;
}
.pitchingArtist{
/*	margin-left:  calc(var(--outer-margin)/2);*/
/*	margin-right: calc(var(--outer-margin) * 5);*/
	display: flex;
/*	margin-bottom: calc(var(--outer-margin)/2);*/
	
	overflow: hidden;
	transition: 0.5s height;

}

.pitchingArtist a{
	white-space: nowrap;
}

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

.placeSession{
	line-height: 1.3em;
}

.pitchingPreview{
/*	width: 20%;*/
	margin-right: calc(var(--outer-margin)/2);
	flex-shrink: 0;
	background-size: 100% ;

	background-repeat: no-repeat;
	
	max-height: fit-content;
	overflow: hidden;
/*	background-color: red;*/
	transition: 0.5s background-position;
	transition-delay: 0.5s;

}

/*.openArtist .pitchingPreview{
	background-position: top;
	height: fit-content;

}
.pitchingArtist .pitchingPreview:not(.openArtist .pitchingPreview){
	background-position: center;
	height: inherit;
}*/


.pitchingPreview img{
	width: 100%;
	height: auto;
	opacity: 1;
	
/*	transition: 0.2s margin-top;*/
}
/*.pitchingArtist .pitchingPreview{
	display: flex;
	align-items: center;
	background: red;
}
.pitchingArtist .pitchingPreview:not(.pitchingArtist.openArtist .pitchingPreview){

	justify-content: center;
}

.pitchingArtist.openArtist .pitchingPreview{

	justify-content:  flex-start;
}*/

.tickets{
	background: var(--div-bg);
    margin-top: calc(var(--outer-margin)/2);
    grid-column-start: 7;
    grid-column-end: 10;
    height: fit-content;
    
    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;

}
.dateTime{
	display: flex;
	justify-content: space-between;
/*	padding: calc(var(--outer-margin)/2) calc(var(--outer-margin)/2) 0 calc(var(--outer-margin)/2);*/
}
.dateTime *:not(.arrow){
	align-self: flex-end;
	white-space: nowrap;
}
.dateTime h3{
	font-size: 1.9em;
/*	margin-right: calc(var(--outer-margin)/2);*/
}

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

.pitchingTickets p{
	margin: 0;
}
.pitchingTickets{
	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;
  
}

.pitchingTickets .arrow{
	height: 0.8em;
	margin-right: 5px;
}
/*.intro{
	margin-bottom: calc(var(--outer-margin)/2);
}*/

.pitchingTickets:hover svg.arrow{
  cursor: pointer;
  animation-name: bounce2;
  -moz-animation-name: bounce2;
}
.pitchingTickets a{
	color: var(--highlight-color);
  	text-decoration: none;
}
.ticketC svg{
	height: calc(var(--outer-margin) * 1.2);
    max-height: 3vw;
    cursor: pointer;
}
.trigger, .duration, .place{
/*	font-size: 0.8em;*/
/*    line-height: 1.3em;
    margin: calc(var(--outer-margin)/2);*/
}
.place{
	text-align: right;
	font-size: 1.2em;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
.place p{
	white-space: nowrap;
    justify-self: flex-end;
    align-self: flex-end;
    line-height: 1.3em;
}
  .ticketC p{
  	margin: 0;
  }
 .ticketC div{
 	max-width: 40%;
 }
 .ticketC{
 	display: flex;
 	justify-content: space-between;
 	margin-top: calc(var(--outer-margin) / 2);
 }

 .bio{
    font-size: 0.8em;
    line-height: 1.3em;
   /* row-gap: var(--newM);
    display: grid;*/
}
.bio p{
	margin: 0;
}
.bio strong{
	font-family: "JL_Impact-2016";
}

.article{
	transition: 0.5s height;
}

.article .text.short {        
    overflow: hidden;
}
.article .text.full {
    display: none;
}
.pitchingInfo{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ellipsis {
    color: #06c;
    font-weight: bold;
    font-size: 14px;
}

.intro p{
	margin: 0;
}



@media screen
and (max-width: 820px), (min-width: 821px) and (orientation: portrait) {
    .pitchingSession{
		display: grid;
	    grid-template-columns: 1fr;
	    grid-column-start: 1;
	    grid-column-end: 6;
	    padding: calc(var(--outer-margin)* 2) 0 calc(var(--outer-margin)/2) 0;
	    font-size: 1.3em;
	}
	.sessionTitle{
		position: relative;
/*		top: calc(var(--header-height) + var(--outer-margin) + (var(--outer-margin) /2));*/
		height: fit-content;
	}
	.pitchingArtists{
		padding-top: calc((var(--outer-margin)/2));
	}
	.pitchingArtist{
		margin-right: 0;
		margin-left: 0;
/*		flex-direction: column;*/
	}
	.pitchingPreview{
		width: 60%;
/*		max-height: 100%;*/
	}
	.read-more{
		height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: flex-end;
	    width: fit-content;
	    cursor: pointer;
	}
	.openArtist .read-more{
		height: fit-content !important;
		position: sticky !important;
		position: -webkit-sticky !important;
/*		top: calc(var(--header-height));*/
	}
	.openArtist{
		overflow: visible !important;
	}
	.read-more svg{
		height: fit-content;
	}
	.text{
		width: 95%;
		padding-top: calc(var(--outer-margin)/2);
	}
	.stickToPitching{
		grid-row-start: 1;
	    grid-column-start: 1;
	    grid-column-end: 5;
	    display: grid;
	    grid-row-end: 4;
	    background: var(--div-bg);
	}
	.textwrap, .mainText.mainPitching{
		padding: calc(var(--outer-margin)/4) calc(var(--outer-margin)/4) 0 calc(var(--outer-margin)/4);
	}
	.pitchingPreview{
		margin: calc(var(--outer-margin)/4) calc(var(--outer-margin)/4) 0 calc(var(--outer-margin)/4);
	}	
	.title, .tickets{
		padding: calc(var(--outer-margin)/2) calc(var(--outer-margin)) calc(var(--outer-margin)/2) calc(var(--outer-margin)) !important;
	}
	.ticketC svg{
    	height: calc(var(--outer-margin) * 2);
    	max-height: calc(var(--outer-margin) * 2) !important;
	}
	.text.full a{
		text-decoration: underline;
	}
	.text.full u{
		text-decoration: none;
	}
	.subtitleC{
        display: none;
    }
    .read-more svg{
		width: calc(var(--outer-margin)/1.5);
		height: 15px !important;
	}
	.simpleTextPdf{
    	margin-bottom: var(--newM);
    }
    .mainText.mainPitching{
    	margin-top: -1px;
/*    	padding: 0px;*/

    }
    .pitchingTickets p{
    	font-size: 1.1em;
    }
    .text.full, .text.short{
    	padding-top: calc(var(--newM)/2);
    }
}


@media screen
and (min-width: 821px) and (orientation: landscape) {
    .pitchingSession{
		display: grid;
	    grid-template-columns: 1.5fr 3fr;
	    grid-column-start: 2;
	    grid-column-end: 10;
	    padding: calc(var(--outer-margin)/2);
	}
	.sessionTitle{
		position: sticky;
		position: -webkit-sticky;
		top: calc(var(--header-height) + (var(--outer-margin) *1.5));
		height: fit-content;
	}
	.pitchingArtists{
		padding-top: calc((var(--outer-margin)/2) + 50px);
	}
	.pitchingArtist{
		margin-right: calc(var(--outer-margin) * 3);
		margin-left: calc(var(--outer-margin) / 2);
	}
	.pitchingPreview{
		width: 20%;
	}
	.read-more {
	    width: fit-content;
/*	    background: red;*/
	    cursor: pointer;
	    position: relative;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: flex-end;
	}
	.pitchingPreview{
		max-width: 100%;
		height: auto;
		transform-origin: center;
		transition: 0.5s transform;
		
		position: relative;
		cursor: zoom-in;
	}
	.openArtist .pitchingPreview{
		height: fit-content;
	}

	.pitchingPreview:not(.grow){
		transform:scale(1);
		transition: 0.5s transform;
	}

	.pitchingPreview.grow{
		transform:scale(3);
		z-index: 1000;
		opacity: 1;
		cursor: zoom-out;
	}
	.intro{
		padding-top: calc(var(--newM)/2);
	}
	.pitchingContent{
		display: flex;
/*	    margin-bottom: calc(var(--outer-margin)/2);*/
	    overflow: hidden;
	    transition: 0.5s height;
	    column-gap: var(--newM);
	}
	.read-more svg{
		width: calc(var(--outer-margin)/1.5);
	}
	u{
		text-decoration: none;
	}
	.tickets{
		padding-top: calc(var(--outer-margin)/4) !important;
	}
	.pitchingTickets p{
		font-size: 1.2em;
	}
	.dateTime{
		column-gap: var(--newM);
	}
	.desktop .pitchingArtist a::after{
		bottom: 0px !important;
	}
	.vertStack:first-of-type {
	    padding-top: var(--newM);
	}
}

@media screen
and (min-width: 1600px) and (orientation: landscape){
	.read-more svg{
		width: calc(var(--outer-margin)/2) !important;
	}

}