/* Onion Party Twitch Viewer v1.0 CSS */

body {
	/*padding: 20px;*/
	/*background-color: #444;*/
	background-color: #353132;
}
iframe body #root {
	background-color: #000 !important;
}
.twitch1, .twitch2 {
	width: 100%;
}
.twitchSpacer {
	height: 8px;
}
.bookend {
	height: 0;
	overflow: hidden;
}

#twitch-stream1 {
	width: 400px;
	margin: 0 auto;
	/*background-color: #fcc;*/
}
#twitch-stream2 {
	width: 400px;
	margin: 0 auto;
	/*background-color: #cfc;*/
}
/*
#twitch-stream1 {
	background-color: #f99;
}
#twitch-chat1 {
	background-color: #fcc;
}
#twitch-stream2 {
	background-color: #9f9;
}
#twitch-chat2 {
	background-color: #cfc;
}
*/

#twitch-embed1, #twitch-embed2 {
	display: block;
	position: relative;
	height: auto !important;
	height: 30% !important;
	margin: 0 auto;
	height: 50px;
	/*padding: 30px;*/
	/*background-color: #666;*/
}
.blur-clicky {
	position: absolute;
	top: 40%;
	left: 15;
	width: 70%;
	height: 40%;
	z-index: 9999;
	cursor: pointer;
	/*pointer-events: none;*/
	background-color: rgba(0,0,0,0.0);
}
.blur-clicky.here {
	display: block;
}
.blur-clicky.gone {
	display: none;
}



/*
#twitch-embed1.focus-stream, #twitch-embed2.focus-stream {
	width: 100%;
}
#twitch-embed1.blur-stream, #twitch-embed2.blur-stream {
	width: 70%;
}
*/


.box1 {
	background-color: #fcc;
}
.box2 {
	background-color: #cfc;
}
.box1, .box2 {
	padding: 40px;
}

#video-playback {
	height: 20px !important;
}


.stream-chat-header {
	background-color: #000 !important;
}















@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1395px !important;
	}
}