/****************************************/
/* CSS Stylesheet FOR Nearly Human			*/
/* Homepage: www.nearlyhumantv.com			*/
/* Created On: 2020-10-10								*/
/* Author: Norman Mirotchnick						*/
/* Email: norman AT redhot5 DOT com			*/
/* Website Version: 1.0									*/
/* Copyright - 2020-10-10								*/
/****************************************/

		/*** SECTIONS Outline Start ***/
/* Section 0: @ settings */

/* Section 1: Body Styles */

/* Section 2: Link Styles */

/* Section 3: HTML Elements Formatting */
	/** Section 3x: Header Styles		 **/
	/** Section 3x: Image Styles			**/
	/** Section 3x: Table Styles			**/
	/** Section 3x: Paragraph Styles	**/

/* Section 4: ALL Page Content Styles */
 /** Section 4x: Fonts											 **/
	/** Section 4x: Styles For Header					 **/
	/** Section 4x: Styles For Menu						 **/
	/** Section 4x: Styles For Navigation			 **/
	/** Section 4x: Styles For Main						 **/
	/** Section 4x: Styles For Footer					 **/
	/** Section 4x: Styles For Copyright				**/
	/** Section 4x: Styles For Misc Global CSS	**/

/* Section 5: Specific Page styles */
	/** Section 5x: Home page	**/
	/** Section 5x: ?????????? **/
	/** Section 5x: ?????????? **/
	/** Section 5x: ?????????? **/
	
/* Section 6: HTML markup in CSS Styles */
	/** Section 6x: Positioning			 **/
	/** Section 6x: Text Formatting	 **/
	/** Section 6x: Color Formatting	**/

/* Section 7: CSS Hacks and work arounds */
	/** Section 7x: WordPress Styles **/
	/** Section 7x: **/

		/*** SECTIONS Outline End ***/

/***********************************************/

/* Section 0: @ settings */
@font-face {
	font-family: 'RighteousRegular';
	src: url('../fonts/Righteous-Regular.otf') format('opentype'),
			 url('../fonts/Righteous-Regular.woff') format('woff');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSans-Regular.otf') format('opentype'),
			 url('../fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/OpenSans-Bold.otf') format('opentype'),
			 url('../fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
	font-family: 'OpenSansExtraBold';
	src: url('../fonts/OpenSans-ExtraBold.otf') format('opentype'),
			 url('../fonts/OpenSans-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'NimbusSansTW01Con';
	src: url('../fonts/Nimbus-Sans-TW01Con.otf') format('opentype'),
			 url('../fonts/Nimbus-Sans-TW01Con.woff') format('woff');
}
@font-face {
	font-family: 'PromptSemiBold';
	src: url('../fonts/Prompt-SemiBold.otf') format('opentype'),
			 url('../fonts/Prompt-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'PromptBold';
	src: url('../fonts/Prompt-Bold.otf') format('opentype'),
			 url('../fonts/Prompt-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Dashicons';
	src: url('../fonts/dashicons.woff') format('woff');
}


@media print { 
	.no_print {display:none;} 
}


/* Section 1: Body Styles */
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	min-width: 1435px;
	max-width: 1920px;
	background-color: #000;
	overflow-x: auto;
	/* border: 2px #0f0 solid; */
}

/* Section 2: Link Styles */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}

#nav-social .menu-item a:link {
	color: #B3B3B3;
}
#nav-social .menu-item a:visited {
	color: #B3B3B3;
}
#nav-social .menu-item a:active {
	color: #B3B3B3;
}
#nav-social .menu-item a:hover {
	color: #FFFFFF;
}

.footer-container a:link {
	color: #FFFFFF;
}
.footer-container a:visited {
	color: #FFFFFF;
}
.footer-container a:active {
	color: #FFFFFF;
}
.footer-container a:hover {
	color: #B3B3B3;
}

	.blog-title-link a {
		font-family:'RighteousRegular';
		font-size: 13.2pt;
	}
.blog-title-link a:link {
	color: #FFFFFF;
}
.blog-title-link a:visited {
	color: #FFFFFF;
}
.blog-title-link a:active {
	color: #FFFFFF;
}
.blog-title-link a:hover {
	color: #0000FF;
}

.blog-extras a:link {
	color: #FFFFFF;
}
.blog-extras a:visited {
	color: #FFFFFF;
}
.blog-extras a:active {
	color: #FFFFFF;
}
.blog-extras a:hover {
	color: #FFFFFF;
}

