/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/
@import url('bootstrap/css/bootstrap.css'); 
/*@import url('bootstrap/css/bootstrap-responsive.css'); */

/* Custom background
-------------------------------------------------- */
/* Override base body styles */
body{ 
	font-family: AbyssinicaSILW; 
	font-size: 15px;
	/*font-family: 'Glass Antiqua';
	font-family: 'Happy Monkey', cursive;*/
    padding-bottom: 20px; 
	color: #a5a5a5;
	background: url(images/bg.png) center top #141414;
}

@font-face {
  font-family: AbyssinicaSILW;
  src: url(fonts/AbyssinicaSIL-R.woff);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	/*font-family: 'Happy Monkey', cursive;
	font-family: 'Glass Antiqua', cursive;*/
	font-family: AbyssinicaSILW; 
	color: #a5a5a5;/*cecdcd;*/
/*	text-shadow: 2px 2px 1px #3d3d3d;*/
}

h1,
.h1 {
  font-size: 48px;
}
h2,
.h2 {
  font-size: 36px;
}
h3,
.h3 {
  font-size: 30px;
}
h4,
.h4 {
  font-size: 24px;
}

h5,
.h5 {
  font-size: 20px;
}

a {
	color: #366f7c;/*1f5a72;*/
}

a:hover {
	color: #65c6e6;
	outline: 0;/*thin dotted #34372b;*/
}

/*Create the black fade behind header image*/
.blackfade-top {
	background-color: transparent;
	background: url(images/blackfade.png) repeat-x center top;
}

/*Draw header image*/
.jumbotron {
	margin: 20px 5% 0 5%;
	padding-left: 0;
	padding-right: 0;
	
	padding-bottom: 60%;
	background-color: transparent;
	background: url(images/header.png) no-repeat center top;
	background-size: 100% auto;
}

.toolbox {
	position: absolute;
	width: 100%;
}
/*Draw icons for social profiles*/
.social_profiles {
	min-width: 350px;
	margin-top: -5%;
	margin-left: 10%;
	border-radius: 4px;
}

.facebook {
	width: 100%;
	padding-bottom: 90%;
	background: url(images/schein-iconset/48x48/d_blue/facebook_alt.png) no-repeat center top;
	background: url(images/schein-iconset/48x48/d_blue/facebook.png) no-repeat center top;
	background-size: 100% auto;
	max-height: 48px;
}
.facebook:hover {
	background: url(images/schein-iconset/48x48/d_blue/facebook_alt.png) no-repeat center top;
	background-size: 100% auto;
}

.twitter {
	width: 100%;
	padding-bottom: 90%;
	background: url(images/schein-iconset/48x48/d_blue/twitter_alt.png) no-repeat center top;
	background: url(images/schein-iconset/48x48/d_blue/twitter.png) no-repeat center top;
	background-size: 100% auto;
	max-height: 48px;
}
.twitter:hover {
	background: url(images/schein-iconset/48x48/d_blue/twitter_alt.png) no-repeat center top;
	background-size: 100% auto;
}

.google {
	width: 100%;
	padding-bottom: 90%;
	background: url(images/schein-iconset/48x48/d_blue/google_alt.png) no-repeat center top;
	background: url(images/schein-iconset/48x48/d_blue/google.png) no-repeat center top;
	background-size: 100% auto;
	max-height: 48px;
}
.google:hover {
	background: url(images/schein-iconset/48x48/d_blue/google_alt.png) no-repeat center top;
	background-size: 100% auto;
}

.youtube {
	width: 100%;
	padding-bottom: 90%;
	background: url(images/schein-iconset/48x48/d_blue/youtube_alt.png) no-repeat center top;
	background: url(images/schein-iconset/48x48/d_blue/youtube.png) no-repeat center top;
	background-size: 100% auto;
	max-height: 48px;
}
.youtube:hover {
	background: url(images/schein-iconset/48x48/d_blue/youtube_alt.png) no-repeat center top;
	background-size: 100% auto;
}

/*.social_profiles img:hover{
	background-color: #65c6e6;/*041117; Green: #495b1f;Blue: #28728f;*/
	/*border: 1px solid transparent;*/
	/*border-radius: 4px;
}*/

