html
{
	font-size:20px;
}

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

.bg-dark
{
	background-color: #000 !important;
}	

*
{
	line-height: 1;

}

.nav-link:focus, .nav-link:hover, .nav-link
{
	color:white;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
	color: black;
	background-color: white !important;
}

 .accordion-button
{
	background-color: transparent;
	color:white;
	text-transform: uppercase;
}


.accordion-button:not(.collapsed)
{
	background-color: #ffb6aa;
	color:black;

}

.accordion-button::after
{
	background-image: none !important;
}


/* The slider itself */
input[type='range'] {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 1; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
input[type='range']:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: white; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 0 !important;
}

input[type='range']::-moz-range-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: white; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 0 !important;
}

a
{
	text-decoration: none;
	color: inherit;
}

input, button
{
	border-radius: 0 !important;
}

.accordion-item
{
	border-radius: 0 !important;
}

body[hash='intro'] #ajax_fingerprint
{
	display:block !important;
}

@media screen and (max-width: 991px) {

	body[hash='intro'] #ajax_fingerprint
	{
		height:25% !important;
		width:100% !important;
	}

	body[hash='intro'] #ajax_container
	{
		width:100% !important;
	}

	#ajax_container
	{
		width:100% !important;
	}

	p.avoid a
	{
		word-break:break-all !important;
	}

}



p:last-child
{
	margin:0;
}

input::placeholder {
	color: white !important;
	opacity:0.5 !important;
}

#ajax_container
{
/*	max-height:50%;*/
	max-height:100%;

}

#map
{
/*	opacity:0.50;*/
	transition: all 0.25s ease;
}

#map:hover, body[hash='home'] #map
{
/*	opacity:1 !important;*/
}


* {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
*::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

body
{
	font-family: 'Montserrat', sans-serif;
	font-family: 'VT323', monospace;
}

.menu_link
{
	color: white;
	text-decoration: none;
	z-index: 100;
	pointer-events: all;
}

@media screen and (max-width:991px){

	#map
	{
		height:50% !important;
	}

	#sidebar_container
	{
		width:100% !important;
		height:50% !important;
	}

}