/* 
Title: 	Reset default browser styles
Author:	http://meyerweb.com/eric/tools/css/reset/ 
			v2.0 | 20110126
			edited by ForbiddenToast.com 
License: none (public domain)
*/
/* prettier-ignore */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, /*table /* [FT] messes up table center ,*/ caption, tbody, tfoot, thead, th, /*td /* [FT] removes inline padding ,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/ /*[FT] messes up Dreamweaver design view*/
	/*vertical-align: baseline;*/ /*[FT] moves table content to the bottom*/
}

img,
iframe {
   border: 0; /*[FT]*/
}

/* HTML5 display-role reset for older browsers */
/* prettier-ignore */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
   line-height: 1;
}
ol,
ul {
   list-style: none;
}
blockquote,
q {
   quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* ========================================================================== */
/*  :: General */
/* ========================================================================== */

html {
   min-width: 1280px;
   margin: 0 auto;
   font-family: "Cabin", sans-serif;
   font-weight: 400;
   font-size: 20px;
   line-height: 1.3;
   background-image: url(background.jpg);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center top;
}

/* Dark Theme (Default) */
html:has(.dark) {
   background-color: #000000;
}

.dark {
   color: #fff;
}

/* Light Theme */
html:has(.light) {
   background-color: #ffffff;
}

.light {
   color: #000000;
}
strong {
   font-weight: 700;
}

h2 {
   font-size: 25px;
   text-transform: uppercase;
   font-weight: 400;
   padding: 50px 0 0 0;
   letter-spacing: 5px;
}

.dark h2 {
   color: #333;
}

.light h2 {
   color: #333;
}

h3 {
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 400;
   padding: 30px 0 0 20px;
   letter-spacing: 2px;
}

.dark h3 {
   color: #5f84e0;
}

.light h3 {
   color: #5f84e0;
}

h4 {
   font-size: 15px;
   text-transform: uppercase;
   font-weight: 400;
   padding: 15px 0 0 50px;
   letter-spacing: 1.7px;
}

.dark h4 {
   color: #ffbe6d;
}

.light h4 {
   color: #d2691e;
}

h5 {
   font-size: 14px;
   font-weight: 400;
   padding: 15px 0 0 75px;
   letter-spacing: 1.2px;
}

.dark h5 {
   color: #05badd;
}

.light h5 {
   color: #0066cc;
}

ul {
   padding: 6px 0 0 75px;
}

li {
   padding: 4px 0 20px 20px;
}

img,
video,
svg,
object {
   display: block; /* now it doesn't adhere to line-height anymore */
}

.shadow1 {
   box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); /*x,y,blur,strength,(color,alpha)*/
}

.displayNone {
   display: none;
}

/* ========================================================================== */
/*  :: Navigation */
/* ========================================================================== */

a {
   text-decoration: underline;
}

.dark a {
   color: #c71c12;
}

.light a {
   color: #c71c12;
}

.dark a:hover {
   color: #fff;
}

.light a:hover {
   color: #fff;
}

.dark a.active {
   color: #fff;
}

.light a.active {
   color: #fff;
}

/* ========================================================================== */
/*  :: Wrapper */
/* ========================================================================== */

#wrapper {
   min-width: 1000px;
   margin: 0 auto;
}

#content {
   padding-top: 275px;
   width: 1250px;
   margin: 0px auto 100px auto;
}

#logo {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   display: block;
}

/* Twitch Logo */
.twitch #logo {
   background-image: url("https://clients.twitchla.com/assets/logo.png");
   width: 150px;
   height: 36px;
}