/*
	Theme Name: Copenhagen Casino Kiosk
	Theme URI: http://spilvejledninger.casinocopenhagen.dk/
	Description: A kiosk theme for Copenhagen Casino
	Version: 1.4.3
	Author: Lukas Frimer Tholander (@lukasmig)
	Author URI: http://lukasmig.com
	Tags: Kiosk

	License: UNLICENED
	License URI: http://dojo.com
*/


/*------------------------------------*\
    NORMALIZE
\*------------------------------------*/
body {
	background-color: #171b1e;
}


/*------------------------------------*\
    Hide things
\*------------------------------------*/
.sidebar {
	display: none;
}


/*------------------------------------*\
    ELEMENTOR
\*------------------------------------*/
.elementor-widget-container {
	border: 0;
}

/*------------------------------------*\
    MENU
\*------------------------------------*/
.menu-wrapper {
	/*max-width: 900px;*/
}

.menu-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  align-content: start;
}

.menu-item {
	flex: 0 0 auto;
	margin: 30px;
	color: white;
	min-width: 130px;
}

.menu-left {
}
.menu-center {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.menu-right{
}

/* Note: Button style is in buttom of file*/

/*IN CENTER*/
.menu-subpage .menu-logo {
	max-width: 275px;
}
.menu-frontpage .menu-logo {
	max-width: 360px;
}

.menu-logo-desc {
	margin-top: 20px;
}

.menu-logo-desc h2 {
	margin: 0;
	font-size: 24px;
	font-family: "Roboto", Sans-serif;
	font-weight: 500;
	text-align: center;
}



/*Hide things depending on frontpage or subpage */
.menu-frontpage .menu-left,
.menu-frontpage .menu-right,
.menu-subpage .menu-logo-desc {
	display: none;
}


/*------------------------------------*\
    SCREENSAVER
\*------------------------------------*/
#screensaver-container {
	height: 100vh;
	width: 100vw;
	z-index: 10;
}
#screensaver-video {
	width: 100% !important;
	height: 100% !important;
	z-index: 11;
}
#screensaver-video,
#screensaver-container,
#screensaver-overlay {
	position: fixed; /* Sit on top of the page content */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#screensaver-overlay {
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	z-index: 15; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}

#screensaver-msg {
	position: fixed; /* Sit on top of the page content */
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	padding: 50px;
	z-index: 12;
	background-color: black;
	color: white;
	font-size: 93px;
	text-align: center;
}


/*------------------------------------*\
    INFO VIDEO
\*------------------------------------*/
#infovideo-container {
	width: 100%;
	height: 800px;
	text-align: center;
	color: white;
	margin-top: 15px;
}

#infovideo-video {
	width: 100% !important;
	height: 100% !important;
}

#infovideo-subtitle-container {
	margin: 20px;
}

.infovideo-subtitle-img {
	width: 100px;
	margin: 5px;
	opacity: 0.5;
}
.selected-subtitle img {
	opacity: 1;
}


#infovideo-footer {
	display: table;
	margin: 0 auto;
}

#infovideo-btn-under-video {
	margin: 10px;
}

.large-btn-container {
	zoom: 2;
}

















/*
This is a copy of the button styles that is required in the top.
It is auto copied from Elementor, therefore it is very ugly.
*/

.menu-btn-A_1 {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: inline-block;
	height: 38px;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	width: 130px;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 65px 19px;
	transform-origin: 65px 19px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.09) none repeat scroll 0% 0% / auto padding-box border-box;
	border: 1px solid rgba(255, 255, 255, 0.73);
	border-radius: 5px 5px 5px 5px;
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
	padding: 10px 20px;
	transition: all 0.3s ease 0s;
}/*.menu-btn-A_1*/

.menu-btn-A_1:after {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-A_1:after*/

.menu-btn-A_1:before {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-A_1:before*/

.menu-btn-SPAN_2 {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 0px 0px;
	transform-origin: 0px 0px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_2*/

.menu-btn-SPAN_2:after {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_2:after*/

.menu-btn-SPAN_2:before {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_2:before*/

.menu-btn-SPAN_3 {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	width: 11.4375px;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 5.71875px 8px;
	transform-origin: 5.71875px 8px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	margin: 0px 5px 0px 0px;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_3*/

.menu-btn-SPAN_3:after {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_3:after*/

.menu-btn-SPAN_3:before {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_3:before*/

.menu-btn-I_4 {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	height: 16px;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	width: 11.4375px;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 5.71875px 8px;
	transform-origin: 5.71875px 8px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 400 normal 16px / 16px FontAwesome;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-I_4*/

.menu-btn-I_4:after {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 400 normal 16px / 16px FontAwesome;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-I_4:after*/

.menu-btn-I_4:before {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	content: '""';
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 0px 0px;
	transform-origin: 0px 0px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 400 normal 16px / 16px FontAwesome;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-I_4:before*/

.menu-btn-SPAN_5 {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	height: 16px;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	width: 55.3438px;
	column-rule-color: rgb(255, 255, 255);
	perspective-origin: 27.6719px 8px;
	transform-origin: 27.6719px 8px;
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_5*/

.menu-btn-SPAN_5:after {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_5:after*/

.menu-btn-SPAN_5:before {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255);
	text-size-adjust: 100%;
	column-rule-color: rgb(255, 255, 255);
	fill: rgb(255, 255, 255);
	caret-color: rgb(255, 255, 255);
	border: 0px none rgb(255, 255, 255);
	font: normal normal 600 normal 16px / 16px "Open Sans", sans-serif;
	outline: rgb(255, 255, 255) none 0px;
}/*.menu-btn-SPAN_5:before*/


/* HIDE VIDEO IN HEADER AND FOOTER */

.video-button-container, #infovideo-footer {
	display: none;
}