@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,600i');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

/*
Green Dream designed by Mark Tjan and Michael Salbato 2020

Version: 1.0

License: All rights reserved. May not be modified, distributed, or replicated without the express permission of the original creators as listed above.

Key Colours: #00ad70, #ffc300

*/

/*------------------------------------*\
    General Styles
\*------------------------------------*/

#wpadminbar{
background: #004F33 !important;
}

html {
	font-family: 'Open Sans';
    font-size: 62.5%;
    overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

html, body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

body {
	background-color:#fff;
	color:#222;
	//* transition: all .5s cubic-bezier(.25,.8,.25,1); *//
}

.wrapper {
}

.wrapper-body {
	margin:0 35px;
}

a:link {
	color:#00ad70;
}

a:visited {
	color:#006944;
}

a:hover {
	color:#8a0079;
	text-decoration: underline;
	transition:ease-in-out 0.2s;
}

a:focus {
	color:#8a0079;
}

::selection {
	background:#4bc197!important;
}

.um {
opacity: 1 !important;
}

.gold {
	color:#ffc300;
}

.help {
	
}

.help:after {
	content:'\003F';
	font-size:8px;
	font-weight:bold;
	color:#333;
	display:inline-block;
	width:12px;
	height:12px;
	margin: 0 0 0 5px;
	background:#008556;
	border-radius:100px;
	text-align:center;
}

.plain {
	font-size:100%;
}

.grid-container {
	font-family: 'Open Sans', Arial, sans-serif;
	max-width:1440px;
}

.grid-padding-x {
	padding:15px;
	box-sizing:border-box;
}

.grid-padding-x > div {
	padding:15px;
	box-sizing:border-box;
}

.row {
}

.cell {
}

.main {
	font-family:'Open Sans', Arial, sans-serif;
	margin:25px auto 0 auto;
	font-size:18px;
}

.left {
	padding:0 25px 0 0;
}

.right {
	float:right;
}

.inline, .inline li, .inline ul li {
	display:inline;
}

hr.wp-block-separator {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 1.25em auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

.whitelink a:link, .whitelink a:hover, .whitelink a:visited {
	color:#fff!important;
}

.button {
	font-size:16px;
}

.button, input[type=submit], input[type=button] {
	border-radius:4px;
	background-color: #00ad70!important;
	border:none!important;
	padding:10px;
	color:#fff;
  	transition: 0.4s;
}


.button:hover {
	background-color:#4bc197!important;
  	transition: 0.4s;
}

a.wp-block-button__link {
	background-color: #00ad70!important;
}

a.wp-block-button__link:hover {
	background-color: #4bc197!important;
}

.button-large {
	font-size:18px!important;
}

.full-button {
	display:block;
	width:100%;
	margin:0 auto;
}

.center {
	margin:0 auto;
	text-align:center;
}

input[type=submit], input[type=button] {
	background-color: #00ad70!important;
}

input[type=submit]:hover, input[type=button]:hover {
	background-color: #006944!important;
}

label {
    display: block;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.8;
    color: #666;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	display: block;
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    margin: 0 0 1rem;
    padding: 15px 8px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
}

select {
	height:35px;
}

.int-cell {
	padding:0 10px 0 0;
}

.wp-block-button a:link, .wp-block-button a:active, .wp-block-button a:visited {
	color:#fff;
}

.wp-block-button a:hover {
	color:#ffc300;
}

.mt20 {
  margin-top: 20px;
}

/* These four styles only used to swap in proper leaderboard on home page, and are hopefully temporary */

.large-only {
	display: block;
}

.small-only {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	.large-only {
		display: none !important;
	}

	.small-only {
		display: block;
	}
}

/*------------------------------------*\
    Dark Mode
\*------------------------------------*/

.mode-items {
	position:fixed;
	z-index:9999;
	bottom:55px;
	right:25px;
	display:block;
	width:100px;
	opacity:0.8;
}

@media only screen and (max-width: 768px) {
	.mode-items {
		position:fixed;
		z-index:9999;
		bottom:55px;
		left:25px;
		display:block;
		width:100px;
		opacity:0.8;
	}
}

.mode-items-2 {
	display:inline-block;
	margin-left: 15px;
}

.toggle {
	background:#00ad70;
	color:#fff;
	font-size:10px;
	padding:5px 8px;
	border-radius:5px;
	text-transform: UPPERCASE;
	position:absolute;
	margin:8px 0 0 0;
}

.toggle-2 {
	color:#00ad70;
	font-size:16px;
	padding:5px 8px;
	border: 1px solid #00ad70;
	border-radius:9px;
	margin:8px 0 0 0;
}

.dark-toggle {
	background:#fff;
	color:#222;
}

.dark-wrapper {
	background-color:#1D1D1D!important;
	color:#fff!important;
}

.dark-post {
	color:#fff!important;
}

.dark-article-items {
	border-bottom:0!important;
	margin-bottom:1px;
}

.dark-article-items:last-child {
	border-bottom:none!important;
}

.dark-staff {
	background:#1D1D1D !important;
}

.dark-staff:hover {
	background:#000!important;
}

.dark-comment {
	color:#fff;
	background-color:#222!important;
}

.dark-forums {
	color:#fff;
	background-color:rgba(0,0,0,0)!important;
}

.dark-forums-even {
	color:#fff;
	background-color:rgba(255,255,255,0.05)!important;
}

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

.dark-sidelist {
	background-color:#222!important;
}

.dark-tail {
	background:#000!important;
	border:#7D7D7D;
	color:#fff;
}

.dark-figcaption {
	color:#d8d8d8!important;
}

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

.dark-blockquote p, .dark-blockquote h2, .dark-blockquote h3 {
	color:#fff!important;
}

/*------------------------------------*\
    Go to Top
\*------------------------------------*/
#goto {
	display:none;
}

@media only screen and (max-width: 768px) {
	#goto {
		position:fixed;
		z-index:9999;
		bottom:21px;
		right:15px;
		opacity:0.8;
		font-size:30px;
		background:rgba(255,255,255,0.3);
		padding:5px 15px;
		border-radius:5px;
		transition:0.2s ease;
	}
	
	#goto:hover {
		background:rgba(255,195,0,1);
		transition:0.2s ease;
	}
}
/*------------------------------------*\
    Headers & Navigation
\*------------------------------------*/

.topper {
	z-index:998;
	position:relative;
	width:100%;
	display:table;
	max-height:30px;
	box-sizing:border-box;
	background: rgba(0, 105, 68, 1);
	font-size:12px;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	color:#4bc197;
}

.topper .about:before, .topper .account:before, .topper .forums:before, .topper .contact:before { 
	font-family: FontAwesome;
	display: inline-block;
	padding-right: 1px;
	vertical-align: middle;
	color:#4bc197;
	margin-top:-1px;
}

.topper .about:before {
	content: "\f05a ";
}

.topper .forums:before {
	content: "\f0ca ";
}

.topper .account:before {
	content: "\f013 ";
}

.topper .contact:before {
	content: "\f27a ";
}

.topper .twitch {
	max-height:30px;
}

@media only screen and (max-width: 480px) {
	.topper .twitch a {
		display:none;
	}
}

.topper .twitch a {
	background:rgb(100,65,164);
	color:#fff;
	font-weight:bold;
}

.topper ul {
	margin:0;
}

.topper ul li {
	display: inline;
	margin:0 5px;
}

.topper a {
	color:#4bc197;
	display:table-cell;
	padding:8px 5px;;
}

.topper a:hover {
	color:#ffc300;
}

.topper-menu {
	text-align:right;
}

.topper-social {
	font-size:20px;
	padding:0;
}

.topper-social li {
	display:inline;
}

.topper-social a {
	padding:2px 0 0 0;
}

.login-button {
	background:#006944;
	padding:5px 12px;
	border-radius:5px;
	color:#4bc197;
}

SOCIAL {
	float:left;
	font-size:32px;
	color:#fff;
	display:block;
}

.admin-bar header {
	display:flex;
	z-index:999;
	position:absolute;
	width:100%;
	top:67px;
	height:80px;
	background: rgba(0,0,0,0.8);
	transition: top 0.1s ease;
}

