/*
Theme Name: GRANDTOVR
Author: KMSTUDIO
Version: 1.5
*/

html { font-size: 20px; }
body {
	background-color: #f0f0f0;
	color: var(--gtvr-text-color);
	font-family: Barlow, sans-serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 { font-weight: 700; margin: 0 0 2rem; text-transform: uppercase; letter-spacing: .03rem; }

h2 { font-size: 2rem; }
h3 { font-size: 1.7rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }

a { color: var(--gtvr-primary-color); }

b,strong { font-weight: 700; }
p { margin: 0 0 1.5rem 0; line-height: 1.6; }
hr { border: 0; border-bottom: 1px solid #ddd; margin: 3em 0; }
iframe { display: block; }
img { display: block; max-width: 100%; height: auto; }

main { overflow: hidden; }

.primary-color { color: var(--gtvr-primary-color); }

/* <HAMBURGER> */
.hamburger-btn {
	position: absolute;
	top: 3rem;
	right: -1rem;
	display: none;
	padding: 1rem;
	cursor: pointer;
	box-sizing: content-box;
	z-index: 11;
}
.hamburger-bar {
	display: block;
	width: 2rem;
	height: 2px;
	background-color: #000;
	margin: 0 0 6px;
}
/* </HAMBURGER> */

/* <BUTTONS> */
.button {
	display: inline-block;
	margin: .25rem .2rem .25rem 0;
	padding: .7rem 1.5rem;
	font-size: .9rem;
	font-weight: 700;
	background: var(--gtvr-text-color);
	color: #fff !important;
	border: none;
	text-transform: uppercase;
	box-sizing: border-box;
	transition: background .25s, color .25s, border .25s, opacity .25s;
	cursor: pointer;
	position: relative;
}
.button:not(.loading):not(.button-outline):not(.disabled):hover { opacity: .8; }
.button.loading { color: transparent !important; }
.button.loading:after {
	content: '';
	display: block;
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	width: 1rem;
	height: 1rem;
	color: #fff;
	border: 2px solid;
	border-radius: 50%;
    border-bottom-color: transparent;
	border-left-color: transparent;
    animation: spin linear .4s infinite;
}

.button-outline {
	background: transparent;
	color: var(--gtvr-text-color) !important;
	padding-top: calc(.7rem - 2px);
	padding-bottom: calc(.7rem - 2px);
	border: 2px solid;
	border-color: var(--gtvr-text-color);
}
.button-outline:not(.loading):not(.disabled):hover { background: #333; border-color: #333; color: #fff !important; }
.button-outline.loading { color: transparent !important; }
.button-outline.loading:after { color: #333; }

.button.disabled { opacity: .5; cursor: not-allowed; }
.button.no-margin { margin: 0; }

.button-primary { background: var(--gtvr-primary-color); }
.button-outline.button-primary { background: transparent; color: var(--gtvr-primary-color) !important; border-color: var(--gtvr-primary-color); }
.button-outline.button-primary:not(.loading):not(.disabled):hover { background: var(--gtvr-primary-color); border-color: var(--gtvr-primary-color); color: #fff !important; }
.button-outline.button-primary.loading { color: transparent !important; }
.button-outline.button-primary.loading:after { color: var(--gtvr-primary-color); }

.button-white { color: var(--gtvr-primary-color) !important; background: #fff; }
.button-outline.button-white { background: transparent; color: #fff !important; border-color: #fff; }
.button-outline.button-white:not(.loading):not(.disabled):hover { background: #fff; border-color: #fff; color: var(--gtvr-primary-color) !important; }
.button-outline.button-white.loading { color: transparent !important; }
.button-outline.button-white.loading:after { color: var(--gtvr-primary-color); }

.button-more {
	display: inline-block;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
}
.button-more:after {
	position: relative;
	left: 0;
	font-family: 'wcd2023';
	content: '\e800';
	font-style: normal;
	font-variant: normal;
	padding-left: .5rem;
	text-transform: none;
	transition: left .25s, padding .25s;
}
.button-more:hover:after { left: .2rem; padding-left: .7rem; }
/* </BUTTONS> */

.table-admin { width: 100%; }
.table-admin th { text-align: left; text-transform: uppercase; }
.table-admin th,
.table-admin td { position: relative; padding: .5rem 1rem; white-space: nowrap; }
.table-admin td.title { white-space: normal; }
.table-admin td.title a { font-size: 1.1rem; font-weight: 700; }
.table-admin td small { font-size: .9rem; opacity: .5; }
.table-admin td i { opacity: .5; }
.table-admin th:first-child,
.table-admin td:first-child { padding-left: 0; }
.table-admin th:last-child,
.table-admin td:last-child { padding-right: 0; }
.table-admin th.title { width: 100%; }
.table-admin thead tr { border-bottom: 2px solid #000; }
.table-admin tbody tr { border-bottom: 1px solid #ccc; }
.table-admin tbody tr:last-child { border-bottom: none; }
.table-admin select.host-user {
	display: block;
	padding: .7rem 1.7rem .7rem .5rem;
	color: #fff;
	background: var(--gtvr-primary-color);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: none;
	appearance: none;
}
.table-admin select.host-user option { color: var(--gtvr-text-color); background: #fff; }
.table-admin .overlay-check {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0; left: -1.5rem; right: 0; bottom: 0;
	margin: .5rem 1rem .5rem 0;
	font-size: 1rem;
	line-height: 1.4rem;
	text-align: center;
	color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}
.table-admin .overlay-check.show { opacity: 1; }
.table-admin .overlay-check i { opacity: 1; background: #383; border: 2px solid #f0f0f0; width: 1.5rem; height: 1.5rem; border-radius: 50%; transition: transform .25s .1s; }
.table-admin .overlay-check i:before { margin: 0; }
.table-admin .overlay-check.show i { transform: scale(1.2); }

#user_switching_switch_on { position: fixed; right: 0; bottom: 0; text-align: center; margin: 0; padding: 1rem; font-weight: 700; background: var(--gtvr-primary-color); z-index: 999; }
#user_switching_switch_on a { color: #fff; }

.layout-row > .wrapper { 
	width: 50rem;
	margin: 0 auto;
	padding: 5rem 0;
}

form { margin: 2rem 0; }
form input { border: none; background: #fff; padding: 1rem; }

article.hentry h2 { margin: 3rem 0 2rem; }
article.hentry h2:first-child { margin-top: 0; }
article.hentry ul { list-style-type: disc; margin: 2rem 0 2rem 2.5rem; }
article.hentry ul li { margin-bottom: .5rem; line-height: 1.4; }
article.hentry blockquote { position: relative; margin: 3rem 0 4rem; font-size: 1.5rem; color: var(--gtvr-primary-color); }
article.hentry blockquote:after { content: ''; position: absolute; left: 0; bottom: -1rem; display: block; width: 2rem; height: 5px; background: var(--gtvr-primary-color); }
article.hentry blockquote:first-child { margin-top: 0; }
article.hentry blockquote:last-child { margin-bottom: 0; }
article.hentry blockquote p { line-height: 1.3; }
article.hentry p img { margin: 3rem 0; }
article.hentry p:last-child img { margin-bottom: 0; }

body.home article.hentry h1.not-allowed { font-weight: 300; text-transform: none; letter-spacing: 0; margin-bottom: 1rem; }

body.page article.hentry h1 { font-size: 3rem; }

body.error404 .layout-row > .wrapper { width: 35rem; }
body.error404 article.hentry h1 { margin-bottom: 1rem; }
body.error404 article.hentry .number-404 { font-weight: 300; font-size: 5rem; }

header.layout-row > .wrapper { width: auto; padding: .5rem 1rem; }
header.layout-row h1 { display: none; }
header.layout-row img { box-sizing: border-box; }

header.layout-row .user-nav nav { padding-right: 1rem; margin-right: 1rem; border-right: 1px solid rgba(255,255,255,.2); }
header.layout-row .user-nav nav a { text-transform: uppercase; letter-spacing: .03rem; }
header.layout-row .user-nav nav li { padding-right: 1rem; margin-right: 1rem; border-right: 1px solid rgba(255,255,255,.2); }
header.layout-row .user-nav nav li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

footer.layout-row { border-top: 1px solid #ccc; }
footer.layout-row > .wrapper { width: auto; padding: 2rem 1rem; }
footer.layout-row .links a { display: block; padding: 0 1rem; }
footer.layout-row .links a:last-child { padding-right: 0; }

.layout-row.ticket-activation-page {  }
.layout-row.ticket-activation-page > .wrapper { padding: 7rem 0; }
.layout-row.ticket-activation-page h2 { margin: 0; font-size: 2rem; font-weight: 400; }
.layout-row.ticket-activation-page h3 { font-size: 3rem; line-height: 1; }
.layout-row.ticket-activation-page input { font-size: 1.5rem; }
.layout-row.ticket-activation-page .button { font-size: 1.25rem; margin: 0 0 0 1rem; white-space: nowrap; }
.layout-row.ticket-activation-page .button.loading:after { width: 1.2rem; height: 1.2rem; border-width: 5px; }
.layout-row.ticket-activation-page .tech-info { font-size: .9rem; opacity: .8; }

.layout-row.meeting-header { color: #fff; }
.layout-row.meeting-header .color-overlay {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: var(--gtvr-primary-color);
	opacity: .8;
	z-index: 2;
}
.layout-row.meeting-header .bg {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: var(--gtvr-primary-color);
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: 1;
}
.layout-row.meeting-header > .wrapper { padding: 10rem 0; z-index: 3; }
.layout-row.meeting-header h2 { margin-bottom: 1rem; font-size: 3.5rem; line-height: 1; }
.layout-row.meeting-header h2 span { font-weight: 300; display: block; font-size: .8em; }
.layout-row.meeting-header h2 span:before { content: '/'; }
.layout-row.meeting-header p { font-size: 1.5rem; max-width: 35rem; line-height: 1.2; }
.layout-row.meeting-header p.call-to-action .button { font-size: 1rem; }
.layout-row.meeting-header p.call-to-action small { font-size: .9rem; opacity: .75; }
.layout-row.meeting-header p.call-to-action.is-active small { display: none; }
.layout-row.meeting-header p.call-to-action small .countdown { display: none; }
.layout-row.meeting-header p.call-to-action small.countdown-in-progress .countdown { display: inline-block; }
.layout-row.meeting-header p.call-to-action small.countdown-in-progress .waiting-for-start { display: none; }

.layout-row.meeting-header .meta-wrapper { width: 50rem; position: absolute; left: calc(50% - 25rem); bottom: 2rem; z-index: 3; }
.layout-row.meeting-header .meta-wrapper .meta { padding-right: 2rem; margin-right: 2rem; border-right: 1px solid rgba(255,255,255,.3); }
.layout-row.meeting-header .meta-wrapper .meta:last-child { padding-right: 0; margin-right: 0; border-right: none; }
.layout-row.meeting-header .meta-wrapper h4 { font-size: .9rem; margin-bottom: .25rem; }
.layout-row.meeting-header .meta-wrapper p { font-size: 1.3rem; line-height: 1.1; }
.layout-row.meeting-header .meta-wrapper .meta-date b { font-weight: 700; }

.layout-row.meeting-header.room-mode > .wrapper { padding: 2rem 0; }
.layout-row.meeting-header.room-mode h2 { font-size: 2rem; margin: 0; text-align: center; max-width: none; }
.layout-row.meeting-header.room-mode h2 span { padding: 0 1rem; display: inline-block; font-size: 1em; }
.layout-row.meeting-header.room-mode h2 span:before { padding-right: .8rem; }
.layout-row.meeting-header.room-mode p { display: none; }
.layout-row.meeting-header.room-mode .meta-wrapper { display: none; }

.layout-row.meeting-room { display: none; }
.layout-row.meeting-room > .wrapper { width: auto; padding: 0; }
.layout-row.meeting-room .actions { background: #eee; padding: 1rem; }

.layout-row.meeting-actions { color: #fff; font-size: 1.25rem; }
.layout-row.meeting-actions > .wrapper { padding: 5rem 0; z-index: 3; }
.layout-row.meeting-actions h3 { margin: 0; font-size: 2rem; padding-right: 2rem; }
.layout-row.meeting-actions .desc p { max-width: 25rem; line-height: 1.2; }
.layout-row.meeting-actions .room-not-available { text-align: center; width: 100%; }
.layout-row.meeting-actions .color-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--gtvr-primary-color); opacity: .8; z-index: 2; }
.layout-row.meeting-actions .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--gtvr-primary-color); background-size: cover; background-position: center; filter: grayscale(100%); z-index: 1; }

.layout-row.meeting-actions .meeting-actions-is-active { display: none; }
.layout-row.meeting-actions .meeting-actions-not-active { display: block; width: 100%; }
.layout-row.meeting-actions.is-active .meeting-actions-is-active { display: flex; }
.layout-row.meeting-actions.is-active .meeting-actions-not-active { display: none; }

.layout-row.meeting-netiquette { opacity: .7; font-size: .8rem; }
.layout-row.meeting-netiquette h3 { font-size: 1.5rem; font-weight: 300; }

body.page-template-meetings-manage .no-meeting-found { font-size: 1.2rem; }

.layout-row.meeting-admin-manage > .wrapper { width: 60rem; }