/*!
Theme Name: Miji Blog
Theme URI: https://www.maplemarketing.de
Author: Steffen Flemming / Maple Marketing
Author URI: https://www.maplemarketing.de
Description: Individuelles News/Blog Theme für Miji - Design Germany,
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: miji

(C) 2021 Maple Marketing GmbH / Miji GmbH

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


@font-face {
    font-family: 'Miji';   
    src: url('/news/wp-content/themes/miji/fonts/miji-light.woff2') format('woff2'); 
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miji';   
    src: url('/news/wp-content/themes/miji/fonts/miji-normal.woff2') format('woff2'); 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miji';   
    src: url('/news/wp-content/themes/miji/fonts/miji-medium.woff2') format('woff2'); 
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miji';   
    src: url('/news/wp-content/themes/miji/fonts/miji-bold.woff2') format('woff2'); 
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miji';   
    src: url('/news/wp-content/themes/miji/fonts/miji-black.woff2') format('woff2'); 
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Header */

.top-header {
	background-color: #f4f4f4;
	padding: 14px 0;
}

.top-header ul {
	list-style: none;
	margin: 0 auto;
	text-align: center;
}

.top-header li {
  display: inline;
  padding: 0px 35px;
  border-right: 1px solid #575756;
  color: #575756;
  font-weight: 500;
	font-size: 14px;
}

.nav-logo img {
	max-width: 260px;
}

.navbar {
  padding: 20px 1rem;
	
}

.navbar-nav { 
  align-items: center;
}

@media (min-width: 992px) {
	.navbar > .container {
		display: flex;
		max-width: 1440px;
		width: 100%;
		justify-content: space-around;
 }
}

.nav-link {   
  padding: 0 !important;	
	color: #575756;
	font-weight: 500;	
}

li.back2shop {
  border: 1px solid #b09b58;
  padding: 9px 50px 9px 15px;   
  font-weight: 700;
  position: relative;
  font-size: 18px;
	margin-left: 50px;
	transition: 0.4s;
}

.navbar-light .navbar-nav .nav-link {
  color: #575756;
	transition: 0.4s;
}

li.back2shop a:after {
  content: ">>";
  text-align: right;
  right: 10px;
  position: absolute;
  font-size: 22px;
  color: #b09b58;
  transition: 0.4s;
	top: 8px;
}

li.back2shop:hover  {
	background-color: #b09b58;
}

li.back2shop:hover .nav-link {
  color: #fff;
}

li.back2shop:hover a:after { 
	color: #fff;
}

li.back2shop:hover:after { 
	color: #fff;
}

.navbar-light .navbar-nav .back2shop .nav-link:hover {
    color: #fff;
}

#nav-main {
  z-index: 12;
  background-color: #fff;
}

@media (max-width: 992px) {
	.top-header li {
    display: none;
	}
	.top-header li:last-child {
    display: inline-block;
		border: none;
	}
}

@media (max-width: 992px) {
	.nav-logo img {
    max-width: 160px;
	}
	.nav-link {   
		padding: 10px 0 !important;	
		color: #575756;
		font-weight: 500;	
	}
	li.back2shop {
		border: 1px solid #b09b58;
		padding: 0px 50px 0px 15px !important;   
		font-weight: 700;
		position: relative;
		font-size: 18px;
		margin-left: 0px;
		transition: 0.4s;
	}
}

.content-header {
	background-image: url(/news/wp-content/uploads/2021/06/5a7b5329c6a12c36d2d9a69b08fbef6425e4d004_210310_Home_Head.jpg);
	background-size: cover;
	background-position: top center;
	min-height: 600px;
}

@media (max-width: 575px) {
	.content-header {   
    min-height: 400px;
	}
}

/* Footer */

.bootscore-footer {
  margin-top: 4rem;
  background-color: #575756;
  color: #fff;
  padding-top: 4rem;
}

.bootscore-info {   
  background-color: #575756;
  color: #fff;
  padding-top: 4rem;
	padding-bottom: 40px !important;
}

