/***DESKTOP STYLE***/

/*** PARTICIPANTS
*****************************************************/
.stack_grid.participants {
	display: grid;
	grid-template-columns: var(--sixGrid);
	grid-gap: var(--gridGap);
}
.stack_grid.participants .participants_header .title h1 {
	text-transform: none !important;
	display: flex;
	justify-content: space-between;
	gap: var(--innerGridGutter);
}
.stack_grid.participants .text p {
	display: -webkit-box;
	overflow: hidden;
  	-webkit-line-clamp: 10;
  	-webkit-box-orient: vertical;
}

/***INSIDE PARTICIPANT***/
.stack_grid.participant {
	display: grid;
	grid-template-columns: var(--twoGrid);
	grid-gap: var(--gridGap);
}
.stack_grid.participant .grid_item .grid_item_inner {
	position: -webkit-sticky;
  	position: sticky;
  	top: calc(var(--headerHeight) + var(--innerGridGutter));
	height: calc(100vh - var(--headerHeight) - var(--innerGridGutter) + var(--borderWeight));
    overflow-y: scroll;
}
.stack_grid.participant .grid_item .grid_item_inner .text {
	display: grid;
	grid-template-columns: var(--sixGrid);
	grid-gap: var(--gridGap);
}
.stack_grid.participant .grid_item .grid_item_inner .text p {
	grid-column: var(--textCols);
}
.stack_grid.participant .grid_item .grid_item_inner img.arrow {
	width: auto !important;
	/*height: calc(var(--rowAMAGutter)*2);*/
	height: calc(var(--xlargeFont)*0.7);
	margin-top: var(--rowGutter);
	padding-bottom: var(--rowGutter);
}
.stack_grid.participant .draggable_images .epigraphs {
	font-size: var(--smallFont);
	padding: var(--innerGridGutter);
	box-sizing: border-box;
	list-style-position: outside;
	width: 50%;
}
.stack_grid.participant .draggable_images .epigraphs span {
	position: absolute;
}
.stack_grid.participant .draggable_images .epigraphs li {
	margin-left: calc(var(--innerGridGutter)*1.75);
}

.stack_grid.participant .draggable_images .draggable {
    position: fixed;
    top: -50vh;
	left: -50vw;
	transform: translate(-50%, -50%);
    z-index: 300;
    cursor: grab;
}
.stack_grid.participant .draggable_images .draggable img {
	max-width: 75vh;
    max-height: 75vh;
}
.stack_grid.participant .draggable_images .draggable.profile img {
    max-width: 16.66vw;
    max-height: 16.66vw;
    z-index: 175;
}
.stack_grid.participant .draggable_images .draggable.overall {
    z-index: 600;
}
.stack_grid.participant .draggable_images .draggable p {
    font-size: var(--smallFont);
	margin-top: var(--innerGridGutter);
}

/*** RESPONSIVE STYLE
*****************************************************/
@media (max-width:1180px) {
/***tablet (horizontal)***/
	.stack_grid.participant .draggable_images .draggable {
		position: inherit !important;
		top: auto !important;
		left: auto !important;
		transform: inherit !important;
		cursor: default;
		width: calc(100% - var(--colGutter)*0.5);
		pointer-events: none !important;
	}
	.stack_grid.participant .draggable_images .draggable img {
		width: 100%;
		padding: var(--innerGridGutter);
		box-sizing: border-box;
	}
	.stack_grid.participant .draggable_images .draggable p {
    	margin-top: 0;
    	padding-left: var(--innerGridGutter);
    	padding-bottom: var(--innerGridGutter);
    	box-sizing: border-box;
	}

}
@media (max-width:820px) {
/***tablet (vertical)***/
	.stack_grid.participant {
		grid-template-columns: var(--oneGrid);
	}
	.stack_grid.participant .grid_item .grid_item_inner {
		position: -webkit-sticky;
		position: sticky;
		top: calc(var(--headerHeight) + var(--innerGridGutter));
		height: auto !important;
		overflow-y: visible !important;
	}
	.stack_grid.participant .draggable_images .epigraphs {
		width: 100%;
		margin-bottom: var(--rowGutter);
	}
	
}
@media (max-width:600px) {
/***mobile***/
	.stack_grid.participant .draggable_images .draggable {
		width: 100%;
	}
	
}