/*
Theme Name: _fb onepage neu
Author: Fabian Brunke
Author URI: http://fabianbrunke.de/
Description: This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Twitter Bootstrap

*/

/* Import the necessary Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );


/* Text and headline styles */
a {
  color: #000;
  text-decoration: none;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h5 {
  color: #000;
  text-decoration: underline;
  background-color: transparent;	
}

/* Images and wp-captions should always fit and be responsive */
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

img[class*="wp-image-"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* Clearing */
.clear {
  clear: both;
}

/* Page styling */

body {
  font-weight: 500;
  padding-left: 0;
  padding-right: 0;
}

body, html {
  height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

.container {
  padding: 0 15px 0 15px;
}

.main-content-inner {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Navigation Bar */

.navbar {
  margin-bottom: 0;
}

.navbar-custom {
  background-color: none;
  border-color: none;
}
.navbar-custom .navbar-brand {
  color: #000;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #0F9;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #000;
}
.navbar-custom .navbar-nav > li > a {
  color: #000;
  text-align: center;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #0F9;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #0F9;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #ccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #e8e8e8;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #666666;
  border-bottom-color: #666666;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #0F9;
}

.navbar-custom .navbar-link {
  color: #000;
}
.navbar-custom .navbar-link:hover {
  color: #000;
}

.nav > li {
  display: inline-block;
}

.navbar .header, .navbar-bottom {
  text-align: center;
}


/*** Front Page ***/

.logo-mobile {
  text-align: center;
}

.section-title {
  text-align: center;
}

.divider {
  margin-top: 20px;
  text-align: center;
}

/* Bootstrp Carousel on Front Page */

.carousel-inner > .item > img {
  width: 100%;
}

.carousel-control {
  color: #000;
  opacity: 0.1;
}

.carousel-control:hover {
  color: #0F9;
  opacity: 0.5;
}

.carousel-caption {
  top: 25%;
  left: 30%;
  right: 30%;
}

#carousel-container {
  height: 100vh;
}

.carousel .item {
  height: 100%;
}

/* Bootstrap Carousel Fade instead of Slide */

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
}

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  z-index: 2;
}

.carousel .item {
  -webkit-transition: opacity 1.5s; 
  -moz-transition: opacity 1.5s; 
  -ms-transition: opacity 1.5s; 
  -o-transition: opacity 1.5s; 
  transition: opacity 1.5s;
}

.carousel .active.left {
  left: 0;
  opacity: 0;
  z-index: 2;
}

.carousel .next {
  left: 0;
  opacity: 1;
  z-index: 1;
}

.carousel-control { 
  background-image: none !important; 
  z-index: 2;
  /* remove background gradients on controls */ 
} 


/* Isotope Navigation */

.bretter-center {
  text-align: center;
}

nav.primary ul {
  display: table;
  margin: 0 auto 10px;
  padding-left: 0;
}

nav.primary ul li  {
  float: left;
  list-style: none;
}
 
nav.primary ul li a {
  padding: 0 20px;
  text-decoration: none;
}
 
nav.primary li a.selected, nav.primary li a:hover, .bretter-filter a.current {
  color: #0F9;
}

.pull-right {
  text-align: right;
}

/* Isotope Filtering */
 
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

/* Expanded Content */

.entry {
  cursor: pointer;
  margin-bottom: 15px;
}

.entry:hover .hover { 
  opacity: 1; 
}
 
.hover {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.hover span {
  display: block;
  padding-top: 40px;
}

.close {
    color: #000;
    float: right;
    font-size: 50px;
    font-weight: lighter;
    line-height: 1;
    opacity: 0.5;
}

.close:hover {
    color: #0F9;
    opacity: 1;
}


/* Latest Posts on Front Page */

.latest-posts {
  margin-bottom: 40px;
}

.latest-posts-box {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.latest-posts-title {
  text-align: center;	
}

.latest-posts-text a:hover {
  color: #0F9;
  text-decoration: none;
}

.latest-posts-thumb {
  width: 100%;
  height: 100%;
}

/* Blog Posts */

.post {
  margin-bottom: 40px;
}

.post-thumb {
  width: 100%;
  height: 100%;
}

.wp-post-image:hover {
  opacity: 0.75;
}

.post-title {
  text-align: center;
}

.post-title a:hover, .entry-excerpt a:hover {
  color: #0F9;
  text-decoration: none;
}

.img-thumbnail {
  border: none;
  border-radius: none;
}

/* Footer */

.footer {
  margin-top: 20px;
  margin-bottom: 20px; 
}

/* Footer Social Media Icons */



/* Media Queries */

@media screen and (max-width: 768px) {
    body { 
	  padding-top: 0px; 
	}
}

@media (min-width: 768px) {

  .align-right {
    float: right;
  }

  .align-left {
    float: left;
  }

  .navbar .navbar-collapse {
	float: right;
  }
}