/*****
Theme Name: MH Magazine Child Theme
Theme URI: https://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: https://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/* :::::::: Fonts ::::::::::: */
@font-face {
    font-family: 'robotoblack';
    src: url('../mh-magazine-child/fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack_italic';
    src: url('../mh-magazine-child/fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../mh-magazine-child/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('../mh-magazine-child/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('../mh-magazine-child/fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../mh-magazine-child/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight_italic';
    src: url('../mh-magazine-child/fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../mh-magazine-child/fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../mh-magazine-child/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../mh-magazine-child/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../mh-magazine-child/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* :::::::::::::::::: */

body {
    background: #000;
	font-family: 'robotoregular', Helvetica, Arial, sans-serif;
}
body .center {
	text-align: center;
}
body h3 {
	color: #bfd748;
}
body strong, body b {
	font-family: 'robotobold';
	font-weight: normal;
}

body .mh-custom-posts-thumb-xl img {
    width: 100%;
    max-width: 170px !important;
}
body .mh-meta-comments {
	display: none;
}
body .mh-preheader,
body .mh-ticker-title.mh-ticker-title-top {
	/*background: #0D0F02; */
	background: #000;
}
body .mh-header-title {
	background: url(https://www.eternitymagazin.de/wp-content/themes/mh-magazine-child/images/logo.png) no-repeat 20px 3px;
	width: 247px;
	height: 67px;
	text-indent: -3000px;
}
body .mh-header-tagline {
	border-top: none;
	margin-top: 0;
	font-size: 11px;
	font-weight: 400;
	text-transform: lowercase;
    margin-left: 71px;
	padding-top: 0;
	color: #dfef95;
	letter-spacing: 1px;
}
body .entry-content {
	word-wrap: normal;
}
body .entry-content a {
    font-weight: 400;
}
#main-content i.fa {
	display: none;
}
#main-content .mh-share-buttons i.fa,
#main-content .mh-breadcrumb i.fa {
	display: inline-block;
}
#main-content .yarpp-related {
	margin-top: 35px;
	border-top: 1px dotted #000;
	padding-top: 20px;
}
#main-content .yarpp-related h3 {
	font-family: 'robotolight'; 
	font-size: 16px;
    font-size: 1rem;
    padding-bottom: 5px;
    border-bottom: 3px solid #38400a;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
}
#main-content .yarpp-related a {
    font-weight: normal;
}
body .mh-author-box {
	border-top: none;
	padding: 6px 0 9px;
}
body .mh-custom-posts-small-title {
    font-weight: 500;
}
/*
.home .mh-image-caption {
	position: static;
}
.home .mh-home-sidebar .mh-image-caption {
	position: absolute;
} */
aside .mh-image-placeholder {
	display: none;
}
body h1 { font-size: 32px; font-size: 2rem; }
body h2 { font-size: 25px; font-size: 1.5rem; }
body h3 { font-size: 22px; font-size: 1.33rem; }
body h1, 
body h2, 
body h3, 
body h4, 
body h5, 
body h6
 {
	font-family: "Roboto";
    font-family: 'robotolight';
	color: #dfef95;
	letter-spacing: -0.4px;
}
body h2 a,
body h3 a {
	color: #dfef95;
}
body h2 a:hover,
body h3 a:hover,
body h2 a:focus,
body h3 a:focus {
	color: #97A541;
}
body .mh-excerpt-more {
	/* font-weight: 700; */
	display: block;
	font-size: 104%;
	text-transform: uppercase;
}
body .mh-custom-posts-widget .mh-excerpt,
body .mh-posts-list-excerpt .mh-excerpt {
	font-size: 107%;
}
body.home .mh-custom-posts-item .mh-image-caption,
body figure .mh-image-caption.mh-posts-list-caption {
	display: none;
}
body.home .mh-custom-posts-item:hover .mh-image-caption,
body figure:hover .mh-image-caption.mh-posts-list-caption {
	display: block;
}
body.home .carousel-headline {
	text-align: center;
	font-size: 90%;
	margin-top: 3px;
}
body.home .mh-carousel-caption {
	display: none;
}
header h2.mh-subheading {
	text-transform: uppercase;
	letter-spacing: 1px;
}
body .zitat {
	text-align: center;
}
.zitat h4 {
	font-family: 'robotolight_italic';
	padding: 0 7px 5px 7px;
}
.zitat div {
	font-family: 'robotolight';
	padding-bottom: 3px;
}
.zitat a.more {
	text-transform: uppercase;
	font-size: 90%;
	display: block;
}
body .entry-content.single-content-main {
	font-size: 107%;
}
body .mh-posts-list-thumb img {
    max-width: 170px;
}
body .entry-content.single-content-main p b,
body .entry-content.single-content-main h3,
body .entry-content.single-content-main h4 {
	/*color: #dfef95*/;
	color: #b4c270;
}
footer {
	border-top: 5px solid #000;
}
.tagcloud a {
    font-weight: 400;
    color: #fff;
    padding: 3px 9px;
    margin: 0 3px 7px 0;
    white-space: nowrap;
    text-transform: uppercase;
}
.mh-category-columns-image-normal .mh-category-column-thumb {
	max-width: 170px;
}
.mh-meta-date i {
	display: none;
}
.single-post article.post {
	padding-top: 20px;
}
body .mh-breadcrumb {
	font-size: 11px;
	font-family: 'robotolight';
}
body .mh-breadcrumb a {
	font-size: 11px;
	font-weight: 400;
}
div.mh-social-bottom {
	margin-top: 50px;
}
body .mh-post-nav {
	margin-top: 45px;
}
.eternity-ad {
	margin: 15px 0 20px;
}
.eternity-ad p {
	margin-bottom: 5px;
	font-size: 90%;
}
/***** Navigation *****/
body .mh-navigation.mh-main-nav { background: #38400a; border-top: 1px solid #dfef95; }
body .mh-navigation li { float: left; position: relative; font-size: 11px; }
body .mh-navigation li:hover { background: #94a541; }
body .mh-navigation li a { display: block; color: #fff; }
body .mh-navigation ul li:hover > ul { display: block; background: #38400a; z-index: 9999; }
body .mh-navigation ul ul { display: none; position: absolute; }
body .mh-navigation ul ul li { width: 16em; }
body .mh-navigation ul ul ul { left: 100%; top: 0; }
body .mh-navigation .menu-item-has-children > a:after { font-family: 'FontAwesome'; font-weight: 400; line-height: 1; content: '\f107'; margin-left: 5px; }
body .mh-navigation .sub-menu .menu-item-has-children > a:after { content: '\f105'; margin-left: 10px; }
body .mh-navigation li.current-menu-item {
	background: #94a541;
}
/* Single Post Main */
body .single-content-main blockquote {
	float: right;
    text-align: center;
	position: relative;
    font-size: 17px;
    width: 38%;
    margin-left: 20px;
    padding: 25px 27px 17px 40px;
	border-top: 0;
	border-bottom: 2px solid #38400a;
	border-right: 2px solid #38400a;
	border-left: 0;
    background: rgba(0, 0, 0, 0.35);
	border-left: none;
	font-style: normal;
	text-transform: uppercase;
	font-family: 'robotolight';
	border-radius: 35px 35px 0px 35px;
}
body .single-content-main blockquote::before {
	content: "\201C"; /*Unicode for Left Double Quote*/
	    font-size: 61px;
	    position: absolute;
	    left: 14px;
	    top: -10px;
	    font-family: gorgia;
}
body .single-content-main blockquote::after {
	content: “”;
}

.page-template-template-must-read .top-wertung ul {
	display: flex;
    flex-direction: column-reverse;
}
.page-template-template-must-read .top-wertung h2.widgettitle {
	display: none;
}
/* Zufallszitate Seite */
ul.zitate-list {
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.zitate-list .zitat-item {
	display: -webkit-flex; 
	display: -ms-flexbox;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	text-align: center;
	width: 43%;
    text-align: center;
    padding: 16px 17px;
    margin-right: 10px;
	border: 1px dotted #38400a;
	margin-bottom: 10px;
	background: transparent;
	
}
.zitate-list .zitat-item:hover,
.zitate-list .zitat-item:focus {
	background: #38400a;
}
.zitate-list .zitat-item div {
	padding: 2px 6px;
}
ul.zitate-list .zitat-item h4 a {
	color: #E9EFCC;
}
ul.zitate-list .zitat-item h4 a:hover {
	color: #fff;
}
/* Tags */
ul.tag-list {
	width: 100%;
}
ul.tag-list li {
	display: inline-block;
}
ul.tag-list li a {
	font-weight: 400;
	padding: 3px 9px;
	margin: 0 3px 7px 0;
	white-space: nowrap;
	text-transform: uppercase;
	display: block;
}
/* Soundcheck Kreuzfeuer */
table.soundcheck-table {
	margin: 30px 0 20px;
}
table.soundcheck-table td {
	font-size: 90%;
	text-align: center;
}
table.soundcheck-table tr td:first-child {
	text-align: left;
	background: #38400a;
	color: #e9efce;
	font-weight: 400;
	font-size: 80%;
}
table.soundcheck-table tr:hover td {
	background: #000;
}
table.soundcheck-table th {
	background-color: #000;
	font-family: 'robotolight';
	font-size: 80%;
	color: #e9efce;
}
footer .mh-excerpt-more {
	display: inline-block;
	float: right;
}

/***** Header Navigation - Top *****/

body .mh-header-nav-top li:hover a { color: #fff; }

/***** Header Navigation - Bottom *****/

body .mh-header-nav-bottom li a { color: #000; }
body .mh-header-nav-bottom li:hover a, .mh-wide-layout .mh-header-nav-bottom li a, .mh-wide-layout .mh-header-nav-bottom li:hover a { color: #fff; }

/***** Header Navigation - Global *****/

body .mh-header-nav { overflow: visible; }
body .mh-header-nav li a { line-height: 35px; padding: 0 20px; }
body .mh-header-nav ul ul li { width: 160px; }

/***** Main Navigation *****/

/*body .mh-main-nav-wrap { background: #2a2a2a; } */
body .mh-main-nav li { font-size: 14px; font-family: 'robotomedium'; }
body .mh-main-nav li:hover { background: #94a541; }
body .mh-main-nav li:hover > a { color: #fff; }
body .mh-main-nav li a { padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
body .mh-main-nav li:first-child a, .mh-main-nav .sub-menu li a { border: none; }

/******* Mobile *********************************************************** */
@media screen and (max-width: 844px) {
	.js .slicknav_menu {
    	display: block;
	}
	.mh-header-tagline {
		margin: 0;
	}
	body .mh-header-title {
		background: url(https://www.eternitymagazin.de/wp-content/themes/mh-magazine-child/images/logo.png) no-repeat center center;
		width: 100%;
		height: 67px;
	}
}

@media screen and (max-width: 844px) {
	.js .mh-navigation, .mh-header-bar-top-left, .mh-header-bar-bottom-left, .mh-header-date {
    	display: none;
	}
}
@media screen and (max-width: 1121px) {
	.zitate-list .zitat-item {
		width: 100%;
	}
}
@media screen and (max-width: 940px) {
	.rtable {
	  /*!
	  // IE needs inline-block to position scrolling shadows otherwise use:
	  // display: block;
	  // max-width: min-content;
	*/
	  display: inline-block;
	  vertical-align: top;
	  max-width: 100%;
	  overflow-x: auto;
	    /* white-space: nowrap; */
	  border-collapse: collapse;
	  border-spacing: 0;
	}
	.rtable,
	.rtable--flip tbody {
	  /*// optional - enable iOS momentum scrolling */
	  -webkit-overflow-scrolling: touch;
	}
	.rtable--flip {
	  display: flex;
	  overflow: hidden;
	  background: none;
	}
	.rtable--flip thead {
	  display: flex;
	  flex-shrink: 0;
	  min-width: min-content;
	}
	.rtable--flip tbody {
	  display: flex;
	  position: relative;
	  overflow-x: auto;
	  overflow-y: hidden;
	}
	.rtable--flip tr {
	  display: flex;
	  flex-direction: column;
	  min-width: min-content;
	  flex-shrink: 0;
	}
	.rtable--flip td,
	.rtable--flip th {
	  display: block;
		border-bottom: 1px dotted #ebebeb;
	}
	.rtable--flip td {
	  background-image: none !important;
	  /*// border-collapse is no longer active*/
	  border-left: 0;
	}
	.rtable--flip th:not(:last-child), .rtable--flip td:not(:last-child) {
	    /*border-bottom: 0;*/
	    height: 25px;
	}
}

@media screen and (max-width: 620px) {
	body.page-template-template-homepage .mh-custom-posts-content .mh-excerpt {
		display: block;
	}
}