#blog-seemore a:link {
	color: #FFFFFF;
}
#blog-seemore a:visited {
	color: #FFFFFF;
}
#blog-seemore a:active {
	color: #FFFFFF;
}
#blog-seemore a:hover {
	color: #FFFFFF;
}


/* Section 3: HTML Formatting */
	/** Section 3x: Master HTML style **/
	html {
		scroll-behavior: smooth;
	}
	
	/** Section 3x: Header Styles **/
	h1, h2, h3, h4 , h5, h6 {}
	
	/** Section 3x: Image Styles **/
	img {}

	/** Section 3x: Table Styles **/
	table {}
	tbody {}
	th {}
	tr {}
	td {}

	/** Section 3x: Paragraph Styles **/
	p {}
	div {}
	span {}


/* Section 4: ALL Page Content Styles */
	/** Section 4.1: Header Styles **/
	header {
		text-align: center;
		background-color: #000000;
		padding-top: 10px;
		padding-bottom: 0px; 
		position: fixed;
		top: 0px;
		width: 100%;
		height: 65px;
		min-width: 1435px;
		max-width: 1920px;
		z-index: 9999;
		/* border: 2px #0f0 solid; */
	}

	/** Section 4.2: Menu/Navigation Styles **/
	#nav-icon-mobile {
		position: absolute;
		visibility: hidden;
	}
	
	#nav-main {
		/* min-width: 900px; */
		display: inline;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-right: 0px;
		/*border: 2px #f00 solid; */
	}
	
	#nav-main .menu-item {
		display: inline-block;
		padding-left: 20px;
		font-family:'RighteousRegular';
		font-size: 2.8em;
		text-transform: uppercase;
		/* border: 1px #f00 solid; */
	}
	#nav-main .menu-item i {
		visibility: hidden;
		margin-left: 40%; 
		padding: 0px; 
		line-height: 0px; 
		float: left;
		font-size: 1.0em;
		/* border: 1px #0ff solid; */
	}
	#nav-main .menu-item .nav-arrow {
		position: relative;
		top: -5px;
		width: 28px;
		margin-left: 40%; 
		padding: 0px; 
		line-height: 0px; 
		float: left;
		visibility: hidden;
		/* border: 1px #0ff solid; */
	}

	#nav-social {
		display: inline-block;
		position: relative;
		top: -5px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-right: 30px;
		/* border: 1px #00f solid; */
	}
	
	#nav-social .menu-item {
		display: inline-block;
		padding-left: 20px;
		font-size: 1.0em;
		/* border: 1px #f0f solid; */
	}
	#nav-social .menu-item .fa-discord {
		position: relative;
		top: 2px;
	}

	/** Section 4.3: Main Styles **/
	#main {
		margin-top: 100px;
		/* border: 2px #0ff solid; */
	}
	
	/** Section 4.4: Footer Styles **/
	footer {
		/* color: #B3B3B3; */
		color: #ffffff;
		font-family: 'RighteousRegular';
		font-size: 30pt;
		position: relative; 
		bottom: 4px;
		display: block;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 85px;
		/* margin-bottom: -10px; */
		/* padding-top: 5.96%; /* (img-height 85 / img-width 1425) * width 100 */
		/* background-image: url('../images/footer.png'); */
		/* background-repeat: no-repeat; */
		background-size: contain;
		background-color: #000000;
		/* border: 2px #0ff solid; */
		z-index: 900;
	}

	.footer-container {
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		top: 25%;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		/* border: 2px #ff0 solid; */
	}

	copyright {
		width: 40%;
		/* padding-left: 10%;*/
		text-align: center;
		/* border: 2px #ff0 dashed; */
	}

	#press {
		width: 25%;
		display: inline-block;
		text-align: center;
		/* border: 2px #f0f dashed; */
	}
	#contactus {
		width: 35%;
		display: inline-block;
		text-align: center;
		/* border: 2px #0ff dashed; */
	}


