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

.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: 99%;}


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


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


		/* Layout Elements */



		body {
			padding: 0;
			background-size: 100%;
			}

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


		#banner {
			padding: 70px 0 40px;
			background-size: 400%;
			}

		#banner h1, #banner h2 { font-size: 30px;}

		#maincontent {padding: 15px 0;}

		.related-side.affix {
			position: relative;
			top: 0;
			}

		/* Type / Style Elements */

  .welcome-slide {
	height: auto !important;
	padding: 50px 0;
	}

	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #ccc !important;
		}

	.navbar-inverse .navbar-nav>li>a {
		margin-left: 20px !important;
		}

		#sidebar {
			padding: 0;
			margin-top: 20px;
			}

		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, #blogSignupModal.modal {
			position: absolute;
			top: 10px;
			right: 10px;
			left: 10px;
			width: auto;
			max-width: 100% !important;
			margin: 0;
			}

		@media (max-width: 500px) {
			.modal, #blogSignupModal.modal {
				margin: 0 auto;
				}
		}

		.modal.fade.in, #blogSignupModal.modal.fade.in {
			top: 25px;
			}

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

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

		.navfloater.affix-top {
			top: 0;
			width: 100%;
			z-index: 5000 !important;
			background: #fff !important;
			opacity: 0.9 !important;
			display: block !important;
			position: fixed;
			}

		#nav-holder {
			height: 0 !important;
			margin-bottom: 35px !important;
			}

		body {
			background-position: center 50px !important;
			}

		body.home {
			background-position: center 0px !important;
			}

		body.home #banner {
			margin-bottom: -35px;
			}

		body.home .span5 {
			padding: 0 !important;
		}

		body.home iframe {
			width: 345px !important;
			height: 220px !important;
		}

	  body.page-id-997 iframe {
			width: 280px !important;
			height: 150px !important;
		}

		body.page-id-999 iframe {
			width: 280px !important;
			height: 150px !important;
		}

		body.page-id-997 #right-box {
			padding-left: 0 !important;
		}

		body.page-id-997 .modal-dialog {
			width: 335px !important;
		}

		body.page-id-997 .modal-content {
			height: 575px !important;
		}

		body.page-id-997 .modal .btn {
			float: left !important;
			margin: 0px 0px 0px 15px !important;
		}

		} /* End @media for smartphones */

/*** Smartphones (landscape) ***/

@media (max-width: 667px) and (orientation: landscape) {

	body.page-id-997 iframe {
		width: 500px !important;
		height: 300px !important;
	}

	body.page-id-999 iframe {
		width: 500px !important;
		height: 300px !important;
	}

	body.page-id-997 .modal-dialog {
		width: 625px !important;
	}

	body.page-id-997 .modal-content {
		height: 450px !important;
	}

	body.page-id-997 .modal .btn {
		float: right !important;
		margin: -70px 30px 0px 0px !important;
	}

	body.home iframe {
    margin: 0 auto;
		display: block;
	}

}

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

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

		.fcol {width: 50%;}


		/* Layout Elements */

		#maincontent { width: 65%; float: left; }

		#sidebar { width: 30%; float: left; margin-left: 20px; margin-top: 0; padding: 0; }

		.related-side.affix {
			position: relative;
			top: 0;
			}


		/* Type / Style Elements */

		.welcome-slide {
		height: auto !important;
		}

		body.page-id-997 iframe {
			width: 600px !important;
			height: 350px !important;
		}

		body.page-id-999 iframe {
			width: 600px !important;
			height: 350px !important;
		}

		body.page-id-997 .modal-dialog {
			width: 700px !important;
		}

		body.page-id-997 .modal-content {
			height: 500px !important;
		}

		body.page-id-151 {
			background-size: contain !important;
			background-position: top !important;
		}

		body.page-id-6 {
			background-size: contain !important;
			background-position: top !important;
		}

		body.home iframe {
			margin: 0 auto;
			display: block;
			height: 300px;
			width: 470px;
		}

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

		/* Type / Style Elements */

		body.page-id-997 iframe {
			width: 800px !important;
			height: 425px !important;
		}

		body.page-id-999 iframe {
			width: 800px !important;
			height: 425px !important;
		}

		body.home iframe {
			height: 250px;
			width: 350px;
		}

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

		body.page-id-799 #contentcontainer {
			width: 60%;
			}

		/* 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;
			margin-left: 0px;
			}

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

		body.page-id-799 #contentcontainer {
			width: 60%;
			}

		/* Layout Elements */


		/* Type / Style Elements */


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