/**
 * @license
 * MyFonts Webfont Build ID 2699475, 2013-12-01T21:06:04-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Freight Sans Black by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-sans/black/
 * 
 * Webfont: Freight Sans Black SC by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-sans/black-sc/
 * 
 * Webfont: Freight Sans Book by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-sans/book/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2699475
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2004 by Joshua Darden & Phil's Fonts, Inc. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2930d3");

  
@font-face {font-family: 'FreightSans-Black';src: url('../js/webfonts/2930D3_0_0.eot');src: url('../js/webfonts/2930D3_0_0.eot?#iefix') format('embedded-opentype'),url('../js/webfonts/2930D3_0_0.woff') format('woff'),url('../js/webfonts/2930D3_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FreightSans-BlackSC';src: url('../js/webfonts/2930D3_1_0.eot');src: url('../js/webfonts/2930D3_1_0.eot?#iefix') format('embedded-opentype'),url('../js/webfonts/2930D3_1_0.woff') format('woff'),url('../js/webfonts/2930D3_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FreightSans-Book';src: url('../js/webfonts/2930D3_2_0.eot');src: url('../js/webfonts/2930D3_2_0.eot?#iefix') format('embedded-opentype'),url('../js/webfonts/2930D3_2_0.woff') format('woff'),url('../js/webfonts/2930D3_2_0.ttf') format('truetype');}
 

 /* Bootstrap overrides */

html { font-size: 16px; }
body { font-family: FreightSans-Book, arial, sans-serif; font-size: 1em; letter-spacing: -0.035em; word-spacing: .12em; background-color: black;  }

.jumbotron { margin: 0; padding: 20px 8px; }
.wrapper { margin: 0 auto; max-width: 1100px; }
h1, h2, h3 { font-family: FreightSans-BlackSC; margin-bottom: 0; }
h1, h3 { font-size: 2.1em !important; }


.btn { border-radius: 2px; border: none; padding: 6px 18px; margin: 4px 8px 0 8px; }
input { border-radius: 0 !important; border: none !important; }



/* SICKSPORTS styles */

.first { padding-left: 0; }

.intro { padding-bottom: 300px; background: url('../images/preptime.jpg') no-repeat; background-size: cover; background-position: center center; }

.letsplay { background-color: #ffeb00; }
.letsplay .headline { margin-top: -83px; max-width: 100%; width: 1100px; height: 135px; background: url('../images/letsplay.png') no-repeat; background-size: cover; background-position: center center; }

.yellowbrick { background-color: #ffeb00; color: black;  }
.yellowbrick h3 { color: black; }
.yellowbrick .accent { color: #6728b5; }

.purplebrick { background-color: #6728b5; color: white; padding-bottom: 40px; }
.purplebrick h3 { color: white;  }
.purplebrick input { color: #6728b5; }
.purplebrick .btn { background-color: #00d8ff; color: white; }
.purplebrick .btn:hover { background-color: #00b6dd; }

.fanbrick { padding-top: 28%; background: url('../images/letsshout.jpg') no-repeat; background-size: cover; background-position: center center; }
.fanbrick h3, .fanbrick p { color: #00d8ff;  }

.bluebrick { background-color: #00d8ff; padding: 12px 0; }

.darkbrick { background-color: #033047; color: #6ae8ff; }
.darkbrick h3 { color: white; }

.redbrick { background-color: #E61C24; color: black; padding-bottom: 65px; }
.redbrick h3 { color: white; margin-bottom: 20px; }



.footerbrick { background-color: black; color: #b4cbd4; padding-top: 10px; font-size: 0.65em; letter-spacing: 0; }




/************************************************************************************
max-width = 568px  (conditions for mobile)
*************************************************************************************/
@media screen and (max-width: 568px) {
	html {
		-webkit-text-size-adjust: none; /* disable webkit text size adjust (for iPhone) */
	}
	body { width: 568px; }
	img.adaptive {
		margin-left: auto !important;	
	}
	.letsplay .headline { margin-top: -60px; width: 400px; height: 85px; background: url('../images/letsplay_mobile.png') no-repeat; background-size: cover; background-position: center center; }
}


/************************************************************************************
max-width = 480px  (conditions for mobile, landscape orientation)
*************************************************************************************/

@media screen and (max-width: 480px) {
	body{ width: 480px; }
	.video embed, .video object, .video iframe {
		min-height: 320px;
	}

}

/************************************************************************************
max-width = 320px  (conditions for mobile, portrait orientation)
*************************************************************************************/

@media screen and (max-width: 320px) {
	body{ width: 320px; margin: 0; padding: 0; }
	.wrapper { padding-right: 5px; }
	.letsplay .headline { margin-top: -50px; width: 400px; height: 64px; background: url('../images/letsplay_mobile.png') no-repeat; background-size: cover; background-position: center center; }
}