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


/*** Containers & Wrappers ***/

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

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

	.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;
word-break: break-all !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,
		.fcol {
			width: 99.9999%;
			margin-left: 0;
	  		}


		/* Layout Elements */

		.timespan {
			margin-bottom: 0;
		}

		.timeicon {
			margin: 0 auto 20px;
		}

		#timeline h3 {
			background: #fff;
	    padding: 10px 20px;
	    margin: 0 -30px 0;
	    text-align: center;
		}

		body {
			padding: 0;
			}

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

		.navbar {
			margin: 0;
			background-color: rgba(59,59,59,1);
			opacity: 1 !important;
			}

		.navbar-nav>li {
			border-right: none;
			}

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

		ul.navbar-nav li a {
			float: none;
			margin: 5px 10px;
			padding: 5px;
		}

		.navbar-nav img {
			display: none;
		}

		.btn-navbar-donate {
			font-size: 10px;
			height: 30px;
			float: right;
			margin-top: 23px;
			padding: 8px 10px 15px;
		}

		.navbar .social-circles {
       display: none;
		}

		.btn-navbar-donate {
			display: none;
		}

		.haveuseen-card {
			background-size: 100% !important;
			height: 75px !important;
		}

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

		#updates {
			padding: 0 !important;
			}

		iframe {
			max-width: 100%;
			}

		body.single-post img.alignleft, body.single img.alignright {
			margin: 10px auto;
			float: none;
			}

		body.postid-547 h3.project-section-title {
			font-size: 20px;
			}

		#lead {
			margin-top: -60px;
		}

		#lead img {
			padding-top: 60px;
		}

		#change {
			margin-top: -60px;
		}

		#change img {
			padding-top: 60px;
		}

		#educate {
			margin-top: -60px;
		}

		#educate img {
			padding-top: 60px;
		}

		#banner2 img {
			width: 275px;
		}

		#banner2 .social-circles .fa {
      width: 19px;
			height: 19px;
			font-size: 12px;
			padding: 4px 0 5px;
			margin: 0 0 0 4px;
		}

		#footer-social-links .social-circles {
			margin-bottom: 23px;
		}

		#footer-links p {
			text-align: center !important;
			margin-top: 30px !important;
		}

		#footer-links .btn-red {
			margin: 30px auto 0;
			display: block;
			float: none;
			padding: 0 10px;
			font-size: 13px;
		}

		.social-circles .fa {
			margin: 4px;
		}

		/* 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 {
		bottom: 10px;
		right: 10px;
	}

		#project-banner h1 {
			display: none !important;
			}

		#project-banner {
			height: auto;
			min-height: 130px;
			}

		#proof .span4 {
			height: 142px;
			}

		.modal-dialog {
			width: 100% !important;
			}

		.btn {
			white-space: normal;
			}

		.project-nav ul li, .project-nav-footer ul li {
			border: none !important;
			}

		.project-overview p {
			font-size: 18px !important;
			}

		#action, #events {
			margin: 10px auto !important;
			}

		#action, #contact {
			background-size: cover !important;
			padding: 10px !important;
			}

		#contact .card .span2 {
			width: 25%;
			float: left;
			}

		#directors a {
			transform: inherit !important;
			top: inerhit !important;
			}

		#directors .card {
			height: auto !important;
			}

		#masonry {
			height: auto !important;
			}

		#edu-banner .span12 h1 {
			font-size: 35px;
		}

		#policies-banner .span12 h1 {
			font-size: 35px;
		}

		#leading .span12 h1 {
			font-size: 35px;
		}

		body.page, body.archive {
			margin-top: 30px !important;
		}

		body.single {
			margin-top: 50px !important;
		}

		#educate .topbar .span12 img {
			height: 60px;
		}

		#policies .topbar .topper h2 {
			width: 60%;
		}

		#educate .topbar .topper h2 {
			width: 60%;
		}

		#leading .topbar .topper h2 {
			width: 60%;
		}

		#projects .topbar .topper h2 {
			width: 60%;
		}

		#endsection .topbar .topper h2 {
			width: 60%;
		}

		#haveuseen .topbar .topper h2 {
			width: 60%;
		}

		#victories .topbar .topper h2 {
			width: 60%;
		}

		#stat .container {
			width: 50%;
		}

		#banner2 .btn-red {
			font-size: 10px;
			padding: 0 10px;
			margin-top: 0;
			margin-bottom: 0;
			height: 40px;
		}

		#educate .topbar .span12 img {
		    height: 60px;
		    width: 100%;
		    padding: 0;
		    margin: 0;
		}

		}

/*** Smartphones (Portrait)  ***/

    	@media (max-width: 767px) and (orientation: portrait) {

			#join .btn-red-donate {
				width: 275px;
			}

			#join .btn-blue {
				width: 275px;
			}

			#join .span6 {
				width: 122%;
			}

			.e2ma_signup_form_element {
				width: 100px;
			}

		}

