/*
 Theme Name:   Zeitjung Child
 Description:  Das Child Theme von Zeitjung.
 Author:       Andreas Stefani
 Author URI:   http://www.zeitjung.de
 Template:     zeitjung
 Version:      1.2
 Text Domain:  zeitjung-child
*/

/*
 * META
 */

/* Visible view count */
.mkdf-views-holder {
	visibility: hidden;
}

/*
 * GENERAL
 */
 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #E5145B;
}

/* Limit content width on archive page from 1100px to 800px so the halfpage ad has enough space */
@media only screen and (min-width: 1024px) {
	.w-800 {
		width: 800px
	}
}

/* Define Zeitjung colour */
.pink {
	color: #E5145B;
}

.page-link-number { /* this is the default "current" state */
    background: #E5145B;
		width: 150px;
		font-family: Catamaran,sans-serif;
    display: inline-block;
		color: #FFFFFF;
		font-size: 30px;
    margin: 4px;
    padding: 4px 6px;
		text-align: center;
	font-weight: bold;
	
}
.mkdf-single-links-pages-inner{
	 text-align: center;
}

/* Set correct Zeitjung colour */
.mkdf-btn.mkdf-btn-solid.mkdf-btn-direction-animation .mkdf-btn-background,
.mkdf-post-single-image-below-title .mkdf-post-info-category,
.mkdf-news-holder .mkdf-ni-info>div.mkdf-post-info-category,
.mkdf-blog-holder article .mkdf-tags-holder .mkdf-tags a:hover,
.mkdf-title-holder.mkdf-breadcrumbs-type .mkdf-breadcrumbs,
.mkdf-title-holder.mkdf-centered-type .mkdf-page-title,
.mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info-category,
.mkdf-post-info-category {
	background-color: #E5145B!important;
}

/*
 * BREADCRUMBS
 */
.mkdf-title-holder.mkdf-breadcrumbs-type .mkdf-breadcrumbs,
.mkdf-title-holder.mkdf-centered-type .mkdf-page-title{
	color: #fff!important;
}

/* Posts overview hover link */
.mkdf-title-holder .mkdf-title-wrapper .mkdf-breadcrumbs a:hover {
	color: #000!important;
}

/*
 * HEADER
 */

/* Introduce little space between logo and top */
.mkdf-page-header .mkdf-logo-area {
	padding-top: 15px;
}

/* Position logo in line with first menue entry */
.mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers {
	padding: 0 40px;
}
 
 /* Remove unnecessary margin between menue items */
.mkdf-main-menu>ul>li>a {
	margin-right: 0px;
}

/* Logo height in normal header */
.mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a {
	height: 70px!important;
}

/* Logo padding top in sticky header */
.mkdf-page-header .mkdf-sticky-header .mkdf-logo-wrapper {
	
}

/* Logo height in sticky header */
.mkdf-page-header .mkdf-sticky-header .mkdf-logo-wrapper a {
	height: 38px!important;
}

/* Mobile menu item hover colour */
.mkdf-mobile-header .mkdf-mobile-nav ul li a:hover,
.mkdf-mobile-header .mkdf-mobile-nav ul li h6:hover {
	color: #E5145B;
}

/*
 *  HOME PAGE
 */

/* Social share button background colour */
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener svg .st0 {
	fill: #E5145B;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener svg .st1 {
	fill: #a01338;
}

/* Hot trending button to the right */
.mkdf-post-info-hot-trending {
	right: 0px;
	top: 50px;
}

/*
 * SINGLE ARTICLE
 */
 
/* Blockquote background */
blockquote::before {
	content: "";
	background-image: url(https://zeitjung.objects.frb.io/app/uploads/2020/04/20154348/zeitjung_komma.jpg);
	background-size: 100% 100%;
	display: inline-block;
	height: 195px;
	width: 195px;
	top: 0px;
}

/*
 * READING TIME
 */

/* Set styles for reading time label */
.mkdf-post-info-readingtime {
	text-transform: uppercase;
	font-family: Catamaran,sans-serif;
    font-weight: 700;
	line-height: 1.85em!important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12px 0 11px;
	margin-right: 3px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: #000;
}
.reading-time-info {
	color: #fff;
    font-size: 12px;
}

/* 
 * TOP FOOTER 
 */

/* Column 1 : Zeitjung Logo, Text, Follow us */
#custom_html-3 {
	margin-bottom: 10px;
}
#text-2 {
	margin-bottom: 10px;
}
#text-3 {
	display: inline-block;
}

