/*
Theme Name: Redefined (v.2018)
Theme URI: http://www.redefinitiongames.com
Description: The Redefined Redefinition Games wordpress theme.
Author: Alexander Tuckett + @RedefGamer
Author URI: http://arcaneartist.redefinitiongames.com
Version: 1.0
License: BSD 3-clause License
License URI: http://www.redefinitiongames.com/wp-content/themes/redefined/license.txt
*/

@import url('css/base.css');
@import url('css/layout.css');
@import url('css/pages.css');
@import url('css/plugins.css');

#sidebar {
	/* disabled until styling for it is supported*/
	display:none;	
	visibility:hidden;
}
.designed-by {
	color:#666;
}

#blog div#subscribe-text p {
	color: #999;
	font-size:80%;
}

#subscribe-text p {
	display:inline-block;
	margin: 0.25em 0em;
}


/* PAYPAL DONATE (TEMP)
-------------------------------------------------------------------------------*/
#support {
	background:none;
	border:none;
	padding:none;
	margin:0.5em;
}

#support input {
	width:auto;
	max-width:none;	
}

/* QUESTIONS & ANSWERS
-------------------------------------------------------------------------------*/
[class$="-questions"] > ul {
	list-style:none;
}

[class*="-question"] a {
	text-decoration:none;	
	color:var(--redef-dark-gray);
}

[class$="-question"] a:before {
	font-family:Genericons;	
	content: '\f431';	
	margin-right:0.5em;
}

[class*="-question"].open a:before {
	font-family:Genericons;
	content: '\f432';
	margin-right:0.5em;	
}

#patreon {
	margin:0.5em auto 0 auto;
	text-align:center;
}

#patreon .support-text {
	margin-bottom:0.5em;
}

#page .social-wrapper {
	max-width:450px;
	margin:0em auto;
	/*padding:0.8em 0;*/
}
#page .social {
	text-align:center;
}

#page .social .genericon {
	vertical-align:middle;
	font-weight:bold;
	color:#CCCCCC;
}

#page .social-wrapper:after {
	clear:both;
}

@media screen
	and (max-width:480px)
{
	#page .social {
		margin-left:1.0em;
		margin-right:1.0em;
	}

	#page .social .genericon {
		display:none;
	}
}

#page .social-button {
	vertical-align:middle;
	height:20px;
	display:inline-block;
	margin:0.4em 0.1em;
}

#page .social:after {
	clear:both;
}

#page .video,
#page .videoWrapper {
	max-width:70%;
	height:0;
	padding-bottom:39.25%;
	position:relative;
	cursor:pointer;
	margin:1.0em auto;
	background-color:black;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#page .video > iframe,
#page .videoWrapper > iframe {
	position:absolute;
	width:100%;
	height:100%;
}

@media screen and (max-width:734px) {
	#page .video,
	#page .videoWrapper {
		max-width:100%;
		padding-bottom:56.25%;
	}
}
/* FRONT
-------------------------------------------------------------------------------*/
.featured-preloader {
	position:absolute;
	width:100%;
	z-index:1;
	background-color: black;

	-moz-transition:height 0.5s ease-out;
	-webkit-transition:height 0.5s ease-out;
	-o-transition:height 0.5s ease-out;
	transition:height 0.5s ease-out;

	-moz-transition:max-height 0.5s ease-out;
	-webkit-transition:max-height 0.5s ease-out;
	-o-transition:max-height 0.5s ease-out;
	transition:max-height 0.5s ease-out;
}

.featured-carousel {
	position: relative;
	overflow: hidden;
}

.featured-carousel ul {
	width: 20000em;
	position: relative;
	height:inherit;

	list-style: none;
	margin: 0;
	padding: 0;
}

.featured-carousel li {
	float: left;
	overflow:hidden;
	display:block;
}

.featured-item {
	min-width:1%;
	width:auto;
	max-width:100%;
}