.admin-bar .fixed-header {
	z-index:999;
	height:60px;
	position:fixed;
	top:32px;
	left:0;
	margin:0;
	transition: top 0.1s ease;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

header {
	display:flex!important;
	z-index:999;
	position:absolute;
	width:100%;
	height:80px;
	padding:0;
	background: rgba(0,0,0,0.8);
	transition: top 0.1s ease;
}

.header-items {
	margin:auto;
	width:100%;
}

.fixed-header {
	position:fixed;
	height:60px;
	top:0;
	transition: top 0.1s ease;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.fixed-header .nav {
	font-size:16px;
	font-weight:400;
}

/* Main Logo */

.logo {
	padding:0;
	display:flex;
}

.logo img {
	width:50px;
	transition: all 0.2s ease;
}

.logo a {
	display:inline-block;
	margin:auto 0 ;	
}

.fixed-header .logo img {
	width:50px;
	transition: all 0.2s ease;
}

/* Navigation */

.nav {
	font-family:Open Sans, Helvetica, sans-serif;
	font-weight:400;
	font-size:20px;
	box-sizing:border-box;
	text-align:right;
	display:flex;
}

.nav ul {
	margin:auto 0 auto auto;
}

.nav ul li {
	display:inline;
	margin:0 5px;
	text-align:right;
}

.nav a {
	text-decoration: none;
	color: #fff;
	position: relative;
	padding:0 0 5px 0;
}

.nav a:visited {
	text-decoration: none;
	color: #fff;
}

.nav a:after {
  	content: '';
	position: absolute;
  	bottom: 0;
	right: 0;
  	width: 0%;
  	border-bottom: 3px solid #00ad70;
  	transition: 0.4s;
}

.nav a:hover {
	color:#fff;
}

.nav a:hover:after {
  	width: 100%;
}

.nav-button {
	display:none;
}

.nav-button-2 {
	display:none;
}

/* Header on Medium Screens */
@media only screen and (max-width: 1024px) {
	.admin-bar header {
		top:67px;
	}
	
	.nav {
		font-size:1.5em;
	}

}

/* Hide Admin Bar on Small Screens */
@media only screen and (max-width: 869px) {
	
	#wpadminbar{
		display:none;
	}
	
	.admin-bar .wrapper {
		position:relative;
		margin-top:-46px;
	}
	
	.admin-bar header {
		top:35px;
	}
	
	.admin-bar .fixed-header {
		top:0;
	}
	
	header .fixed-header {
		top:0;
	}
}

/* Nav on Small Screens */
@media only screen and (max-width: 768px) {
	
	.topper-menu {
		font-size:12px;
	}
	
	.topper-social ul li {
		margin:0 1px;
	}
	
	.topper-menu, .topper-social {
		height:35px;
	}
	
	.fixed-header .nav-button {
		top:12px;
		font-size:2.5em;
	}
	
	.admin-bar .fixed-header .nav-button
	{
		top:20px;
	}
	
	.nav-button {
		font-size:3em;
		color:#fff;
		text-align:center;
		position:absolute;
		right:15px;
		top:15px;
		display:block;
		width:50px;
		height:50px;
		transition:0.2s ease-in-out;
	}
	
	.nav-button:hover {
		color:#00ad70;
		transition:0.2s ease-in-out;
	}
	
	.nav-button:visited, .nav-button:active {
		color:#fff;
	}

	.nav-button-2 {
		font-size:3em;
		color:#00ad70;
		text-align:center;
		position:absolute;
		right:45px;
		top:15px;
		display:inline;
		width:50px;
		height:50px;
	}
	
	.admin-bar .fixed-header .nav {
		top:80px;
	}
	
	.fixed-header .nav {
		top:60px;
	}
	
	.nav {
		display:none;
		position:absolute;
		z-index:999;
		top:80px;
		right:0;
		width:100%!important;
		font-family:Open Sans, Helvetica, sans-serif;
		font-weight:400;
		font-size:20px;
		box-sizing:border-box;
		padding:0;
		box-shadow:0 5px 5px rgba(0,0,0,0.5);
	}

	.nav ul {
		margin:0;
	}

	.nav ul li {
		display:block;
		border-bottom:1px solid #888;
		margin:0;
	}
	
	.nav ul li:hover {
		border-bottom:1px solid #ffc300;
		transition:0.2s ease-in-out;
	}

	.nav ul li:first-child {
		border-top:1px solid #00ad70;
	}
	
	.nav ul li:last-child {
		border-bottom:0;
	}

	.nav a {
		color:#fff;
		display:block;
		padding:5px 12px;
		text-align:left;
		background-color:rgba(0,0,0,0.95);
		transition:0.2s ease-in-out;
	}
	
	.nav a:visited {
	text-decoration: none;
	color: #fff;
	}

	.nav a:after {
		border-bottom: none;
	}

	.nav a:hover {
		color:#000;
		background-color:rgba(255,195,0,1);
		transition:0.2s ease-in-out;
	}

	.nav a:hover:after {
		width: 0;
	}
}


@media only screen and (max-width: 480px) {
	.topper-menu ul {
		text-align:center;
		font-size:12px;
		font-weight:600;
		font-family:'Open Sans Condensed', sans-serif;
	}
}


.submenu {
	border:none;
	background:rgba(0,0,0,0.5);
}

.fixed1440 {
	max-width:1440px;
	margin:0 auto;
	padding:0 10px 10px 10px;
}

/*------------------------------------*\
    Hero Items
\*------------------------------------*/

.highlight-main {
	display:block;
	z-index:98;
	position:relative;
	clear:both;
	width: 80%;
	max-width: 1440px;
	margin: 30px auto 0;
	box-shadow: 0 10px 25px #7d7d7d;
	min-height:605px;
	max-height:605px;
}

@media only screen and (max-width: 640px) {
	.highlight-main {
		width: 100%;
	}

}

.highlight-main-link {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	width:100%;
	height:100%;
	min-height:605px;
	max-height:605px;
	display:inline-block;
	background-size:cover;
	background-position: center 15%;
}

.highlight-main-text {
	z-index: 999;
	position: absolute;
	top: 290px;
	background: rgba(0,0,0,0.5);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 15px 0px;
}

@media only screen and (max-width: 640px) {
	.highlight-main-text {
		max-width:90%;
		z-index:999;
		position:absolute;
		top:250px;
	}	

	.highlight-main-title {
		font-size:24px!important;
	}

}

.highlight-main-title {
	color:#fff;
	clear:right;
	font-family: Open Sans, arial, sans-serif;
	font-size:34px;
	font-weight:800;
	display:inline-block;
	padding:0 25px 5px 40px;
	border-top:2px solid #ffc300;
}

.highlight-main-type {
	font-family: Open Sans, arial, sans-serif;
	font-size:16px;
	font-weight:600;
	display:inline-block;
	margin: 0 0 0 40px;
	padding:5px;
	color:#ccc;
	text-transform:UPPERCASE;
}

.highlight-thumbs {
	z-index:999;
	position:relative;
	display:block;
	z-index:98;
	clear:both;
	width: 80%;
	max-width: 1440px;
	margin: 0 auto 25px;
	box-shadow: 0 10px 25px #7d7d7d;
	min-height:200px;
}

@media only screen and (max-width: 640px) {
	.highlight-thumbs {
		width: 100%;
	}

}

.highlight-item {
	position:relative;
	display:inline-block;
	height:100%;
	min-height:225px;
	max-height:225px;
	background-position:center 45%;
	background-size:cover;
	text-align:center;
    transition: opacity 0.2s ease-in-out;
	overflow:hidden;
}

.highlight-link {
	position:absolute;
	z-index:1;
	color:#fff;
	width:100%;
	height:225px;
	display:block;
	background-image: linear-gradient(to bottom, transparent 10%, black 100%);
	opacity:0.8;
	transition:0.2s ease-in-out;
}

.highlight-text {
	position:absolute;
	z-index:3;
	margin:135px 0 0 0;
	text-shadow: 0 0 5px #222;
	overflow:hidden;
	max-height:225px;
	width:100%;
}
.highlight-title {
	color:#fff;
	font-family: Open Sans, arial, sans-serif;
	font-size:16px;
	font-weight:600;
	text-align:center;
	border-top:1px solid #ffc300;
	max-width:90%;
	margin:0 auto;
	cursor:pointer;
}

.highlight-type {
	z-index:3;
	color:#ccc;
	margin:0 0 5px 0;
	font-size:12px;
	text-transform:UPPERCASE;
	font-weight:700;
	margin:0 auto;
	text-align:center;
}

.highlight-type ul {
	margin:0;
}

.highlight-main-title a, .highlight-title a {
	color:#fff;
}

.highlight-main-type a, .highlight-type a {
	color:#ffc300;
}

.highlight-main-type a:hover, .highlight-type a:hover {
	color:#fff;
}

/*------------------------------------*\
    Features
\*------------------------------------*/

.feature-items {
	
}

.feature-item {
	background-image:url('../images/black_slice.png');
	background-size:cover;
	transition:0.2s ease-in-out;
	border-radius:5px;
	position:relative;
	min-width:240px;
}

.feature-item:hover {
	background:#ffc300;
	transition:0.2s ease-in-out;
	color:#222;
}

.feature-item-image {
	display:block;
	min-width:240px;
	min-height:200px;
	max-height:240px;
	background-size:cover;
	background-position:center center;
	border-bottom:1px solid #ffc300;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

@media only screen and (max-width: 640px) {
	.feature-item-image, .feature-item-no-image {
		min-height:120px;
		max-height:150px;
	}
}

.feature-item-no-image {
	background-image:url('../images/default_thumb.png');
	background-color:#00ad70;
	background-size:cover;
	background-position:center center;
	display:block;
	min-width:240px;
	min-height:200px;
	max-height:240px;
	border-bottom:1px solid #ffc300;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.feature-item-title {
	display:table;
	transition:0.2s ease-in-out;
	color:#fff;
	height:60px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-align:center;
	width:100%;
	padding: 5px 10px;
}

.feature-item-title > a {
	display:table-cell;
	vertical-align:middle;
}

.feature-item-title a {
	color:#fff;
	font-size:14px;
	transition:0.2s ease-in-out;
}

.feature-item-title a:hover {
	color:#222;
	transition:0.2s ease-in-out;
}

.feature-item-text {
	padding:15px;
}

.feature-item-tag {
	position:absolute;
	top:0;
	left:0;
	/* transform: rotate(-5deg); */
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:3px 8px;
	font-size:12px;
	opacity:0.8;
}

.tag-special-features, .tag-1p-missions, .tag-flashback-friday {
	background:#ff002a;
	color:#fff;
}

.tag-rpgfan-chapters, .tag-rpgfan-anniversary {
	background:#008556;
	color:#fff;
}

.tag-games-of-the-year, .tag-top-lists, .tag-crowdfunding-chronicles {
	background:#ffc300;
	color:#222;
}

.tag-interviews, .tag-rpgfan-music, .tag-game-primers {
	background:#C43462;
	color:#fff;
}

.tag-side-quests, .tag-most-anticipated-games{
	background:#00a8ff;
	color:#fff;
}

.tag-retro-encounter-final-thoughts 
 {
	background:#8a0079;
	color:#fff;
}

.tag-final-fantasy-30th-anniversary 
 {
	background:#222;
	color:#fff;
}

/*------------------------------------*\
	Search Boxes & Elements	
\*------------------------------------*/

.search-box {
	background:#e5e5e5;
	border-radius:5px;
	padding:25px 35px;
	margin:15px 0 50px 0;
}

.search-box div {
	padding:5px;
}

.search-box input[type="text"] {
    border:1px solid #00ad70;
	margin-top:10px;
}

.search-box select {
	border:1px solid #00ad70;
}

.search-box input[type="submit"] {
    color: #fff;
    border: 1px solid #00ad70;
	padding:4px 12px 3px 12px;
    -webkit-appearance: none;
	font-size:90%;
	height:32px;
}

.search-box .btn-reset {
    background: #999!important;
    color: #fff;
    border: 1px solid #00ad70;
	padding:4px 12px 3px 12px;
    -webkit-appearance: none;
	font-size:90%;
	height:32px;
}

.search-box input[type="button"] {
    background: #ccc;
    color: #fff;
    border: 1px solid #00ad70;
	padding:4px 12px 3px 12px;
	font-size:90%;
	margin-top:10px;
	height:32px;
}

.search-box .reset > input[type="button"] {
	background:#ff002a!important;
}

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

	.search-box input[type="submit"] {
		width:100%;
	}
	
	.search-box .btn-reset {
		width:100%;
	}
}

.search-box label {
	font-size:12px;
}

/* Add span to "sort by" for an easier styling hook. On small screens, make it full width to force form elements to stay below it. */
.form-group > span {
  display: block;
  width: 100%;
}

/*------------------------------------*\
	Sidebars	
\*------------------------------------*/
.sidebar {
	display:block;
	border-radius:5px;
	box-sizing:border-box;
	padding:25px;
	min-height:100px;
	margin:0 0 25px 0;
	font-size:80%;
}

.sidebar h3 {
	margin-top:0;
}

.sidebar ul {
	margin:0 0 15px 0;
}

.sidebar ul li {
	list-style-type:none;
	margin:0 0 5px 0;
}

.sidebar .button {
	width:100%;
	font-size:16px;
}

.noborder {
	margin:0 25px;
	border:none;
}

.sidebar-float-right {
	float:right;
	width:25%;
	min-width:325px;
	margin:0 0 25px 25px;
}

@media only screen and (max-width: 1024px) {
	.sidebar-float-right {
		float:none;
		width:100%;
		min-width:100%;
		margin:0;
	}
}

.sidebar-game {
	display:block;
	max-width:290px;
	max-height:114px;
}

.sidebar-gametitle {
	position:absolute;
	z-index:100;
	max-width: 300px;
	min-width:300px;
	height:100px;
	max-height:100px;
	pointer-events: none;
}

.sidebar-gametitle span {
	width:100%;
	position:absolute;
	bottom:0;
	left: 0;
	font-size:80%;
	padding:15px 25px;
	box-sizing:border-box;
	text-shadow: 0px 0px 8px rgba(0,0,0,1);
	font-weight:bold;
}

.sidebar-thumb {
	position:relative;
	z-index:99;
	display:block;
	margin:6px 0;
	max-height:100px;
	overflow:hidden;
	background-attachment:center center;
}

.sidebar-thumb:before {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: rgba(0,0,0,0.65);
}

.sidebar-thumb:hover:before {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: rgba(255,217,65,0.5);
	pointer-events: none;
}

.float-right {
	margin-left:15px;
}

.float-left {
	margin-right:15px;
}

/*------------------------------------*\
	Recently Reviewed Items
\*------------------------------------*/

.recent-items {
	margin:0 0 25px 0;
	border-bottom:2px solid #008556;
}

.recent-header {
	color:#008556;
	text-align:center;
	padding:8px 0;
	margin:0 0 15px 0;
	text-transform:UPPERCASE;
	border-bottom:2px solid #008556;
}

.recent-item {
	background:#222;
	border-radius:5px;
	transition:0.2s ease-in-out;
	color:#fff;
	display:block;
	background-image:url('../images/black_slice.png');
	background-size:cover;
}

.recent-item:hover {
	background:#ffc300;
	transition:0.2s ease-in-out;
	color:#222;
}

.recent-item-image {
	display:block;
	min-height:200px;
	max-height:240px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-size:cover;
	background-position:center center;
	border-bottom:1px solid #ffc300;
}

.recent-item-image-bg {
	height:200px;
	max-height:240px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width:100%;
	background-image:url('../images/default_thumb.png');
	background-color:#00ad70;
	background-size:cover;
	background-position:center center;
}

@media only screen and (max-width: 640px) {
	.recent-item-image {
		display:block;
		min-height:200px;
		max-height:240px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-size:cover;
		background-position:center center;
		border-bottom:1px solid #ffc300;
	}
}

.recent-item-title {
	display:table;
	width:90%;
	text-align:center;
	font-size:80%;
	height:60px;
	margin:0 auto;
	padding: 5px 10px;
}

.recent-item-title > span {
	display:table-cell;
	vertical-align:middle;
}

/*------------------------------------*\
	Article Styles
\*------------------------------------*/


.article-items {
	border-bottom:1px dotted #e4e4e4;
}

.article-items:last-child {
	border-bottom:0;
}

.article-item-image {
	display:inline-block;
	width:100%;
	height:240px;
	background-size:cover;
	background-position:center center;
	opacity:1;
	transition:0.2s ease-in-out;
	margin:0 0 15px 0;
}

.article-item-image {
	display:inline-block;
	width:100%;
	height:240px;
	opacity:1;
	transition:0.2s ease-in-out;
	margin:0 0 15px 0;
}

@media only screen and (max-width: 640px) {
	.article-item-image {
		height:240px;
	}
	
	.article-item-image-bg {
		height:240px;
	}
	
	.article-item-text {
	}
}

.article-item-image-bg {
	display:inline-block;
	height:240px;
	width:100%;
	background-image:url('../images/default_thumb.png');
	background-color:#00ad70;
	background-size:cover;
	background-position:center center;
}

.article-item-image-wedge {
	position:relative;
	float:right;
	z-index:100;
	display:block;
	background:url('../images/wedge.png');
	width:25px;
	height:25px;
	content:' ';
	pointer-events:none;
	margin-bottom:-25px;
}

.article-item-image:hover {
	opacity:0.8;
	transition:0.2s ease-in-out;
}

.article-item-category {
	border-bottom:1px solid #00ad70;
	text-transform:UPPERCASE;
	margin-top:-8px;
	padding:0 0 3px 0;
	color:#939393;
}

.article-item-featured-image {
	margin:25px 0;
	text-align:center;
}

.article-items-continue {
	text-align:center;
	border-top:1px solid #00ad70;
	margin-bottom:25px;
}

.tb-gallery__cell {
	list-style: none;
}

/*------------------------------------*\
	5.0 Info Boxes	
\*------------------------------------*/

.accordion {
	background:none;
	color: #fff;
	font-size:18px;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #008556;
	outline: none;
	transition: 0.4s;
}

.sidebar .active, .accordion:hover {
	color: #ffc300;
	border-bottom: 1px solid #ffc300;
}

.panel {
	padding: 0 18px;
	background-color: #333;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.panel-items {
	margin: 15px 0;
}

.tracklist {
	font-size:12px;
}

.tracklist ul li {
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #666;
}

.tracklist ul li:last-child {
	border-bottom:none;
}

.review-header {
	background: #008556;
	width:100%;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px;
	margin:0 0 15px 0;
	font-weight:800;
}

.music-header {
	background: #ffc300;
	width:100%;
	border-radius:5px;
	color:#222;
	text-align:center;
	padding:8px;
	margin:0 0 15px 0;
	font-weight:800;
}

.dlc-header {
	background: #8a0079;
	width:100%;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px;
	margin:0 0 15px 0;
	font-weight:800;
}

.episodic-header {
	background: #00a8ff;
	width:100%;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px;
	margin:0 0 15px 0;
	font-weight:800;
}

.episodic-list {
	margin:-15px 0 15px 0;
	background:#eee;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin:-15px 0 15px 0;
	padding:15px;
}

.episodic-list ul li{
	list-style-type:square;
	list-style-position:outside;
	color:#00a8ff;
	font-size:80%;
}

.margin-box {
	margin:15px 0 0 0;
	padding:10px;
}

.tag-wrapper {
	clear:both;
	margin:5px 0;
}

.tag-wrapper a {
	color:#fff;
}

.tag-wrapper .tag-music a, .tag-wrapper .tag-news a {
	color:#222;
}

.tag-meta {
	display:inline-block;
	font-size:14px;
	margin:0 0 10px 0;
}

.tag-head {
	background:#222;
	padding:5px 8px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	color:#fff;
	font-size:12px;
	text-align:center;
}

/*------------------------------------*\
    Twitch and Schedule
\*------------------------------------*/

.twitch_embed {
	width: 100%;
	height: 400px;
	display:block;
	background:#00ad70;
}

.twitch_chat_embed {
	width: 100%;
	height: 400px;
	border-radius:5px;
	border:1px solid #ccc;
}

.twitch_index_container {
	min-height: 250px;
	display: block;
	margin: 10px 0 40px 0;
}

.twitch_poster_frame {
	float: left;
	margin-right: 20px;
}

.twitch_poster_frame img {
	width: 400px;
	height: 225px;
	border-radius: 10px;
	margin-bottom: 25px;
}

#gce_widget-2, #gce_widget-3 {
	background: #222;
	border-radius:5px;
	padding:0;
	width:100%;
	color:#fff;
}

