/*
Theme Name:   Mutterkutter
Description:  mutterkutter.de (Jannah - Child Theme)
Author:       KielCoding / Lars Schröder
Author URI:   https://kielcoding.de
Version:      2023.03.06
Text Domain:  jannah-child
Template:     jannah
License:      license purchased
License URI:  http://themeforest.net/licenses/regular_extended
*/

@font-face {
  font-display: swap;
  font-family: 'Born Ready';
  font-style: normal;
  src: url('fonts/born-ready/born-ready-regular.woff2') format('woff2'),
       url('fonts/born-ready/born-ready-regular.ttf') format('truetype');
}

:root {
  --heading-font: 'Raleway', sans-serif;
  --body-font: 'Raleway', sans-serif;
}

.video-wrapped {
  max-width: 100%;
}

/* ads */
.entry-meta span.is-ad {
  color: inherit !important;
}

.entry-header .entry-title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
}

/* titles */
#secondary .widget-title {
  background-color: #f9b3a7;
  color: #020202;
}

h2.sub-title,
h3.sub-title {
  font-size: 16px;
  font-style: italic;
  line-height: 1.5;
  margin: 0 0 10px;
}

h2.sub-title {
  padding-top: 10px;
  clear: both;
}

h3.sub-title {
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  h3.sub-title {
    padding-top: 10px;
  }
}


/* meta */
body .grid-slider-wrapper .thumb-meta {
  display: block;
  font-size: 9px;
}

/* boxes */
.custom-box-container { overflow: hidden; }

.custom-box-container > div { padding: 15px; }

@media (min-width: 768px) {
  .custom-box-container .custom-box-50-not-mobile { float: left; width: 50%; }
}

/* tmp */
#tie-block_2216 { display: none !important; }


/**
 * Logo
 */
#logo {
  display: block;
  width: 100%;
}
#theme-header.has-normal-width-logo .logo-wrapper #logo {
  margin: 1rem 0 !important;
}

#logo a {
  display: block !important;
  overflow: hidden;
  margin: 0 auto;
  max-height: 30vw;
}
@media (max-width: 769px) {
  #logo a {
    width: 70vw;
  }
}

.tie-logo-img {
  display: block;
  margin: 0 auto;
  max-width: 400px !important;
}

.logo-love {
  position: relative;
  display: block;
  margin: 0 auto 1rem;
  width: 70px !important;
}

@media (min-width: 670px) {
  .logo-love {
    top: -30px
  }
}


/**
 * Menu
 */
#main-nav .main-menu > ul > li > a {
  font-family: Helvetica, Arial, sans-serif !important;
}

#main-nav .main-menu .menu > li.tie-current-menu {
  border-bottom: none;
}

#main-nav .search-bar {
  max-width: 108px;
}
@media (min-width: 1250px) {
  #main-nav .search-bar {
    max-width: none;
  }
}

#sticky-logo {
  max-width: 45px;
  max-height: 50px;
}
.theme-header .fixed-nav:not(.just-before-sticky) #sticky-logo img {
  padding: 0 !important;
  height: 45px;
  margin-top: 7px;
  margin-left: -15px;
}

nav.main-nav .menu > li.tie-current-menu > a, nav.main-nav .menu > li:hover > a {
  background: #fff !important;
  color: var(--main-nav-text-color) !important;
}

.sub-menu a {
  font-family: Helvetica, Arial, sans-serif;
}


/**
 * Mobile menu
 */
.mobile-header-components {
  position: absolute;
}

.dark-skin #mobile-menu .current-menu-item a {
  color: #faa33d;
}

#mobile-social-icons .social-icons-item .social-link span {
  color: #faa33d !important;
}
#mobile-social-icons .social-icons-item .social-link:hover {
  background-color: #faa33d !important;
}
#mobile-social-icons .social-icons-item .social-link:hover span {
  color: #fff !important;
}

/**
 * Breadcrumb
 */
