/*
	command sequencer styles

 */


#csContainer {
	display: inline-block;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

#csStudentText {
	display:inline-block;
}

#leftSection {
	float:left;
	height:100%;
	width:50%;
	overflow:hidden;
}

#leftSection > * {
	margin-right: 20px;
}

#rightSection {
	/*display:flex;
	margin:auto;*/
	float:right;
	height:100%;
	width:50%;
	overflow:hidden;
}

#rightSection > img, #rightSection > video {
	display:block;
	margin:auto;
	position:relative;
	top:50%;
	transform: perspective(1px) translateY(-50%);
}

#topSection {
	display:block;
	width:100%;
}

#bottomSection {
	display:block;
	width:100%;
	text-align: center;
}

.reveal-link {
	color:blue;
	cursor:pointer;
	display:block;
	font-size:16px;
	line-height:22px;
	margin:10px 10px -4px 0;
}

.reveal-link-complete {
	color:purple;
}

.reveal-text { margin-left: 1em; }

.initial-visual {}
.reveal-item {}
.reveal-visual {}
.reveal-graphic {}
.reveal-video {}