#gce_widget-2 {
	background-image:url('../images/twitchbg.png');
	background-position:center center;
}

#gce_widget-3 .simcal-event-start-date, #gce_widget-3 .simcal-event-end-date { 
	color:#ffc300;
}

#gce_widget-2 H3, #gce_widget-3 H3 {
	font-family:Open Sans, arial, sans-serif;
	color:#fff;
	padding:15px 20px 0 20px;
}

#gce_widget-2 .widget-title {
	background:#6441A4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-bottom:10px;
	margin-bottom:-10px;
}

#gce_widget-2 H3:before {
	content:"\f1e8 ";
	font-family: FontAwesome;
	font-weight:400;
	display: inline-block;
	padding-right: 6px;
	vertical-align: middle;
}

#gce_widget-3 H3:before {
	content:"\f133 ";
	font-family: FontAwesome;
	font-weight:400;
	display: inline-block;
	padding-right: 6px;
	margin-top:-8px;
	vertical-align: middle;
}

.widget .simcal-align-right {
	display:none;
}

.widget .simcal-align-right .post-edit-link {
	display:none;
}

/*------------------------------------*\
    Standard Page
\*------------------------------------*/

.page-body {
	font-weight: 400;
	margin:0 15px;
}

.page-body p {
	line-height:1.5em;
	margin-bottom:1.25em;
}

