@charset "UTF-8";


@font-face {
	font-family: Roboto;
	src: url(/rivendiffs/roboto.ttf);
}

@font-face {
	font-family: Bitter;
	src: url(/rivendiffs/bitter.ttf);
}

html {
	height: 100%; 
	min-height: 100%;/*force the page to extend to the edges of the viewport on mobile browsers*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: scroll;
	
}

html  *{ 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


a {
	color: #ec9815;
}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
	color: #ffffff;
}
a:active {
    text-decoration: underline;
}


body {
	background-color: #040b0d;
	color: #c6ced2;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	margin: 0;
}


.title {
	display: inline-block;
	padding: 0.25em;
	color: #f1faff;
	font-family: 'Bitter', serif;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
}
.subtitle {
	display: inline-block;
	color: #f1faff;
	font-family: 'Bitter', serif;
	font-size: 1.5em;
	font-style: italic;
	width: 100%;
	text-align: center;
}


.contentWrapper {
	display: block;
	width: 60em;
	margin: 0 auto;
}

.contentCell {
	display: block;
	padding: 0.5em 1.5em 1em 1.5em;
	background-color: #0a1820;
	margin-bottom: 1em;
}

.contentCell p {
	margin: 1em 0;
	text-indent: 2em;
	text-align: justify;
}



.artBanner {
	width: 100%;
	height: auto;
	image-rendering: pixelated;
}
.artBannerTitle {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-style: italic;
}

.galleryContainer {
	display: inline-block;
	background-color: #0f2531;
	width: 100%;
	padding: 0 2.5px 0 2.5px;
	margin: 0;
	line-height: 0;
	text-align: center;
	font-size: 0;
}
.galleryContainer a {
	text-decoration: none;
	cursor: zoom-in;
}

.galleryThumb {
	display: inline-block;
	width: 25%;
	font-size: 1rem;
	line-height: 1.25rem;
	word-wrap: break-word;
	padding: 5px 2.5px 5px 2.5px;
}
.galleryThumb img {
	width: 100%;
	object-fit: contain;
}

.galleryFullImg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	pointer-events: none;
}

.galleryFullImg:target {
	visibility: visible;
	pointer-events: auto;
}

.galleryFullImg img {
	image-rendering: pixelated;
	min-width: 57em;
	width: calc(100% - 3em);
	height: calc(100% - 3em);
	margin: 1em;
	object-fit: contain;
	cursor: zoom-out;
}

/* dummy zoomed image (#n) that's always invisible and doesn't block pointer events */
.galleryFullImgDummy {
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden; !important;
	pointer-events: none; !important;
}

/* legal disclaimers */
.stdLegal {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: .6em;
	text-align: center;
	color: white;
	background-color: black;
	margin: 0em 0;
}