/********
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%;}

.span20 {width: 20%;}

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

.offset12 {margin-left: 99.999%;}

.offset11 {margin-left: 91.666%;}

.offset10 {margin-left: 83.333%;}

.offset9 {margin-left: 75%;}

.offset8 {margin-left: 66.666%;}

.offset7 {margin-left: 58.333%;}

.offset6 {margin-left: 50%;}

.offset5 {margin-left: 41.666%;}

.offset4 {margin-left: 33.333%;}

.offset3 {margin-left: 25%;}

.offset2 {margin-left: 16.666%;}

.offset1 {margin-left: 8.333%;}


/*** 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: 25%;}


/*** Containers & Wrappers ***/

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

	.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: 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,
		.span20
		.fcol {
			width: 99.9999%;
	  		}


		/* Layout Elements */

		body {
			padding: 0;
			margin-top: 50px;
			}

		.navbar-default {
			background-color: #cdc1ab;
			}

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

		.navbar {
			margin: 0;
			}

		.navbar-inner {
			padding: 0 10px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			}

		.nav-collapse.collapse {
			height: 0;
			}

		.nav-collapse .nav {
			float: left;
			margin: 0 0 10px;
			}

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

		#banner {
			padding: 0;
			}

		#maincontent {padding: 15px 0;}

		#maincontent .news .span9 {padding: 10px 0 !important;}

		#feature-carousel {height: auto !important;}

		.span3 .event-box .span12 {height: auto !important;}

		.span20 {width: 100%;}

		.cat-icons img {
			margin: 0 auto;
			max-width: 190px;
			}

		/* 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;
			}

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

		.fcol {width: 100%;}

		.cat-icons .span20:hover .cat-name {
			display: none;
			}

		} /* 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 !important;
			margin: 0;
			}


		/* Framework */

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

		.fcol {width: 50%;}

		.span20 {width: 20%; float: left;}

		body.home .media .span3 {float: left; width: 25%;}

		body.home .span12 img {margin: 0 auto;}

		.post-type-archive-resource .span3 {float: left; width: 25%;}

		.post-type-archive-resource .span3:nth-child(4n+1) {clear: both;}

		.news .span3 {float: left; width: 25%;}

		.news .span9 {float: left; width: 75%;}

		/* Layout Elements */

		#feature-carousel {height: auto !important;}

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

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

		.topnav > li {padding: 10px 10px;}

		#authorblurb.affix {top: inherit; position: relative;}

		#authorblurb {max-width: 100% !important;}

		/* 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 */

		body.single #authorblurb {max-width: 281px !important;}

		.topnav > li {padding: 10px 20px;}

		.nav-social .fa {
			margin: 10px 1px;
		}

	} /* End @media for iPad landscape */



	/*** Small Display ***/

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

		/* Visibility */


		/* Inisibility */

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


		/* Framework */

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


		/* 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: 1400px;}

		.span11 {max-width: 1350px;}

		.span10 {max-width: 1200px;}

		.span9 {max-width: 1000px;}

		.span8 {max-width: 870px;}

		.span7 {max-width: 800px;}

		.span6 {max-width: 700px;}

		.span5 {max-width: 550px;}

		.span4 {max-width: 475px;}

		.span3 {max-width: 400px;}

		.span2 {max-width: 250px;}

		.span1 {max-width: 100px;}


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

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


		/* Layout Elements */


		/* Type / Style Elements */


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