/*
 * sf2014.css
 * Schachfinale 2014
 *
 * last change 2014-01-11
 */

body {
	padding-top: 50px;
	background-color: #222222;
}

.jumbotron {
	margin-bottom: 0;
	/*
	 background: transparent url('../img/splash.jpg') no-repeat top right;
	 background-size: 100% auto;
	 */
}

/* ==|== Header Splash (Responsive, Mobile First) ================= */
.splash {
	position: relative;
}
.splash .img-responsive {
	margin: 0 auto;
}

.splash h1 {
	/*
	 * The Kellum Method
	 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
	 */

	/*  background: transparent url('../img/header_title.png') no-repeat; */ /* shows image */
	/* be sure to set height & width */
	/*
	 height: 300px;
	 width:  464px;
	 */

	/* Hide the text. */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	display: none;
}

.splash-body {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}


.splash-body .logo {
	position: absolute;
	bottom: 20px;
}


.splash-body #logo-sce-top {
	right: 232px;
}

.splash-body #logo-bliga-top {
	right: 20px;
}


/* ==|== Navigation ================= */

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #E61C00;
}

.navbar .container {
	/* padding: 0; */
}

/* ==|== sections ================= */

.section, .footer {
	padding-top: 30px;
	padding-bottom: 50px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #555555;
}

#home {
	padding: 0;
	border: none;
	background: #222222;
}

/* ==|== Light section ================= */

.section:nth-child(odd) {
	background: #e6e6dc url('../img/bg_white_wood.jpg');
}

.section:nth-child(odd) h2, .section:nth-child(odd) h3 {
	color: #555555;
}

/* ==|== Dark section ================= */

.section:nth-child(even) {
	background: #252525 url('../img/bg_dark_wood.jpg');
	color: #ADADAD;
}

.section:nth-child(even) h2 {
	color: #f7f7f7;
	/* text-shadow: 3px 3px 20px #000000; */
}
.section:nth-child(even) h3, .section:nth-child(even) h4, .section:nth-child(even) dt {
	color: #E0E0E0;
}

/* == | == Thumbnails =============== */

.section:nth-child(even) .thumbnail {
	background-color: #000000;
	/* background: transparent;*/
	border-color: #555555;
	/* border-color: #aaa; */
}

.section:nth-child(even) a.thumbnail:hover, .section:nth-child(even) a.thumbnail:focus, .section:nth-child(even) a.thumbnail.active {
	/* 	border-color: #E61C00; */
	border-color: #FFFFFF;
}

/* == | == Links =============== */

.section:nth-child(odd) a {
	color: #800000;
	text-decoration: underline;
}

.section:nth-child(odd) a:hover, .section:nth-child(odd) a:focus, .section:nth-child(odd) a:active {
	color: #E61C00;
	text-decoration: underline;
}

.section:nth-child(even) a, footer a {
	color: #E0E0E0;
}

.section:nth-child(even) a:hover, footer a:hover, .section:nth-child(even) a:active, footer a:active, .section:nth-child(even) a:focus, footer a:focus {
	color: #FFFFFF;
}

.section:nth-child(even) a {
	text-decoration: underline;
}

/* == | == Headers =============== */

h2 {
	/* font-family: 'Lustria', serif; */
}

h2 {
	border-bottom: 1px solid #E61C00;
	display: inline-block;
	padding-bottom: 0.25em;
	margin-bottom: 1em;
}



/* == | == Texte =============== */

.container p {
	text-align: justify;
}

.container .thumbnail {
	border-radius: 0;
}

.date, .programm h4 {
	color: gray;
}

/* ==|== Spielplan ================= */

.spielplan h3, .spielplan .date {
	text-align: center;
}

.spielplan table {
	margin: 0 auto;
}

.spielplan td {
	padding: 0 4px;
}

.spielplan td:nth-child(1) {
	text-align: right;
}

.spielplan td:nth-child(2) {
	text-align: center;
	padding: 0 16px;
}

/* ==|== Programm ================= */

.programm dd {
	margin-bottom: 16px;
}

/* ==|== Kontakt ================= */

.kontakt .vcard {
	text-align: center;
}

.kontakt .thumbnail {
	display: inline-block;
}

/* ==|== Sponsoren ================= */
.sponsoren .banner {
	margin: 0 auto;
}

#sponsoren .thumbnail {
	background-color: #fff;
}

/* ==|== Footer ================= */
footer {
	background-color: #222;
	padding: 32px 0;
	color: #ADADAD;
}

#impressum .modal-content {
	border-radius: 0;
}

#impressum .modal-header {
	border-bottom: none;
}

#impressum .close {
	font-size: 30px;
}


/* ==|== Media Queries ================= */

/* X-Small devices (tablets, 768px and up) */
@media (max-width: 767px) { 
	h2 { font-size: 26px;}
	h3 { font-size: 22px;}
	
	.splash-body #logo-sce-top {
		width: 48px;
	}
	
	.splash-body #logo-bliga-top {
		width: 96px;
	}
	
	.splash-body #logo-sce-top {
		right: 120px;
	}
	
	.splash-body #logo-bliga-top {
		right: 10px;
	}

	.splash-body .logo {
		bottom: 10px;
	}
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.splash-body #logo-sce-top {
		width: 64px;
	}	

	.splash-body #logo-bliga-top {
		width: 128px;
	}

	.splash-body #logo-sce-top {
		right: 172px;
	}

	.splash-body .logo {
		bottom: 10px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.splash-body #logo-sce-top, 
	.splash-body #logo-bliga-top {
		width: auto;
	}	

	.splash-body .logo {
		bottom: 20px;
	}

	.splash-body #logo-sce-top {
		right: 232px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}