/*
Theme Name: ThemeKraft 2016
Theme URI: http://themekraft.com
Author: Konrad Sroka
Author URI: http://konradsroka.com
Description: Cool Shit From ThemeKraft.
Version: 1.2
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: cool shit, coffee,

Based on _tk v1.1.10

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

More Credits:

1. Bootstrap
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker
* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons
 * http://getbootstrap.com/components/
*/

/* My Minimal WordPress Styling comes here */
body {
	word-wrap: break-word;
	background: #2f2f2f;
	color: #2f2f2f;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 17px;
}
/* The ThemeKraft Font "Rezland"! */
@font-face {
	font-family: 'REZ';
	src:url('includes/resources/rezland/fonts/REZ.eot');
	src:url('includes/resources/rezland/fonts/REZ.eot?#iefix') format('embedded-opentype'),
		url('includes/resources/rezland/fonts/REZ.woff') format('woff'),
		url('includes/resources/rezland/fonts/REZ.ttf') format('truetype'),
		url('includes/resources/rezland/fonts/REZ.svg') format('svg');
	/*src: url('includes/resources/rezland/fonts/REZ.eot');
	src: local('☺'), url('includes/resources/rezland/fonts/REZ.woff') format('woff'), url('includes/resources/rezland/fonts/REZ.ttf') format('truetype'), url('includes/resources/rezland/fonts/REZ.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
.themekraft {
	font-family: 'REZ', 'rezland', 'rez','ubuntu',arial,sans-serif;
	letter-spacing: 1px;
	font-size: 20px;
}


/* Cool Elements */
.nopad {
	padding: 0;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', 'Open Sans Condensed', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: capitalize;
	font-weight: 700;
}
.nocap {
	text-transform: none;
}
h1, h2, h3 {
	margin-bottom: 15px;
	line-height: 1.6;
}
h1.page-title {
    margin-bottom: 25px;
    margin-top: 30px;
}

/* enhance readabilty in main entry content */
.entry-content,
.entry-content p {
	font-size: 19px;
}

h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }

@media (min-width: 768px) {
	h1 { font-size: 48px; }
	h2 { font-size: 34px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }

	/* little test */
	.entry-content,
	.entry-content p {
		font-size: 21px;
	}
}
@media (min-width: 1200px) {
	h1 {
		font-size: 48px;
	}
}
a {
	color: #A6C559;
}
a {
	font-weight: bold;
}
a:hover,
a:focus {
	color: #8ba744;
	text-decoration: underline;
}
.sidebar ul li a,
.nav li a,
.nav li a:hover,
.nav li a:focus,
.btn,
.btn:hover,
.btn:focus {
	font-weight: normal;
	text-decoration: none;
}


/* Buttons */
.btn-wrap {
	height: 54px;
	float: left;
	display: inline-block;
}
.btn {
	border: none;
	padding: 10px 18px;
	margin-right: 10px;
	border-radius: 1px;
	font-size: 17px;
	text-decoration: none;
	text-shadow: none;
	background: #141414;
	color: #fff;
	/* box-shadow: 5px 5px 5px rgba(0,0,0,0.25); */
	transition: all 0.05s ease-out;
	-webkit-transition: all 0.05s ease-out;
	text-transform: capitalize;
}
.btn:hover,
.btn:focus {
	/* margin-right: 9px;
	margin-left: 1px;
	margin-top: 1px; */
	border: none;
	background: #444;
	color: #fff;
	/* box-shadow: 2px 2px 2px rgba(0,0,0,0.4); */
}
.btn-white {
	border: 2px solid #fff;
	padding: 8px 16px;
	background: transparent;
	color: #fff;
}
.btn-white:hover,
.btn-white:focus {
	border: 2px solid #fff;
	padding: 8px 16px;
	background: #fff;
	color: #2f2f2f;
}
.btn-white.inside-linked-box:hover,
.btn-white.inside-linked-box:focus {
	color: #fff;
	background: transparent;
}
.btn-black {
	border: 2px solid #2f2f2f;
	padding: 8px 16px;
	background: transparent;
	color: #2f2f2f;
}
.btn-black:hover,
.btn-black:focus {
	border: 2px solid #2f2f2f;
	padding: 8px 16px;
	background: #2f2f2f;
	color: #fff;
}
.btn-black.solid {
	border: 2px solid #2f2f2f;
	padding: 8px 16px;
	background: #2f2f2f;
	color: #fff;
}
.btn-black.solid:hover,
.btn-black.solid:focus {
	border: 2px solid #555;
	padding: 8px 16px;
	background: #555;
	color: #fff;
}
.btn-black.yellow-box:hover,
.btn-black.yellow-box:focus {
	color: #ffcf22;
}

