/*
Theme Name: MSG

Author URI: https://wordpress.org/

*/



/* SECURITY OPTIONS */

.post-password-form {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}


.post-password-form input[name="Submit"] {
	border-radius: 5em;
	padding: 0.2em 0.8em 0.2em 0.8em;
	color: black;
	background-color: white;
	border: 2px solid black;
	filter: drop-shadow(0 0 0.2em grey);
}



/* General Sitewide styles */

/* SCROLLBAR */

/* width */
::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.26);
	box-shadow: inset 0 0 5px #ffffffaf;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #585858;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #585858;
}

html {
	scroll-behavior: smooth;
	height:100%
}

body {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 100%;
}



/* HEADER SECTION */
header {
	padding: 10px;
		z-index: 1;
}

.logo img {
	max-width: 15em;
	max-height: 5em;
}

.social-linkouts-nav a i {
	color: grey;
	transition: 120ms;
}


nav li {
	display: inline-block;
	margin-right: 20px;
}

nav li a {
	color: black;
}

nav ul {
	list-style-type: none;
}

div.center {
	text-align: center;
	width: 100%;
}


.fa-user {
	color: whitesmoke;
}


.notifications {
	background-color: whitesmoke;
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	right: 20px;
	text-align: left;
}

/* VIDEO AND CONTENT TAB STYLES */


.sidebarfr {
	max-height: 75vh;
	height: 75vh;
	filter: drop-shadow(0 0 0.75rem #6f006f);
	border-radius: 20px;
	overflow: hidden;
}

.sidebarfr,
.sidebar {
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}

.sidebar {
	background-color: whitesmoke;
	border-radius: 20px;
	border: 1px solid lightgrey;
	min-height: 80vh;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: absolute;
	right: 0;
	top: 0;
}


/* Landing / lobby content options */
.center p,
.center h3 {
	text-align: center;
	margin: 0 auto;
}

.genbox {
	background-color: #f5f5f58c;
	border: 1px solid lightgrey;
	padding: 35px;
	margin: 20px 0;
	font-size: 20px;
	text-align: center;
	border-radius: 0.8em;
}

.genbox input {
	width: 100%;
}

.genbox input[type='checkbox'] {
	width: inherit;
}


/* 

.wcUsersList,
.wcMessages {
	height: calc(100% - 4em) !important
}

.wcContainer {
	width: 100%;
	height: 100vh;
	border-radius: 5px;
	border: none;
	overflow: hidden;
} */

#wpua-preview-existing,
#wpua-thumbnail-existing,
#wpua-remove-button-existing,
#wpua-undo-button-existing,
#wpua-undo-button-existing {
	display: none !important;
}


/* User Account styles */
.um-directory .um-members-wrapper .um-members .um-member {
	border: none !important;
}






.modal-container-Main {
	position: fixed;
	top: 5em;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-x: auto;
}

.modal-container-Main .modal-window-Main {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	xalign-items: center;
	xjustify-content: center;
	/* Optional support to confirm scroll behavior makes sense in IE10 */
	-ms-flex-direction: column;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	height: 100%;
}

.modal-container-Main .modal-window-Main .modal-content-Main {
	background: #00000000;
	border: none;
	width: 100%;
	max-width: 1200px;
	padding: 1em 4em 1em 4em;
	margin: auto;
}




@media (max-width:824px) {
	.modal-container-Main .modal-window-Main .modal-content-Main {
		background: #00000000;
		border: none;
		width: 100%;
		max-width: 1200px;
		padding: 1em;
		margin: auto;
	}
}







/* UI Section standard */


.navi {
	left:-100px;
	padding-left: 20px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	height: auto;
	transition: transform 0.2s ease-out;
	z-index: 100000;

}

.navicons {
	display: block;
	border-radius: 50px;
	transition: 180ms;

	margin-top: 22px;
z-index:9001;
	width: 50px;
	height: 50px;
	text-align: center;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;


}

.navicon-close1 {
	display: block;
	border-radius: 50%;
	transition: 180ms;
	margin-top: 3px;
	color: black !important;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;

}

.navicons img {
	margin: 0 auto;
}

.navicons i {
	font-size: 35px;
}