.featured-item > div {
	position:relative;
	overflow:hidden;
	text-align:center;
	max-width:1920px;
	min-width:1920px;
	display:block;

	-moz-transition:left 0.25s ease-out;
	-webkit-transition:left 0.25s ease-out;
	-o-transition:left 0.25s ease-out;
	transition:left 0.25s ease-out;
}


.featured-info-wrapper {
	width:100%;
	display:none;
}

.featured-info {
	position:relative;
	bottom:120px;
	margin:0 auto;
	padding:0 0.5em;

	width:100%;
	min-width:260px;
	max-width:420px;

	text-align:center;
	color:white;
	background-color:rgba(0, 0, 0, 0.2);
}
/*
.featured-title {
	text-align:center;
	padding-bottom:0.12em;
}

.featured-controls .genericon {
	font-size:140%;
	text-align:center;
	vertical-align:middle;
}*/



/* STATUS
-------------------------------------------------------------------------------*/

.status-quote-left,
.status-quote-right {
	width:10%;
	text-align:center;
	font-size:200%;
	color:#444;
	position:relative;
	top:0.2em;
}
.status-quote-left {
	float:left;
	transform:scaleX(-1.0);
}

.status-quote-right {
	float:right;
}

.status-quote-left:after,
.status-quote-right:after {
	clear:both;
}

.status-title {
	margin-bottom:0.1em;
	color:#444;
	padding:0;
	border:none;
}

.status-info {
	font-size:70%;
}

.status-content p {
	text-align:left;
}

.status-avatar {
	top:0.1em;
}

/* GAME-LIST
-------------------------------------------------------------------------------*/
/* -- GAME INFORMATION SECTIONS */
.game-follow {
	text-align:center;
	vertical-align:bottom;
	position:relative;
	top:1em;
	display:none;
}

/* ROADMAP
-------------------------------------------------------------------------------*/
#roadmap-wrap {
	text-align:center;	
}

#roadmap-wrap > br,
#roadmap-wrap > p {
	/* HACK: disables any spacing between roadmaps */
	display:none;
}

.roadmap {
	display:inline-block;
	vertical-align:top;
	min-width:220px;
	width:100%;
	max-width:49%;
}

.roadmap > ul {
	text-align:left;	
}

.roadmap [class*="downarrow"] {
	font-size:500%;
	position:relative;
	top:18px;
	margin-top:0;	
	margin-bottom:0;
}

.phase {
	margin:1.0em auto;	
	vertical-align:top;
	border:1px solid black;
	border-radius:5px;
}

.phase,
.roadmap [class*="downarrow"] {
	text-align:center;	
	width:100%;
	max-width:320px;	
}

.phase-mystery {
	display:table;
	height:200px;
	border:#999999 3px dashed;
	
	font-family:"Redefined";
}

.phase-mystery .phase-content {
	color:#999;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	font-size:150%;
}

.phase-mystery .phase-content p {
	text-align:center;	
}

.phase small {
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	display:block;
}

.phase h2, 
.phase h3,
.phase h4 {
	margin:0;	
	padding:0.5em 1em;	
}

.phase .working-title {
	font-size:60%;
	vertical-align:middle;
}

.phase p {
	padding:0 1em;		
}

.phase header {
	background-color:var(--redef-dark-gray);
	border-bottom:1px solid black;
	color:white;
}

.phase h2,
.phase h5 {
	font-size:150%;
	text-align:center;
}

.phase h3 {
	font-size:100%;	
	background-color:#555;
	color:white;
}

.phase h4 {
	font-size:120%;	
	background-color:#CCC;
}

.phase-features h4.open {
	border-bottom:1px solid black;	
}

.phase-features h4:before {
	font-family:Genericons;	
	content: '\f431';	
	margin-right:0.5em;
}

.phase-features h4.open:before {
	font-family:Genericons;
	content: '\f432';
}

.phase .feature-title a {
	text-decoration:none;
	color:#666;
}


.phase .feature {
	width:100%;
	text-align:center;
	border-top:1px solid black;
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}