/*
Theme Name: The Game Band
Theme URI: thegameband.com
Description: Best theme of all time
Version: 1.0
Author: Sam Rosenthal
Author URI: twitter.com/samrosenthal
*/
/* Styles go below */
@font-face {
	font-family:'Century Schoolbook';
	src:url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/2FC3A4_0_0.eot);
	src:local(☺),url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/2FC3A4_0_0.woff) format("woff"),url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/2FC3A4_0_0.ttf) format("truetype");
	font-style:normal;
}

@font-face {
	font-family:'Century Schoolbook';
	src:url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/2FC3AC_0_0.eot);
	src:local(☺),url(../fonts/2FC3AC_0_0.woff) format("woff"),url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/2FC3AC_0_0.ttf) format("truetype");
	font-style:italic;
}

@font-face {
	font-family:'Nexa Bold';
	src:url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/NexaBold.eot);
	src:local(☺),url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/NexaBold.woff) format("woff"),url(../fonts/NexaBold.ttf) format("truetype"),url(https://s3-us-west-1.amazonaws.com/thegameband.com/resources/fonts/NexaBold.svg) format("svg");
}

#wpadminbar {
	position:fixed;
}

h1,h2 {
	margin:0;
	font-family:'Nexa Bold',Futura,'Trebuchet MS',Arial,sans-serif;
	text-align:center;
	color:#2f2f2e;
	letter-spacing:2px;
	text-transform:uppercase;
}

h1 {
	font-size:145%;
}

h2 {
	font-size:90%;
}



body,html {
	margin:0;
	padding:0;
	border:0;
	overflow-x:hidden;
}

img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
}

body {
	background-color:#000;
	position:relative;
	float:center;
}

p,pre {
	color:#fbf9f6;
	font-family:'Century Schoolbook',Times,serif;
	white-space:pre-line;
	line-height:150%;
	font-size:120%;
}

div {
	margin:auto;
}

#KeyImage {
	background-color:#030303;
	padding-top:40px;
}

#photocredit {
	font-size:60%;
	height:0;
	z-index:1;
	padding-left:70%;
	z-index:1;
	position:relative;
}

#menu {
	position:fixed;
	width:100%;
	display:inline-block;
	background-color:rgba(255,255,255,.95);
	z-index:10;
}

#titlemenu .menu {
	float:left;
	font-size:20px;
}

.navbar {
	margin-top:0;
}

#navmenu .menu {
	padding-top:.5%;
	float:right;
	background-color:rgba(255,255,255,0);
	font-size:11px;
}

#navigation {
	text-align:center;
	float:right;
}

ul {
	color:#fbf9f6;
	font-family:'Century Schoolbook',Times,serif;
	white-space:pre-line;
	line-height:150%;
	font-size:120%;
	text-align: justify;

}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:'Nexa Bold',Futura,'Trebuchet MS',Arial,sans-serif;
	text-align:center;
	letter-spacing:2px;
	font-size:100%;
	line-height:100%;
	white-space:normal;


}

li {
	float:left;
}

li a {
	display:inline-block;
	color:#000;
	text-align:center;
	padding:10px 12px;
	text-decoration:none;
}

.fixed-nav-bar {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	background-color:rgba(255,255,255,.95);
}

#blog1 {
	padding-top:10%;
	display:inline-block;
	text-align:justify;
	width:80%;
	padding-bottom:25%;
}

#wrap {
	text-align:center;
	float:center;
	width:100%;
	position:relative;
}

#post {
	width:60%;
	text-align:justify;
	padding-top:10%;
	padding-bottom:10%;
}

#post h1 {
	color:#d00012;
}

#post h2 {
	color:#fff;
}

#post img {
	width: 70%;
	height: 70%;
}

#postcontainer {
	margin:0 auto;
	background-color:rgba(202,202,202,.5);
	width:100%;
	padding-bottom:40px;
}

.newspost {
	width:75%;
	padding-top:2%;
}

.newspost h1 {
	padding-bottom: 3%;
}
.newspost p {
	color:#000;
}

.newspost pre {
	color:#000;
}

#news a {
	color:#640000;
}

#content {
	padding-top:5%;
}

#news {
	background-image:url(../../../resources/images/WhiteTexture.jpg);
	background-size:cover;
}

#news h1 {
	padding-top:5%;
}

#recentnews {
	padding-top:30px;
	width:80%;
	padding-bottom:5%;
}

#allnews {
	display:block;
	padding-bottom:5%;
}

#allnews .crossfade {
	height:25px;
	width:160px;
}

#wcf {
	background-color:#22182b;
	text-align:center;
	height:100vh;
	padding-bottom:5%;
}

.icon1 {
	height:20px;
	width:20px;
	float:center;
}

a {
	color:#ef142a;
	text-decoration:none;
}

a.anchor {
	display:block;
	position:relative;
	top:-45px;
	visibility:hidden;
}

a:hover {
	color:#d00012;
	-webkit-transition:color .25s;
	-moz-transition:color .25s;
	-o-transition:color .25s;
	transition:color .25s;
}

#wcf a {
	color:#fff;
}

#wcf .crossfade {
	height:180px;
	width:200px;
}

#learnmore {
	display:inline-block;
	padding-left:5%;
}

h1 a {
	color:#000;
}

#connectblock {
	background-image:url(../../../resources/images/THE_GAME_BAND_SITE_TEXTURE_BLACK_3.png);
	background-size:cover;
	height:100vh;
}

