@charset "UTF-8";


/* GLOBAL */

body{
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: Arial, sans-serif;
  line-height: 1.2;
  font-size: 0.8em;
}

img{
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.mono {
	font-family: monospace;
}


/* CANVAS */

canvas{
  border: 0 solid transparent;
  transition: border 0.3s ease-in-out;
  box-sizing: border-box;
}
.lookOutActive {
  border: 2px solid blue;
}

.floating_elements {
  pointer-events: none !important;
  max-width: 300px ;
  transition: background-color .5s;
}
.element_hovered{
	background-color: transparent;
}
.element_hovered.hasImage {
	background-color: transparent;
}
@keyframes hover_gif {
	from {background-color: transparent; }
	to {background-color: black; }
}
.element_hovered.hasImage img[src*=".gif"]{
	background-color: transparent;
	animation-name: hover_gif;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}
.floating_elements h1, .floating_elements h2, .floating_elements h3, .floating_elements h4, .floating_elements h5, .floating_elements h6 {
  margin: 1rem;
  padding: 0;
}
.floating_elements p, .floating_elements blockquote {
  margin: 0 1rem;
}
.floating_elements blockquote {
  font-style: italic;
}
.floating_elements p:first-child, .floating_elements blockquote:first-child {
  margin-top: 1rem;
}
.floating_elements p:last-child, .floating_elements blockquote:last-child {
  margin-bottom: 1rem;
}
.floating_elements a {
  pointer-events: all;
}
.floating_elements img {
	margin-bottom: -3px;
}

a[href^="#"]:not([href^="http:/"]):not([href^="https:/"]), a[href^="#"]:not([href^="http:/"]):not([href^="https:/"]):visited {
	color: blue;
}
a[href^="http:/"]:not([href^="#"]):after, a[href^="https:/"]:not([href^="#"]):after {
	content: " \21BA";
}
a[href^="http:/"]:not([href^="#"]), a[href^="https:/"]:not([href^="#"]), a[href^="http:/"]:not([href^="#"]):visited, a[href^="https:/"]:not([href^="#"]):visited {
	color: darkgreen;
}
.editMode .floating_elements a, .cameraControlsActive .floating_elements a {
  pointer-events: none;
}

.editMode .floating_elements{
  opacity: 0.4;
}

#link_title {
	position: absolute;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	background-color: blue;
	border-radius: 2em;
	color: white;
	padding-left: 1.4em;
	padding-right: 1.4em;
}





/* INTERFACE */

#logo {
	font-size: 2em;
	background: none;
	padding: 0;
	pointer-events: none;
}

#interface {
	z-index: 100;
	position: fixed;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.controlls_container {
	position: absolute;
	pointer-events: all;
	background: white;
	border-radius: .4rem;
	padding: .6rem;
	margin: .5rem;
}
.cameraControlsActive .controlls_container {
	pointer-events: none;
}

#lookout_wrapper {
	bottom: 0;
	left: 0;
}
#lookout_wrapper_headline {
	font-weight: bold;
}
#lookout_wrapper_headline:after {
	content: ' (+)';
	font-family: monospace;
}
#lookout_wrapper:hover #lookout_wrapper_headline:after {
	content: ' (-)';
}
#lookout_wrapper_list {
	margin: 0;
	padding: 0;
	margin-right: 1rem;
	margin-left: .5rem;
	list-style: none;
	display: none;
}
#lookout_wrapper:hover #lookout_wrapper_list {
	display: block;
	overflow-y: auto;
	max-height: 80vh;
}
.lookout_pointer {
	cursor: pointer;
	color: blue;
	margin-top: .6rem;
	position: relative;
}
.lookout_pointer:hover {
	text-decoration: underline;
}
.lookout_pointer:first-child {
	margin-top: .9rem;
}
.lookout_pointer:last-child {
	margin-bottom: .3rem;
}

#lookout_navigator {
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 150%);
	transition: transform 0.3s ease-in-out;
}
#lookout_navigator.show_navigator {
	transform: translate(-50%, 0%);
}
.lookout_btn {
	display: inline-block;
	color: blue;
}
#lookout_current_name {
	font-weight: bold;
}
#lookout_next_btn {
	padding-left: 2em;
}
#lookout_prev_btn {
	padding-right: 2em;
}
#lookout_next_btn:hover, #lookout_prev_btn:hover {
	text-decoration: underline;
	cursor: pointer;
}
#lookout_next_btn:after, #lookout_prev_btn:before {
	display: inline-block;
}
#lookout_next_btn:after {
	content: '❯';
	padding-left: .5em;
}
#lookout_prev_btn:before {
	content: '❮';
	padding-right: .5em;
}
#lookout_next_btn.l_empty, #lookout_prev_btn.l_empty {
	display: none;
}

#inspector{
	top: 0;
	right: 0;
	text-align: right;
	display: none;
}

#inspector span{
	padding: 0 0.3em;
}

#i_objSpecs,#i_save{
	display: none;
}

.i_open #i_objSpecs {
	display: block;
}
.i_open #i_save {
	display: inline-block;
	cursor: pointer;
}

#i_obj_prevNext{
	display: none;
}

#i_save {
	background-color: black;
	padding: .3rem .6rem .4rem;
	border-radius: .3rem;
	color: white;
}

#alert{
  top: 0;
  transform: translate(-50%, -150%);
  left: 50%;
  transition: transform 0.3s ease-in-out;
  text-align: center;
}
#alert.show_alert{
	transform: translate(-50%, 0%);
}


#controlls_helper {
	right: 0;
	bottom: 0;
	background: none;
	padding: 0;
	text-align: right;
	cursor: help;
}
#controlls_helper table {
	margin-top: .5rem;
	display: none;
}
#controlls_helper table tr td:last-child {
	text-align: left;
}
#controlls_helper:hover table {
	display: block;
}