.bootscore-footer h2 {
  color: #fff;
  text-transform: none;
  font-size: 14px;
}

.bootscore-footer a {
  color: #fff;
  transition: 0.3s;
  font-weight: 300;
  font-size: 13px;
}

.bootscore-footer a:hover {
  color: #b09b58; !important;  
	text-decoration:none;
}

.bootscore-footer img {
  max-width: 60px;
}

.social-list img {
  max-height: 35px;
  max-width: 30px;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(
170deg
) brightness(200%) contrast(100%);
	transition: 0.1s;
}

.social-list img:hover {  
	filter: invert(66%) sepia(72%) saturate(318%) hue-rotate(
6deg
) brightness(85%) contrast(94%);
}


/* Blog List 

.blog-list .card {
  min-width: 46%;
  max-width: 46%;
	margin: 2%;
}

*/

.blog-list-pagination {
	margin: 30px auto 0 auto;
}

p {
	-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: antialiased;
	color: #575756;
}

.blog-list .card {
  min-width: 31%;
  max-width: 31%;
	margin: 1.1%;
	box-shadow: 0px 15px 20px rgb(0 0 0 / 4%);
}

.blog-list {
	display: flex;
	flex-wrap: wrap;
}

.card-img-left-md {
	min-height: 265px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
	transition: 0.3s;
}

a:hover {
  color: #b09b58;
  text-decoration: none;
  background-color: transparent;
}

.entry-content a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
	transition: 0.3s;
	font-weight: 500;
}

.entry-content a:hover {
  color: #b09b58;
  text-decoration: none;
  background-color: transparent;
}

.card {    
  border: 0px solid rgba(0,0,0,.085);
  border-radius: 0;
}

a.read-more {
	color: #fff;
	background-color: #b09b58;	
	padding: 8px 15px;
	z-index: 1;
	position: relative;
	font-weight: 500;
	max-width: 180px;
	text-align: left;
	display: block;
	margin-top: 20px;
}

a.read-more:after {
	content: ">>";
  text-align: right;
  right: 10px;
  position: absolute;
  font-size: 22px;
  color: #fff;
  transition: 0.4s;
  top: 3px;	
}


a.read-more:hover {
	color: #fff;
	background-color: #575756;	
}

h2.blog-post-title {
	font-size: 24px !important;
}

.card-text p {
	font-size: 18px;
}

.card-body { 
    padding: 2rem 1.75rem 3rem;
}

.card-img-left {
	padding: 0;
}

.badge { 
    padding: .4em .4em;
    font-size: 95%;   
}

.badge-danger {
    color: #fff;
    background-color: #b09b58;
}

.card-img-left img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;    
}

.page-item.active .page-link {   
    background-color: #b09b58;
    border-color: #b09b58;
}

@media (max-width: 992px) {
	.blog-list .card {
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}
}

@media (max-width: 575px) {
	.blog-list .card {
		min-width: 90%;
		max-width: 90%;
		margin: 5%;
	}
}

/* Misc */

.btn-primary {
    color: #fff;
    background-color: #b09b58;
    border-color: #b09b58;
}

.btn-primary:hover {
    color: #fff;
    background-color: #323133;
    border-color: #323133;
}

.text-primary {
    color: #b09b58!important;
}

b, strong {
    font-weight: 500;
}

/* Single Post */

.sticky .card {
	box-shadow: 0px 0px 20px rgb(0 0 0 / 6%);
}

.single-header {
	background-size: cover;
	background-position: center;
	margin-bottom: 60px;
	background-repeat: no-repeat;
}

.single h1 {
	font-size: 48px;
}

.single .entry-meta {
	font-size: 22px;
	margin-bottom: 30px;
}

.single p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
}

.single .entry-content {		
	margin-bottom: 20px;
}

