/*
Theme Name:     designtrax 
Theme URI:      http://www.designtrax.de
Description:    Child theme for the Herald theme
Author:         webtimiser
Author URI:     https://www.webtimiser.de
Template:       herald
Version:        0.1.0
*/
blockquote {
    position: relative;color: #777;
    font-style: italic;
    margin: 0 0 20px;
    padding: 25px 50px 20px 80px;
    background: #ededed;
    border-left: 4px solid #bf4f3b;
}

blockquote::before {
    content: "\f10d";
    color: #ccc;
    font-size: 32px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
}

.wp-caption-text {
    font-size: 100%;
    line-height: 2.6rem;
    color: #FFF;
   position: absolute;
    bottom: 00px;
    left: 0;
  background:#ddd;
text-align:center;
    color: #000!important;
    z-index: 600;
    max-width: 100%;
    text-align: left;
       -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px 20px;

}
.wp-caption:hover .wp-caption-text {
    background: #ddd;

}

/*a {color: #bf4f3b;} */
.ad-left {
	max-width:50%;
	float:left;
}
.ad-right {
	float:right;
}
#ads {
	overflow:hidden;
}
.herald-ad.herald-ad-above-single::after, .archive .herald-posts .herald-ad::after, .herald-ad.herald-slide::after {
    content: "Anzeige";
    font-size: 9px;
}

.affil_big{
text-align: center;
padding-bottom: 15px;
}
.affil_big:after {
content:"Anzeige";
font-size:10px;
}

.shariff.shariff-align-flex-start ul {
    align-items: center!important;
	}

@media (max-width: 767px) {	
	.herald-fa-wrapper.herald-fa-5 .fa-sub-items-wrapper {
		display:none;
	}
}

/*.herald-fa-wrapper.herald-fa-5 .fa-post-thumbnail::before
{
	background:#311a01;
}*/
.social-icons a {
    text-align: center;
    float: left;
    margin-right: 12px;
}
.social-icons a:last-child {
    margin-right: 0px;}
.cat-nav {
	text-align:center;
}
.cat-nav.meta-tags a {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 8px 10px 8px 10px;
    border-radius: 2px;
    border-bottom: 0;
    margin-bottom: 15px;
}

.meta-tags a:hover {
    background-color: #0288d1;
    color: #FFF;
}
.herald-ad herald-ad-above-single {
overflow:hidden;
}
h1.site-description {
	color:#fff;	font-size:16px;	font-weight:400;
}
.adsense {
	width: 970px;
	height: 90px;
	background-color: #fff;
	display: block;
	margin: 0 auto;
}
.textwidget >.adsense {
	width: 300px;
	height: 600px;
	background-color: #fff;
	display: block;
	margin: 0 auto;
}
.adsense:before { display: none !important; }
.adsense ins	{ width: 100%; height: 100%; display: block; }

.adsense {
	position: relative;
}
	.adsense__loading {
		width: 100%;
		height: 100%;
		background-color: rgba( 255, 255, 255, .9 );
		display: table;
		position: absolute;
		top: 0;
		left: 0;
	}
	.adsense--loaded .adsense__loading { display: none; }

		.adsense__loading span {
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

@media screen and ( max-width: 64em ) /* <= 1024 */
{
	.adsense { width: 728px; height: 90px; }
	.adsense:before	{ content: '1024'; }			
}

@media screen and ( max-width: 50em ) /* <= 800 */
{
	.adsense { width: 468px; height: 60px; }
	.adsense:before	{ content: '800'; }
}

@media screen and ( max-width: 33.75em ) /* <= 540 */
{
	.adsense { width: 336px; height: 280px; }
	.adsense:before	{ content: '540'; }
}

@media screen and ( max-width: 26.25em ) /* <= 420 */
{
	.adsense { width: 250px; height: 250px; }
	.adsense:before	{ content: '420'; }
}