/**
 * munchkin.css

 Final overrides for css appearance before page-specific customizations

/*********************************************************************
 * 1. General HTML tags
 *
 */

p, td, input[type=text], textarea, .pure-g [class *= "pure-u"] {
	font-family: 'PT Serif', serif;
	font-size: 105%;
	line-height: 1.5em;
	/*color: #444;*/
}

h1, h2, h3, h4, h5, h6, button, select {
	font-family: 'PT Sans', sans-serif;
}

h1 {
	line-height: 1em;
}

.accessible-hidden { //Hide visually, but let screen readers see it //
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
    When setting the primary font stack, apply it to the Pure grid units along
    with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
    specific font stacks to ensure the greatest OS/browser compatibility.

    html, button, input, select, textarea,
    .pure-g [class *= "pure-u"] {

        font-family: Georgia, Times, "Times New Roman", serif;
    }
		*/

/* left in for quick changes later
a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
	a.nolinkborder { // added //
		border-bottom: 0;
	}

	a:hover,
	.nav a:hover {
		color: #000;
		border-color: #aaa;
	}
*/


/*** NAVBAR ***/
.pure-menu {
	font-family: 'Arimo', sans-serif;
}
#navbar {
	position: relative;
	z-index: 1000;
}
#navbar a {
	text-decoration: none;
	border-bottom: none;
}

/*** BREADCRUMBS ***/
.breadcrumbs span {
	font-family: 'Arimo', sans-serif;
}

/*** BANNERS ***/
.top-banner {
  margin-bottom: -10px;
	padding-bottom: 0;
}
#slider_listing:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 93%;*/
    z-index: 1;
    opacity: 0.05;
    background-image: url('<?php echo $homebg; ?>');
		/*background-color: #ffd09a;*/
		background-color: #222;
}

/*** MAIN ***/
#main {
	width: 100%;
}

/*** HOMEPAGE ***/
#homepage_body {
	background-color: #FFFFFF;
	padding: 0em 2em 1em 2em;
	font-size: 120%;
}
#homepage_body img {
	border-radius: 1em;
}


/*** GAMEINFO ***/
.gameinfo {
	text-align: center;
}
.gameinfo img {
	filter: grayscale(100%);
}
.gameinfo div {
	font-family: 'Arimo', sans-serif;
	text-align: center;
	padding-top: 0;
	border-top: 0;
	margin-top: -15px;
	font-size: 75%;
}

/*** CREDITS ***/
#credits {
	font-size: .8em;
}
#credits p {
	margin-bottom: .5em;
}

/*** STATBOX ***/
#statbox {
	font-size: 80%;
	line-height: 0.33em;
}
#statbox p {
	margin-top: 0.33em;
	font-family: 'Arimo', sans-serif;
	line-height: 1.25em;
}





/*** FOOTER ***/
.foot {
	text-align: center;
	background-color: #242424;
	padding: 2% 3% 0;
	color: #fff;
}
.foot p {
	font-family: 'Arimo', sans-serif;
}
.foot a {
	color: #fff;
	border-bottom: none;
}
.foot legend {
	color: #fff;
	border-bottom: none;
}
.button-signup {
	background-color:#d9d9d9;
	color: black;
	border: 1px solid rgba(95,95,95,1);
	border-radius: 1em;
}


/*** Table of Contents ***/
  /** Used on Rules/Errata/Icons pages **/
.toc {
  text-align: center;
  padding: 0.5em 3em;
  border: 1px solid;
  border-radius: 5px;
}
.toc a {
  font-size: .75em;
  line-height: 1.5em;
}
.toc-link {
  text-align: center;
  margin-bottom: -1.5em;
}
.toc-link p {
    font-size: .7em;
}

/*** Other Body Styles ***/
#gallery img {
	padding: 2px;
}
#m-sidebar {
	margin: 0 1em 0 0;
}
#m-content-side {
	margin: 0 .3em;
}
#m-content {
	/*margin: 0 .3em;*/
}

/*** PRODUCT BLOCKS ***/
#product_listing {
	background-color: #FFFFFF;
	padding: 1em .5em;
}
.product-item-block {
  line-height: 0;
	margin: .8em .8em;
	display: flex;
	flex-direction: column;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-radius: 1.05em;
	border-color:#ccc;"
}
.product-item-block img {
	border-bottom: 1px solid #ccc;
	border-radius: 1em 1em 0 0;
	background-color: white;
}
.product-item-block a {
		border-bottom: none;
		text-decoration: none;
}
.product-item-block .overlay {
		overflow: hidden;
		/*border-color: #ccc;*/
		background: #ccc;
		border-radius: 0 0 1em 1em;
		color: black;
		line-height: .9em;
		padding: .3em .3em .3em .3em;
		border-top: none;
		text-align: center;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
}
.product-item-block .overlay .title {
	font-size: .8em;
	flex: 2 1 auto;
}
.product-item-block .overlay .title>a {
	color: black;
}
.product-item-block .overlay .blurb {
	font-family: 'Arimo', sans-serif;
	font-size: .65em;
	/*text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1 1 auto;*/
}
.product-item-block .overlay .tags {
	font-size: .6em;
	flex: 1 0 auto;
}
.product-item-block .ReleaseDate {
	font-size: 0.80em;
}