.btn-primary {
	background: #A6C559;
	border: none;
	padding: 10px 18px;
	color: #fff;
	transition: all 0.03s ease-out;
	-webkit-transition: all 0.03s ease-out;
}
.btn-primary:hover,
.btn-primary:focus {
	background: #afd74e;
	color: #fff;
	border: none;
}
.btn-large {
	font-size: 17px;
}
@media (min-width: 768px) {
	.btn-large {
		font-size: 23px;
	}
}
.pager li>a,
.pager li>span {
    border-radius: 0;
		border: 0;
    background: #2f2f2f;
    color: #e7e7e7;
		text-shadow: 0;
}
.pager li>a:hover,
.pager li>a:focus,
.pager li>span:hover,
.pager li>span:focus {
    border-radius: 0;
    background: #444;
    border: 0;
    color: #e7e7e7;
}


/* Form Submit */
.wpcf7-submit {
  font-family: FontAwesome, 'Source Sans Pro', Helvetica, Arial, sans-serif;
	padding-left: 20px;
	font-size: 15px;
	color: #e7e7e7;
}


/* Other Bootstrap elements */
.panel {
	border-radius: 0;
}
.panel-footer {
    padding: 0px 15px 15px;
    background-color: transparent;
    border-top: none;
		border-radius: 0;
}
.panel-default>.panel-heading {
		background: #fafafa;
		border-radius: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.textcenter {
	text-align: left;
}
@media (min-width: 768px) {
	.textcenter {
		text-align: center;
	}
}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 5px;
	margin-bottom: 5px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Wells, Boxes, Alerts, ...  */

.well {
    border-radius: 0;
		box-shadow: none;
		overflow: auto;
		border: none;
}
.well-alt {
    background: #f4f4f4;
}
.well-primary {
    background: #2f2f2f;
    color: #e7e7e7;
}
.alert {
	border-radius: 0;
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 40px;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}


/* Navigation */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.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:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/* WP Theme Repository Requirements */
.sticky {}
.gallery-caption {}
.bypostauthor {}
.entry-meta {
	clear: both;
}

/* The Burger Icon Man! */
#tf-slide-nav {
    position: fixed;
		z-index: 99999;
    float: none;
    top: 0;
    right: 0;
		overflow: auto;
		height: 58px;
		width: 66px;
		z-index: 99999;
		-webkit-transition: -webkit-transform .25s ease-out;
		transition: transform .25s ease-out;
}
#tf-slide-nav.darken {
		background: #000;
		background: rgba(0,0,0,0.3);
		border-radius: 0 0 0 50%;
}
#tf-slide-nav.tf-open {
	-webkit-transform: translateX(-230px);
	-ms-transform: translateX(-230px);
	transform: translateX(-230px);
}
@media (min-width: 492px) {
	#tf-slide-nav.tf-open {
		-webkit-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		transform: translateX(-260px);
	}
}
.tf-burger {
  position: absolute;
  right: 0;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 66px;
  height: 58px;
  border-radius: 0;
  border: none;
  -webkit-transition: all .25s;
  transition: all .2s;
  background-color: transparent;
  z-index: 9999;
	background: transparent;
}
.tf-burger span {
  display: block;
  position: absolute;
  top: 27px;
  left: 20px;
  right: 20px;
  height: 3px;
  background: #fafafa;
	border-radius: 3px;
  -webkit-transition: background 0.25s .25s;
  transition: background 0.25s .25s;
  -o-transition: background 0s 0s;
	-webkit-transition-delay: 0.25s,0s;
  transition-delay: 0.25s,0s;
}
.tf-open .tf-burger span {
  background: 0 0 transparent;
  transform: rotate(90deg);
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -o-transition: all 0s ease;
	-webkit-transition-delay: 0.1s,0s;
	transition-delay: 0.1s,0s;
}
.tf-burger span::after,
.tf-burger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
	background: #fafafa;
  content: "";
	border-radius: 3px;
  -webkit-transition-duration: .3s,.3s;
  transition-duration: .3s,.3s;
  -webkit-transition-delay: 0.3s,0s;
  transition-delay: 0.3s,0s;
}
.tf-burger span::before {
  top: -8px;
  -webkit-transition-property: top,-webkit-transform;
  transition-property: top,transform;
}
.tf-burger span::after {
  bottom: -8px;
  -webkit-transition-property: bottom,-webkit-transform;
  transition-property: bottom,transform;
}

