/*!
Theme Name: Khulivaat
Theme URI: http://underscores.me/
Author: Ansh
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: khulivaat
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Khulivaat is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

.single-post-content .single-post-content_text {
  text-align: left;
}
.single-post-content .single-post-content_text img {
  width: 100%;
}
.single-post-content .single-post-content_text h2 {
  font-size: 22px;
  text-align: left;
  padding-top: 10px;
  font-weight: 600;
  line-height: 1.5em;
  padding-bottom: 15px;
}
.single-post-content .single-post-content_text h3 {
  font-size: 18px;
  text-align: left;
  padding-top: 10px;
  font-weight: 600;
  line-height: 1.5em;
  padding-bottom: 15px;
}
.single-post-content .single-post-content_text b,
.single-post-content .single-post-content_text strong {
  font-weight: bold;
}
.single-post-content_text p {
  font-size: 14px;
}
.single-post-content .single-post-content_text ul,
.single-post-content .single-post-content_text ol {
  padding-bottom: 10px;
  padding-left: 20px;
}
.single-post-content .single-post-content_text ul li {
  padding-bottom: 10px;
  font-size: 14px;
  list-style: disc;
}
.single-post-content .single-post-content_text ul.wp-block-list li {
  line-height: 1.5em;
}
.single-post-content .single-post-content_text ol li {
  padding-bottom: 10px;
  font-size: 14px;
  list-style: auto;
}
.single-post-content .single-post-content_text ul li > ul {
  padding-left: 15px;
  padding-top: 10px;
}
.single-post-content .single-post-content_text ul li > ul li {
  list-style: circle;
}
.single-post-content .single-post-content_text .wp-block-rank-math-toc-block {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.recent-blog-wrap .post-widget-item-media img {
  width: 100%;
  height: auto;
  height: 80px;
  object-fit: fill;
}
.spn-box-content_title {
  line-height: 20px;
}
.list-post-content h3 {
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 16px;
}
.post-widget-item-content h4 {
  line-height: 1.5em;
  padding-bottom: 8px;
}
.cat-ajax-loader {
  display: none;
  text-align: center;
  padding: 40px 0;
}

.cat-ajax-loader .loader {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 3px solid #ddd;
  border-top: 3px solid #f0691a;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
}

.cat-ajax-loader .loading-text {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  vertical-align: middle;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.main-container {
  position: relative;
}

.no-post-found {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 600;
  margin-bottom: 10px;
}
.cat-post-list .list-post-content {
  text-align: left;
}
.cat-post-list .list-post-content p {
  margin-top: 10px;
}
.cat-post-list .list-post-content .fa-clock::before {
  color: #f0691a;
}
.cat-post-list .list-post-content .fa-clock {
  float: left;
  text-align: left;
  color: #666;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 3px 0 10px 0;
  margin-right: 4px;
}
.cat-post-list .list-post-content h3 {
  white-space: normal !important;
  line-height: 1.5em;
}
.single-post-content_text img {
  margin-bottom: 10px;
  border-radius: 6px;
}
.single-page .page-desc {
  text-align: left;
}
.single-page .page-desc h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.single-page .page-desc h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.single-page .page-desc h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.single-page .page-desc b,
.single-page .page-desc strong {
  font-weight: bold;
}
.single-page .page-desc p {
  font-size: 14px;
  line-height: 22px;
}
.single-page .page-desc ul,
.single-page .page-desc ol {
  padding-left: 20px;
}
.single-page .page-desc ul li {
  list-style: disc;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 6px;
}
.single-page .page-desc ol li {
  list-style: auto;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 6px;
}
.hero-section_title {
  padding-bottom: 10px;
}
.text-black {
  color: #000 !important;
}
.best-cat-section {
  padding-top: 0;
}
.custom-form .wpcf7-response-output {
  margin-top: 70px !important;
  text-align: start;
  width: max-content;
}
.sub-form .wpcf7-not-valid-tip {
  display: none !important;
}
.sub-form .wpcf7-response-output {
  margin-top: 55px !important;
  text-align: start;
  color: #fff;
}
.related-post {
  margin-top: 60px;
}
.about-wrap {
  text-align: left;
}
.about-wrap h3 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  line-height: 1.5em;
}
.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  max-width: 900px;
  margin: auto;
  background: #1f2937;
  color: #fff;
  padding: 16px 20px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  display: none;
}

.cookie-content p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}

.cookie-buttons {
  display: flex;
  gap: 10px;
}

.cookie-buttons button {
  padding: 8px 18px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
}

#cookie-accept {
  background: #22c55e;
  color: #fff;
}

#cookie-reject {
  background: #ef4444;
  color: #fff;
}
.bottom-post {
  position: relative;
}
.bottom-post .grid-post-media_title {
  z-index: 999;
}
.bottom-post::after {
  content: "";
  width: 100%;
  height: 170px;
  position: absolute;
  right: 0;
  left: 0;
  border-radius: 0;
  bottom: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgb(0 0 0 / 50%) 40%,
    rgb(0 0 0 / 28%) 70%,
    rgb(0 0 0 / 0%) 100%
  );
  z-index: 40;
}
.not-found input[type="search"] {
  color: #000;
}
.single-post-content_text a {
  color: #f0691a;
}
#category-filter {
  overflow: scroll;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.ajax-nav li {
  flex: 0 0 auto;
  white-space: nowrap;
}
.breadcrumbs-header_url span{
  text-align: left;
}
@media only screen and (max-width: 856px) {
  /* .ajax-nav {
    width: max-content;
  } */
}