.page-body p ul {
	list-style:square outside;
	padding:0 0 0 25px;
	margin-bottom:1.25em;
}

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

figcaption {
	text-align:center;
	color:#7d7d7d;
	font-style:italic;
	font-size:80%;
}

.wp-caption {
	max-width:100%;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0 0 10px 0;
	max-width:100%;
	padding:0;
	width:auto;
}

.wp-caption-text,
.gallery-caption {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
	margin:10px auto;
	text-align:center;
	clear:both;
	font-size:80%;
	width:80%;
}

/*------------------------------------*\
    Releases Page
\*------------------------------------*/

.releases-row {
	display:block;
	clear:both;
}
.releases-thumb {
	width: 125px!important;
  	height: 125px!important;
	margin-right: 30px;
	margin-bottom: 20px;
 	float:left;
}

@media only screen and (max-width: 480px) {
  .releases-thumb {
 	float:none;
	display:block;
	}
}
.releases-date {
	font-size: 1.1em;
  	font-weight: bold;
}
.releases-platform {
  color: #7D7D7D;
}

/*------------------------------------*\
    Envira Gallery
\*------------------------------------*/

.gallery-wrapper {
	margin:25px 0;
}

.gallery-home-button {
	padding:5px 8px;
	border-radius:5px;
	margin:0 0 25px 0;
	color:#fff;
	background:#00ad70;
}

.gallery-home-button:hover, .gallery-home-button a:hover {
	background:#ffc300;
	color:#fff;
}

.gallery-home-button:visited {
	color:#fff;
}

.envirabox-theme-base_dark .envirabox-toolbar > div::before {
	font-size:300%!important;
}

.envirabox-next span { 
background-image: none !important; 
} 

.envirabox-prev span { 
background-image: none !important; 
}

.envirabox-next span:before { 
font-size:300%!important;
}

.envirabox-prev span:before { 
font-size:300%!important;
}

.envira-gallery-wrap .envira-album-title {
    text-align: center;
    margin: 5px 0 0;
    font-size: 1.0em;
    padding: 8px;
}