/* Column 2 : Trending Posts */
footer .mkdf-blog-list-widget .mkdf-post-title a:hover {
	color: #E5145B!important;
}

/* Column 3 : Tag Cloud */
footer .widget .tagcloud a {
	font-size: 12px!important;
	line-height: 20px;
	padding: 2px 6px 0;
}
footer .widget .tagcloud a:hover {
	background-color: #E5145B;
}

/*
 * BOTTOM FOOTER
 */
 
 /* Hover link colour */
footer .mkdf-footer-bottom-holder .widget.widget_nav_menu ul li a:hover {
	color: #E5145B;
}

/*
 * COOKIE BANNER
 */
 
/* Cookie Consent Button */
.zj-button {
	padding: 2px 10px;
	color: #000;
	background-color: #fff;
	font-family: Catamaran,sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	display: inline-block;
	text-decoration: none;
	letter-spacing: .1em;
	text-transform: uppercase;
	outline: none;
}
.zj-button:hover {
	background-color: #E5145B;
	color: #fff;
	transition: all .2s ease;
}

/*
 * GOOGLE AD CONTAINER
 */

/* Horizontally centered iframes for Ads */
div[id^="div-gpt-ad"]{
	margin: auto;
}
div[id^="google_ads_iframe"] {
	width: 100%!important;
}
div[id^="google_ads_iframe"] > iframe {
	display: block;
	margin: auto;
}
 
/* HOME : 300x250 Billboard Ad */
#div-gpt-ad-1594068891012-0 {
	margin: auto;
	margin-top: 10px;
	background-color: transparent;
}

/* HOME : 300x600 Halfpage Ad */
#div-gpt-ad-1594068931742-0 {
	background-color: transparent;
}
#homeHalfpageAd .vc_column-inner {
	padding-left: 0;
}

/* CATEGORY : 970x250 Billboard Ad */
#div-gpt-ad-1594068795749-0 {
	background-color: transparent;
	margin-left: -85px;
	margin-bottom: 50px;
}

/* CATEGORY : 300x600 Halfpage Ad (Desktop) */
#div-gpt-ad-1594068845462-0 {
	position: absolute;
	background-color: transparent;
	z-index: 999;
	left: calc(75vw + 50px);
	top: 70px;
	display: none;
}

/* CATEGORY : 300x600 Halfpage Ad (Mobile) */
#div-gpt-ad-1594069074150-0 {
	background-color: transparent;
	margin-bottom: 50px;
	display: none;
}

/* ARTICLE : 300x600 Dynamic Sitebar */
#div-gpt-ad-1594068760071-0 {
	background-color: transparent;
}

/* ARTICLE : 970x250 Billboard Ad */
#div-gpt-ad-1594068699885-0 {
	background-color: transparent;
	margin-bottom: 30px;
	margin-left: -125px;
	transform:scale(0.7);
}

/* MOBILE */
@media only screen and (max-width: 480px) {
	/* HOME : 300x250 Billboard Ad -> Mobile Medium Rectangle*/
	#div-gpt-ad-1594069136383-0 {
		width: 300px!important;
	}
	
	/* HOME : 300x600 Halfpage Ad */
	#div-gpt-ad-1597669403593-0 {
		margin:auto;
	}
	#homeHalfpageAd {
		height: 600px;
		margin-bottom: 10px;
	}
	#homeHalfpageAd .vc_column-inner {
		padding-left: 15px;
	}

	/* CATEGORY : 970x250 Billboard Ad -> Hide */
	#div-gpt-ad-1594068795749-0 {
		display: none;
	}
	
	/* CATEGORY : 970x250 Billboard Ad -> Show */
	#div-gpt-ad-1594069074150-0 {
		display: block;
	}

	/* ARTICLE : 300x250 Billboard Ad -> Mobile Medium Rectangle */
	#div-gpt-ad-1594068699885-0 {
		width: 300px!important;
		margin-left: 0;
	}
	/* ARTICLE : 320x50 -> Below Article */
	#div-gpt-ad-1607546761468-0 {
		width: 320px!important;
		margin-left: -10px;
		transform:scale(0.9);
	}

	/* ARTICLE SIDEBAR*/
	#div-gpt-ad-1594069000452-0{
		width: 300px!important;
		height: 600px!important;
		padding: 200px;
		margin-top: -350px;
		margin-bottom: -250px;
		transform:scale(0.8);
	}
}

@media only screen and (min-width: 1500px) {
	/* CATEGORY : 300x600 Halfpage Ad */
	#div-gpt-ad-1594068845462-0 {
		display: block;
	}
}