/********
Framework
*********/

/*
Theme Name: Lebenswelt
Theme URI: http://fiatinsight.com
Version: 3
Author: Andrew Haines & Ben Zumdahl
Derived from Twitter Bootstrap Responsive v2.0.3
*/



/* ==================================
     Framework Calibration (Master)
   ================================== */


/*** Framework (% Spans) ***/

.span12 {width: 99.999%;}

.span11 {width: 91.666%;}

.span10 {width: 83.333%;}

.span9 {width: 75%;}

.span8 {width: 66.666%;}

.span7 {width: 58.333%;}

.span6 {width: 50%;}

.span5 {width: 41.666%;}

.span4 {width: 33.333%;}

.span3 {width: 25%;}

.span2 {width: 16.666%;}

.span1 {width: 8.333%;}


/*** Offsets (% Spans) ***/

.offset12 {margin-left: 99.999% !important;}

.offset11 {margin-left: 91.666% !important;}

.offset10 {margin-left: 83.333% !important;}

.offset9 {margin-left: 75% !important;}

.offset8 {margin-left: 66.666% !important;}

.offset7 {margin-left: 58.333% !important;}

.offset6 {margin-left: 50% !important;}

.offset5 {margin-left: 41.666% !important;}

.offset4 {margin-left: 33.333% !important;}

.offset3 {margin-left: 25% !important;}

.offset2 {margin-left: 16.666% !important;}

.offset1 {margin-left: 8.333% !important;}


/*** Framework (by Unique Elements) ***/

.span-mainpage {width: 58.333%;}

.span-sidebar {width: 41.666%;}

.span-title {width: 41.666%;}

.span-slider {width: 66.666%;}

.fcol {width: 33%;}


/*** Containers & Wrappers ***/

.container {
	overflow: visible;
	margin: 0 auto;
	width: 100%;
	}

.grad0 {
	width: 100%;
	max-width: 1800px;
	}

	.grad15 {
		width: 100%;
		max-width: 1500px;
		}

	.grad14 {
		width: 100%;
		max-width: 1400px;
		}

	.grad1 {
		width: 100%;
		max-width: 1200px;
		}

	.grad2 {
		width: 80%;
		max-width: 1000px;
		}

	.grad3 {
		width: 60%;
		max-width: 800px;
		}

.container:before,
.container:after {
  display: table;
  content: "";
}

.container:after {
  clear: both;
}


/* container-fluid needs to be deprecated */
.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}

.video-wrapper * {
max-width: 100% !important;
}

/* ==================================
     Responsive Calibration (Master)
   ================================== */


	/*** Responsive Universals ***/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
}