.envira-gallery-wrap .envira-album-image-count {
    color: #7D7D7D;
    font-weight: 600;
    font-size: 0.8em;
    padding: 8px;
}

/*------------------------------------*\
    Special Template Parts
\*------------------------------------*/

.aligncenter twitter-widget {
	margin-left:auto;
	margin-right:auto;
}

.meta {
	font-size: 80%;
	min-height:25px;
}

.reviews-available {
	border-bottom:solid 2px #222!important;
}

.list-reviews-inline {
	list-style-type: none!important;
	display:inline!important;
	margin:0!important;
	padding:0!important;
}

.list-reviews-inline li {
	display:inline;
}

.list-reviews-inline li::after {
	content:'\002C';
}

.list-reviews-inline li:last-child::after {
	content:'';
}

.spoiler-warning {
	border:1px solid #801515;
	background:#D46A6A;
	color:#801515;
	font-size:80%;
	font-style:italic;
	border-radius:5px;
	margin:15px 0;
	padding:15px;
}

.search-notice {
	font-size:14px;
	padding:15px;
	text-align:right;
}

.button-green, .button-green:link {
	display:block;
	background:#008556;
	color:#fff!important;
	font-weight:bold;
	border-radius:4px;
	text-align:center;
	padding:5px 12px;
}

.button-green:hover {
	background:#ffc300;
	color:#000!important;
}

.button-green:focus {
	background:#ffc300;
	color:#000!important;
}

a.button-green a:link, .button-green a:link, .button-green a:visited {
	color:#fff!important;
}