/* Section 5: Specific Page styles */
	/** 5.1 Home Page **/
	h1 {
		text-align: center
	}

	/* HOME */
	#home-block {
		position: absolute; 
		top: 0px; 
		left: 0px; 
		float: left;
		border: 2px #00f solid;
	}
	
	/* Trailer */
	#trailer-block {
		height: 100%;
		width:  100%;
		max-width: 1920px;
		/* padding-top: 51.81%; */ /* (img-height 1014 / img-width 1920 * width 100) */
		border-width: 1px 0px 0px 0px;*/
		border-color: transparent;*/
		border-style: solid;
		z-index: 1;
	}

	#trailer-logo {
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		
	}
	#trailer-logo img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		height: 50%;
		/* border: 2px #00f solid; */
	}

	#trailer-watch {
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	#trailer-watch img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 35%;
		height: 35%;
		cursor: pointer;
		/* border: 2px #0ff solid; */
	}

	#trailer-crowdfunding {
		margin-top: -30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	#trailer-crowdfunding img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 31.5%;
		height: 31.5%;
		cursor: pointer;
		/* border: 2px #0ff solid; */
	}

	#trailer-header {
		
	}
	
	#trailer-video-container {
		z-index: -10;
	}
	
	#trailer-popup {
		/*
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 800px;
		overflow: hidden;
		/* border: 2px #00f dashed; */
		visibility: hidden;
		z-index: 1;
	}
	#trailer-popup-close {
		display: inline-block;
		position: absolute;
		top: 5px;
		right: 0px;
		visibility: hidden;
		color: #f00;
		font-size: 40pt;
		background-color: #fff;
		border-radius: 100%;
		z-index: 1000; 
		cursor: pointer;
	}
	
	.video-wrapper {
		position: absolute;
		top: -10px;
		height: 1080px; 
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		overflow: hidden;
		margin-top: 85px;
		z-index: -1;
		/* border: 2px #00f dashed; */
	}
	
	.video-to-stretch {
		/* Make video to at least 100% wide and tall */
		min-width: 100%; 
		min-height: 100%;

		/* Setting width & height to auto prevents the browser from stretching or squishing the video */
		width: auto;
		height: auto;

		/* Center the video */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	video {
		vertical-align: top;
		opacity: 1;
	}

	
	/* Story */
	#story-block {
		width: 100%;
		max-width: 1920px;
		height: 1177px;
		display: inline-block;
		position: relative;
		margin-top: 50px;
		/* padding-top: 54.69%; /* (img-height 1050 / img-width 1920) * width 100 */
		padding-top: 1px;
		margin-bottom: 0px;
		background-image: url('../images/storygradientbar.png');
		background-repeat: repeat-x;
		background-position: 0px 85px; 
		z-index: 2;
		/* border: 1px #f00 solid; */
	}
	#story-divider img{
		position: absolute;
		margin-top: 0px;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 85px;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}
	#story-title {
		display: inline-block;
		position: absolute;
		margin-top: 85px;
		left: 0px;
		width: 100%; 
		justify-content: center;
		/* border: 2px #0ff solid; */
		z-index: 4;
	}
	#story-title img{
		display: block;
		width: 232px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}
	#story-main {
		width: 100%;
		max-width: 1920px;
		height: 1050px; 
		display: inline-block;
		position: absolute;
		margin-top: 85px;
		left: 0px;
		/* transform: translate(-50%,-50%); */
		/* padding-top: 73.68%; /* (img-height 1050 / img-width 1425) * width 100 */ 
		margin-left: auto; 
		margin-right: auto;
		justify-content: center; 
		background-image: url('../images/storybg.png');
		background-repeat: no-repeat;
		background-size: 1425px auto; 
		background-position: center; 
		/* border: 1px #f0f solid; */
		z-index: 3;
	}
	#story-main-text {
		display: block;
		position: relative;
		width: 1425px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #ff0 solid; */
	}
	#story-main-text p {
		display: block;
		width: 550px;
		font-family: 'PromptSemiBold';
		font-size: 20pt;
		text-align: center;
		color: #fff;
		z-index: 10;
		/* border: 2px #00f solid; */
	}
	#story-main-text p:nth-of-type(1) {
		position: relative;
		top: 140px;
		left: 130px;
	}
	#story-main-text p:nth-of-type(2) {
		position: relative;
		top: 180px;
		left: 130px;
	}
	#story-main-text p:nth-of-type(3) {
		position: relative;
		top: 370px;
		left: 780px;
	}


	/* Characters */
	#characters-block {
		/* height: 100px; */
		width: 100%;
		max-width: 1920px;
		height: 930px;
		display: inline-block;
		position: relative; 
		margin-top: -85px;
		padding-top: 1px;
		margin-bottom: 0px;
		/* background-image: url('../images/charactersgradientbar.png'); */
		background-image: linear-gradient(rgba(2, 6, 18, 1.0) 0%, rgba(8, 19, 38, 1.0) 21%, rgba(15, 32, 58, 1.0) 45%, rgba(21, 45, 76, 1.0) 69%, rgba(27, 58, 97, 1.0) 100%);
		background-repeat: repeat-x;
		background-position: 0px 85px;
		/* border: 2px #f0f solid; */
		z-index: 3;
	}
	#characters-divider img {
		position: absolute;
		margin-top: 0px;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 85px;
		/*border: 2px #0f0 solid;*/
		z-index: 3;
	}
	#characters-title {
		display: inline-block;
		position: absolute;
		margin-top: 85px;
		left: 0px;
		width: 100%; 
		justify-content: center;
		/* border: 2px #0ff solid; */
		z-index: 4;
	}
	#characters-title img{
		display: block;
		width: 395px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}

	#characters-main {
		width: 100%;
		max-width: 1920px;
		height: 835px;
		display: inline-block;
		position: absolute;
		margin-top: 100px;
		left: 0px;
		margin-left: auto; 
		margin-right: auto;
		justify-content: center; 
		/* background-color: #142A49; */
		background-image: url('../images/charactersbg.png');
		background-repeat: no-repeat;
		background-size: 1425px 835px; 
		background-position: center -15px; 
		/*border: 2px #aaffff dashed; */
		z-index: 3;
	}
	#characters-main-container {
		display: block;
		position: relative;
		width: 1425px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #ff0 solid; */
	}

	#character-mobile-viewport {
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
		border: solid 1pm #f00;
	}
	
	#characters-list {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		justify-content: center;
		margin-top: 115px;
		left: 80px;
		width: 60%;
		/* border: 2px #0ff solid; */
		z-index: 5;
	}

	.character {
		padding: 0px;
		margin: 0px;
		/* width: 13%; */
		/* border: 1px #ff0 dashed; */
	}
	.characterImage-container {
		width: 107px;
		padding: 4% 0%;
		cursor: pointer;
		/* overflow: hidden; */
	}
	.characterImage {
		width: 107px;
		/* overflow: hidden; */
		transition: transform 0.1s ease-in;
		/* border: 1px #f00 solid; */
		z-index: 6;
	}
	.characterImage:hover {
		/* width: 162px; */
		/* height: 124px; */
		transform: scale(1.2);
		/* overflow: hidden; */
		/* border: 1px #fff solid;  */
	}
	.characterImage img{
			/* transition: transform 1.0s ease-out; */
	}
	.characterName {
		position: relative;
		display: inline-block;
		width: 100%;
		margin-top: -5px;
		margin-bottom: 4px;
		color: #ffffff;
		text-align: center; 
		font-family: 'RighteousRegular';
		font-size: 12pt;
		/* border: 1px #f0f solid;  */
		z-index: 500;
	} 

	#character-portrait {
		display: inline-block;
		position: absolute;
		margin-top: -101px;
		right: 0px;
		width: 100%;
		/* border: 2px #00f solid; */
		z-index: 4;
	}
	#character-portrait img {
		width: 100%;
		height: 100%;
	}
	#characters-info {
		position: absolute;
		margin-top: 599px;
		right: 0px;
		height: 135px;
		width: 100%;
		/* border: 2px #0f0 solid; */
		z-index: 5;
	}
	#characters-info p {
		position: relative;
		margin-top: 20px;
		margin-right: 110px;
		margin-left: 10px;
		left: 55px;
		color: #fff;
		font-family: 'OpenSansBold'; 
		font-size: 24pt;
		/* border: 2px #ff0 dashed; */
		z-index: 6;
	}
	#character-info-filler {
		position: absolute;
		margin-top: 597px;
		left: 0px;
		right: 0px;
		height: 137px;
		width: 100%;
		background-color: #71357E;
		/* border: 2px #0ff dashed; */
		z-index: 3;
	}

	#characters-popup-container {
		display: flex;
		justify-content: center;
	}

	#characters-popup {
		position: absolute;
		margin-top: 36px;
		/* left: 11.0%; */
		width: 1115px;
		height: 629px;
		visibility: hidden;
		background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 13%, rgba(33,33,33,1) 14%, rgba(33,33,33,1) 77%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%);
		color: #fff;
		box-shadow: 10px 10px 30px #000;
		z-index: 20;
		/* border: 2px #0ff solid;  */
	}
	.character-popup {
		visibility: hidden;
	}
	.character-popup-header {
		position: absolute;
		margin-top: 0px;
		left: 0px;
		height: 84px;
		width: 1115px;
		font-family:'RighteousRegular';
		/* border: 2px #0f0 dashed; */
		z-index: 5;
	}
	.character-popup-name {
		display: inline-block;
		position: relative;
		width: 40%;
		padding: 0px 0px 0px -10px; 
		margin: 0px 0px 0px 0px;
		text-align: center;
		text-transform: uppercase;
		font-size: 50pt;
		background-image: linear-gradient(110deg, #A12122 90%, rgba(255, 255, 255, 0) 90%);
		/* border: 1px #f00 dashed;  */
	}
	.character-popup-nickname {
		display: inline-block;
		position: relative;
		width: 55%;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto ;  
		text-align: center;
		/* line-height: 10px; */
		text-transform: uppercase;
		font-size: 40pt;
		/* border: 1px #ff0 dashed;  */
	}
	.character-popup-close {
		position: absolute;
		float: right;
		margin-top: 10px;
		right: 20px;
		/* border: 1px #0ff dashed; */
		z-index: 20;
	}
	.character-popup-main {
		position: absolute;
		margin-top: 84px;
		left: 0px;
		height: 410px;
		width: 1115px;
		/* border: 1px #f00 solid; */
	}
	.character-popup-previousarrow {
		position: absolute;
		margin-top: 140px;
		left: 0px;
		cursor: pointer;
		z-index: 20;
	}
	.character-popup-previousarrow img {
		width: 40px;
	}
	.character-popup-nextarrow {
		position: absolute;
		margin-top: 140px;
		right: 0px;
		cursor: pointer;
		z-index: 20;
	}
	.character-popup-nextarrow img {
		width: 40px;
	}
	
	.character-popup-image {
		position: absolute;
		margin-top: 20px; 
		left: 50px;
		width: 625px;
		height: 370px;
		overflow: hidden;
		/* border: 1px #fafafa dashed; */
	}
	img.popup-image:hover {
		transform: scale(1.1)
	}
	img.popup-image {
		/* width: 100%; */
		height: 370px;
		transition: transform 1.0s ease-out;
	}
	.character-popup-image img.inner-arrow-left {
		position: absolute;
		top: 155px; 
		left: 20px;
		width: 35px;
		cursor: pointer;
		z-index: 20;
	}
	.character-popup-image img.inner-arrow-right {
		position: absolute;
		top: 155px; 
		right: 20px;
		width: 35px;
		cursor: pointer;
		z-index: 20;
	}
	
	.character-popup-info {
		position: absolute;
		margin-top: 20px; 
		left: 685px; 
		width: 380px;
		height: 365px;
		padding: 10px 30px 0px 0px;
		font-family:'OpenSansRegular';
		/* border: 1px #0f0 solid; */
	}
	.character-popup-info-description {
		font-size: 18pt;
		text-align: center;
		/* border: 1px #f00 solid; */
	}
	.character-popup-info-likes {
		position: absolute;
		bottom: 110px;
		left: 10px;
		width: 380px;
		height: 50px;
		margin-top: 30px;
		vertical-align: top;
		/* border: 1px #ff0 solid; */
	}
	.character-popup-info-likes img {
		width: 40px;
		vertical-align: top;
		/* height: 50%; */
	}
	.character-popup-info-likes div {
		display: inline-block;
		width: 75%;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size: 14pt;
		text-align: center;
		vertical-align: top;
	}
	.character-popup-info-dislikes {
		position: absolute;
		bottom: 50px;
		left: 10px;
		width: 380px;
		height: 50px;
		margin-top: 10px;
		vertical-align: top;
		/* border: 1px #0f0 solid; */
	}
	.character-popup-info-dislikes img {
		width: 40px;
		vertical-align: top;
		/* height: 50%; */
	}
	.character-popup-info-dislikes div {
		display: inline-block;
		width: 75%;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size: 14pt;
		text-align: center;
		vertical-align: top;
	}
	.character-popup-info-actor {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 400px;
		margin-top: 15px;
		text-align: right;
		/* border: 1px #0af solid; */
	}
	.character-popup-info-actor img {
		width: 20px;
	}
	
	.character-popup-slideshow {
		position: absolute;
		top: 493px;
		left: 0px;
		width: 1115px;
		height: 136px;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
		background-color: #fff;
		/* border: 1px #0af solid; */
	}
	.character-popup-slideshow-image-container {
		display: inline-block;
		padding: 0px;
		margin: 0px;
		width: 223px;
		height: 136px;
		overflow: hidden;
	}
	.character-popup-slideshow img {
		padding: 0px;
		margin: 0px;
		max-height: 136px;
		opacity: 0.6;
		cursor: pointer;
	}

	#character-popup-shadow {
		position: absolute;
		top: -15px;
		left: 0px;
		width: 100%;
		max-width: 1920px;
		min-width: 1425px;
		height: 749px;
		background-color: #000;
		opacity: 0.6;
		z-index: 10;
		visibility: hidden;
		/* border: 1px #0af solid; */
	}


	/* Media */
	#media-block {
		width: 100%;
		max-width: 1920px;
		height: 850px;
		display: inline-block;
		position: relative;
		margin-top: -100px;
		padding-top: 1px;
		background-image: linear-gradient(rgba(14,14,14,0) 15%, rgba(14,14,14,1) 15%);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center -44px;
		/* border: 2px #f0f solid; */
		z-index: 4;
	}
	#media-divider img {
		position: absolute;
		margin-top: -1px;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 85px;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}
	#media-title {
		display: inline-block;
		position: absolute;
		margin-top: 85px;
		left: 0px;
		width: 100%; 
		justify-content: center;
		/* border: 2px #0ff solid; */
		z-index: 4;
	}
	#media-title img{
		display: block;
		width: 238px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}
	#media-main {
		width: 100%;
		max-width: 1920px;
		height: 100%; 
		display: block;
		position: absolute;
		margin-top: 15px;
		left: 0px;
		margin-left: auto; 
		margin-right: auto;
		/* justify-content: center;*/
		text-align: center; 
		background-image: url('../images/mediabg.png');
		background-repeat: no-repeat;
		background-size: 1425px auto; 
		background-position: center 70px; 
		/* border: 1px #f0f solid; */
		z-index: 3;
	}
	#media-main-container {
		display: block;
		position: relative;
		width: 1425px;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		text-align: center;  
		/* border: 2px #af4 solid;  */
	}
	#media-block-content {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		margin-top: 180px;
		/* left: 0px; */
		width: 70%;
		min-width: 1425px;
		height: 600px;
		justify-content: center;
		/* border: 2px #f00 solid; */
	}
	#media-container {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		margin-top: 0px;
		width: 1200px;
		height: 600px;
		justify-content: space-between;
		/* border: 5px #00f dashed;*/
	}
	.media {
		position: relative;
		/* width: 100%; */
		padding: 10px 5px 5px 10px;
		/* border: 2px #fd0 dashed; */
	}
	.mediaIFrame {
		width: 373px;
		height: 210px;
		padding: 0px;
		margin: 0px;  
	}
	.mediaTitle {
		display: inline-block;
		text-align: center;
		background-color: #000;
		font-family:'RighteousRegular';
		font-size: 18pt;
		color: #ffffff;
		width: 373px;
		padding: 0px;
		margin: 0px;
		/* border: 1px #00f dashed; */
	}
	.mediaTitleText {
		/* padding: 0px 10px; */
	}
	.mediaPlayButton {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 373px;
		height: 90%;
		color: #423B37;
		font-size: 4.0em; 
		margin: 0px;
		padding: 0px;
		/* border: 1px #00f dashed; */
	}
	.mediaPlayYoutube {
		position: absolute;
		top: 73px;
		left: 150px;
		opacity: 0.0;
	}
	.mediaCloseButton {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 0px;
		height: 0px;
		color: #f00;
		font-size: 2.5em; 
		margin: 0px;
		padding: 0px;
		visibility: hidden;
		z-index: 1000;
		/* border: 1px #00f dashed; */
	}
	.mediaCloseYoutube {
		position: absolute;
		background-color: #fff;
		border-radius: 100%;
		z-index: 1000; 
		cursor: pointer;
	}

	#media-navigation-left {
		position: absolute;
		top: 195px;
		left: 55px;
		visibility: visible:
		/* border: 2px #0f0 solid; */
	}
	#media-navigation-left img {
		width: 45px;
		cursor: pointer;
	}
	#media-navigation-right {
		position: absolute;
		top: 195px;
		right: 55px;
		text-align: right;
		visibility: visible:
		/* border: 2px #00f solid; */
	}
	#media-navigation-right img {
		width: 45px;
		cursor: pointer;
	}


	/* Blog */
	#blog-block {
		width: 100%;
		max-width: 1920px;
		display: inline-block;
		position: relative;
		margin-top: -48px;
		padding-top: 62.5%; /* (img-height 1200 / img-width 1920 * width 100) */
		background-image: url('../images/blogbg.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0px 85px;
		/* border: 2px #f0f solid; */
		z-index: 5;
	}
	#blog-divider img {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		min-width: 1435px;
		max-width: 1920px;
		height: 85px;
		/*border: 2px #0f0 solid;*/
		z-index: 4;
	}
	#blog-title {
		display: inline-block;
		position: absolute;
		top: 85px;
		left: 0px;
		width: 100%; 
		justify-content: center;
		/* border: 2px #0ff solid; */
		z-index: 4;
	}
	#blog-title img{
		display: block;
		width: 215px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		/* border: 2px #0f0 solid; */
		z-index: 4;
	}
	#blog-main {
		width: 100%;
		max-width: 1920px;
		/* height: 100%; */
		display: block; 
		position: absolute;
		top: 20px;
		left: 0px;
		margin-left: auto; 
		margin-right: auto; 
		justify-content: center;
		text-align: center;
		z-index: 4;
	}
	#blog-container {
		display: block;
		position: relative;
		top: 180px;
		width: 1205px;
		height: 618px;
		margin-left: auto; 
		margin-right: auto; 
		text-align: center;
		background-color: rgba(0,0,0,0.5);
		z-index: 5;
		/* border: 2px #ff0000 solid; */
	}
	#blog-entries {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		top: 0px;
		left: 0px;
		justify-content: center;
		padding: 8px;
		color: #fff;
		/* border: 1px #0fff0f solid; */
	}
	.blog-entry {
		padding-bottom: 5px;
		margin: 10px;
		background-color: #000;
		/* border: 1px solid #fff; */
	}
	.blog-entry img {
		width: 375px;
		height: 197px;
	}
	.blog-title-link {
		word-wrap: break-word;
		width: 375px;
		height: 40px;
	}

	#blog-seemore {
		display: block;
		position: absolute;
		top: 790px;
		width: 100%;
		font-family: OpenSansRegular;
		font-size: 1.8em;
		z-index: 4;
	}
	#blog-seemore a {
		display: inline-block;
		margin-top: 0px;
	}

	/*
	#mailchimp-contact-form {
		visibility: hidden;
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 900px;
		z-index: 999;
	}
	*/

