/*
Theme Name: Affiliate Theme - Child
Theme URI: http://affiliatetheme.io
Description: Legen... wait for it... Dary!
Author: endcore Medienagentur
Author URI: http://endcore.com
Template: affiliatetheme
Version: 1.0
*/

/* MAIN */
html { box-shadow: 0 215px 0 0 #efdccc inset; } /* Farbe für den Hintergrund hier anpassen */
body { background: #fdffff !important; }


/* HEADER */
#header { margin-top: 80px; }
#header .brand { margin-top: -40px; }
#header .box { margin: 0 auto 20px auto; }
@media(min-width: 768px) {
	#header .box { margin: -40px 0 0 0; background: #fff; padding: 5px !important; height: 40px; box-shadow: 0 10px 0 #fff, 0 0 10px rgba(0,0,0,0.1); display: inline-block;  }
  #navigation .navbar { margin: 0 15px 15px 15px !important; border-radius: 5px; }
  #navigation .navbar-nav > li:first-of-type > a { border-radius: 5px 0 0 5px; }
  #navigation .navbar .navbar-nav  { border-left: none !important; }
  #navigation .navbar .navbar-nav li:first-of-type { border-left: none !important; }
  #navigation .navbar-xcore > .container { margin: 0; padding: 0; }

}
@media (min-width: 768px) and (max-width: 991px) {
	#header .brand { margin-top: -30px; }
}

@media(max-width: 768px) {
	#navigation .navbar .navbar-brand{display:none!important;}
}

/* CONTENT */
.home #breadcrumbs { display: none; }
#breadcrumbs p { padding: 5px 0; font-size: 0.875rem; }
#post-teaser .row { margin: 0 !important; }
#post-teaser .post-teaser-article { padding: 0; }
#post-teaser .post-teaser-article > a { background: #333; display: block; }
#post-teaser .post-teaser-article img { transition: all 0.2s; width: 100%; }
#post-teaser .post-teaser-article:hover img { opacity: 0.3; }
#post-teaser .post-teaser-article .caption { position: absolute; height: 100px; bottom: 0; left: 0; right: 0;  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#54000000',GradientType=0 ); }
#post-teaser .post-teaser-article .caption > a { color: #fff; font-size: 1.2rem; display: block; height: 100px; position: absolute; bottom: 0; text-shadow: 0 1px 1px rgba(0,0,0,0.5); padding: 30px 20px 0 20px;  }
#post-teaser .post-teaser-article .caption > a:hover, #post-teaser .post-teaser-article .caption > a:focus { text-decoration: none; }
article[class*="post-"] > h2 > a, article[class*="post-"] > .post-inner > h2 > a { font-size: 1.2rem; }
h1 { position: relative; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px; color: #67421e !important; } /* Farbe für den Rahmen hier anpassen */
h1:after { content: ""; height: 2px; width: 20%; min-width: 200px; background: #67421e; left: 0; bottom: -2px; position: absolute; display: inline-block; } /* Farbe für den Rahmen hier anpassen */
.popularitypostswidget ul { padding: 0; list-style: none; }

@media (max-width: 767px) {
	#post-teaser article { margin-bottom: 30px; }
	#post-teaser article img { width: 100%; }
}
@media (min-width: 1200px) {
	#post-teaser .post-teaser-article img { max-height: 214px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#post-teaser .post-teaser-article img { max-height: 135px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#post-teaser .post-teaser-article img { max-height: 177px; }
}

/* SIDEBAR */
.widget .h1 { position: relative; border-bottom: 1px solid #eee; padding-bottom:10px !important; display:block; margin-bottom: 15px !important;  } /* Farbe für den Rahmen hier anpassen */
.widget .h1:after { content:""; height: 3px; width: 20%; min-width: 150px; background: #67421e; left:0; bottom: -2px; position: absolute; display: inline-block; } /* Farbe für den Rahmen hier anpassen */