.tf-open .tf-burger span::after,
.tf-open .tf-burger span::before {
  -webkit-transition-delay: 0s,.25s;
  transition-delay: 0s,.25s;
}
.tf-open .tf-burger span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tf-open .tf-burger span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* fix for old android stock browsers */
.tf-burger.oldandroid span,
.tf-burger.oldandroid span:before,
.tf-burger.oldandroid span:after,
.tf-open .tf-burger.oldandroid span,
.tf-open .tf-burger.oldandroid span:before,
.tf-open .tf-burger.oldandroid span:after {
	transition: all 0s linear;
	transition-delay: 0s, 0s;
}
.tf-open .tf-burger.oldandroid span:after {
  top: -8px;
}

/* Just on Homepage colored white! */
.front-page .tf-burger span,
.front-page .tf-burger span::after,
.front-page .tf-burger span::before {
  background-color: #fff;
}
.front-page .tf-open .tf-burger span {
  background: 0 0 transparent;
}

@media (min-width: 1200px) {
	.tf-burger, #tf-slide-nav {
    display: none;
	}
}

/* Slide Nav & Site Wrap */
#slidenav-wrap {
	position: fixed;
	top: 0;
	right: 0;
	width: 230px;
	height: 100%;
	background: #282828;
	z-index: 99;
	-webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	box-shadow: inset 2px 0px 2px rgba(0,0,0,0.2);
}
#slidenav-wrap .navbar-nav {
    margin: 0;
		float: none;
		border-bottom: 1px solid #2f2f2f;
		border-top: 1px solid #222;
}
#slidenav-wrap .nav li {
	float: none;
	width: 100%;
}
#slidenav-wrap .nav li a {
	color: #b3b3b3;
	padding: 17px 20px;
	border-bottom: 1px solid #222;
	border-top: 1px solid #2f2f2f;
	font-size: 15px;
}
li#seemywork {
    border-top: 1px solid #2f2f2f;
}
#slidenav-wrap .nav li a::before {
	/* font awesome styles */
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#slidenav-wrap .nav li a:hover,
#slidenav-wrap .nav li a:focus {
	color: #dfdfdf;
	background: #0f0f0f;
	border-bottom: 1px solid #141414;
	border-top: 1px solid #000;
}
#slidenav-wrap .nav > li:first-child a,
#slidenav-wrap .nav > li:first-child a:hover,
#slidenav-wrap .nav > li:first-child a:focus {
	border-top: none;
}
#sitewrap {
	background: #fff;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	z-index: 99;
	overflow: auto;
}
#sitewrap.slidenav-open {
	-webkit-transform: translateX(-230px);
	-ms-transform: translateX(-230px);
	transform: translateX(-230px);
	width: 100%;
	overflow: hidden;
}
@media (min-width: 492px) {
		#slidenav-wrap {
			width: 260px;
			-webkit-transform: translateX(260px);
		  -ms-transform: translateX(260px);
		  transform: translateX(260px);
		}

		#sitewrap.slidenav-open {
			-webkit-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			transform: translateX(-260px);
		}
}
.tf-open#slidenav-wrap {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
@media (min-width: 992px) {
	#sitewrap.slidenav-open {
		-webkit-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		transform: translateX(-260px);
	}
}




/* Header Main Nav */
#nav {
  overflow: auto;
  height: auto;
	background: #3f3f3f;
	position: absolute;
	width: 100%;
	z-index: 9999;
	top: 0;
	transition: all 0.15s ease-out;
}
.front-page #nav {
	background: transparent;
  width: 100%;
	transition: all 0.15s ease-out;
}
.front-page #nav.darken {
	background: #3f3f3f;
}
#nav .container {
	padding-bottom: 0;
}
.navbar-brand {
  padding: 20px 20px 20px 0;
	background: transparent; /* #ffc700; */
	margin-left: 0px;
	height: auto;
	text-align: center;
	font-family: 'REZ', 'rezland', 'rez','ubuntu',arial,sans-serif;
  font-size: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #fafafa;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	transition: all 0.04s ease-out;
}
.navbar-brand.home {
	display: none;
}
.navbar-brand:hover,
.navbar-brand:focus {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	background: transparent;
}
#mainnav {
	display: none;
}
#nav li a {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
  padding: 20px 26px;
	text-align: center;
  text-transform: capitalize;
  font-size: 15px;
	font-weight: normal;
	margin: 0;
	transition: all 0.04s ease-out;
}
#nav li a:hover,
#nav li a:focus {
	color: #fff;
	background:  rgba(0,0,0,0.15);
}

@media (min-width: 768px) {
}
@media (min-width: 1200px) {
	#nav, .front-page #nav {
		position: fixed;
		width: 100%;
		z-index: 9999;
		top: 0;
	}
	.front-page #nav {
		background: rgba(0,0,0,0.1);
	}
	.navbar-brand {
		padding: 25px 26px 25px 0;
	}
	#nav li a {
		color: #fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	  padding: 25px 30px;
	}
	#mainnav {
		display: block;
	}
}