/*** Smartphones (Landscape) ***/

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

			.square img {
				width: 300px;
				height: 300px;
				margin: 0 auto;
				display: block;
			}

		.haveuseen-card {
			background-size: 100% !important;
			height: 150px !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, .hidden-tablet {
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			}

		.nav-icons li {
			display: none;
			}

		/* Framework */

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

		.fcol {width: 50%;}

		.offset1,
		.offset2,
		.offset3,
		.offset4,
		.offset5,
		.offset6 {
			margin-left: 0 !important;
		}


		/* Layout Elements */

		#maincontent {
			width: 100%;
		}

		#project-banner-wrap {
			margin-top:24px;
		}

		/*#sidebar { width: 25%; }*/

		body.single-post, body.page {
			margin-top: 75px;
		}

		body.archive {
			margin-top: 120px !important;
		}

		body.home {
			margin-top: 100px;
		}

		body.single {
			margin-top: 90px !important;
		}

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

		/*.navbar-nav li {
			float: none;
			text-align: center;
			display: inline-block;
		}*/

		ul.navbar-nav li a {
			float:left;
			margin: 3px;
			padding: 10px 5px;
		}

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

		.navbar-nav {text-align: center;}

		.navbar-nav .dropdown-menu li {display: block;}

		#lead {
			margin-top: -60px;
		}

		#lead img {
			padding-top: 60px;
		}

		#change {
			margin-top: -60px;
		}

		#change img {
			padding-top: 60px;
		}

		#educate {
			margin-top: -60px;
		}

		#educate img {
			padding-top: 60px;
		}

		.square img {
			height: 400px;
			width: 400px;
			margin: 0 auto;
			display: block;
		}

		.timespan {
			margin-bottom: 0;
		}

		.timespan .span2 {
			width: 100%;
		}

		#timeline h3 {
			background: #fff;
			padding: 10px 20px;
			margin: 0 -30px 0;
			text-align: center;
		}

		.timeicon {
			margin: 0 auto 20px;
		}

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


		/* Invisibility */

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

		.nav-icons li {
			display: none;
			}

		.navbar-nav li > a {
			padding: 35px 9px !important;
		}

		.megamenu li > ul > li > a {
			padding: 10px 13px !important;
		}

		/* Framework */


		/* Layout Elements */

		#maincontent {
			width: 100%;
			padding: 0;
			margin: 0;
			}

		.navbar .span10 {
			width: 100%;
			float: left;
			margin: 0;
		}

		body.page, body.archive, body.single {
			margin-top: 80px !important;
		}

		body.page-id-273 {
			margin-top: 0 !important;
		}

		#leading-paragraph .span8 {
			width: 100%;
		}

		#edu-paragraph .span8 {
			width: 100%;
		}

		#policies-paragraph .span8 {
			width: 100%;
		}

		#join .btn-red-donate {
			width: 300px;
		}

		#join .btn-blue {
			width: 300px;
		}

		/*#sidebar {
			width: 30%;
			}*/

		/*body.single-post, body.page {
			margin-top: 20px;
			}*/

		/*body.archive {
			margin-top: 70px;
		}*/

		/*body.home {
			margin-top: 100px;
			}*/

		 #masonry {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
	font-size: 0;
	}

.masonbox {
	padding: 0 5px;
	width: 33.333%;
	clear: none !important;
	}

	.offset1,
	.offset2,
	.offset3 {
		margin-left: 0;
	}

	} /* End @media for iPad landscape */


	@media (min-width: 768px) {
	.container>.navbar-header, .container>.navbar-collapse {
	    margin-right: auto;
	    margin-left: auto;
		}
	}

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

		 #masonry {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
	font-size: 0;
	}

.masonbox {
	padding: 0 5px;
	width: 33.333%;
	clear: none !important;
	}


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

		.span11 {max-width: 1450px;}

		.span10 {max-width: 1300px;}

		.span9 {max-width: 1000px;}

		.span8 {max-width: 870px;}

		.span7 {max-width: 800px;}

		.span6 {max-width: 700px;}

		.span5 {max-width: 550px;}

		.span4 {max-width: 500px;}

		.span3 {max-width: 400px;}

		.span2 {max-width: 250px;}

		.span1 {max-width: 100px;}


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

		/* Layout Elements */

		.fcol {
			border-right: 1px solid #999;
			min-height: 90px;
			}


	.dropdown:hover .dropdown-menu {
    	display: block; /*enable dropdown menu on hover*/
	 }

	 #masonry {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
	font-size: 0;
	}

.masonbox {
	padding: 0 5px;
	width: 33.333%;
	clear: none !important;
	}

		/* Type / Style Elements */


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