@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(https://fonts.googleapis.com/css?family=Roboto:900);
@font-face {
	font-family: 'nexa_lightregular';
	src: url('./../../fonts/nlight/nexa_light-webfont.eot');
	src: url('./../../fonts/nlight/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/nlight/nexa_light-webfont.woff2') format('woff2'), url('./../../fonts/nlight/nexa_light-webfont.woff') format('woff'), url('./../../fonts/nlight/nexa_light-webfont.ttf') format('truetype'), url('./../../fonts/nlight/nexa_light-webfont.svg#nexa_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nexa_boldregular';
	src: url('./../../fonts/nbold/nexa_bold-webfont.eot');
	src: url('./../../fonts/nbold/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/nbold/nexa_bold-webfont.woff2') format('woff2'), url('./../../fonts/nbold/nexa_bold-webfont.woff') format('woff'), url('./../../fonts/nbold/nexa_bold-webfont.ttf') format('truetype'), url('./../../fonts/nbold/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nexa_bookregular';
	src: url('./../../fonts/nbook/nexa_book-webfont.eot');
	src: url('./../../fonts/nbook/nexa_book-webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/nbook/nexa_book-webfont.woff2') format('woff2'), url('./../../fonts/nbook/nexa_book-webfont.woff') format('woff'), url('./../../fonts/nbook/nexa_book-webfont.ttf') format('truetype'), url('./../../fonts/nbook/nexa_book-webfont.svg#nexa_bookregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


	.nexaTR{
		font-family:nexa_lightregular, "Open Sans", Arial, Verdana, sans-serif;
	}
	.nexaDR{
		font-family:nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
	}
	.nexaKR{
		font-family:nexa_bookregular, "Open Sans", Arial, Verdana, sans-serif;
	}



	*, *::before, *::after {
		box-sizing: border-box;
	}

	html, body {
	  height: 100%;
	  margin: 0;
	  overflow:hidden;
	}

	body {
		min-height: 100vh;
		display: flex;
		flex-direction:column;
		align-items: center;	  
		background-image:url(img/ada26_land.jpg);
		background-repeat:repeat;
		background-size:750px;		
	}
	
	.admin {
		position:fixed;
		z-index:999;
		top:0;
		left:0;
		background:lavender;
	}	

	#land-controls-container {
		position:relative;
		z-index:90;
		top:-20%;
		height:fit-content; 
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:center;
		border:0px solid red;
		width:85%; 
		min-width:320px;
		max-width:580px;
		background: #e4f1fa;
		visibility:hidden;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45)    ;

	}	 

	.land-input-wrapper {
		width:80%;
		border:0px solid black;
		height:35px;
	}

	.land-input-wrapper input {
		height:100%;		
		font-size:18px;
		border:none;
		background-image: linear-gradient(to bottom, #ababab 0, #ffffff 80%);
		border-radius:4px;
	}
	
	.land-common-wrapper {
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}

	#land-controls-wrapper{
		flex-direction:column;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:8px 12px;
		width:85%;
		border:0px solid orange;
		padding:20px 0;
	}
	
	#land-button-wrapper {
		flex-direction:column;
		gap:3px 8px; 
		border:0px solid red;
		width:70%;
	}

	.land-button{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		padding:0 .6rem;
		background:#142366;
		color:whitesmoke;
		border-radius:4px;
		width:100%;
		height:35px;
		cursor:pointer;
		transition: all 0.3s;
	}

	.button-on {
		background:#43a6e4;
	}	

	.privacy {
		font-size:.6em;	
		width:100%;	
		text-align:center;	
		color:#142366;
	}
		
	.land-notice {
		position:absolute;
		z-index:900;
		top:0;
		width:
		margin:auto;
		border:0px solid gray;
		border-radius:5px;
		background:lemonchiffon;
		padding:.5em .8em;
		display:none;
	}	
	
	.drop-list-head-RP {
		border:0px solid red;
	}
	
	.drop-list-bin-RP {
		width:110%;
		border:10px solid yellow;
		top:0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.drop-list-head-text{   
		font-family:nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
		font-size:.8em;
		padding:.6em 0;
	}


	#flank {
		position:absolute;
		
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		
		z-index:50;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		background:#142366;
	}	
	
	#flank-img {
		opacity:0; 
		height:55px;
	}	
	












	/* WIDTH RESPONDERS */
	@media only screen and (min-width: 400px) {/* =============== LAWNGREEN */
		#admin::after {
			content: "400"
		}
		.admin {
			background:lawngreen;
		}
		#land-button-wrapper {
			flex-direction:row;
			width:none;
		}
		.land-input-wrapper {
			width:50%;
		}
		.drop-list-bin-RP{
			width:100%;
		}
		#flank-img {
			height:65px;
		}	
	}
	@media only screen and (min-width: 600px) {/* =============== YELLOW */
		#admin::after {
			content: "600"
		}
		.admin {
			background:yellow;
		}
		.drop-list-bin-RP{
			width:80%;
		}
		#flank-img {
			height:75px;
		}		
	}
	@media only screen and (min-width: 770px) {/* =============== ORANGE */
		#admin::after {
			content: "770"
		}
		.admin {
			background:orange;
		}

		#land-controls-wrapper {
			flex-direction:row;
		}
		.drop-list-bin-RP{
			width:75%;
		}		
	}
	@media only screen and (min-width: 1030px) {/* =============== RED */
		#admin::after {
			content: "1030"
		}
		.admin {
			background:red;
		}
		.drop-list-bin-RP{
			width:75%;
		}		
	}