/* Header */
#masthead {
  overflow: auto;
  background: transparent;
  width: 100%;
}
.front-page #masthead {

	background: url('includes/img/tk-header-bg2.jpg') no-repeat 0 0 transparent;
	background-size: cover;

	background-color: #d9845a; /* #57aba0 #d9845a #A6C559 #e4b352 #667c7b 				und noch andere von vorher - #5B7372 #40948f #55A09C #95B34C #C0D67C */
	height: 560px;
	width: 100%;
	position: absolute;
}

#lagoscart {
	position: absolute;
	top: 12px;
	left: 12px;
}
#lagoscart a {
	display: none;
	color: #aaa;
	font-size: 28px;
}
#lagoscart.in a {
	display: none;
  color: #fff;
}
#lagoscart.in a:hover,
#lagoscart.in a:focus {
  color: #fff;
	text-decoration: none;
}
.lagos-viewcart-text {
	font-size: 17px;
	font-family: inherit;
	font-weight: normal;
}
@media (min-width: 768px) {
	.front-page #masthead {
    height: 650px;
	}
	#lagoscart {
		top: 22px;
		right: 62px;
		left: auto;
	}
}
@media (min-width: 1200px) {
	#lagoscart {
    top: 22px;
    right: 82px;
	}
	.front-page #masthead {
		height: 680px;
	}
}

/* Main Content */
#mainwrap {
	padding-top: 0;
	margin-top: 60px;
}
.front-page #mainwrap {
	padding-top: 80px;
	margin-top: 0;
}
@media (min-width: 1200px) {
	#mainwrap {
		margin-top: 70px;
	}
}

.main-content {
    padding: 40px 0 0;
		background: #fbfbfb;
}


/* Front Page Normal */

#hellothere {
	padding: 60px 0 60px;
	color: #fff;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
	text-align: center;
	overflow: hidden;
	z-index: 0;
}
.hellobg {
	position: absolute;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	filter: blur(2.5px);
	top: 0;
	left: 0;
	-webkit-filter: blur(2.5px);
}
.hello-title-wrap {
	padding-bottom: 40px;
}
.hello-title {
  font-size: 25px;
  font-weight: 300;
  font-family: 'Oswald';
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
  padding: 10px 0 10px;
}
.hello-sub.big {
  font-size: 17px;
}
.hello-sub {
	width: 70%;
	min-width: 235px;
  margin: 0 auto;
	font-size: 17px;
}
.or {
	margin: 0 22px 0 10px;
	font-style: italic;
	display: none;
}
#hellothere .btn {
	margin: 0;
	margin-bottom: 20px;
	width: 90%;
	font-size: 17px;
	min-width: 235px;
  width: 70%;
}
#hellothere .btn:hover,
#hellothere .btn:focus {
	color: #141414;
}

@media (min-width: 520px) {
	.hello-title {
	    font-size: 40px;
	}
	.hello-sub.big {
	  font-size: 23px;
	}
}

@media (min-width: 768px) {
	.hello-title-wrap {
	  padding-bottom: 50px;
	}
	#hellothere {
		padding: 100px 0 40px;
		height: 600px;
	}
	.hello-title {
    font-size: 60px;
    padding: 10px 0 10px;
	}
	.hello-sub {
		font-size: 23px;
		width: auto;
		min-width: none;
	}
	.hello-sub.big {
		font-size: 36px;
		margin: 0;
	}
	#hellothere .btn {
		width: auto;
		min-width: none;
		font-size: 23px;
	}
	.newsitehomebtn {
		margin-left: 10px;
	}
	.or {
		display: inline-block;
		margin: 0 25px;
	}
}
@media (min-width: 992px) {
	.hello-title {
	    font-size: 68px;
	}
}

/* Flash Message */

#bang {
	padding: 30px 0;
	background: #fff;
	color: #5c686c;
	text-transform: none;
	text-align: center;
}
#bang h2 {
text-transform: none;
}


/* Main Content Elelements */

.title-wrap {
	margin: 0 0 20px;
	text-align: left;
	font-size: 17px;
}
@media (min-width: 768px) {
	.title-wrap {
		margin: 0 0 40px;
		font-size: 19px;
		text-align: center;
	}
	.title-alt {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 12px;
    font-size: 50px;
	}
}


/* Tools */