.divide-bottom {
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

.green-circle {
	color:#fff;
	font-weight:bold;
	background:#008556;
	box-sizing:border-box;
	border-radius:100px;
	display:block;
	text-align:center;
	margin:2px 0;
}

.pullquote {
	display:block;
	width:100%;
	font-family:Vollkorn, Georgia, serif;
	font-weight:600;
	font-style:italic;
	font-size:1.25em;
	line-height:1.75em;
	border-top:0;
	border-bottom:0;
}

@media only screen and (max-width: 768px) {
	.pullquote {
		width:100%;
		border-top:2px solid #00ad70;
		border-bottom:2px solid #00ad70;
		padding:15px 0;
		margin:5px 0;
	}
	
	.pullquote p {
		margin-bottom:0!important;
	}
}

.pullquote p {
	color:#00ad70!important;
	margin-bottom:.5em!important;
}

.pullquote:before {
	position:absolute;
	content:'';
	background-image:url('../images/wedge.png');
	width:24px;
	height:24px;
	display:block;
	margin-left:-38px;
	margin-top:12px;
}

.metabox {
	margin:25px 0;
	font-size:100%;
	color:#5e5e5e;
	width:100%;
	clear:both;
}

.regions {
    list-style-position: inside!important;
}


/* Scoreboard */

.scoreboard {
	margin:25px auto;
	padding:0;
	font-size:1em;
	line-height:100%;
}

.tail {
	display:flex;
	margin:10px 0;
	border:1px solid #ccc;
	background-color:#d8d8d8;
	border-radius:8px;
	font-size:80%;
	width:100%;
}

.equal-vert {
	margin:auto auto;
}

.edchoice {
	text-align:center;
}

.edchoice img {
	width:225px;
	margin:0 auto;
	display:block;
	padding:15px;
}

.s-col {
	line-height:1.5em;
	font-size: 14px;
}

.s-col H4 {
	font-size:24px;
	color:#00AD70;
	font-weight:bold;
}

.stat-items {
	padding: 0 10px 0 0;
}

@media only screen and (max-width: 768px) {
	.s-col {
		text-align:justify;
	}
	
	.stat-name, .stat-number {
		font-size:14px;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:700;
	}
	
	.stats-wrapper {
		padding:15px 15px 15px 15px!important;
	}
}

@media only screen and (max-width: 1024px) {
	.stat-items {
		padding: 0 0 10px 0!important;
	}
}

.stats-wrapper {
	margin:auto auto;
	background:url('../images/stats_bg.png') #006944;
	color:#fff;
    border-radius: 10px;
    background-size: cover;
	height:200px;
	display:flex;
	padding:15px 35px 15px 25px;
	height:225px;
}

.stat-item {
	margin:3px 0;
	display:flex;
	height:30px;
	position:relative;
}

.stat-name {
	display:block;
	text-align:right;
	margin:auto 0;
	padding:0 10px 0 0;
}

.stat-number {
	display:block;
	text-align:center;
	margin:auto 0;
}

.stat-text {
	margin:0 0 25px 0;
}

/* Statbars */

.statbar-bg {
	border-radius: 15px;
	background:#222;
	height:16px;
	width:100%;
	display:block;
	margin:auto 0;
}

.statbar-fill {
	display:block;
	border-radius: 15px;
	background:#ffc300;
	height:16px;
}

/* End Statbars */

.stat-big {
	position:relative;
	display:block;
	text-align:center;
	background: #006944;
	color:#fff;
	padding: 8px;
    border-radius: 10px;
	margin-right:0;
	height:225px;
}

.stat-big-inner {
	position:relative;
	height:100%;
	border:2px solid #fff;
	border-radius:5px;
	padding:25px 10px 10px 10px;
	background:url('../images/shield_transp.png') center center no-repeat;
	background-size: 80% auto;
}

.stat-big-score {
	display:block;
	font-size:550%;
	font-weight:700;
	clear:both;
	line-height:100%;
	padding:15px 0 8px 0;
}

span.stat-big-score {
	text-shadow:0 3px 5px rgba(0,0,0,0.5);
}

.scoreboard .spacer {
	padding-top:45px;
}

.scoreboard p {
	font-size:1em;
	line-height:1.5em;
}

.scoreboard ul {
	list-style:none;
	padding:0 0 0 0;
	margin-bottom:1.25em;
}

.scoreboard .stat-array {
	padding:25px 0 0 0;
}

.scoreboard .stat-array ul li {
	margin:0 0 15px 0;
	height:25px;
}

.scoreboard .col1 {
	max-width:125px;
	min-width:125px;
}

.scoreboard .col2 {
	max-width:25px;
	min-width:25px;
}

.scoreboard .col3 {
	max-width:75%;
	min-width:75%;
}

.score-separator {
	height:100%;
	display:inline-block;
	width:5px;
	border-radius:100px;
	background:#d8d8d8;
	margin:auto 0;
	text-align:center;
}

.score-list {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	background:#008556;
	padding:2px;
	border-radius:100px;
	text-align:center;
	max-width:40px;
}

.box-thumb {
	min-width:100px;
	display:block;
	clear:both;
	margin:0 auto 25px auto;
	text-align:center;
}

.box-thumb img {
	padding:5px 0px;
	clear:both;
	width:100%;
	max-width:320px;
}

/* DLC Scores */

.score-dlc-big {
	display:block;
	color:#fff;
	text-align:center;
	padding:15px 0;
	border-radius:100px;
	font-size:200%;
}

.score-positive {
	background: rgb(194,136,0);
	background: linear-gradient(0deg, rgba(194,136,0,1) 0%, rgba(255,195,0,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc300', endColorstr='#c28800', GradientType=0 );
}

.score-negative {
	background: rgba(138,4,4,1);
	background: linear-gradient(to bottom, rgba(222,17,17,1) 0%, rgba(138,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de1111', endColorstr='#8a0404', GradientType=0 );
}

.score-neutral {
	background: rgb(68,68,68);
	background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(136,136,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444",endColorstr="#888888",GradientType=1);
}

.score-positive-text {
	font-weight:600;
	color:#008556;
	text-transform: UPPERCASE;
	text-align:center;
	display:block;
}

.score-negative-text {
	font-weight:600;
	color:#e4041a);
	text-transform: UPPERCASE;
	text-align:center;
	display:block;
}

.score-neutral-text {
	font-weight:600;
	color:#595959;
	text-transform: UPPERCASE;
	text-align:center;
	display:block;
}

/*------------------------------------*\
    Affiliates
\*------------------------------------*/

.affiliate-item {
	margin:10px 0;
	width:175px;
	height:60px;
}

/*------------------------------------*\
    Staff Listing & Bios
\*------------------------------------*/

.staff-items {
	margin:0 auto;
}

.staff-item {
	display:block;
	margin:5px;
	background:#fff;
	border-radius:5px;
	text-align:center;
	transition: ease-in-out 0.5s;
	padding:25px 15px;
}

.staff-item:hover {
	background:#ececec;
	transition: ease-in-out 0.5s;
}

.staff-item .alignnone, .staff-item img.alignnone {
	margin:0 0 15px 0;
}

.staff-name {
	font-size:24px;
	font-weight: 600;
}

.staff-position {
	font-size:80%;
}

.staff-sidebar {
	background:#222;
	color:#fff;
	border-radius:4px;
	padding:15px;
	box-sizing:border-box;
	margin-top:10px;
}

.staff-sidebar ul li {
	list-style-type: none;
}

.circle-portrait, .circle-portrait img {
	border-radius:500px;
}

.center-portrait img {
	display:block;
	margin:0 auto;
}

.overlap {
	z-index:999;
	margin:-115px auto 50px auto;
	width:100%;
}

.overlap img {
	margin:0 auto;
	display:block;
}

.column-with-sidebar {
	padding-right:25px;
	box-sizing: border-box;
}

.about-divider {
	border-top: 2px solid #00ad70; 
}

/*------------------------------------*\
    Pagination
\*------------------------------------*/

.pagination {
	display:table;
	margin-left:0;
	margin-bottom:0;
}

.pagination li {
	font-size:16px;
	display:table-cell;
	border-radius:5px;
	margin-right:0;
}

.pagination a, .pagination button {
	border-radius:5px;
}

.pagination a:hover, .pagination button:hover {
	background:#222;
	color:#fff;
	border-radius:5px;
}

/* Make page numbers wrap to prevent overflow. */
.wpv-archive-pagination-nav-links, .wpv-archive-pagination-nav-links-container, .wpv-pagination-nav-links, .wpv-pagination-nav-links-container, .wpv-pagination-preview-element {
  flex-wrap: wrap;
}

.wpv-archive-pagination-nav-links, .wpv-archive-pagination-nav-links-container, .wpv-pagination-nav-links, .wpv-pagination-nav-links-container, .wpv-pagination-preview-element, .pagination a, .pagination button {
	display:table;
	padding:3px 8px;
	margin:0 3px;
	color:#00ad70;
}

.wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link {
	border:0!important;
	font-size:16px!important;
	line-height:100%!important;
	padding:0!important;
	color:#888!important;
	margin:0!important;
}

.pagination li:first-child, .pagination li:last-child {
	display:table-cell;
	color:inherit;
	cursor:text;
	margin:0;
}

.pagination .disabled {
	padding:3px 5px;
	cursor:text;
	color:#888;
}

/*------------------------------------*\
    Social & CTA
\*------------------------------------*/

.share-bar {
	position:relative;
	margin:0 0 25px 0;
	font-size:16px;
	text-align:center;
}

.share-title {
	display:inline-block;
	font-weight:800;
	padding:3px 3px;
}

.share-items {
	display:inline-block;
	padding:3px 8px;
}

.share-items a {
	margin:0 2px;
}

.cta-item {
	text-align:center;
	font-size:16px;
	border-top:1px dotted #ccc;
	clear:both;
	margin:25px 0 0 0;
}

/*------------------------------------*\
    Author Items
\*------------------------------------*/

.author-box {
	width:100%;
}

.author-bio-section {
	padding: 25px;
	box-sizing:border-box;
	border: 1px solid #00ad70;
	border-radius: 8px;
	margin:25px 0;
	clear:left;
	display:block;
}
 
.author-name {
	font-size:24px;
	font-weight: 400;
	margin: 0 0 0.5em 0;
}

.author-details {
	font-size:0.8em!important;
	padding: 0 0 15px 0;
}

.avatar {
	border-radius:50%;
}

.author-avatar {
	padding:5px;
}
 
.author-avatar img::before {
	display:none;
}

.author-avatar img {
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	display:block;
	min-width:72px;
	width:150px;
	height:auto;
	background-image:url('../images/default_avatar.png');
	background-size:150px 150px;
}

.author_article_list {
	padding:15px;
}

.author_article_list ul li {
	font-size:80%;
	list-style-type:none;
}

.author-profile {
	border-radius:5px;
	padding:25px;
	color:#fff;
}

.author-interests {
	font-size:80%;
}

.author-description {
	border-bottom:1px solid #00ad70;
	margin:0 0 15px 0;
}

.twitter-button, .website-button {
	color:#fff;
	background:#00ad70;
	border-radius:5px;
	display:block;
	padding:5px 12px;
	transition:0.2s ease-in-out;
}

.twitter-button:hover, .website-button:hover {
	background:#8a0079;
	transition:0.2s ease-in-out;
}

/*------------------------------------*\
    General Text
\*------------------------------------*/

H1, H2, H3, H4, H5, H6, H7, H8 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

H1 {
	font-size: 2.4em;
	font-weight: 800;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.subheader-inner h1, #subheader2 h1 {
	color: #fff;
	z-index: 998;
	display: block;
	margin: auto 0;
	font-size: 3.5em;
	font-weight: 700;
	text-shadow: 0 0 15px rgba(0, 0, 0, 1);
	padding-top: 60px;
	margin-left: 35px;
}

.post h1, .feature h1 {
	font-size: 1.6em;
	font-weight: 800;
	margin: 0 0 0.25em 0;
}

H2 {
	font-size: 2.0em;
  	font-weight: 800;
	line-height: 1.4;
	margin: 1em 0 0.5em 0;
}

.highlight-main-text h2 {
	font-size: 3.5em;
	clear: right;
	display: inline-block;
	padding: 0 25px 5px 40px;
	border-top: 2px solid #ffc300;
	margin: 0;
	transition:0.4s;
}

@media only screen and (max-width: 640px) {
	
	.highlight-main-text h2 {
	font-size: 2.9em;
	}

}

.highlight-main-text h2:hover {
	border-top: 2px solid #00ad70;
	transition:0.4s;
	padding: 0 50px 5px 40px;
}

.highlight-main-text h2 a {
	color: #fff;
}

.article-item-text h2, .article-item-text h4 {
	font-size: 1.5em;
	font-weight: 700;
	text-transform: none;
	margin: 0 0 0.5em 0;
}

H3 {
	font-size: 1.6em;
	font-weight: 700;
	margin: 1em 0 0.25em 0;
	line-height: 1.4;
}

.highlight-text h3 {
	text-align: center;
	border-top: 1px solid #ffc300;
	max-width: 90%;
	margin: 0 auto;
}

.highlight-text h3 a {
	color: #fff;
}

.twitch-schedule h3 {
	margin: 0 0 5px 0;
}

.author-bio-section h3 {
	margin: 0 0 0.25em 0;
}

H4, .h4 {
	font-size: 1.35em;
	line-height: 1.4;
	margin: 1em 0 0.25em 0;
}

.sidebar h4, .author-interests h4 {
	font-size: 1.15em;
	color: #ffc300;
}

H5 {
	font-size: 1.15em;
	font-weight: 700;
	margin: 1em 0 0.25em 0;
}

h6 {
	font-size: 1.0em;
	font-weight: 600;
	color: #7d7d7d;
	margin: 1em 0 0.25em 0;
}



.text-right p, .text-left ul, .text-left ul li {
	text-align:right;
}

.text-left p, .text-left ul, .text-left ul li {
	text-align:left;
}

.text-center p, .text-center ul , .text-center ul li {
	text-align:center;
}

.social {
	margin:15px 0;
}

.social li {
	font-size:24px;
	margin:0 5px;
	display:table;
}

/*------------------------------------*\
    POSTS
\*------------------------------------*/

blockquote {
  border-left: 8px solid #00ad6d!important;
  background-color: #e5e5e5;
}

blockquote p, blockquote h2, blockquote h3 {
	font-weight: 400;
	font-family: Vollkorn, Georgia, serif;
	color: #000;
}

cite {
	font-size: 1.0em!important;
	margin-top: -20px!important;
}

@media only screen and (max-width: 768px) {
	.news-featured-excerpt {
		display:none;
	}
}

.post-list{
	list-style-type:none;
	width:100%;
}

.post-thumb {
	flex:1;
	min-width:150px;
	max-height:140px;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 15px 0 0;
	padding:10px 0 0 0;
}

.post-thumb img {
	border-radius:5px;
}

.post-categories {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin: 0 0 25px 0;
	padding: 15px 0;
}

@media only screen and (max-width: 480px) {
	.post-categories {
		margin:0 auto;
		text-align:center;
	}
}

.post-categories a {
	background:#008556;
	padding:5px 10px;
	border-radius:4px;
	margin:0 5px 0 0;
	color:#fff;
	transition:0.4s;
}

.post-categories a:hover {
	color:#fff;
	transition:0.4s;
}

.post-categories a.news {
	background:#008556;
}

.post-categories a.highlight {
	background:#00a8ff;
}

.post-categories a.announcement {
	background:#ff0000;
}

.post-categories a:hover {
	background:#8a0079;
}

.post-text p:first-child {
	font-size:120%;
}

.post-body {
	font-weight: 400;
	color:#222;
}

.post-body ul {
	list-style-type:square;
	list-style-position:inside;
	margin:0 0 1.5em 1em;
}

.post-body ol {
	list-style-position:inside;
	margin:0 0 1.5em 1em;
}

.post-excerpt p, .post-body p {
	line-height:1.75em;
	margin-bottom:1.25em;
}

.post-excerpt p a, .post-body p a {
	font-weight:bold;
}

.post-meta {
	font-size:80%;
	margin:0 0 15px 0;
	display:block;
	color:#939393;
}


/*------------------------------------*\
    Boxes
\*------------------------------------*/

.dark {
	background-color:#222;
	color:#fff;
	border-radius:5px;
}

.dark a:hover {
	color:#FFCC00;
}

.grey {
	background:#ccc;
	color:#222;
	border-radius:5px;
	border:0;
}

.soft {
	background:#eee;
}

/*------------------------------------*\
    Comments
\*------------------------------------*/

.comments-items {
	border-top: 1px solid #00ad70;
}

.comments-items::before {
	position:absolute;
	content:'Comments';
	background:#00ad70;
	padding:5px 12px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-top:-28px;
	color:#fff;
	font-size:12px;
}

.comment-item {
	border-bottom:1px dotted #00ad70;
	background-color:#f4f4f4;
	padding:15px;
}

.comment-item .alignnone {
	margin:0;
}

.comment-item:last-child {
	border-bottom:0;
}

.comments-title {
	margin: 5px 0 0 30px;
}

.comments-title h3 {
}

.comments-title h3::before {	
	position:absolute;
	content:'';
	background-image:url('../images/wedge.png');
	width:24px;
	height:24px;
	display:block;
	margin: 8px 0 0 -30px;
}

.comment-author {

}

.comment-avatar {
	padding:5px;
}

.comment-avatar .avatar {
	margin:0 auto;
}

.comment-text {
	padding:5px;
}

.comment-list {
	list-style-type:none;
}

/*------------------------------------*\
    Categories and Tags
\*------------------------------------*/

.category-items {
	margin:0!important;
}

.category-items li {
	display:inline;
	list-style-type:none;
	margin:0;
}

.category-items li:first-child::after {
	content:' \2044 ';
}

.category-items li:after {
	content:' \00B7 ';
}

.category-items li:last-child::after {
	content:'';
}

.post-categories {
	font-size:80%;
}

/*------------------------------------*\
    Page Headers
\*------------------------------------*/

#subheader {
	z-index:997;
	min-height:450px;
	max-height:550px;
	width: 100%;
	position: relative;
	display:flex;
	font-family:Open Sans, Roboto, Arial, sans-serif;
	overflow:hidden;
	margin:0 auto;
}

#subheader2 {
	z-index:997;
	min-height:200px;
	max-width:1440px;
	position: relative;
	display:flex;
	box-sizing:border-box;
	font-family:Open Sans, Roboto, Arial, sans-serif;
}

.subheader-bg {
	z-index:995;
	background:url('../images/default.png');
	background-repeat: repeat;
	width:100%;
	padding:0;
}

.subheader-inner {
	z-index:998;
	width:1440px;
	text-align:left;
	display:flex;
	margin:0 auto;
}

.page-title {
	z-index:998;
	display:block;
	margin:auto 0;
	font-size:3.5em;
	font-weight:700;
	color:#fff;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	padding-top:60px;
}

.page-title {
	margin-left:35px;
}

@media only screen and (min-width: 1280px) {
	.page-title {
		margin-left:0;
	}
}

.page-subtitle {
	display:block;
	margin-top:-10px;
	height:35px;
	font-size:16px;
	font-weight:600;
	font-style:italic;
	color:#fff;
	pointer-events:none;
}


.page-image {
	z-index:996;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:550px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center 45%;
	transition: transform ease-in-out .8s;
}

.page-image-none {
	z-index:997;
	position:absolute;
	width:100%;
	max-height:250px;
	overflow:hidden;
	top:0;
	left:0;
}

.page-image-screen {
	pointer-events:none;
	width:100%;
	height:650px;
	background-repeat:repeat;
	z-index:997;
	position:absolute;
	top:0;
	left:0;
}

.page-image:after {
  display: block;
  position: relative;
  background:rgba(0,0,0,0.25);
  height: 550px;
  width: 100%;
  content: '';
  pointer-events: none;
}

/*------------------------------------*\
  	Menus
\*------------------------------------*/

.mobile-menu-toggle {
	display:none;
}
@media only screen and (max-width: 600px) {
.mobile-menu-toggle {
	display:block;
}
}

/*------------------------------------*\
  	Videos
\*------------------------------------*/

.tb-youtube {
	float:left;
	clear:both;
	margin-bottom:15px;
	border:0;
}

.tb-youtube::after
{
 content: "";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}


/*------------------------------------*\
  	Images
\*------------------------------------*/

.game-thumb {
	margin-bottom:25px;
}

.thumbnail {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 1em;
	border: 0;
	box-shadow:none;
	border-radius:0;
	line-height: 0;
	position:relative;
	z-index:99;
	height:auto;
	min-width:220px;
	max-height:140px;
	overflow:hidden;
}

.thumbnail::after {
		content:' ';
		position:absolute;
		z-index:100;
		top:0;
		right:0;
		background:url('../images/wedge-gold.png');
		width:25px;
		height:25px;
		pointer-events: none;
}

.thumbnail img {
	min-width:220px;
	
}

@media only screen and (max-width: 480px)  {
	.thumbspace .thumbnail {
		display:block;
		width:100%;
		margin:0 auto 25px auto;
	}

	.thumbspace .thumbnail img {
		width:100%;
	}
}

.img-small img {
	max-width:200px;
	max-height:200px;
}

.placeholder {
	display:table;
	color:#222;
	background-color:#a9ffc5;	
}

.placeholder:before {
	content:'Adspace';
	text-align:center;
	display:table-cell;
	font-size:16px;
}

.ad-wrapper {
	margin:0 auto;
	text-align:center;
}

.ad-insert {
	display:block;
	text-align:center;
	margin:15px 0;
	max-width:50%;
}

.ad-interior {
	margin:0 auto;
	text-align:center;
	max-width:768px;
}

.ad-square {
	width:300px;
	height:250px;
	margin:25px auto;
}

.ad-banner {
	width:468px;
	height:60px;
	margin:25px auto;
}

.ad-leaderboard, .ad-medrect1, .ad-medrect2 {
	min-height:250px;
	margin: 25px auto;
}

.ad-skyscraper {
	min-height:600px;
}

.ad-halfpage {
	width:300px;
	height:600px;
	margin:0 auto;	
}

/*------------------------------------*\
    Music
\*------------------------------------*/

.wp-playlist-light .wp-playlist-playing {
	background:#00ad70!important;
	color:#fff!important;
}

.wp-playlist-light, .wp-playlist-light .wp-playlist-caption {
	background:inherit!important;
	color:inherit!important;
}

.wp-playlist-current-item {
	height:100px!important;
}

.wp-playlist .wp-playlist-current-item img {
	max-width:100px!important;
	height:100px!important;
	border-radius:5px;
}

/*------------------------------------*\
    Listings
\*------------------------------------*/

.list-title {
}

@media only screen and (max-width: 1024px) {
	.list-title {
		font-size:24px;
		font-weight:600;
	}
	
	.list-postdate:before {
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f304";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-reviewedon:before {
		display:inline-block;
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f26c";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-releasedon:before {
		display:inline-block;
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f783";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-category:before {
		display:inline-block;
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f248";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-author:before {
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f007";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-author {
		font-weight:600;
		font-size:18px;
	}
	
	.list-score {
		float:right;
		display:inline-block;
		margin-top:-90px;
	}
	
	.score-list {
		font-size:32px;
		padding:0 15px;
		display:block;
		max-width:100px;
		border-radius:100px;
	}
	
	.list-type:before {
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f0e8";
		width:17px;
		height:10px;
		margin-right:5px;
	}	
	
	.list-platform:before {
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f11b";
		width:17px;
		height:10px;
		margin-right:5px;
	}
	
	.list-developer:before {
		display:inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f1ad";
		width:17px;
		height:10px;
		margin-right:5px;
	}
/*
	.list-publisher-jp:before {
		display:inline-block;
		content:' ';
		width:17px;
		height:10px;
		margin-right:5px;
		background:url('../img/jp.gif');
	}
	
	.list-publisher-na:before {
		display:inline-block;
		content:' ';
		width:17px;
		height:10px;
		margin-right:5px;
		background:url('../img/na.gif');
	}
	
	.list-publisher-pal:before {
		display:inline-block;
		content:' ';
		width:17px;
		height:10px;
		margin-right:5px;
		background:url('../img/pal.gif');
	}
*/
}

.upcoming-items {
	margin:5px;
}

.upcoming-item {
	margin:0 auto 25px auto;
	background:#333;
	padding:25px;
	border-radius:5px;
	color:#fff;
}

.upcoming-item .post-edit-link {
	display:none;
}

.twitch-items {
	margin:5px;
}

.twitch-schedule {
	background:#6441a5;
	padding:25px!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#fff;
}

.twitch-schedule H2 {
	font-size:32px;
	margin-bottom:5px;
}

.twitch-schedule .post-edit-link {
	display:none;
}

.simcal-default-calendar-list {
	padding: 0 0!important;
}

.simcal-default-calendar-list ul.simcal-events {
	margin: 0!important;
}

.twitch-bottom {
	background:#333;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:15px 25px;
	color:#fff;
	transition: 0.2s ease-in-out;
	text-align:center;
	font-weight:600;
}

.twitch-bottom:hover {
	background:#ffc300;
	color:#000;
	transition: 0.2s ease-in-out;
}

.twitch-bottom a {
	color:#fff;
	transition: 0.2s ease-in-out;
}

.twitch-bottom a:hover {
	color:#000;
	transition: 0.2s ease-in-out;
}

.twitch-schedule ul {
	
}

/*------------------------------------*\
    Tables
\*------------------------------------*/

THEAD {
	background:none;
	color:inherit!important;
}

TBODY {
	background:none;
}

TABLE, TR, THEAD, TABLE TBODY, TBODY {
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #888!important;
	background:none!important;
}

table tbody, table tfoot, table thead {
	border:0!important;
}

TR:hover {
	background:rgba(0,0,0,0.15)!important;
}


/*------------------------------------*\
    News Posts
\*------------------------------------*/

.news-header {
	margin-top:100px;
	display:block;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

.footer {
	font-family: 'Open Sans', arial, sans-serif;
	font-size:16px;
	clear:both;
	background:#222222 url('../images/shield_transp.png')  no-repeat -250px 450px;
	background-attachment:fixed;
	background-size: 45% auto;
	min-height:200px;
	padding: 15px 0;
	box-sizing:border-box;
	width:100%;
}

.footer ul li{
	display:inline;
}


.footer a:hover {
	color:#FFCC00;
}

.footer-menu {
	text-align:center;
}

.footer-menu ul {
	font-size:80%;
	margin:0 auto;
	display:table;
}

.footer-menu ul li {
	display:table-cell;
}

aside {
	width:100%;
	text-align:center;
}

.copyright {
	margin:15px auto;
	text-align:center;
	font-size:80%;
	color:#ccc;
}

.footer-social {
	margin:0 auto;
}

.footer-social ul li {
	display:inline;
	margin:5px;
}

.footer-logo {
	float:left;
	max-width:150px;
	opacity:0.5;
}

.footer h3 {
	color:#fff;
}

.footer .notice {
	color:#fff;
	font-size:90%;
}

.footer .notice img {
	width:100px;
	margin: 0 0 15px 0;
}

@media only screen and (max-width: 1024px) {
	.footer .notice img {
		display:block;
		text-align:center;
		margin:0 auto 15px auto;
		max-width:240px;
	}	
	
	.footer .notice p {
		text-align: center;
	}
}


/*------------------------------------*\
    Forums
\*------------------------------------*/

.bbp-forums {
	border:none!important;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border:1px solid #ccc;
}

.quicktags-toolbar {
	background:rgba(0,0,0,0)!important;
	margin:0 0 5px 0;
	border:none!important;
}

.wp-editor-container {
	border:none!important;
}

.quicktags-toolbar input {
	margin:0 3px!important;
}

div.bbp-template-notice.info, div.bbp-template-notice, div.indicator-hint {
	background-color:rgba(0,0,0,0)!important;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
	border-top:none!important;
}

.bbp-forums-list {
	border-left:none!important;
}

#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
	font-size:16px!important;
}

/*------------------------------------*\
    404s
\*------------------------------------*/

.dialogue-items {
	z-index:99;
	position:relative;
	margin-top:-120px;
	margin-bottom:100px;
}

.dialogue-portrait {
	border-radius:5px;
	border:3px solid #ffc300;
	box-shadow:5px 5px 5px #000;
	background: rgb(2,0,135);
	background: -moz-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020087",endColorstr="#020087",GradientType=1);
}
.dialogue-portrait-inner {
	background-image:url('../images/lucia-portrait.png');
	background-size:cover;
	display:block;
	width:100%;
	height:100%;
}

.dialogue-box {
	padding:15px 25px;
	border-radius:5px;
	color:#fff;
	font-family:'Vollkorn', serif;
	text-shadow:3px 3px 1px #000;
	font-size:24px;
	border:3px solid #ffc300;
	box-shadow:5px 5px 5px #000;
	background: rgb(2,0,135);
	background: -moz-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020087",endColorstr="#020087",GradientType=1);
}

.dialogue-button a {
	z-index:999;
	position:relative;
	animation: MoveUpDown 2s linear infinite;
	float:right;
	margin:-120px 25px 0 0;
	padding:15px 25px;
	border-radius:5px;
	color:#fff;
	font-size:24px;
	font-family:'Vollkorn', serif;
	text-shadow: 3px 3px 1px #000;
	border:3px solid #ffc300;
	box-shadow:5px 5px 5px #000;
	background: rgb(2,0,135);
	background: -moz-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	background: linear-gradient(0deg, rgba(2,0,135,1) 0%, rgba(1,0,47,1) 50%, rgba(2,0,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020087",endColorstr="#020087",GradientType=1);
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}


/* Front Page Testing Styles */

.hero-area {
	display:table;
	width:100%;
	max-width:1440px;
	height:600px;
	max-height:600px;
	margin:120px auto 0 auto;
	overflow:hidden;
}

.hero-items div:first-child {
	min-height:600px;
	width:100%;
	clear:both;
	max-width:1440px;
	background:#ccc;
}

.hero-items div {
	min-height:200px;
	max-height:200px;
	display:inline-block;
	min-width:250px;
	background:#222;
	box-sizing:border-box;
	padding:25px;
	border:1px solid #fff;
}