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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron-up-3:before {
	content: "\e900";
}
.icon-lock:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\e902";
}
.icon-twitter:before {
	content: "\e903";
}
.icon-youtube:before{
	content: "\e904";
}
.icon-download:before{
	content: "\e905";
}
.icon-search:before{
	content: "\e906";
}

.font16 { font-size: 16px; padding-right: 5px; }
.set-cursor { cursor: pointer; }


/*	=================================================================================================	*/
/*	Global - applies to all viewports 																	*/
/*	=================================================================================================	*/
html, body { height: 100%; }
body { background: #fff; color: #333; border-top: 3px solid #cd2d14; font-family: "Open Sans"; }
.body404 { display: flex; flex-direction: column; background: #900; }
.footer404 { flex-shrink: 0; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.text-black { color: #000 !important; }

/* Menu */
.navbar { margin: 0; text-transform: uppercase; margin-bottom: 0px !important; border-radius: 0;  min-height: 50px; padding: 0; }
.navbar-brand { font-size: 16px; }
.navbar-collapse { background: #fff; }
.navbar-collapse .nav > li { border-bottom: 1px solid #e2e2e2; }
.navbar-collapse ul { margin-top: 0; margin-bottom: 0; }
.navbar-nav .open .dropdown-menu { border-left: 10px solid #555;}
.navbar-nav > li > .dropdown-menu { border-radius: 0; }
.navbar li { margin-bottom: 0; }
.dropdown-menu { border-top: 0; }
.dropdown-header { font-size: 14px; color: #cd2d14; font-weight: bold; }
/* n-level drop down menu support */
.dropdown-submenu{ position:relative;}
.dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0; -moz-border-radius:0 6px 6px 6px; border-radius:0; border-left: 10px solid #cd2d14 !important;}
.dropdown-submenu>a:after  { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
.dropdown-submenu.pull-left { float:none;}
.dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.dropdown-submenu.open > .dropdown-menu { background: #f8f8f8; border: 1px solid rgba(0, 0, 0, 0.15); }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #555; color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ccc; }
.btn-login { background: #be2a12 !important; color: #fff !important; border-radius: 0; }
.btn-login:hover, .btn-login:focus { background: #cd2d14 !important; color: #fff !important; }

/* set content container background to white */
.container-content { background: #fff; z-index: 50; }

/* Headings */
h1 { font-size: 36px; color: #cd2d14; font-family: "Open Sans Condensed"; font-weight: 300;}
h2, h3, h4, h5, h6 { font-family: "Roboto Condensed"; font-weight: 300; color: #333; position: relative;}
h2 { font-size: 24px; margin: 1.5em auto 0.5em auto;  background: #888; color: #fff; padding: 10px;}
h2.news { margin: 0.5em 0 1.5em 0}
h2.news-banner { margin: 0.5em 0 1em 0; background: #900;}
h3 { font-size: 22px; }
h4, h5, h6 { font-size: 20px; color: #cd2d14; }
article h3 { color: #cd2d14; margin-top: 0; }
caption h2, caption h3 { background: transparent; font-family: "Open Sans"; color: #fff; padding: 0; margin: 0; font-size: 16px; font-weight: bold; }
.gallery h4 { font-family: "Open Sans" !important; }

/* links */
a { color: #cd2d14; }
a:hover, a:focus { color: #be2a12; text-decoration: underline; }
a.link404 { color: #fff; text-decoration: underline; }
#social a:hover, #social a:focus { text-decoration: none !important; }

/* misc */
.nopad { padding: 0 !important; }
.center { text-align: center; }
.img-center { position:relative; margin-left: auto; margin-right: auto; }
.img-border { border: 1px solid #ccc; }
.visible-xs strong { background: #cd2d14; color: #fff; padding: 0 3px; margin-right: 3px; }
.ghost { opacity: 0.3; }
.highlight-red { background: #fff0f0; padding: 15px; border: 1px solid #e4b9b9; }
.highlight-green { background: #f3fff0; padding: 15px; border: 1px solid #d0f6c7; }
.highlight-yellow { background: #fffbe8; padding: 15px; border: 1px solid #f0e29b; }
strong.highlight { background: #e7e7e7; }
ul.line > li { margin-bottom: 5px; }
figcaption { text-align: center; margin: 15px 0; font-style: italic;}

/* section */
section.logo-link img { margin-top: 30px; }

/* Abbreviations */
abbr { border: 0 !important;}

/* tables */
td { font-size: 13px; }
thead th, thead td { background: #d4d4d4; color: #444; border: 1px solid #bbb !important; }
table.roles tbody tr th { background: transparent; color: #333; border-color: #ddd;}
table.roles tr.table-subheading th { background: #555 !important; border-left: 1px solid #555 !important; border-right: 1px solid #555 !important; color: #fff; }
th.col-comp, td.col-comp { width: 10%; }
th.col-ref, td.col-ref { width: 12.65%; }
th.col-result, td.col-result { width: 8%; }
th.col-team, td.col-team { width: 20%; }
th.col-vs, td.col-vs { width: 40%; }
th.col-officials, td.col-officials { width: 26%; }
th.col-tip, td.col-tip { width: 12%; }
th.col-week, td.col-week { width: 20%; }
.table-stripe > tbody > tr:nth-child(2n+2) > td, .table-stripe > tbody > tr:nth-child(2n+2) > th { background: #f9f9f9; }
.table-stripe th { background: #d4d4d4 !important; border: 1px solid #bbb !important; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #d9edf7; }
.table > thead > tr > td.cup, .table > tbody > tr > td.cup, .table > tfoot > tr > td.cup, .table > thead > tr > th.cup, .table > tbody > tr > th.cup, .table > tfoot > tr > th.cup, .table > thead > tr.cup > td, .table > tbody > tr.cup > td, .table > tfoot > tr.cup > td, .table > thead > tr.cup > th, .table > tbody > tr.cup > th, .table > tfoot > tr.cup > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.cup:hover, .table-hover > tbody > tr > th.cup:hover, .table-hover > tbody > tr.cup:hover > td, .table-hover > tbody > tr:hover > .cup, .table-hover > tbody > tr.cup:hover > th {
    background-color: #faf2cc;
}
caption { font-size: 16px; background: #333; text-transform: uppercase; padding: 10px; text-align: left; }
 /* Nice Blue - 3c54c5 .... Dark Grey 333   ...light grey eee */

/* quotes */
blockquote { font-size: inherit; }
blockquote footer, blockquote small, blockquote .small { background: #f8f8f8; padding: 3px; color: #777; margin-top: 10px;}

/* logo */
section.logo { text-align: center; margin: 20px 0; }

/* scroll up */
.scrollup{ position:fixed; bottom:100px; right:5px; display:none; z-index: 60; }
p#scrolltop { padding: 0; margin: 0; }
p#scrolltop a .icon-chevron-up-3 { color: #fff !important; font-size: 34px; }
p#scrolltop a { text-decoration: none; background: #555; color #fff; padding: 10px 10px 5px 10px; }
p#scrolltop a:hover, p#scrolltop a:focus { background: #111; }

/* tagline */
#tagline { font-family: "Alegreya Sans SC"; font-weight: 400; border-top: 4px solid #DDDDDD; color: #8D8D8D; font-size: 23px; font-style: normal; padding-top: 30px; position: relative; text-align: center; margin-top: 20px;}
#tagline:after{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #DDD rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-right: 6px solid rgba(0, 0, 0, 0); border-style: solid; border-width: 6px; content: ""; left: 50%; margin-left: -3px; position: absolute; top: 0;}
.tagline404 { border-top-color: #fff !important; }
.tagline404 p { color: #fff; }


/* Footer */
footer { background: #333; position: relative; }
footer .container { background: #444; color: #fff; }
footer .copyright { line-height: 2.5em; margin-bottom: 1.5em; }
footer h3, footer h4, .copyright { color: #ccc; }
.twitter ul { height: 100px; overflow: hidden; list-style: none outside none; padding-left: 0; /*width: 99999px;*/ }
.twitter ul li { height: 100px; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; /*width: 331px;*/ }
.twitter .tweet { overflow: hidden; }
span.dt { display: block; background: #a83f3b; color: #fff; font-size: 14px; text-align: center; float: left; padding: 5px 7px 8px 7px; margin-right: 10px; text-transform: uppercase; }
span.dt > b { font-size: 28px; }
span.tweet-date { display: inline-block; background: #333; color: #fff; font-size: 14px; text-align: center; float: left; padding: 0 10px 5px 10px; margin-right: 10px; text-transform: uppercase; }
span.tweet-date > b { font-size: 28px; }
span.tweet-content { display: inline-block; float: left; }
#social { text-align: center; background: #be2a12; color: #fff; padding: 15px; }
#social ul { margin-bottom: 0; }
#social a span[class^="icon-"] { text-decoration: none; font-size: 26px; color: #fff; }
#social a:focus [class^="icon-"], #social a:hover [class^="icon-"] { color: #333; }

/* mailchimp form */
#mc-result { display: block; padding: 5px; color: #fff; }
#mc-result a { color: #fff; font-weight: bold; text-decoration: underline; }
#mc-result a:hover, #mc-result a:focus { color: #333; }
.mc-error { background: #c00; }
.mc-success { background: #2cbc31; }

/* 404 */
.sub404 { font-size: 2em; text-transform: uppercase; padding-top: 30px; }
.tag404 { font-size: 1.5em; }

/*	=================================================================================================	*/
/*	Mobile specific Styles 	(XS)																		*/
/*	=================================================================================================	*/
h1#device:after { content: 'XS';}
.container-content { padding-left: 0; padding-right: 0; }
/* 404 */
.backdrop404 { z-index: 10; padding-top: 40px; color: #fff; flex: 1 0 auto; }

/*	=================================================================================================	*/
/*	Applies to larger screens	(SM / MD / LG)															*/
/*	=================================================================================================	*/
@media (min-width: 768px){
	body { background: #900 url("../images/bg-tile.jpg") repeat-x; }
	header { z-index: 100; position: fixed; left: 0, right: 0; top: 0; width: 100%; background: #222; }
	footer { z-index: 50; }
	.container-content { background: #fff; padding-left: 15px; padding-right: 15px; }
	.backdrop { z-index: 10; padding-top: 100px; background: url("../images/bg-1220.jpg") top center no-repeat; position: relative;}
	.backdrop404 { z-index: 10; padding-top: 150px; color: #fff; flex: 1 0 auto; }
	.torn { z-index: -1; position: absolute; top: 725px; left: 0; background: url("../images/paper.png") repeat-x; height: 100px; width: 100% !important; }
	.scrollup{ right:20px; }
	
	/* Menu */
	.navbar { font-size: 14px; padding: 10px 0; }
	.navbar-nav{ margin: 0 auto; display: table; table-layout: fixed; float:none; }
	.navbar-collapse { background: #222; }
	.navbar-collapse .nav > li { border: 0; }
	.navbar-default { background: transparent; border: 0;}
	.navbar-default .navbar-nav > li > a { color: #fff; padding: 5px 15px; }
	.dropdown-submenu.open > .dropdown-menu { background: #fff;}

	/* footer */
	#social { background: none; text-align: right; padding-top: 0; }
	#social ul:before { padding: 10px !important; }
	#social ul li { margin-bottom: 0; }
	#social a:focus [class^="icon-"], #social a:hover [class^="icon-"] { color: #cd2d14; }

	/* tables */
	caption { text-align: center; }

	/* debug viewport */
	h1#device:after { content: 'SM';}
}

@media (max-width: 991px){
	/* fix for wrapping menu on smaller tablets such as Nexus 7 */
	.menu, .container-content, .container-footer { width: 100%; }
}

/*	=================================================================================================	*/
/*	MEDIUM Viewports (Laptops / Large Tablets (MD / LG)													*/
/*	=================================================================================================	*/
@media (min-width: 991px){

	/* Footer */
	#social a span[class^="icon-"] { font-size: 24px; }
	
	/* debug viewport */
	h1#device:after { content: 'MD';}
}

/*	=================================================================================================	*/
/*	LARGE Viewports (Laptops / Desktops / Large Tablets (LG)											*/
/*	=================================================================================================	*/
@media (min-width: 1200px){

	/* debug viewport */
	h1#device:after { content: 'LG 1200+';}
}

@media (min-width: 1366px){
	/* backdrop image */
	.backdrop { background: url("../images/bg-1400.jpg") top center no-repeat; }
	/* debug viewport */
	h1#device:after { content: 'LG 1366+';}
}

@media (min-width: 1600px){

	/* backdrop image */
	.backdrop { background: url("../images/bg-1600.jpg") top center no-repeat; padding: 100px 0 0 0;}
	
	/* debug viewport */
	h1#device:after { content: 'LG 1600+';}
}

@media (min-width: 1920px){
	/* backdrop image */
	.backdrop { background: url("../images/bg-1920.jpg") top center no-repeat; }
	/* debug viewport */
	h1#device:after { content: 'LG 1920+';}
}