#tools {
	padding: 50px 0 50px;
	background: #fff;
}
.row-wrap {
	overflow: auto;
}
.tool {
	margin-bottom: 15px;
	background: #f2f7e7;
}
.tools-img {
	background: #5c686c;
	height: 150px;
}
.tools-title-wrap {
    margin: 0 0 30px;
}
.tools-title-wrap h1 {
    font-size: 37px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding-bottom: 10px;
}
.tool-title {
	margin: 30px 0 15px;
}
.tool p {
  font-size: 15px;
}
#tk-img { background: #c7db88; }
#wc4bp-img { background: #d0e29b; }
#buddyforms-img { background: #c7db88; }


#tools .btn {
    margin-bottom: 20px;
    margin-top: 10px;
}
@media (min-width: 768px) {
	.tools-img {
		height: 120px;
	}
	.tools-title-wrap {
		margin: 0 0 50px;
	}
	.tools-title-wrap h1 {
    padding-bottom: 15px;
    margin-bottom: 12px;
    font-size: 50px;
	}
	.row-wrap {
		background: #f2f7e7;
		padding-bottom: 30px;
	}
	.tool {
		margin-bottom: 0;
	}
	.tool-title {
		margin-bottom: 25px;
	}
	#tools .btn {
		margin-top: 25px;
	}
}

@media (min-width: 992px) {
	.tools-img {
		height: 150px;
	}
}

@media (min-width: 1200px) {
	.tool p {
		font-size: 100%;
	}
}






/* Start A New Site Section */
#newsite {
	padding: 50px 0;
	background: #f6f1da; /* f6f59c #93DECD  #b4ff8b #fe9696 #FFC46B #ffb55d #FFD280						#A8F5F0	#A7FFF7 #0fffb7 #7dfffb */
}
#newsite .steps-wrap {
	margin: 70px 0 40px;
}
#newsite .steps {
	margin: 10px 0;
	float: none;
	overflow: auto;
	padding: 20px 15px 12px;
	text-align: left;
	background: #E0D8B5;
	opacity: 0.6;
	min-width: 150px;
}
#newsite small {
	font-size: 79%;
	font-weight: 700;
}
#newsite .steps-icon {
    font-size: 44px;
    float: left;
    margin-right: 20px;
    line-height: 1.1;
}
@media (min-width: 768px) {
	#newsite {
		padding: 60px 0;
	}
	#newsite .steps {
		padding: 30px 10px 15px;
		margin: 15px 0;
		text-align: center;
		position: relative;
	}
	#newsite .steps-icon {
	    font-size: 44px;
	    float: none;
			width: 100%;
			text-align: center;
			padding: 0;
			margin: 0 0 20px;
	}
}
@media (min-width: 1200px) {
	#newsite small {
		font-size: 90%;
	}
	#newsite .steps {
		padding: 35px 10px 15px;
	}
}






/* Site Review */
#sitereview {
    padding: 30px 0;
    background: #fff;
}
/*  #b4ff8b #fe9696 #FFC46B 							#A7FFF7 #0fffb7 #7dfffb */
.ks-pricing {
	background: #e3e3e3;
	color: #888;
	padding: 5px 25px;
	font-size: 15px;
	margin-right: 10px;
	border-radius: 0px;
	font-weight: normal;
	font-style: inherit;
	position: absolute;
	right: 5px;
	top: 0;
	border-radius: 0 0 0 9px;
}
@media (min-width: 768px) {
	#sitereview {
		padding: 60px 0;
	}
	.ks-pricing {
		padding: 15px 30px;
		font-size: 17px;
	}
}

@media (min-width: 992px) {
	#sitereview .well {
    min-height: 330px;
	}
	#sitereview .customwork-box .btn {
		margin-top: 25px;
	}
}

@media (min-width: 1200px) {
	#sitereview .well {
    min-height: auto;
	}
	#sitereview .customwork-box .btn {
		margin-top: 0;
	}
}


/* Enquire */
#enquire {
	background: #EAF1E6; /* #e8f6df #b4ff8b; */
	padding: 50px 0;
}
#enquire-title {
	margin-bottom: 10px;
}
.enquire-sub {
	margin-bottom: 15px;
}
.enquire-note {
	margin-top: 25px;
	margin-bottom: 35px;
}
#enquire .btn {
    font-size: 19px;
    color: #fff;
    background: #2f2f2f;
}
#enquire .btn:hover,
#enquire .btn:focus {
    background: #444;;
}
#enquire .form-control {
	background: #f5faf1;
	border-color: #d7e7cc;
}
#enquire textarea.form-control {
    height: auto;
    min-height: 210px;
}
#enquire .gform_wrapper .ginput_container label,
#enquire .gform_wrapper .gfield_label {
    display: none;
}
#enquire .gfield {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	#enquire {
		padding: 50px 0;
	}
	.enquire-steps {
		background: #dae3bc;
		color: #949d76;
		padding: 5px 20px;
		border-radius: 15px;
	}
}
@media (min-width: 992px) {
	#enquire-title {
		font-size: 70px;
		margin-bottom: 20px;
	}
}







