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

iframe, iframe * {max-width: 100%;}

/*** Containers & Wrappers ***/

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

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

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


		/* Layout Elements */

		#brand {width: 100%;}
		
		.number-icon {margin: 0 auto 10px;}
		
		#about h4 {text-align: center;}
		
		#footer {padding: 20px;}
		
		.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 100%;}
		
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
		
		#signup .span8, #signup .span4 {padding: 20px;}

		#menu-footer-left, #menu-footer-right {
			float: none;
  			margin: 0 auto 10px;
  			text-align: center;
  			}
  			
  		.carousel-inner {
  			height: auto !important;
  			max-height: none !important;
  			}
  			
  		.carousel-inner .item img {
  			width: 100%;
  			height: auto;
  			}
  			
  		#signup button {margin: 0;}

		.navbar-nav {
 			 margin: 20px 0 0;
			}

		.navbar-default .navbar-nav>li>a {
  			border-bottom: 3px solid transparent;
  			float: none;
  			padding: 5px 20px;
  			}
  			
  		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  			background: #fff;
  			}
  			
  		.mega-dropdown-menu {padding: 0 0 20px;}
	
		.mega-dropdown-menu li ul li a {color: #333;}
		
		.single .copy, .page .copy {padding: 0 30px;}
	
		.span6.gutter:nth-child(even) {
			padding: 0 20px;
			}
	
		.span6.gutter:nth-child(odd) {
			padding: 0 20px;
			}	
	
		body, body.home {
			padding: 0;
			margin-top: 51px;
			}
 
		.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: 70px 0 40px;
			}

		#maincontent {padding: 15px 0;}

		body.post-type-archive #maincontent {padding: 15px 20px;}

		p.timeline {
			margin: 0 -20px -20px; 
			}
			
		.channel-card .post-excerpt p {
			margin: 0;
			}

	.channel-card {
		padding: 20px 20px;
		}

	.channel-card h1 {
		font-size: 25px;
		margin: 0;
		}
		
		.navbar-default .navbar-collapse {
			background: #ddd;
			}

		/* 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;
			}
			
		.slidewrap {
			margin: 0px auto !important;
			border: none;
			}
			
		.navbar {background: #666;}
		
		.navbar-brand {
  			padding: 5px 20px 0;
			}

		} /* 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 */
		
		.span1,
		.span2,
		.span3,
		.span4,
		.span5,
		.span6,
		.span7,
		.span8,
		.span9,
		.span10,
		.span11,
		.span12 {
			float: left;
			}

		.fcol {width: 25%;}

		#footer {padding: 20px;}

		/* Layout Elements */
				
		#brand img {width: 400px;}
		
		#brand .grad2 {width: 100%;}		
				
	.navbar-nav {
  float: none;
  margin: 0;
  displaY: block;
  clear: both;
  text-align: center;
  }
  
  .navbar-header {
  	display: block;
  	float: none;
  	}
  	
  .navbar-brand {
  	float: none;
  	padding: 0;
  	}	
  
  .navbar-brand img {
  	margin: 5px auto 0;
  	display: block;
  	}	
		
.navbar-nav>li {
  text-transform: uppercase;
  float: none;
  display: inline-block;
}

#recent_content .span4 {
	margin-left: 0;
	float: left;
	width: 33.333%;
	}
	
#pillars .grad2, .rcwrap {
	width: 100%;
	}	
	
#pillars .span3 {
	float: left;
	width: 25%;
	}
	
#pillars .span6 {
	float: left;
	width: 50%;
	}

#signup button {margin: 10px 0;}

#signup .grad2 {
	width: 100%;
	padding: 0 10px;
	}	

#signup .span8 {
	float: left;
	width: 60%;
	}

#signup .span4 {
	float: left;
	width: 40%;
	}
	
#rectorcarousel .span6 {
	float: left;
	width: 60%;
	}
	
#rectorcarousel .span3 {
	float: left;
	width: 40%;
	}		
	
	.carousel-inner {
  		height: auto !important;
  		max-height: none !important;
  		}
  			
  	.carousel-inner .item img {
  		width: 100%;
  		height: auto;
  		}	
  			
  	.carousel-inner>.item {		
  		overflow: hidden;
  		}
  		
.number-icon {
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #000;
  line-height: 25px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}  		
	
	#menu-footer-left, #menu-footer-right {
			float: none;
  			margin: 0 auto 10px;
  			text-align: center;
  			}
  			
  		#maincontent {
  			padding: 20px;
  			}
  			
  		.channel-card .span7 {
  			width: 60%;
  			float: left;
  			}
  		
  		.channel-card .span5 {
  			width: 40%;
  			float: left;
  			}
  			
  		.channel-card .span5::after {
  			content: " ";
  			clear:both;
  			}
  			
  		#contentcontainer {
  			width: 90%;
			}
  		
  		.nav>li>a {padding: 10px;}
  		
  		#home-services .span4 {padding: 20px;}
  		
  		.column {min-height: 285px;}
  		
  		.column-icon {padding-top: 50px;}
  		
  		.column h2 {padding-bottom: 50px;}
  		
		/* 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;
			}
			
		#signup button {margin: 10px 0;}

		#footer {padding: 30px;}
		
		#brand .grad2 {width: 100%;}

		.carousel-inner .item p {font-size: 16px;}

		.carousel-inner .span3.hidden-xs {display: none;}
		
		.carousel-inner .span3 {width: 35%;}
		
		.carousel-inner .span6 {width: 65%;}

		.gce-page-list .gce-feed {padding: 0;}

		/* Framework */


		/* Layout Elements */

		#maincontent {
			padding: 15px;
			margin: 0;
			}
		

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


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

		.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right: -30px;}
	
		.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {left: -30px;}


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

		/* Layout Elements */

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

		/* Type / Style Elements */


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


@media screen and (min-width: 768px) {
.carousel-indicators {
  bottom: -10px;
}

#signup .form-control {
	min-width: 400px;
	}

}