/*Handle the language choosing icons*/
.qtrans_language_chooser { 
	min-width: 50px;
	list-style-type:none;
	margin-left: -3%;
	/*position:absolute;
	top:-10%;-100px;	margin-top: 18%;
	left:8.5%;
	
	margin-top: -8%;
	margin-left: 10%;*/
}
.qtrans_language_chooser li {
	float:left;
	margin-right: 3px;
}

.lang-en {
	background: url(flags/gb_norm.png) no-repeat center top;
	border: 1px solid transparent;
	border-radius: 2px;
	background-size: 20px 13px;
}

.lang-de{
	background: url(flags/de_norm.png) no-repeat center top;
	border: 1px solid transparent;
	border-radius: 2px;
	background-size: 20px 13px;
}
.lang-en.active {
	background: url(flags/gb_sel.png) no-repeat center top;
	background-size: 20px 13px;
}
.lang-de.active { 
	background: url(flags/de_sel.png) no-repeat center top;
	background-size: 20px 13px;
	/*border-color: #456a7078c6e5*/
}

.lang-en:hover {
	background: url(flags/gb_alt.png) no-repeat center top;
	background-size: 20px 13px;
}
.lang-de:hover {
	background: url(flags/de_alt.png) no-repeat center top;
	background-size: 20px 13px;
/*border-color: #65c6e6*/ 
}

/* Override base panel styles */
/*These are used as background for the text content*/
.panel-schein {
	margin: 0px 0px 0px 0px; /*top,right,bottom,left*/
	background-color: transparent;
	background: url(images/content_top_frame.png) no-repeat center top;
	background-size: 100% auto;
}

.panel-schein> .panel-body {
	/*margin: 0 3%;*/
	padding: 0;
	/*padding: 0px 25px 0px 25px; top,right,bottom,left*/
	background: url(images/content_bg.png) repeat-y center top;
	background-size: 100% auto;
}

 .panel-schein> .panel-heading {
	margin: -31% 0 0 0;
	padding: 0 0 29% 0;/*top,right,bottom,left*/
}

.panel-schein> .panel-footer {
	padding: 17% 0 0 0; /*top,right,bottom,left*/
	margin-top: -1px;
	margin-bottom: 5px;
	border-top: 0;
	background-color: transparent;
	background: url(images/content_bottom_frame.png) no-repeat center bottom;
	background-size: 100% auto;
	/*max-width: 1000px;*/
}

/*Make sure teaser text is block text instead of left align*/
.just{
	text-align:justify;
}

.col-nopadding {
  padding-left: 0px;
  padding-right: 0px;
}

.col-halfpadding {
  padding-left: 7px;
  padding-right: 7px;
}

.row-nomargin {
  margin-left: 0px;
  margin-right: 0px;
}

img, object {
	max-width: 100%;
}

/*A transparent button to fill with an image*/
.btn-link {
	max-width: 100%;
	border-color: rgba(43, 43, 52, 0.6);/*rgba(12,12,12,0.3);/*transparent;*/
	border-radius: 8px;
	padding: 12px 6px; /*top&bottom,left&right*/
	
	/*none|h-shadow v-shadow blur spread color |inset|initial|inherit;*/
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(43, 43, 52, 0.6);
	box-shadow: inset 1px 1px 5px 1px rgba(43, 43, 52, 0.6);
}

.btn-link:hover, .btn-link:focus {
	/*outline: none;*/
	/*margin: 0px;*/
	border-color: rgba(43, 43, 52, 0.6);
	-webkit-box-shadow: inset 1px 1px 6px 2px rgba(51, 51, 63, 0.6);
	box-shadow: inset 1px 1px 6px 2px rgba(51, 51, 63, 0.6);
	/*-webkit-box-shadow: inset 0 5px 7px rgba(50, 52, 43, 0.6);
	-webkit-box-shadow: inset 0 5px 7px rgba(43, 43, 52, 0.6);
	box-shadow: inset 0 5px 7px rgba(43, 43, 52, 0.6);*/
	background-color: rgba(43, 43, 52, 0.125);
}

