/*
[==============================]
|      __    __            __  |
|     / /_  / /_____ ___  / /  |
|    / __ \/ __/ __ `__ \/ /   |
|   / / / / /_/ / / / / / /    |
|  /_/ /_/\__/_/ /_/ /_/_/     |
|                              |
[==============================]
*/


  /* ------------------------ */
 /* ==  Background Layers == */
/* ------------------------ */

#bodyBackground { z-index: -3; }
#imageSlideshow { z-index: -2; }
#textureOverlay { z-index: -1; }

.bg-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: transparent;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-layer--texture {
	position: absolute;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}


  /* -------------------- */
 /* ==  Input Fields  == */
/* -------------------- */

body.index input:-webkit-autofill,
body.index input:-webkit-autofill:hover,
body.index input:-webkit-autofill:focus,
body.index input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #002539 inset !important;
	-webkit-text-fill-color: #867c74 !important;
}

body.index ::placeholder {
	color: #867c74;
	opacity: 1;
}


  /* -------------------- */
 /* ==  Four Aces  ==    */
/* -------------------- */

#LAND_MAIN--div--four_aces {
	display: block;
	position: absolute;
	top: 12%;
	left: 8%;
	width: 24%;
	z-index: 2;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--div--four_aces img {
	display: block;
	opacity: 0.9;
	max-height: 100%;
	height: auto;
	width: 100%;
	filter: drop-shadow(0.2em 0.2em 0.1em rgba(0, 37, 57, 0.5));
}


  /* -------------------- */
 /* ==  Login Form  ==   */
/* -------------------- */

#LAND_MAIN--login_form {
	display: block;
	position: absolute;
	top: 55%;
	left: 10%;
	width: 20%;
	height: 24%;
	z-index: 2;
}

#LAND_MAIN--login_form--form {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

#LAND_MAIN--login_form__username--div {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 28%;
	width: 100%;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--login_form__username--input {
	background-color: transparent;
	border: 0.1em solid #bcb6b2;
	border-radius: 0.4em;
	box-sizing: border-box;
	color: #867c74;
	font-family: Roboto, sans-serif;
	font-size: 1.1em;
	line-height: 1;
	padding: 0 0.6em;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
}

#LAND_MAIN--login_form__username--input:hover {
	border-color: #1f7f9b;
}

#LAND_MAIN--login_form__username--input:focus {
	background-color: #002539;
	border-color: #1f7f9b;
}

#LAND_MAIN--login_form__password--div {
	position: absolute;
	top: 36%;
	left: 0%;
	height: 28%;
	width: 100%;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--login_form__password--input {
	background-color: transparent;
	border: 0.1em solid #bcb6b2;
	border-radius: 0.4em;
	box-sizing: border-box;
	color: #867c74;
	font-family: Roboto, sans-serif;
	font-size: 1.1em;
	line-height: 1;
	padding: 0 0.6em;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
}

#LAND_MAIN--login_form__password--input:hover {
	border-color: #1f7f9b;
}

#LAND_MAIN--login_form__password--input:focus {
	background-color: #002539;
	border-color: #1f7f9b;
}

#LAND_MAIN--login_form__signinbt--div {
	position: absolute;
	top: 72%;
	left: 0%;
	height: 28%;
	width: 32%;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--login_form__signinbt--input {
	background-color: #0f94bb;
	border: 0;
	border-radius: 0.4em;
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1;
	padding: 0;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	transition: background-color 0.3s ease-in-out;
}

#LAND_MAIN--login_form__signinbt--input:hover {
	background-color: #359a75;
}

#LAND_MAIN--login_form__errormsg--div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 72%;
	left: 32%;
	height: 28%;
	width: 68%;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--login_form__errormsg--div span {
	color: #ff2000;
	font-family: Manrope-Bold, sans-serif;
	font-size: 1.0em;
	line-height: 1;
}


  /* -------------------- */
 /* ==  Honeypot  ==     */