/* Meet The Team */
#theteam {
    padding: 40px 0;
}
#theteam .textcenter h1 {
    font-size: 43px;
    margin: 20px 0 15px;
    padding: 10px 0 10px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
}
.svenrad-double-wrap {
	background: #2f2f2f;
	overflow: auto;
	width: 100%;
	margin: 0 0 70px;
}
.svenrad-wrap {
	overflow: auto;
	width: 100%;
	height: auto;
	min-height: 380px;
	padding: 0;
}
.about-tk-box {
	background: #d4d4de;
	min-height: 350px;
	margin-top: 0;
}
.about-tk-box .title {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    font-size: 32px;
    text-align: right;
    bottom: 11%;
    position: absolute;
    right: 20px;
}
.about-tk-box .lead {
    font-size: 17px;
    text-align: right;
    margin: 0 -15px;
    padding: 8px 20px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    position: absolute;
    bottom: 0%;
    background: rgba(0,0,0,0.3);
    width: 100%;
}
#svenl77 {
	background: url('includes/img/sven-lehnert-themekraft-svenl77.jpg') no-repeat top left #e7e7e7;
	background-size: cover;
}
#konrads {
	background: url('includes/img/konrad-sroka-themekraft-konrads.jpg') no-repeat top left #dddec1;
	background-size: cover;
}

@media (min-width: 768px) {
	#theteam {
		padding: 50px 0;
	}
	#theteam .textcenter h1 {
		font-size: 72px;
		padding-bottom: 0px;
	}
	#theteam .textcenter .lead {
		font-size: 26px;
		margin-bottom: 55px;
	}
	.svenrad-wrap {
    padding: 0;
		max-width: 1600px;
		margin: 0 auto;
	}
	.about-tk-box {
		min-height: 420px;
	}
}





/* As Seen On */
#seen-on {
	padding: 15px 0 15px 0;
	background: #e7e7e7;
}
.seen-on-inner-wrap {
	padding: 20px 0 0 0;
}
.seen-on-title {
		margin: 0px 0 0px;
		color: #b4b4b4;
		font-size: 32px;
		text-align: center;
}
#seen-on img {
    padding-top: 0;
    width: 113.75px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    float: none;
}
#seen-on-title {
  position: relative;
  float: none;
  margin: 0 0 30px;
  color: #b4b4b4;
  font-size: 24px;
  font-weight: bold;
  padding: 25px 0 0;
  display: block;
  text-align: center;
	font-style: italic;
}

@media (min-width: 420px) {
	#seen-on img {
    display: inline-block;
	}
}

@media (min-width: 768px) {
	#seen-on-title {
		margin-right: 23px;
		padding: 75px 10px 30px;
		display: inline-block;
	}
	.seen-on-title {
		padding-left: 0px;
	}
	#seen-on img {
	    margin: 10px 0;
			width: 113.75px;
	}
}

@media (min-width: 992px) {
	#seen-on-title {
		margin-right: 53px;
	}
	.seen-on-title {
		padding-left: 35px;
	}
	#seen-on img {
	    margin: 10px 0;
			width: 217.5px;
	}
}

@media (min-width: 1200px) {
	#seen-on img {
	    margin: 10px 30px;
	}
}


/* Client Stories */
#stories {
	padding: 50px 0;
	background: #fff;
}
#stories .maintitle {
  font-size: 45px;
	display: inline-block;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
#stories .story {
	margin: 30px 0;
	padding: 70px 0;
}
#stories .story-img {
	float: none;
	margin: 0 auto 20px;
}
#stories .story-content .title {
	margin-bottom: 20px;
}
#stories .story-content p {
	margin-bottom: 20px;
}
#stories .client-review {
	clear: both;
	margin-top: 50px;
}
#stories .client-review img {
    float: left;
    margin-right: 15px;
}
#stories .client-review-txt {
	padding: 10px 15px;
	float: left;
	width: calc(100% - 90px);
	background: #e7e7e7;
	font-size: 19px;
	min-height: 75px;
}

@media (min-width: 768px) {
	#stories {
		padding: 60px 0;
	}
	#stories .maintitle {
		font-size: 65px;
	}
	#stories .story-content {
		margin: 0 15px;
	}
}
@media (min-width: 992px) {
	#stories .story-img {
		float: left;
		margin: 0 15px 15px 0;
	}
}







