/**
 * Theme Name:     Katen Child
 * Author:         ThemeGer
 * Template:       katen
 * Text Domain:	   katen-child
 * Description:    Blog & Magazine WordPress Theme
 */

.post-content p,
.post-content ul,
.post-content ol {
	font-family: "Source Serif 4", serif !important;
}

h1, h2, h3, h4, h5, h6, .text-logo {
	font-weight: 800 !important;
}

.page-header p {
	margin-bottom: 0 !important;
}

.single-post .main-content {
	margin-top: 20px !important;
}

.archive .main-content,
.page .main-content {
	margin-top: 60px !important;
}

.avatar {
	border-radius: 50%;
	margin-right: 4px;
}

blockquote p {
	line-height: inherit !important;
}

.widget.widget_categories ul li a {
  font-weight: 400 !important;
}

.post-single .post-content {
  font-size: 18px !important;
}

blockquote {
  font-size: 18px !important;
}

.post.post-classic .details,
.nextprev-post,
.comment-form,
.widget {
    padding: 30px 30px 20px !important;
}
.nextprev-post {
    padding-top: 20px !important;
}
 .post.post-classic .post-bottom {
    margin: 0 35px !important;
}

.is-style-rounded-10 img,
.single picture img {
  border-radius: 10px
}

figure {
margin: 2rem 0  !important;
}

iframe {
 display: block;
 }
 
 .post .thumb img {
 transform: none !important;
 }
 
 .comments li.comment .details, .comments li.trackback .details, .comments li.pingback .details {
   margin-left: 70px !important;
}

.comments li.comment .thumb img, .comments li.trackback .thumb img, .comments li.pingback .thumb img {
  -o-object-fit: unset;
  object-fit: unset;
  width: 50px !important;
  height: 50px !important;
}

.details p {
color: #203656 !important;
}

.post.post-classic .thumb img {
  min-width: 100%;
}

@media only screen and (max-width: 1200px) {
  .post.post-classic .details,
  .nextprev-post,
  .comment-form,
  .widget {
    padding: 30px 30px 20px !important;
  }
   .post.post-classic .post-bottom {
    margin: 0 30px !important;
  }
  .nextprev-post {
      padding-top: 20px !important;
}
}

@media only screen and (max-width: 990px) {
  .header-default {
    padding: 25px 0 !important;
  }
}

@media only screen and (max-width: 500px) {
  .post.post-classic .details,
  .nextprev-post,
  .comment-form,
  .widget {
    padding: 25px 15px !important;
  }
   .post.post-classic .post-bottom {
    margin: 0 15px !important;
  }
}

@media only screen and (max-width: 576px) {
  .post.post-classic .thumb img {
    height: auto !important;
  }
}