div.navicons:hover {
	width: 13em;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	transition: 180ms;
	text-align: left;
	padding-left: 0;
	z-index:9001;
}

div.navicons img {
	max-height: 100% !important;
	max-width: auto !important;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	transition: 0ms;
}

div.navicons:hover img {
	max-height: 46px !important;
	max-width: 46px !important;
	margin: 0;
	top: 0;
	left: 0;
	transform: translate(0, 0);
}


div.navicons .pill_container {
	overflow:hidden;
	left: 0;
	height: 100%;
	transition: 100ms;
}

div.navicons:hover .pill_container {
	left: -10px;
	transition: 100ms;
	height: 100%;
}


div.navicons:active .pill_container {
	left: 0;
	transition: 100ms;
	height: 100%;
}

div.navicons:active:hover .pill_container {
	left: -10px;
	transition: 100ms;
	height: 100%;
}


.floattitle {
	display: none;
}

.floattitle p {
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(0, -50%);
}

div.navicons:hover .floattitle {
	min-width: 5em;
	display: inline-block;
	position: RELATIVE;
	width: 100%;
	/* right: 20px; */
	/* top: 10px; */
	color: white;
	margin: 0;
	height: 45px;

}

/* 
.noti:hover .notifications{
	display: block;
} */



div.navicons .pill_container {
	left: 0;
	height: 100%;
	transition: 100ms;
}

div.navicons:hover .pill_container {
	left: -0;
	;
	transition: 100ms;
	height: 100%;
}


div.navicons:active .pill_container {
	left: 0;
	transition: 100ms;
	height: 100%;
}

div.navicons:active:hover .pill_container {
	left: 0;
	transition: 100ms;
	height: 100%;
}
















/* UI Section Mobile */

@media screen and (max-height: 780px) {
	div.navicons:hover img {
		max-height: 36px !important;
		max-width: 36px !important;
		margin: 0;
	}

	div.navicons img {
		max-height: 36px !important;
		max-width: 36px !important;
		margin: 0;
	}

	.navicons {
		width: 40px;
		height: 40px;
		margin-top: 12px;

	}

	.navi {
		top: 60%;
		transform: translate(0, -60%);
	}

	.floattitle p {
		position: absolute;
		top: 50%;
		right: 1em;
		transform: translate(0, -50%);
	}

	div.navicons:hover .floattitle {
		min-width: 5em;
		display: inline-block;
		position: RELATIVE;
		width: 100%;
		/* right: 20px; */
		/* top: 10px; */
		color: white;
		margin: 0;
		height: 36px;

	}

}

/* ACCOUNT BUTTON POSITIONING */

.um-request-button, #um_account_submit_delete, #um_account_submit_password, #um_account_submit_privacy, #um_account_submit_general 
{left: 50%!important;
width:auto!important;
    transform: translate(-50%,0)!important;
    text-align: center!important;}

.um-account .um-left {width:100%!important;}


body {height:11em;}

/* STATES TOGGLED BY SCRIPTS */

.live-badge {font-size:0.6em; background-color:#FF0920; color:white; padding:0.2em 0.5em; border-radius:5em;}
.Session_card .rate-wrapper.rate-wrapper-open {display:flex;}
.msg-redirect-note {position:fixed; left:50%; bottom:2em; transform:translateX(-50%); z-index:100000; padding:0.8em 1.4em; border-radius:2em; background:rgba(0,0,0,0.75); color:#fff; font-size:1rem;}
.msg-delegate-links {z-index:10000; text-align:center; justify-content:center; align-items:center;}
.msg-delegate-choice .lobby-text-custom {display:none;}
.msg-delegate-choice .Countdown-expired-hybrid {display:block;}
.msg-presenter-links-open .countdown_wording {display:none;}
.msg-presenter-links-open .post_countdown_wording {display:block;}
.msg-register-prompt .lobby-text-custom {display:none;}
.msg-register-prompt .countdown_wording {display:none;}
.msg-event-ended {margin:1em auto; text-align:center;}
.msg-event-ended[hidden], .msg-event-has-ended .lobby-text-custom, .msg-event-has-ended #del-countdown, .msg-event-has-ended .Countdown-expired-hybrid {display:none !important;}