/* WooCommerce Archives */
.woocommerce ul.products li.product a * {
	transition: all 0.03s ease-out;
	-webkit-transition: all 0.06s ease-out;
	-moz-transition: all 0.06s ease-out;
	-ms-transition: all 0.06s ease-out;
	-o-transition: all 0.06s ease-out;
}
.woocommerce ul.products li.product a img {
    margin: 0 0 5px;
		background: #c81f1f;
}
.woocommerce ul.products li.product h3 {
    padding: 5px 0 5px;
    margin: 0;
    font-size: 17px;
    color: #141414;
    text-transform: inherit;
}
.woocommerce ul.products li.product .price {
    color: #c81f1f;
    font-weight: 300;
    margin-bottom: 0px;
    font-size: 15px;
}
.woocommerce ul.products li.product a:hover *,
.woocommerce ul.products li.product a:focus * {
    opacity: 0.8;
}
@media (max-width: 768px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
	    width: 46%;
	}
}


/* WooCommerce Global Styles */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* WooCommerce Buttons */
.woocommerce a.button,
.woocommerce input.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
	border-radius: 0;
	background: #141414;
	font-weight: normal;
	color: #e7e7e7;
}
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:focus,
.woocommerce input.button:focus,
.woocommerce button.button:focus,
.woocommerce #respond input#submit:focus {
	border-radius: 0;
	background: #444;
	color: #e7e7e7;
	font-weight: normal;
}
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt,
.woocommerce .button.wc-forward,
.woocommerce #respond input#submit.alt {
	border-radius: 0;
	background: #c81f1f;
	font-weight: normal;
	color: #fff;
}
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .button.wc-forward:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce .button.wc-forward:focus,
.woocommerce #respond input#submit.alt:focus {
	border-radius: 0;
	background: #e01414;
	font-weight: normal;
	color: #fff;
}


/* WooCommerce Single Products */
.single.woocommerce div.product .woocommerce-tabs ul.tabs {
	/*display: none;*/
}
.single.woocommerce .quantity .qty {
  height: 34px;
}
.single.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.woocommerce div.product .stock,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #888;
}
.single-product form.cart .variations td.label {
    display: none;
}
.single-product form.cart .variations {
	margin: 20px 0;
}
.single-product .summary button {
  font-size: 30px;
}
.single-product div.images img {
  border: 1px solid #ddd;
}
.single-product div.product .summary form.cart .button {
    float: none;
		font-size: 30px;
	  margin: 20px 0;
		clear: both;
		display: block;
}
.single-product div.product .summary form.cart div.quantity {
    float: left;
    margin: 0 4px 20px 0;
}

@media (min-width: 768px) {
	.single-product h1 {
    font-size: 38px;
    line-height: 1.4;
	}
}

/* Cart & Checkout Process */
#shipping_method label {
    padding-left: 30px;
}
.woocommerce-cart form input#coupon_code {
    height: 47px;
}


/* Blog & Post Single */
.single-post .page-title {
    margin-bottom: 10px;
}
.blog .page-title {
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 24px;
		line-height: 1.4;
}
@media (min-width: 768px) {
	.blog .page-title {
	    font-size: 28px;
	}
}
.single-post header .entry-meta {
    margin: 5px 0 15px;
    padding: 5px 12px;
    background: #eee;
		border: none;
		color: #999;
    display: inline-block;
}
.blog header .entry-meta {
    margin: 0px 10px 0px 0;
    background: transparent;
    border: none;
    color: #999;
    display: inline-block;
    float: left;
    font-style: italic;
}
.single-post .entry-content-thumbnail {
    float: left;
}
.blog .entry-content-thumbnail img {
	margin-bottom: 20px;
}
.single-post .entry-content-thumbnail img {
    margin: 8px 30px 25px 0;
}
.single-post .entry-content,
.blog .entry-content {
	margin: 30px 0;
}
.blog .entry-content {
	margin: 0 0 30px;
}
.blog header .entry-meta small,
.blog .entry-summary {
    font-size: 19px;
}
.blog footer.entry-meta {
	display: none;
}
.entry-content-thumbnail a:hover,
.entry-content-thumbnail a:focus {
	opacity: 0.8;
}


/* Comments */
#comments h5 cite {
  margin-right: 3px;
	font-style: normal;
}
#comments h5 {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 19px;
}
#comments .comment-meta {
	font-size: 80%;
}



/* Footer */
#footer {
	padding: 60px 0 0;
	background: #A6C559;
	background-size: cover;
	background-repeat: none;
	color: #fff;
	position: absolute;
	width: 100%;
	height: auto;
}
#footer .container-fluid {
    height: 75vh;
    max-height: 1000px;
}
#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover,
#footer a:focus {
	color: rgba(0,0,0,0.6);
}
.footer-big-block {
		padding: 60px 0 120px;
		text-align: center;
}
#footer a.btn-white {
	border-color: #fff;
}
#footer a.btn-white:hover,
#footer a.btn-white:focus {
	color: #A6C559;
	background: #fff;
}

