:root {
	--color-gold: #ffd529;
}
a.anchor {
	display:inline-block;
	color:inherit;
	text-decoration:none;
	/*pointer-events:none;*/
}
body {
	padding:0;
	margin:0;
	font-family: Arial, sans-serif;
}
lightbox {
	position:fixed;
	display:flex;
	align-items:center;
	background:#000000EE;
	top:0;
	left:0;
	height:100%;
	width:100%;
	content {
		img.lightbox {
			height:64px;
			position:absolute;
			top:-32px;
			right:-32px;
		}
		position:relative;
		padding:1em;
		border-radius:1em;
		background:#FFF;
		margin:0 auto;
		width:600px;
	}
}
a.nav{
	color:var(--color-gold);
	cursor: pointer;
	display:block;
	width:100px;
	height:24px;
	font-size: large;
	font-weight: bold;
}
input[type=text] {
	padding:5px; 
	border:2px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=text]:focus {
	border-color:#333;
}

input[type=submit] {
	padding:5px 15px; 
	background:#ccc; 
	border:1px solid black;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

ui-placement{
	display:block;
	position:fixed;
	top:50%;
	right:0px;
	height:400px;
	width:64px;
	ui {
		display:flex;
		flex-direction:column;
	}
}

.hide {
	display:none;
}
.show {
	display:block;
}

html {
	font-family: sans-serif;
	background:black;
}

/*
html { 
background: url('/images/background-new.webp') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 */
	form-rows {
		display:block;
	}
	form-row {
		display:flex;
		align-items:center;
		justify-content: space-between;
		margin:0;
		padding:3px;
	}

	form-row.even { background:#0001; }

	form-row.odd { background:#0000; }

	video {
		/*opacity:0.5;*/
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	.icon {
		width:48px;
	}
	clear {
		display:block;
		clear:both;
	}

	flex-tiles {
		display:flex;
		flex-wrap:wrap;
		flex-tile {
			display:flex;
			align-items:center;
			background:white;
			width:20%;
			margin:5px;
			img {
				display:block;
				width:100%;
			}
		}
	}


	h1,h2{
		display:inline-block;
	}

	canvas {
		width:90%;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.left {float:left}
	.right {float:right}

	@media (max-width: 65em) {
		body {
			width:100%;
		}
	}
	apr-article {
		margin:0;
		padding:0;
		display:block;
		width:100%;
		h2 {
			margin:0;
			padding:0.25em;
			display:flex;
		}
		figure {
			margin:0;
			padding:0;
			img {
				display:block;
				width:100%;
				padding:0;
				margin:0;
			}

			figcaption{}
		}
		figure.left{width:40%;}
		figure.right{width:40%;}
		a {
			display:inline;
		}
		p {
		}
	}

	body.full {
		max-width:100%;

	}

	apr-grid {
		display: grid;
		grid-template-columns: auto auto auto;
		padding:10px;
	}

	apr-header {
		display:block;
		width:99%;
		apr-logo-container {
			display:block;
			max-width:256px;
			margin:1em;
			img {
				display:block;
				height:100%;width:100%;
				margin:0;padding:0;
				object-fit:contain;
			}
		}
	}

	{ margin: 0; padding: 0; }
	apr-flex-row {
		display:flex;
		flex-wrap:wrap;
		justify-content:normal;
		padding:0;
		margin:0;
		a {display:block; width:50%; max-width:512px;}
		img {
			padding:0;
			margin:1px;
			width:100%;
		}
		img.active {
			margin:0;
			border:1px green solid;
		}
		label {
			width:25%;
		}
	}
	.flex-center {
		justify-content:center;
	}

	#background-video {
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	}
	vertical-layout {
		display:block;
		height:400px;
		overflow-y:auto;
	}
	flex {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items: center;
	}
	flex.col { flex-direction:column; }
	flex.fill { width:100%; }
	flex.space-between { justify-content: space-between; }
	flex.space-around { justify-content: space-around; }
	flex.top { align-items: unset; }
	menu {
		display:block;
	}
	flex.fill { flex-grow: 1; }
	apr-name {
		display:block;
	}
	apr-title {
		display:block;
	}
	apr-email {
		padding:0 1em;
		display:inline-block;
	}
	entity-badge {
		display:block;
		width:300px;
		margin:0;padding:0;
	}
	p.justified {
		text-align: justify;
	}
	avatar {
		margin:0;padding:0;
		display:block;
		position:relative;
		width:192px;
		img {
			display:block;
			height:100%;width:100%;
			margin:0;padding:0;
			object-fit:contain;
		}
	}

	translucent-div {
		padding:1em;
		margin:1em 0;
		display:block;
		color:white;
		background:rgba(10,10,10,0.80);;
	}
	page-area {
		display:block;
		margin:1em auto;
		max-width:65em;
	}
	js-link {
		display:inline-block;
		cursor:pointer;
	}