.borderbox {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/* --- Break Points --- */


	/*** Defaults ***/


	/*** Smartphones ***/

	@media (max-width: 320px) {
		#friday-modal .nav li a {
			padding: 10px 8px;
		}
	}

	@media (max-width: 767px) {


		/* Visibility */


		/* Invisibility */

		.hidden-phone {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}


		/* Framework */

		.span1,
		.span2,
		.span3,
		.span4,
		.span5,
		.span6,
		.span7,
		.span8,
		.span9,
		.span10,
		.span11,
		.span12,
		.fcol {
			width: 99.9999%;
	  		}

		/* Layout Elements */

		body {
			padding: 0;
			}

		.container {width: auto;}
		.container-fluid {
			padding: 0;
			}

		.navbar {
			margin: 0;
			}

		.navbar-nav {
			margin: 15px 0 !important;
			}

		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border: none;
			}

		.nav-collapse .nav > li {
			float: none;
			width: 100%;
			}

		#banner {
			padding: 70px 0 40px;
			}

		#maincontent {padding: 15px 0;}


		/* Type / Style Elements */

		p {font-size: 16px;}

		.copy { padding: 15px; }

		.single .copy { padding: 15px; }

		.single img.alignleft { margin: 15px auto; }
		.single img.alignright { margin: 15px auto; } /* Pulls in pictures from overextended layout */

		input[type="checkbox"],
		input[type="radio"] {
			border: 1px solid #ccc;
			}

		.form-horizontal .control-group > label {
			float: none;
			width: auto;
			padding-top: 0;
			text-align: left;
			}

		.form-horizontal .controls {
			margin-left: 0;
			}

		.form-horizontal .control-list {
			padding-top: 0;
			}

		.form-horizontal .form-actions {
			padding-right: 10px;
			padding-left: 10px;
			}

		.modal {
			position: absolute;
			top: 10px;
			right: 10px;
			left: 10px;
			width: auto;
			margin: 0;
			}

		.modal.fade.in {
			top: auto;
			}

		#friday-modal {
			top: 20px !important;
			font-size: 10px;
		}

		#friday-modal h4 {
			font-size: 17px;
		}

		.modal-header .close {
			padding: 10px;
			margin: -10px;
			}

		.featured-card {
			min-height: 100px;
			height: auto !important;
			}

		body.home .span6 {
			padding: 0px !important;
			}

		body.home #home-posts .span9 {
			padding: 0 !important;
			}

		article.postwrap {
			padding: 20px !important;
			}

		#top-banner {
			background-size: cover;
			}

		.navbar-default .navbar-nav>li>a {padding: 5px !important;}

		#mainCarousel .carousel-caption {position: relative; padding: 10px !important;}

		#mainCarousel .carousel-caption p {font-size: 14px;}

		#mainCarousel .carousel-caption h2 {font-size: 18px;}

		#mainCarousel {background: transparent;}

		.carousel-control {top: 50px; bottom: inherit;}

		#navigation {position: fixed; width: 100%; z-index: 4000; top: 0;}

		#nav-holder {height: 0 !important;}

		body {margin-top: 50px;}

		.item img.attachment-slider {
			height: auto !important;
			}

		} /* End @media for smartphones */



	/*** Tablet (Portrait) ***/

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {


		/* Visibility */


		/* Invisibility */

		.hidden-tablet-port {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}


		/* Framework */

		.span4,
		.span5,
		.span6,
		.span7,
		.span8,
		.span9,
		.span10,
		.span11,
		.span12 {
			width: 99%;
			}

		.span3 {
			width: 75%;
		}

		.fcol {width: 50%;}


		/* Layout Elements */



		.nav li {font-size: 1em;}

		.headline {margin-left: -10px;}

		.navbar-nav {
			float:right;
			}

		.contribute-nav {float: right; margin-top: -45px; margin-right: 20px;}

		a.navbar-btn {
			z-index: 1000;
		}

		/* Type / Style Elements */


	} /* End @media for tablet (portrait) */



	/*** Tablet (Landscape) ***/

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

		/* Visibility */


		/* Inisibility */

		.hidden-tablet-land {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}


		/* Framework */


		/* Layout Elements */

		#maincontent {
			width: 60%;
			padding: 15px 0;
			margin: 0;
			}

		#sidebar {
			width: 30%;
			}

		.navbar-nav {
			float:right;
			}

		a.navbar-btn {
			z-index: 1000;
		}

	} /* End @media for iPad landscape */



	/*** Small Display ***/

	@media (min-width: 992px) and (max-width: 1200px) {

		/* Visibility */


		/* Invisibility */

		.hidden-small {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}


		/* Framework */

		[class*="span"] {
			float: left;
			margin-left: 0px;
			}

		.navbar-nav {
			float:right;
			}

		/* Layout Elements */


		/* Type / Style Elements */


	} /* End @media for small display */



	/*** Large Display ***/

	@media (min-width: 1200px) {


		/* Visibility */


		/* Inisibility */

		.hidden-desktop {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}


		/* Framework */

		.span12 {max-width: 1800px;}

		.span11 {max-width: 1650px;}

		.span10 {max-width: 1500px;}

		.span9 {max-width: 1350px;}

		.span8 {max-width: 1200px;}

		.span7 {max-width: 1050px;}

		.span6 {max-width: 900px;}

		.span5 {max-width: 750px;}

		.span4 {max-width: 600px;}

		.span3 {max-width: 450px;}

		.span2 {max-width: 300px;}

		.span1 {max-width: 150px;}


		[class*="span"] {
			float: left;
			}

		.navbar-fixed-top .container-navbar,
		.navbar-fixed-bottom .container {
			width: 1170px;
			}

		.navbar-nav {
			float:right;
			}

		/* Layout Elements */


		/* Type / Style Elements */


	} /* End @media for desktop / laptop */