/*
.footer-big-block .fa {
	font-size: 30px;
	padding: 20px 10px;
	font-weight: normal;
} */
.footer-title {
	/* text-transform: uppercase; */
}
#footer .credits {
	text-transform: uppercase;
	color: #888;
	text-align: right;
	font-size: 15px;
	margin-right: 25px;
}
#footer .credits.legal {
	text-align: left;
	margin-left: 25px;
	float: left;
}
#footer .credits a {
	color: #888;
	text-decoration: none;
	font-weight: bold;
}
#footer .credits a:hover,
#footer .credits a:focus {
	color: #fafafa;
	text-decoration: none;
	font-weight: bold;
}
@media (min-width: 768px) {
	.footer-title {
	}
	.footer-big-block {
			padding: 130px 0 120px;
			text-align: center;
	}
}

/* Bottom Nav */
#bottomnav {
	height: auto;
	overflow: auto;
	background: #2f2f2f;
	border-top: 1px solid #1f1f1f;
	color: #eee;
}
#bottomnav .container {
	padding-bottom: 0;
}
#bottomnav .nav {
    float: none;
    margin: 25px -15px 15px;
}
#bottomnav .nav li a {
	padding: 10px 15px;
	margin-right: 15px;
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	background: transparent;
	color: #aaa;
	font-weight: normal;
}
#bottomnav .nav li a:hover,
#bottomnav .nav li a:focus {
	background: transparent;
	color: #eee;
}
@media (min-width: 768px) {
	#bottomnav .nav {
		float: left;
		margin: 7.5px -15px;
	}
	#bottomnav .nav li a {
		padding: 50px 15px;
	}
}


/* Footer Last */
#footer-last {
	padding: 0 0 0 0;
	font-size: 15px;
	color: #555;
	background: #1f1f1f;
}
#footer-last .container {
	padding-bottom: 0;
}
#footer-last .nav.social li {
    font-size: 19px;
    float: left;
}
#footer-last .nav.social {
    float: left;
}
#footer-last .navbar-brand,
#footer-last .nav li a {
	padding: 0 15px;
  margin: 20px 0;
  float: none;
	font-weight: normal;
	background: transparent;
}
#footer-last a {
	color: #888;
}
#footer-last a:hover,
#footer-last a:focus {
	color: #e3e3e3;
}
#footer-last a.themekraft {
  padding: 0;
  margin: 0;
	display: none;
}

@media (min-width: 768px) {
	#footer-last {
		padding: 0 0 0 0;
	}
	#footer-last .nav.social {
		float: right;
	}
	#footer-last .navbar-brand,
	#footer-last .nav li a {
		padding: 29px 15px 23px;
		margin: 0;
	  float: left;
	}
	#footer-last a.themekraft {
		padding: 27px 20px 20px 0;
		display: inline-block;
	}
}


/* Input Tweak */
.form-control {
    border-radius: 0;
    padding: 10px 25px;
    font-size: 21px;
    height: auto;
}

/* Email Submit Success */
#boom {
    background: #141414;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 90px 20px 20px;
    color: #f4f4f4;
    text-align: center;
    font-size: 21px;
    z-index: 999999;
    margin: 0;
		transition: all 0.3s ease-out;
		height: 100%;
		display: none;
}
#boom.in {
	display: block;
}
#boom h1 {
	color: #f4f4f4;
	font-size: 56px;
	margin-top: 100px;
}
#closeme {
	color: #f4f4f4;
	font-size: 32px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	cursor: pointer;
	padding: 20px 40px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 999999;
}
#closeme:hover,
#closeme:focus {
	color: #ddd;
	text-decoration: none;
}
#plane {
	position: fixed;
	background: rgba(100,100,100,0.8);
	overflow: auto;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	height: auto;
	max-width: 100%;
}


/* Form Submit - Icon gotta be added in the plugin settings of the form! */
.wpcf7-submit {
  font-family: FontAwesome, 'Source Sans Pro', Helvetica, Arial, sans-serif;
  padding-left: 20px;
  font-size: 15px;
  color: #e7e7e7;
}


/* Disable scrollbar on Chrome and Safari browsers! */
html::-webkit-scrollbar { width: 0 !important }

/* ugly quick fix grr */
#sitewrap h3 {
	margin: 30px 0 15px 0;
}
.single-post #jp-relatedposts {
	display: none;
}
.sharedaddy {
	margin: 30px 0;
}