/* -------------------- */

.honeypot {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	opacity: 0;
}


  /* -------------------- */
 /* ==  Title  ==        */
/* -------------------- */

#LAND_MAIN--bennypoker_text {
	display: flex;
	align-items: baseline;
	justify-content: center;
	position: absolute;
	top: 39%;
	left: 30%;
	width: 40%;
	line-height: 1;
	z-index: 1;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--bennypoker_text .title-text {
	color: #f1f0ef;
	cursor: default;
	font-family: PermanentMarker, sans-serif;
	font-size: 4.0em;
	line-height: 0.85;
	text-shadow: 0.04em 0.04em 0.04em rgba(0, 37, 57, 0.5);
	letter-spacing: 0.05em;
}

#LAND_MAIN--bennypoker_text .title-tm {
	color: #f1f0ef;
	cursor: default;
	font-family: Manrope-Bold, sans-serif;
	font-size: 1.8em;
	margin-top: 0.10em;
	text-shadow: 0.04em 0.04em 0.04em rgba(0, 37, 57, 0.5);
	align-self: flex-start;
}


  /* -------------------- */
 /* ==  Copyright  ==    */
/* -------------------- */

#LAND_MAIN--div--copyright_year {
	display: block;
	position: absolute;
	top: 86%;
	left: 72%;
	width: 26%;
	text-align: center;
	z-index: 5;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--div--copyright_year span {
	color: #796e65;
	cursor: default;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1;
}


  /* -------------------- */
 /* ==  Card Suits  ==   */
/* -------------------- */

.card-suit {
	display: block;
	position: absolute;
	top: 84%;
	width: 4%;
	text-align: center;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

.card-suit img {
	display: block;
	opacity: 0.9;
	max-height: 100%;
	height: auto;
	width: 100%;
	filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 37, 57, 0.5));
}

#LAND_MAIN--card_suits_diamonds {
	left: 92%;
	z-index: 1;
}

#LAND_MAIN--card_suits_clubs {
	left: 89.8%;
	z-index: 2;
}

#LAND_MAIN--card_suits_hearts {
	left: 86.5%;
	z-index: 3;
}

#LAND_MAIN--card_suits_spades {
	left: 84%;
	z-index: 4;
}


  /* -------------------- */
 /* ==  Webuser  ==      */
/* -------------------- */

#LAND_MAIN--webuser_layer {
	display: block;
	position: absolute;
	top: 60%;
	left: 4%;
	width: 72%;
	height: 34%;
	text-align: left;
	z-index: 1;
}

#LAND_MAIN--profile_image {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 10%;
	text-align: left;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--profile_image img {
	display: block;
	border-radius: 100px;
	max-height: 100%;
	height: auto;
	width: 100%;
	filter: drop-shadow(0.15em 0.15em 0.15em rgba(0, 37, 57, 0.5));
}

#LAND_MAIN--welcome_line {
	display: block;
	position: absolute;
	top: 58%;
	left: 0%;
	width: 100%;
	height: 14%;
	text-align: left;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--welcome_line span {
	color: #f1f0ef;
	cursor: default;
	font-family: Manrope, sans-serif;
	font-size: 1.8em;
	line-height: 1;
	text-shadow: 0.04em 0.04em 0.04em rgba(0, 37, 57, 0.3);
}

#LAND_MAIN--welcome_name {
	display: block;
	position: absolute;
	top: 72%;
	left: 0%;
	width: 100%;
	height: 28%;
	text-align: left;

	/* animateCSS */
	opacity: 0;
	pointer-events: none;
}

#LAND_MAIN--welcome_name span {
	color: #f1f0ef;
	cursor: default;
	font-family: Manrope-Med, sans-serif;
	font-size: 3.4em;
	line-height: 1;
	text-shadow: 0.04em 0.04em 0.04em rgba(0, 37, 57, 0.3);
}