@media (max-width: 575px) {
	.single h1 {
	font-size: 52px;
	}
	.single .entry-meta {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.single p {
		font-size: 18px;
		line-height: 30px;
		font-weight: 300;
	}	
	.single-header {
    min-height: 400px; 
		margin-bottom: 30px;
}
}

.page-link {   
  padding: 10px 20px;    
  color: #575756;
  background-color: #fff;
  border: 1px solid #b09b58;
  border-radius: 0 !important;
  margin: 0 10px;
  font-weight: 500;
}

.page-link:hover {
  z-index: 2;
  color: #ffffff;
  text-decoration: none;
  background-color: #b09b58;
  border-color: #b09b58;
}

[rel="prev"]:before {
  content: ' ' !important;
	font-weight: 500;
}

[rel="next"]:after {
  content: ' ' !important;
	font-weight: 500;
}

@media (min-width: 1200px) {
.single .site-content.container, .single .site-content.container-lg, .single .site-content.container-md, .single .site-content.container-sm, .single .site-content.container-xl {
    max-width: 840px;
}
}

@media (min-width: 992px) {
.single .site-content.container, .single .site-content.container-lg, .single .site-content.container-md, .single .site-content.container-sm, .single .site-content.container-xl {
    max-width: 840px;
}
}

/* Social Media Links */

.crunchify-link {
	padding: 6px 6px 6px 6px !important;
	color: #ffff;
	font-size: 14px;
	border-radius: 5px;
	margin-right: 6px;
	cursor: pointer;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;	
	margin-top: 2px;
	display: inline-block;
	text-decoration: none;
	min-width: 35px;
	text-align: center;
}

.crunchify-link .fa {
	font-size: 15px;
}

.crunchify-link:hover,.crunchify-link:active {
	color: white;
}

.crunchify-twitter {
	background: #00aced;
}

.crunchify-twitter:hover,.crunchify-twitter:active {
	background: #0084b4;
}

.crunchify-facebook {
	background: #3B5997;
}

.crunchify-facebook:hover,.crunchify-facebook:active {
	background: #2d4372;
}

.crunchify-mail {
	background: #444;
}

.crunchify-mail:hover,.crunchify-mail:active {
	background: #222;
}

.crunchify-pinterest {
	background: #bd081c;
}

.crunchify-pinterest:hover,.crunchify-pinterest:active {
	background: #bd081c;
}

.crunchify-linkedin {
	background: #0074A1;
}

.crunchify-linkedin:hover,.crunchify-linkedin:active {
	background: #006288;
}

.crunchify-social {
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	text-align: center;
	padding: 20px 0 0 0;
	margin-bottom: 50px;
}

a.crunchify-link:visited {
	color: #fff;
}

.entry-footer {
	text-align: center;
}

a.back2blog {	
	padding: 8px 0px 0px 0px;
	margin-top: 60px;
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	border-bottom: 2px solid #575756;
}

/* Cookie */

#gdpr-box {
	background-color: white;
  box-shadow: 0 0 40px rgb(0 0 0 / 9%);
}

#gdpr-box p {
    font-size: 16px;
    line-height: 29px;
    font-weight: 300;
}

/* TOC */

#ez-toc-container {
    background: #f8f9fa !important;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    display: table;
    margin-bottom: 2em;
    padding: 20px;
    width: 100%;
}

#ez-toc-container .ez-toc-title {
    padding-bottom: 10px !important;
}

.ez-toc-btn-default {
	text-shadow: 0 1px 0 #fff;
	background-image: none;
	background-color: #575756;
	border: none;
	border-radius: 0;
}

.ez-toc-btn-default:focus, .ez-toc-btn-default:hover {
    background-color: #b09b58;
    background-position: 0 -15px;
}

#ez-toc-container a.ez-toc-toggle {
    color: #fff;
}

.ez-toc-btn-xs {
    padding: 5px 7px;
}

/* Fonts */

h4, h5, h6 {
	font-size: 1.5rem;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin-top: 50px;
	margin-bottom: 15px;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
	font-size: 18px;
  line-height: 26px;
  font-weight: 300;
	-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: antialiased;
  color: #575756;
}

.entry-content li {
	list-style: square;
}

blockquote::before {  
    color: #b09b58;
}