.btn-link:active, .btn-link.active {
	border-color: rgba(43, 43, 52, 0.6);
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(43, 43, 52, 0.6);
	box-shadow: inset 0 0 2px 1px rgba(43, 43, 52, 0.6);
	/*-webkit-box-shadow: inset 0 5px 7px rgba(16, 15, 13, 0.6);
	-webkit-box-shadow: inset 0 5px 7px rgba(13, 13, 16, 0.6);
	box-shadow: inset 0 5px 7px rgba(13, 13, 16, 0.6);*/
	
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-game{
	width: 100%;
	padding-bottom: 30%;
	/*background: url(images/game_en.png) no-repeat center center;*/
	background: url(images/buy_now_en.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-game-de{
	width: 100%;
	padding-bottom: 30%;
	/*background: url(images/game_de.png) no-repeat center center;*/
	background: url(images/buy_now_de.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-game-preload {
	position: absolute; left: -1000px;
	/*background: url(images/game_en_alt.png) no-repeat center center;*/ /*preload*/
	background: url(images/buy_now_en_alt.png) no-repeat center center;
}

.btn-game-de-preload {
	position: absolute; left: -1000px;
	/*background: url(images/game_de_alt.png) no-repeat center center;*/ /*preload*/
	background: url(images/buy_now_de_alt.png) no-repeat center center;
}

.btn-game:hover, .btn-game:focus {
	/*background: url(images/game_en_alt.png) no-repeat center center;*/
	background: url(images/buy_now_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-game-de:hover, .btn-game-de:focus {
	/*background: url(images/game_de_alt.png) no-repeat center center;*/
	background: url(images/buy_now_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo{
	width: 100%;
	padding-bottom: 40%;
	background: url(images/demo_en.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo-de{
	width: 100%;
	padding-bottom: 40%;
	background: url(images/demo_de.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo-preload {
	position: absolute; left: -500px;
	background: url(images/demo_en_alt.png) no-repeat center center; /*preload*/
}
.btn-demo-de-preload {
	position: absolute; left: -1000px;
	background: url(images/demo_de_alt.png) no-repeat center center; /*preload*/
}

.btn-demo:hover, .btn-demo:focus {
	background: url(images/demo_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo-de:hover, .btn-demo-de:focus {
	background: url(images/demo_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo-mini{
	width: 100%;
	padding-bottom: 30%;
	margin-top: -20px;
	margin-bottom: -30px;
	background: url(images/demo_mini.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-demo-mini-preload {
	position: absolute; left: -500px;
	background: url(images/demo_mini_alt.png) no-repeat center center; /*preload*/
}

.btn-demo-mini:hover, .btn-demo-mini:focus {
	background: url(images/demo_mini_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-blog{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/blog_en_alt.png) no-repeat center center; /*preload*/
	background: url(images/blog_en.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-blog-de{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/blog_de_alt.png) no-repeat center center; /*preload*/
	background: url(images/blog_de.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-blog-preload {
	position: absolute; left: -500px;
	background: url(images/blog_en_alt.png) no-repeat center center; /*preload*/
}
.btn-blog-de-preload {
	position: absolute; left: -1000px;
	background: url(images/blog_de_alt.png) no-repeat center center; /*preload*/
}
.btn-blog:hover, .btn-blog:focus {
	background: url(images/blog_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-blog-de:hover, .btn-blo-de:focus {
	background: url(images/blog_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-presskit{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/presskit_en_alt.png) no-repeat center center; /*preload*/
	background: url(images/presskit_en.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-presskit-de{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/presskit_de_alt.png) no-repeat center center; /*preload*/
	background: url(images/presskit_de.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-presskit-preload {
	position: absolute; left: -500px;
	background: url(images/presskit_en_alt.png) no-repeat center center; /*preload*/
}
.btn-presskit-de-preload {
	position: absolute; left: -1000px;
	background: url(images/presskit_de_alt.png) no-repeat center center; /*preload*/
}
.btn-presskit:hover, .btn-presskit:focus {
	background: url(images/presskit_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-presskit-de:hover, .btn-presskit-de:focus {
	background: url(images/presskit_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-forum{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/forum_en_alt.png) no-repeat center center; /*preload*/
	background: url(images/forum_en.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-forum-de{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/forum_de_alt.png) no-repeat center center; /*preload*/
	background: url(images/forum_de.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-about{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/about_en_alt.png) no-repeat center center; /*preload*/
	background: url(images/about_en.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-about-de{
	width: 100%;
	padding-bottom: 35%;
	background: url(images/about_de_alt.png) no-repeat center center; /*preload*/
	background: url(images/about_de.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-about-preload {
	position: absolute; left: -500px;
	background: url(images/about_en_alt.png) no-repeat center center; /*preload*/
}
.btn-about-de-preload {
	position: absolute; left: -1000px;
	background: url(images/about_de_alt.png) no-repeat center center; /*preload*/
}

.btn-about:hover, .btn-about:focus {
	background: url(images/about_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-about-de:hover, .btn-about-de:focus {
	background: url(images/about_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-forum-preload {
	position: absolute; left: -500px;
	background: url(images/forum_en_alt.png) no-repeat center center; /*preload*/
}
.btn-forum-de-preload {
	position: absolute; left: -1000px;
	background: url(images/forum_de_alt.png) no-repeat center center; /*preload*/
}
.btn-forum:hover, .btn-forum:focus {
	background: url(images/forum_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-forum-de:hover, .btn-forum-de:focus {
	background: url(images/forum_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}

/*Section with the separator image*/
.separator {
	padding: 25px 0px;
}

/*Carousel*/
/*--------*/
.carousel {
	margin-top: 10px;
	margin-bottom: 40px;
}

/*Modify controls*/
.carousel-control, .carousel-control.left, .carousel-control.right{
	height: 30%;
	width: 8%;
	margin-top: 19%;
	
	background-image: none;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: transparent;
	border-radius: 8px;
	
	z-index: 15;
}

.carousel-control.left{
	margin-left: 5px;
}

.carousel-control.right{
	margin-right: 5px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	top: 45%;
	left: 25%;
	z-index: 15;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	top: 45%;
	right: 25%;
	z-index: 15;
}

.carousel-control:hover {
	-webkit-box-shadow: inset 0 5px 7px rgba(43, 43, 52, 0.6);
	box-shadow: inset 0 5px 7px rgba(43, 43, 52, 0.6);
	background-color: rgba(9, 9, 7, 0.4);
}

.carousel-control:active, .carousel-control.active {
	-webkit-box-shadow: inset 0 5px 7px rgba(13, 13, 16, 0.6);
	box-shadow: inset 0 5px 7px rgba(13, 13, 16, 0.6);
	
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*Modify carousel inner*/
.carousel-inner {
	/*Add background*/
	background-color: #090907; /*#171613;*/
	width: 100%;

	height: 0;
	padding-bottom: 56%;
}

/*Modify carousel items*/
.carousel-inner > .item {
	width: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 10;
}

.carousel-inner > .item > img {
	max-height: 100%;
	height: 100%; /*might wanna remove this later if we have really short pictures*/
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

.carousel-inner > .item > iframe{
	width: inherit;
	height: 100%;
	z-index: -1;
}

/*Specially adjusted for thumbnail-overview*/
.thumb-list {
	/*overflow-x: auto;*/
	overflow-y: hidden;
}

.carousel-indicators {
	margin-left: inherit;	
	position: relative;
	left: 0;
	bottom: 0;
	
	margin: 0 1px;
	width: 90%;
	min-height: 100%;
	
	white-space: nowrap;
}

.carousel-indicators li {
	position: relative;
	width: 20%;
	max-height: 100%;

	background-color: transparent;
	border-radius: 4px;
	border: 2px solid transparent;

	opacity: 0.5;
	filter: alpha(opacity=50);
	
	height: 0;
	padding-bottom: 10%;
}

.carousel-indicators li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.carousel-indicators li img{
	position: absolute;
	top: 0;
	left: 4%;
	max-height: 100%;
	
	margin-right: auto;
	margin-left: auto;
}

.carousel-indicators .active {
	width: 20%;	
	opacity: 1.0;
	filter: alpha(opacity=100);
	background-color: transparent;
	border-color: #171613;
	padding-left: 1px;
	padding-right: 1px;
}
 
.carousel-border{
	border: 5px solid #0b0b0b;
	background-color: #090907;
}

.carousel-border-top{
	border-top: 2px solid #0b0b0b;
}

.spacer { 
	text-align:center 
}

footer {
	text-align: center;
	color: #1f5a72;
}

/*Scrollbar stuff*/
.scroll-pane
{
	/*width: 100%;*/
	height: 100%;
	/*overflow: auto;*/
	outline: 0;
	border-radius: 2px;
}

.jspPane {
	width: 100%;
}

.jspHorizontalBar {
	background: transparent;
}

.jspTrack {
	background: #192b32/*2b352a*/;
}

.jspDrag {
	background: #1a4c60;/*3c491b;*/
	border-radius: 3px;
}

.jspHorizontalBar {
	height: 8px;
}

.jspHorizontalBar .jspArrow {
	width: 6px;
	background: #507e90;
	border-radius: 1px;
}

.jspCorner {
	background: red;/*#507e90;*/
}

.jspDrag:hover, .jspHorizontalBar .jspArrow:hover{
	background: #308aae;
}

/*Mailchimp styles*/
#mc_embed_signup{
	/*background:#fff;
	clear:left;
	font:14px Helvetica,Arial,sans-serif; */
}

#mc_embed_signup input.email {
	width: 81%;
	height: 100%;
	margin-top: -10px;
	margin-bottom: 0;
	max-width: 500px;
	/*min-width: 100px;*/
	background: #383838;
	border-color: #2e2e2e;
}

#mc_embed_signup .btn-link {
	width: 100%;
	max-width: 200px;
	margin-top: -25px;
	margin-left: -22px;
}

.btn-subscribe{
	width: 100%;
	padding-bottom: 25%;
	background: url(images/subscribe_en_alt.png) no-repeat center center; /*preload*/
	background: url(images/subscribe_en.png) no-repeat center center;
	background-size: 100% auto;
}

.btn-subscribe-de{
	width: 90%;
	padding-bottom: 25%;
	background: url(images/subscribe_de_alt.png) no-repeat center center; /*preload*/
	background: url(images/subscribe_de.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-subscribe-preload {
	position: absolute; left: -500px;
	background: url(images/subscribe_en_alt.png) no-repeat center center; /*preload*/
}
.btn-subscribe-de-preload {
	position: absolute; left: -1000px;
	background: url(images/subscribe_de_alt.png) no-repeat center center; /*preload*/
}
.btn-subscribe:hover, .btn-subscribe:focus {
	background: url(images/subscribe_en_alt.png) no-repeat center center;
	background-size: 100% auto;
}
.btn-subscribe-de:hover, .btn-subscribe-de:focus {
	background: url(images/subscribe_de_alt.png) no-repeat center center;
	background-size: 100% auto;
}


.form-control {
	color:  #adaaaa;
}

.form-control::-moz-placeholder {
	color:  #1e1e1e;
}

.form-control::-webkit-input-placeholder {
	color:  #1e1e1e;
}

/*Add all alt images here to make sure they don't flicker the first time*/
/*.preloadedImages
{
	position: absolute;
	left: -100px;
	height: 100px;
	width: 100px;
    background-image: url(images/demo_en_alt.png);
    background-image: url(images/demo_de_alt.png);
    background-image: url(images/game_en_alt.png);
    background-image: url(images/game_de_alt.png);
    background-image: url(images/blog_en_alt.png);
    background-image: url(images/blog_de_alt.png);
    background-image: url(images/presskit_en_alt.png);
    background-image: url(images/presskit_de_alt.png);
	background-image: url(images/forum_en_alt.png);
	background-image: url(images/forum_de_alt.png);
	background-image: url(images/subscribe_en_alt.png);
	background-image: url(images/subscribe_de_alt.png);
    background-image: url();

}*/

.hide {
	position: absolute; left: -8000px;
}