.email {
	padding-top:25%;
	text-align:center;
	width:465px;
	margin:auto;
}

.email h1 {
	color:#fff;
}

#signup {
	padding-bottom:40px;
}

#subscribe .text,#subscribe .submit {
	border:0;
	padding:0;
	margin:0;
	font-family:'Nexa Bold',Futura,'Trebuchet MS',Arial,sans-serif;
	font-size:100%;
	height:40px;
	outline:0;
/* 	font-weight:400; */
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-moz-appearance: none;
	-moz-border-radius: none;
	font-weight:700;
}

#subscribe .text {
	background-color:rgba(0,0,0,0);
	width:88%;
	border-style:solid;
	border-color:#fff;
	border-width:1px;
	color:#fff;
	padding-left:10px;
}

#submiticons {
	padding-top:40px;
	padding-bottom:20px;
}

#submiticons .crossfade {
	height:25px;
	width:190px;
}

input.text::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#fff;
}

input.text:-moz-placeholder,textarea:-moz-placeholder {
	color:#fff;
}

input.text.placeholder,textarea.placeholder {
	color:#fff!important;
}

.social {
	padding-top:40px;
	text-align:center;
}

#facebook {
	display:inline-block;
}

#twitter {
	display:inline-block;
}

#socialicons .crossfade {
	width:80px;
	height:80px;
}

.footer {
	padding-top:70px;
	padding-bottom:8%;
}

.footer .crossfade {
	height:50px;
	width:80px;
}

.crossfade {
	position:relative;
	margin:0 auto;
}

.crossfade img {
	position:absolute;
	left:0;
	-webkit-transition:opacity .25s;
	-moz-transition:opacity .25s;
	-o-transition:opacity .25s;
	transition:opacity .25s;
}

.crossfade img.top:hover {
	opacity:0;
}

#workfooter {
	background-color:#fff;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
	width:100%;
}

#workwithus {
	padding-top:10%;
}

#workwithus h1 {
	padding-top:20px;
	color:#fff;
}

#worklogo {
	padding-top:5%;
	float:center;
	width:15%;
	padding-bottom:2%;
}

#worktext {
	padding-top:40px;
	width:50%;
	text-align:justify;
}

.wcfMobile {
	display:none;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media only screen and (max-width: 800px) {
	#menu {
		position:fixed;
		width:100%;
		background-color:rgba(255,255,255,.95);
		z-index:10;
		text-align:center;
	}
	
	a.anchor {
		top:-118px;
	}
	
	#titlemenu .menu {
		float:none;
		display:inline-block;
		margin:0 auto;
		font-size:20px;
	}
	
	#navmenu .menu {
		float:none;
		display:inline-block;
		margin:0 auto;
		padding-top:.8%;
		font-size:10px;
	}
	
	#navcontainer {
		background-color:rgba(209,199,199,0.5);
	}
	
	li a {
		padding:10px 8px;
	}
	
	h1 {
		font-size:120%;
	}
	
	.crossfade {
		height:50px;
		width:155px;
	}
	
	#wcf .crossfade {
		height:25px;
		width:160px;
	}
	
	#allnews .crossfade {
		height:25px;
		width:130px;
	}
	
	#socialicons .crossfade {
		width:50px;
		height:50px;
	}
	
	.footer .crossfade {
		height:40px;
		width:50px;
	}
	
	#submiticons {
		padding-left:0;
	}
	
	#connect {
		padding-top:5%;
	}
	
	.social {
		padding-top:40px;
	}
	
	#subscribe .text {
		width:72%;
	}
	
	#worklogo {
		padding-top:8%;
	}
	
	#worktext {
		padding-top:20px;
		width:70%;
	}
	
	#KeyImage {
		padding-top:75px;
	}
	
	p,pre {
		font-size:100%;
	}
	
	ul {
	font-size:100%;
	text-align: left;

}
	
	#submiticons .crossfade {
		height:25px;
		width:160px;
	}
	
	#post {
		padding-top:20%;
		width:70%;
	}
	
	.wcfDesktop {
		display:none;
	}
	
	.wcfMobile {
		display:block;
	}
	
	#wcf {
		padding-bottom:10%;
	}
}

@media only screen and (max-width: 480px),only screen and (max-device-width: 480px) {
	#titlemenu {
		padding-top:.8%;	
	}	
	

	#menu {
		position:relative;
	}
	
	#navmenu .menu {
		display:none;
	}
	
	.email {
		width:100%;
	}
	
	#connect {
		padding-top:20%;
	}
	
	#KeyImage {
		padding-top:0;
	}
	
	#worklogo {
		padding-top:0;
	}
	
	#workfooter {
		display:block;
	}
	
	#signup {
		padding-bottom:30px;
	}
	
	#submiticons {
		padding-bottom:10px;
		padding-top:20px;
	}
	
	.social {
		padding-top:30%;
	}
	
	.footer {
		padding-top:10%;
		padding-bottom:22%;
	}
	
	#post {
		padding-top:10%;
		width:90%;
	}
	
	#wcf {
		padding-bottom:5%;
	}
	
	.newspost {
		width:90%;
	}
	
	#recentnews {
		width:100%;
	}
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	.footer {
		padding-bottom:18%;
	}
	
	.social {
		padding-top:10%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#wcf {
		height:auto;
	}
	
	#connectblock {
		height:auto;
	}
}