body.logged-in{
	/* margin-top:32px; */
}

/* Play Trivia */

body.playtrivia-play #wpadminbar,
body.playtrivia-display #wpadminbar {
	display:none;
}

body.playtrivia {
	background-color:black;
	color:white;
	text-align:center;
	padding:30px;
}

body.playtrivia #trivia-container { 
		
	/*
	display: flex;
    min-height: 100vh;
    flex-direction: column;
    height: 100vh;
	justify-content:center;
	align-items:center;
	*/
		
}

@media only screen and (min-width: 768px) {
	body.playtrivia #trivia-container {	
		display: flex;
    	min-height:  calc(100vh - 100px);
    	flex-direction: column;
    	height: calc(100vh - 100px);
		justify-content:center;
		align-items:center;
	}
}

@media only screen and (max-width: 767px) {
	body.playtrivia #guest-username {
		margin-bottom:100px;
	}
}

body.playtrivia ol {
	text-align:left;
	justify-self:center;
}

body.playtrivia ol#display-options li {
	font-size:1.5em;
	padding:7px;
}
body.playtrivia ol#display-options li:hover {
	cursor:pointer;
}

body.playtrivia p#display-answer-label {
	margin-bottom:0px;
	font-size:bigger;
}

body.playtrivia h1#display-answer {
	margin-top:0px;
}

body.playtrivia p#display-result {
	margin-bottom:0px;
	font-size:bigger;
	color:yellow;
}

body.playtrivia button#next-question {
	margin-top:30px
}

body.playtrivia #display-timer {
	margin-top:30px;
	font-size:30pt;
}

body.playtrivia #login-button,
body.playtrivia #guestplay-button,
body.playtrivia #display-button
{
	margin:7px;
}

body.playtrivia .join-team-input {
	display:flex;
	align-items:center;
	justify-content:center;
}

body.playtrivia .join-team-input input {
	cursor:pointer;
}

body.playtrivia .join-team-input label {
	cursor:pointer;
	margin-left:7px;
}