/*** NEWS BLOCKS ***/
#news_listing {
	background-color: #FAB717;
	padding: 1em .5em;
}
.news-item-block {
  line-height: 0;
	margin: .5em .8em;
	display: flex;
	flex-direction: column;
	color: black;
}
.news-item-block img {
	border-bottom: 1px solid #ccc;
	border-radius: 1em 1em 0 0;
	background-color: white;
}
.news-item-block a {
		border-bottom: none;
		text-decoration: none;
}
.news-item-block .overlay {
		overflow: hidden;
		border-color: #ccc;
		/*background: #ccc;*/
		background: rgb(250, 241, 223);
		border-radius: 0 0 1em 1em;
		color: black;
		line-height: .9em;
		padding: .3em .3em .3em .3em;
		border-top: none;
		text-align: left;
		flex: 1 1 auto;
		flex-direction: column;
		align-items: stretch;
}
.news-item-block .overlay .headline {
	font-size: .9em;
}
.news-item-block .overlay .headline>a {
	color: black;
}
.news-item-block .overlay .dateline {
	font-size: .6em;
	padding-top: 0;
}
.news-item-block .overlay .byline {
	font-size: .6em;
	flex: 3 1 auto;
}
.news-item-block .overlay .tags {
	font-size: .6em;
	flex: 1 0 auto;
}

#news-sidebar {
	justify-content: space-between;
	letter-spacing: normal;
}
.news-sidebar-header {
	padding: 0 2%;
}
.news-sidebar-header h2 {
	margin-bottom: 0.25em;
}

/*** FEATURE BLOCKS ***/
#features_listing {
	background-color: #888;
	padding: 1em .5em;
}
.feature-block {
	line-height: 0;
	margin: .5em .8em;
	display: flex;
	flex-direction: column;
	color: black;
}
.feature-block img {
	border-bottom: none;
	border-radius: 1em 1em 0 0;
	background-color: white;
}
.feature-block a {
		border-bottom: none;
		text-decoration: none;
}
.feature-block .overlay {
		overflow: hidden;
		border-color: #ccc;
		background: #ccc;
		border-radius: 0 0 1em 1em;
		color: black;
		line-height: .9em;
		padding: .3em;
		border-top: none;
		text-align: center;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
}
.feature-block .overlay .title {
	font-size: 1em;
	flex: 2 1 auto;
}

.shadow {
	box-shadow: 2px 2px 4px 0 #777;
}

/*** TAGS / BADGES ***/
.badges {
	padding: 0 0.75em 0 0.1em;
	font-size: 0.65em;
	display: inline;
}
.tags {
		font-family: 'Arimo', sans-serif;
}
.tag-block .tag-badge {
	background-color: #ccc;
	font-size: .7em;
	line-height: 1.5em;
	margin: 0 .3em;
	padding: 0 .20em;
	flex: 1 0 auto;
	box-shadow: 2px 2px 4px 0 #777;
}
div[class$="-badge"] { /* All -badge classes */
	font-family: 'Arimo', sans-serif;
	line-height: 1.25em;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: rgba(95,95,95,1);
	display: inline-block;
}
.tag-badge {
		background-color: white;
		color: black;
		text-align: center;
		font-size: .85em;
		padding: 1% 2%;
		margin: 1px;
	}
.price-badge {
    background-color: white;
		color: black;
		text-align: left;
		font-size: .9em;
		font-weight: bold;
		padding: 0 7%;
	}
.new-badge {
		background-color: rgb(253,172,0);
		color: black;
		text-align: center;
		font-size: 1em;
		padding: 1% 2%;
	}
.soon-badge {
    background-color: rgb(11,55,139);
		color: white;
		text-align: center;
		font-size: 1em;
		padding: 1% 2%;
	}
.preorder-badge {
    background-color: black;
		color: white;
		text-align: center;
		font-size: 1em;
		padding: 1% 2%;
	}
/* END */

/* Retailer Table */
.retailtable {
	border-collapse: separate;
	border-spacing: 0.75em;
}
.retailtable td > a {
	border-bottom: none;

}

/* Coin Page */
.indent {
	padding-left: 2em;
}
.indent p {
	padding-left: 1em;
}
/* End */