/*
 * Globals
 */

html {
	background-color: #222;
	background: url(../images/vainglory-lunar-new-year-map-1920x1080-sm.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html,
body {
	height: 100%;
	background-color: #222;
	background-color: transparent;
}



@font-face {
    font-family: 'northwood_highregular';
    src: url('../fonts/northwood_high-webfont.eot');
    src: url('../fonts/northwood_high-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/northwood_high-webfont.woff2') format('woff2'),
         url('../fonts/northwood_high-webfont.woff') format('woff'),
         url('../fonts/northwood_high-webfont.ttf') format('truetype'),
         url('../fonts/northwood_high-webfont.svg#northwood_highregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../fonts/brandon_med-webfont.eot');
    src: url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_med-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med-webfont.woff') format('woff'),
         url('../fonts/brandon_med-webfont.ttf') format('truetype'),
         url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.eot');
    src: url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_light-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light-webfont.woff') format('woff'),
         url('../fonts/brandon_light-webfont.ttf') format('truetype'),
         url('../fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/brandon_blk-webfont.eot');
    src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk-webfont.woff') format('woff'),
         url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
         url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.eot');
    src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff'),
         url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.vgHeroFont {
	font-family: 'northwood_highregular';
	font-size: 200%;
}

.brandFontBold {
	font-family: 'brandon_grotesquebold';
}

.brandFontBlack {
	font-family: 'brandon_grotesqueblack';
}

.brandFontLight {
	font-family: 'brandon_grotesquelight';
}

.brandFontMedium {
	font-family: 'brandon_grotesquemedium';
}



/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}



/*
 * Base structure
 */


body {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
	font-family: 'brandon_grotesquemedium';
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}

h1.vgHeroFont, 
h2.vgHeroFont, 
h3.vgHeroFont, 
h4.vgHeroFont, 
h5.vgHeroFont, 
h6.vgHeroFont {
	margin-bottom: 0px;
}



.greyText1 {
	color: #999;
}

.greyText2 {
	color: #bababa;
}

.container {
    overflow-y: hidden;
}

.container .jumbotron, .container-fluid .jumbotron {
    background-color: #666;
}

.title-image {
	padding-top: 90px;
}

.page-header {
	border-color: #333;
}

.supaNumb {
	font-size: 400%;
	font-weight: 100;
}

.tinyNumb {
	font-size: 80%;
}

.microNumb {
	font-size: 50%;
}



























.matchCard {
	background-color: #333333;
	margin: 10px 5px 30px;
	overflow: hidden;
}

.matchCard .victoryDefeat {
	font-size: 125%;
}

.matchCard .cardHeroName {
	font-size: 300%;
}

.matchCard .cardTitle {
	font-weight: 100;
}

.matchCard .cardData {
	font-weight: 700;
	font-size: 150%;
}

.matchCard .cardFooter {
	margin-bottom: 20px;
	padding: 3px;
	background-color: #333;
	position: relative;
	left: 15px;
	display: inline-block;
	background-color: #111;
	text-align: center;
}

.matchCard .imgWrapper {
	height: 0px;
}

.matchCard .itemThumb {
	width: 40px;
	height: 40px;
}

.matchCard .cardLeftCol {
	padding: 10px 0px 10px 30px;
}

.matchCard .cardRightCol {
	padding: 10px 30px 10px 0px;
}

.matchCard .cardCenterCol {
	padding: 10px 0px 30px;
}

.matchCard .cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.matchCard .Alpha_Skin_Horror_T2 {
	background: url(../images/heroSkins/alpha_splash_tier_2.jpg) no-repeat top center;
}
.matchCard .Baron_DefaultSkin {
	background: url(../images/heroSkins/baron_splash_tier_0.jpg) no-repeat top center;
}
.matchCard .Blackfeather_Skin_Vamp {
	background: url(../images/heroSkins/blackfeather_splash_tier_LE.jpg) no-repeat top center;
}
.matchCard .Catherine_Skin_Vampire_T1 {
	background: url(../images/heroSkins/catherine_splash_tier_1.jpg) no-repeat top center;
}
.matchCard .Celeste_Skin_Queen_T3 {
	background: url(../images/heroSkins/celeste_splash_tier_3.jpg) no-repeat top center;
}
.matchCard .Glaive_Skin_Sorrowblade {
	background: url(../images/heroSkins/glaive_splash_tier_E.jpg) no-repeat top center;
}
.matchCard .Gwen_DefaultSkin {
	background: url(../images/heroSkins/gwen_splash_tier_0.jpg) no-repeat top center;
}
.matchCard .Idris_DefaultSkin {
	background: url(../images/heroSkins/idris_splash_tier_0.jpg) no-repeat top center;
}
.matchCard .Joule_Skin_Snow {
	background: url(../images/heroSkins/joule_splash_tier_LE.jpg) no-repeat top center;
}
.matchCard .Lyra_Skin_Unicorn {
	background: url(../images/heroSkins/lyra_splash_tier_LE.jpg) no-repeat top center;
}
.matchCard .Rona_Skin_Bunny_RI {
	background: url(../images/heroSkins/rona_splash_tier_LERI.jpg) no-repeat top center;
}
.matchCard .Samuel_Skin_Apprentice {
	background: url(../images/heroSkins/samuel_splash_tier_1.jpg) no-repeat top center;
}
.matchCard .Taka_Skin_Oni {
	background: url(../images/heroSkins/taka_splash_tier_LE.jpg) no-repeat top center;
}