#breadcrumb a + .delimiter + a + .delimiter:last-of-type,
#breadcrumb a + .delimiter + a + .delimiter + .current {
  display: none;
}


.site .post-cat {
  background-color: #fff !important;
  font-size: 12px !important;
}

.ad {
  padding-right: 14px;
  vertical-align: bottom;
}

html .main-content #the-post .entry-content a {
  color: #F05D17 !important;
}

/**
 * Display ad below breadcrumb
 */
#the-post .ad {
  position: relative;
  top: 4rem;
}
#the-post #breadcrumb {
  margin-bottom: 3rem;
}

/**
 * Hide single page ad info after date
 */
#the-post .date + .ad {
  display: none;
}

#the-post .author-container {
  display: flex;
  justify-content: center;
  margin: 1rem auto 3rem;
}
#the-post .author-name {
  margin-left: 10px;
  font-family: "Born Ready", serif;
  font-size: 1.6rem;
  font-weight: 600;
}



/**
 * for related posts thumbnail equal height
 */
.post-thumb {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/**
 * Move icon to prevent cutting off
 */
.post-thumb .trending-post.trending-lg {
  top: 8px !important;
}


.trending-post.trending-sm {
  width: 15px !important;
  height: 15px !important;
}
.trending-post.tie-icon-bolt {
  display: inline-block !important;
  float: none !important;
  top: unset !important;
  margin-right: 5px;
  background: #f0f0f0 !important;
  width: 32px !important;
  height: 32px !important;
}
.trending-post.tie-icon-bolt svg {
  width: 30px;
  height: 32px;
  stroke: #000;
}
.trending-post.tie-icon-bolt:before {
  content: none !important;
}
.trending-post,
.post-meta .meta-item {
  vertical-align: middle;
}
.main-content .post-meta > .meta-item {
  float: none;
}
.main-content .post-meta > .ad {
  float: none;

}

/**
 * show calendar & clock icons
 */
.entry-header .post-meta .meta-item.tie-icon.date::before {
  content: "\f133";
  color: #020101;
  font-family: 'Font Awesome 5 Free' !important;
}


.meta-reading-time .tie-icon-bookmark::before {
  content: "\f017";
  font-family: 'Font Awesome 5 Free';
}

.tie-icon.topbar-today-date::before,
.post-meta .meta-item.date::before {
  content: "\f133" !important;
  font-family: 'Font Awesome 5 Free' !important;
}

.single-post .post-cat-wrap {
  display: none !important;
}

/**
 * Allow custom title color using a custom field
 */
.thumb-overlay .thumb-title .reset-font-color {
  color: inherit !important;
}
.thumb-overlay .thumb-content .thumb-title {
  color: inherit;
}
.thumb-overlay .thumb-content {
  color: #fff;
}

/**
 * Slider image
 */
.wide-slider-wrapper .slide {
  background-position: center !important;
}

/**
 * Slider text
 */
.wide-slider-wrapper .thumb-title {
  font-weight: 400;
  letter-spacing: 1px;
}

@media (max-width: 769px) {
  .wide-slider-wrapper .thumb-overlay {
    padding-top: 0 !important;
  }

  .fullwidth-slider-wrapper .thumb-overlay .container {
    top: 37% !important;
  }

  .fullwidth-slider-wrapper .thumb-meta {
    display: block !important;
    margin-bottom: 10px !important;
  }

}

/**
 * Slider dots
 */
.tie-container .tie-slick-dots button {
  width: 10px;
  height: 10px;
  margin: 0;
}
.tie-container .tie-slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.tie-container .tie-slick-dots button,
.tie-container .tie-slick-dots button:hover {
  background-color: #E1E1E1;
}
.tie-container .tie-slick-dots .slick-active button,
.tie-container .tie-slick-dots .slick-active button:hover {
  background-color: #F05D17;
  transform: scale(1.5);
}

.epat-slick ul.slick-dots li {
  padding: 0;
  transform: scale(1.5);
}

/**
 * quotes
 */
.tie-container blockquote,
.tie-container q {
  clear: both;
  background: transparent;
  border-radius: 10px;
  color: #666;
  font-size: 26px;
  line-height: 36px;
}

.tie-container q::before,
.tie-container blockquote::before {
  margin-left: -3rem;
  margin-bottom: 0;
}

.tie-container q::after,
.tie-container blockquote::after {
  display: block;
  content: "\f10e";
  margin-right: -3rem;
  color: var(--brand-color);
  font-family: tiefonticon;
  font-size: 26px;
  text-align: right;
}

.tie-container blockquote p,
.tie-container q p {
  font-size: inherit !important;
  line-height: inherit !important;
}

/**
 * ad images
 */
.tie-container img.size-full {
  display: block;
  float: none;
  margin: 0 auto;
}

/**
 * affiliate links
 */
.tie-container .stream-title {
  color: #F05D17;
  font-size: 13px;
}

body:not(.home) .insert-page {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/**
 * footer cooperations slider
 */
.insert-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/**
 * footer calendar
 */
.footer-widget-area .tribe-common .tribe-common-h2,
.footer-widget-area .tribe-common .tribe-common-h5,
.footer-widget-area .tribe-common .tribe-common-h6 {
  color: #fff;
  font-family: Raleway, sans-serif;
}
.footer-widget-area .tribe-common .tribe-common-b2 {
  color: #fff;
  font-family: Raleway, sans-serif;
}
.footer-widget-area .tribe-common a,
.footer-widget-area .tribe-common a:active,
.footer-widget-area .tribe-common a:focus,
.footer-widget-area .tribe-common a:hover,
.footer-widget-area .tribe-common a:visited {
  color: #fff
}
.footer-widget-area .tribe-common a:hover {
  text-decoration: underline;
}

.footer-widget-area .tag-cloud-link:hover {
  color: #fff !important;
  border-color: #fff !important;
}

.footer-widget-area .widget_media_image img {
  max-width: 200px;
}
.footer-menu a:hover {
  color: #fff;
  text-decoration: underline;
}

/**
 * Footer calendar
 */
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8 {
  font-weight: 300 !important;
}


/**
 * Moved from custom css Jannah theme options
 */
.post-cat {
  background-color:#adffe9 !important;
  color:#000000 !important;
}

.containerForTextImage {
  position: relative;
  text-align: center;
  color: #a1a1a1;
  margin-bottom: -20px;
}

.centeredTextInImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:13px;
  display: inline-block;
  background: rgba(255,255,255,0.7);
  color: #000000;
  padding: 0 6px;
  line-height: 1.85em;
  margin-right: 4px;
  white-space: nowrap;
  word-wrap: normal;
  letter-spacing: 0;
  transition: 0.3s;
  border-radius: 2px;
}

.centeredTextUnderImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:13px;
  display: inline-block;
  width: 100%;
  background: rgba(255,255,255,0.7);
  color: #000000;
  padding: 0 6px;
  line-height: 1.85em;
  margin-right: 4px;
  white-space: wrap;
  word-wrap: normal;
  letter-spacing: 0;
  transition: 0.3s;
  border-radius: 2px;
}

.blacklinks {
  color:black !important
}

/**
 * Plugin EP Testimonials
 */
.epat-testimonials_area {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (min-width: 1250px) {
  .epat-testimonials_area {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

/**
 * Fix mobil bottom content clip
 */
@media only screen and (max-width: 767px) {
  .slick-slide {
    margin-bottom: 20px;
  }
}

.testimonial-wrapper .style-01 .thumb::before,
.testimonial-wrapper .style-01 .thumb::after,
.testimonial-wrapper .style-21 .thumb::before,
.testimonial-wrapper .style-21 .thumb::after {
  display: none;
}

/**
 * Fix first border offset
 */
.testimonial-wrapper .style-01 .testimonial-info .comments::after {
  left: 50%;
}

/**
 * Fix wrong font awesome icon declaration
 */
.fab.fa-envelope {
  font-family: 'Font Awesome 5 Free';
}