/* Section 6: HTML markup in CSS Styles */
	/** Section 6x: Positioning **/
	.center {text-align:center; }
	.iecenter {margin-left:auto; margin-right:auto; }

	/** Section 6x: Text Formatting **/
	.b {font-weight:700; }
	.i {font-style:italic; }
	.u {text-decoration:underline; }

	/** Section 6x: Color Formatting **/
	.black {color:#000;}
	.white {color:#fff;}
	.red {color:#f00;}
	.green {color:#0f0;}
	.blue {color:#00f;}
	
	.bgblack {background-color:#000;}
	.bgwhite {background-color:#fff;}
	.bgred {background-color:#f00;}
	.bggreen {background-color:#0f0;}
	.bgblue {vcolor:#00f;}


/* Section 7: CSS Hacks and work arounds */
	/** Section 7x: **/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/** WordPress Styles **/
	.wpdashicons-eye {
		position: relative; 
		top: -3px;
		left: -12px;
		vertical-align: middle;
		font-family: 'Dashicons';
		font-size: 15pt;
	}
	.wpdashicons-heart {
		position: relative; 
		top: -2px;
		left: 02px;
		vertical-align: middle;
		font-family: 'Dashicons';
		font-size: 15pt;
		color: #ff0000;
	}

	.post-views {
		display: inline-block;
		position: relative;
		left: -8px;
	}

	.post-views.entry-meta > span {
		margin-right: 0 !important;
		font: 16px/1;
	}

	.post-views.entry-meta > span.post-views-icon.dashicons {
		display: inline-block;
		font-size: 16px;
		line-height: 1;
		text-decoration: inherit;
		vertical-align: middle;
	}