/*!
Theme Name: Khabar Sewa Nepali
Theme URI: https://www.khabarsewa.com
Author: Genesis Web Technology
Author URI: https://www.genesiswtech.com
Description: Khabar Sewa - Nepals Digital Online Media 
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: khabar-sewa
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.

khabar-sewa 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/
*/

@import url("https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --primary: #e92527;
  --secondary: #303092;
  --grey: #44403c;
  --primary--font: "Mukta", sans-serif;
  --secondary--font: "Poppins", serif;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

body {
  font-family: var(--primary--font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--primary--font);
  font-weight: 600;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

p:not(:last-child) {
  margin-bottom: 20px;
}

.custom-logo {
  max-width: 370px;
  padding: 20px 0;
}

.nav-container {
  background: #f7f7f7;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

.nav-container > div > div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-left: 10px;
}

.nav-container > div > div > ul > li > a {
  display: block;
  padding: 15px;
  letter-spacing: 0.01em;
  color: #313131;
  font-weight: 600;
  font-size: 18px;
  &:hover {
    color: var(--primary);
  }
}

.nav-container > div > div > ul > li.menu-item-has-children > ul {
  position: absolute;
  top: 150%;
  left: 0;
  margin: 0;
  list-style: none;
  width: 200px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  z-index: 5;
  padding: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.nav-container > div > div > ul > li.menu-item-has-children > ul > li:hover {
  background: #0000000e;
}

.nav-container > div > div > ul > li.menu-item-has-children > ul > li > a {
  color: #000000b9;
  display: block;
  padding: 8px 25px;
  font-size: 16px;
  border-bottom: 1px solid #ffffff17;
  border-top: 1px solid #0000001f;
  font-family: var(--secondary--font);
}

.nav-container
  div
  > div
  > ul
  > li.menu-item-has-children
  > ul
  > li:first-child
  > a {
  border-top: none;
}

.nav-container > div > div > ul > li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.nav-container > div > div > ul > li.menu-item-has-children {
  position: relative;
}

.nav-container > div > div > ul > li.menu-item-has-children i {
  position: absolute;
  right: 6px;
  top: 24px;
  font-size: 14px;
  color: #fff;
}
.nav-container > div > div > ul > li.menu-item-has-children a {
  padding-right: 30px;
}

.header-socials {
  text-align: center;
}

.header-socials span {
  color: var(--primary);
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}

.header-socials a {
  margin-left: 10px;
}

.site-title {
  margin-top: 15px;
}

.header-right {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.header-right > a {
  color: var(--grey);
  font-weight: 600;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #e4e4e4;
}

.header-right > a:first-child {
  font-size: 15px;
  font-family: var(--primary--font);
  border-left: none;
}

.header-right > a svg {
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
}

.header-right > a:hover {
  color: var(--primary);
}

.header-search:hover svg path {
  stroke: var(--primary);
}
.header-date {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #44403c;
  margin-top: -21px;
  margin-left: 63px;
}

.site-branding {
  margin-bottom: 33px;
}

.section {
  margin-top: 50px;
}

.trending__heading {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.trending__heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background: #e6e6e6;
  /* opacity: 0.2; */
  width: 100%;
  height: 2px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.news__card--row .card-img img {
  aspect-ratio: 16/14;
}

.trending__heading h2 {
  margin: 0;
  color: #ccc;
  font-size: 60px;
  background: #fff;
  padding: 0 20px;
  position: relative;
  display: inline-block;
}

.trending-card {
  text-align: center;
}

.trending__slider {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}

.cat-card {
  color: var(--primary);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

.card-title__medium {
  font-size: 24px;
  margin: 0;
  line-height: 30px;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
}

.card-title__small {
  font-size: 20px;
  margin: 0;
  margin-top: 22px;
  line-height: 1.4;
}

.title {
  display: block;
  color: var(--grey);

  &:hover {
    color: var(--primary);
  }
}
p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  margin-top: 12px;
  color: #44403c;
}

.breaking-card .breaking-title h2 {
  font-size: 28px;
  line-height: 32px;
}

.post__meta {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #44403c;
}

.post__meta span {
  font-weight: 500;
}

.tags__container {
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

.tags__container > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tags__container > ul > li {
  display: inline-block;
  margin-right: 15px;
}

.tags__container > ul > li > a {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: var(--secondary);

  &:hover {
    color: var(--primary);
  }
}

.breaking-card .breaking-title h2 {
  font-size: 28px;
  letter-spacing: 0.01em;
  line-height: 32px;
  margin-top: 0;
}

.breaking-card.breaking-card-noPhoto .breaking-title h2 {
  font-size: 36px;
  line-height: 40px;
}

.breaking-card {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}

.post__wrappers h1 {
  margin-bottom: 30px;
}

.card-img {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 12px;
}

.card-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.first__stories .card-img img {
  aspect-ratio: 4/3;
}

.news__card .cat-card {
  margin: 8px 0;
}

.news__card .card-title__small {
  margin-top: 0;
}

.news__card--row > a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  flex: 0 1 40%;
}

.news__card--row > p {
  flex: 0 0 60%;
  margin-left: 15px;
}

.first__stories {
  margin-bottom: 30px;
}

.first__down__story .news__card {
  margin-bottom: 40px;
}

.first__down__story .news__card .card-title__small {
  margin-bottom: 12px;
}

.heading-wrap {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.heading-wrap h2 {
  margin: 0;
  line-height: 1.1;
  margin-bottom: 6px;
  font-family: var(--secondary--font);
  font-size: 30px;
  color: var(--secondary);
}

.btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #ed1922;
  text-transform: uppercase;
}

.politics__section .first__stories .card-title__medium,
.society__section .first__stories .card-title__medium,
.sports__section .first__stories .card-title__medium,
.category__page .first__stories .card-title__medium {
  margin-top: 12px;
}
.politics__section .first__down__story .news__card {
  margin-bottom: 30px;
}

.politics__section .first__down__story .news__card .card-title__small,
.society__section .first__down__story .news__card .card-title__small,
.category__page .first__stories .card-title__small {
  margin-bottom: 15px;
}

.politics__section .first__down__story .news__card .card-img img {
  aspect-ratio: 4/3;
}

.society__section .first__down__story .news__card .card-img img,
.politics__section .first__down__story .news__card .card-img img {
  aspect-ratio: 16/12;
}

.just__in__sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: section;
}

.just__in__sidebar ul li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d5d5d5;
  position: relative;
}

.trending__container.just__in__sidebar ul li {
  counter-increment: section;
  padding-left: 40px;
}

.trending__container.just__in__sidebar ul li span {
  position: absolute;
  left: 0;
  font-size: 28px;
  top: 32px;
  line-height: 100%;
  color: var(--secondary);
  font-weight: 600;
}
.just__in__sidebar ul li h3 {
  margin: 0;
  margin-top: 8px;
}
.just__in__sidebar:not(:last-child) {
  margin-bottom: 45px;
}

.just__in__sidebar ul li a:hover h3 {
  color: var(--primary);
}

.bg-grey {
  background: #f8f7f7;
  padding: 60px 0;
}

.just__in__sidebar .heading-wrap {
  margin-bottom: 20px;
}

.overlay__news {
  position: relative;
}

.overlay__news > a {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
}

.overlay__news > a img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
}

.first__stories .overlay__news > a {
  aspect-ratio: 4/3;
}

.first__stories .overlay__news > a img {
  aspect-ratio: 4/3;
}

.overlay__news .overlay__content {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  z-index: 2;
}

.overlay__news::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, #000);
  z-index: 1;
}

.overlay__news .overlay__content .card-title__small {
  color: #fff;
  font-family: var(--primary--font);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.overlay__news .overlay__content .card-title__medium {
  color: #fff;
  font-family: var(--primary--font);
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.overlay__content .post__meta {
  color: #fff;
  margin-top: 9px;
  font-size: 13px;
}

.overlay__content .post__meta a {
  color: #fff;
}

.bg-blue {
  padding: 50px 0;
  background: #f3f9fc;
}

.explore__option ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.explore__option ul li {
  margin-right: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  border-right: 1px solid #ddd;
}

.explore__option ul li a {
  font-weight: 500;

  color: var(--grey);

  &:hover {
    color: var(--primary);
  }
}

.site-footer {
  margin-top: 50px;
}

.site-info {
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.03);
  border-top: 1px solid #00000014;
  border-bottom: 1px solid #00000014;
}

.quick__links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.quick__links ul li {
  margin-right: 30px;
}

.quick__links ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111;

  &:hover {
    color: var(--primary);
  }
}

.copyright {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: var(--grey);
}

.entertainment__section {
  position: relative;
}

.entertainment__section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("./assets/img/entertainment-banner.jpg") 0 0 no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.entertainment__section > div {
  position: relative;
  z-index: 1;
}

.entertainment__section .heading-wrap h2 {
  color: #fff;
}

.entertainment__section .heading-wrap .btn {
  color: #fff;
}

.photo__feature img {
  aspect-ratio: 4/3;
}

.photo__feature .card-title__small {
  margin-top: 12px;
}

.explore__khabar .trending__heading h2 {
  font-size: 40px;
}

.explore__khabar .trending__heading h2 span {
  color: var(--primary);
}

.explore__khabar .trending__heading h2 span span {
  color: var(--secondary);
}

.society__section .just__in__sidebar {
  position: sticky;
  top: 50px;
}

.nepali__site span {
  display: inline-block;
  vertical-align: middle;
}

.copyright p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--grey);
  margin-bottom: 5px;
}

.copyright p a {
  color: #111;
}
.main-navigation.uk-sticky-fixed {
  background: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

.main-navigation.uk-sticky-fixed .nav-container {
  margin-top: 0;
  border: none;
}

.main-navigation {
  position: relative;
}

.main-navigation .fixed__logo {
  position: absolute;
  left: 0;
  top: 8px;
}

.main-navigation .fixed__logo .custom-logo {
  padding: 0;
}

.fixed__logo img {
  height: 54px;
  object-fit: contain;
  margin: auto;
  width: 0;
  height: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  padding: 5px;
}
.fixed__logo > a {
  display: block;
  height: 54px;
  text-align: center;
  /* background: #00000017; */
}

.main-navigation.uk-sticky-fixed .fixed__logo img {
  width: 54px;
  height: 54px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

@media (min-width: 1200px) {
  .uk-grid-column-large,
  .uk-grid-large {
    margin-left: -50px;
  }

  .uk-grid-column-large > *,
  .uk-grid-large > * {
    padding-left: 50px;
  }
}

.content__area,
.content__area p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.content__area ul,
.content__area ol {
  margin: 0;
  padding-left: 16px;
}

.content__area ul li {
  list-style: disc;
}

.content__area ol li {
  list-style: decimal;
}

.content__area ul li,
.content__area ol li {
  margin-bottom: 8px;
}

.content__area p,
.content__area div {
  margin: 25px 0 0 0;
}

.content__area h2,
.content__area h3,
.content__area h4,
.content__area h5,
.content__area h6 {
  margin-top: 25px;
  margin-bottom: 12px;
}

.content__area em {
  color: var(--secondary);
}
.content__area figure {
  width: 100% !important;
}

.content__area figure img {
  width: 100%;
}

.content__area figcaption {
  display: block;
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #44403cd5;
}

.content__area p img {
  width: 100%;
  margin-bottom: 15px;
}

.content__area blockquote.floatleft::before,
.content__area blockquote.floatright:before,
.content__area blockquote.floatleft::after,
.content__area blockquote.floatright:after {
  border: none;
}

.content__area blockquote::before {
  position: absolute;
  left: 10px;
  top: 10px;
}

.content__area blockquote::before,
.content__area blockquote::after {
  content: "\f10d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 40px;
}

.content__area blockquote.floatright {
  margin-left: 0;
  float: right;
}

.content__area blockquote::after {
  content: "\f10e";
}

.content__area .highlighter,
.content__area .highlighter p {
  font-size: 20px;
  line-height: 170%;
  color: var(--primary);
  font-weight: 600;
  display: block;
  font-style: italic;
  text-align: center;
}
.content__area .highlighter {
  background: #02a2e514;
  padding: 28px;
  border: 1px solid #11111129;
}

.content__area blockquote.floatleft,
.content__area blockquote.floatright {
  max-width: 340px;
  margin: 0 30px 0 0;
  /* padding-right: 40px; */
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding-right: 0;
  position: relative;
  z-index: 1;
  padding-top: 20px;
}
.content__area blockquote {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.68;
  font-size: 1.4rem;
  position: relative;
  border-bottom: none;
  margin-bottom: 27px;
  margin-top: 12px;
  /*background: #ffffff0a;
  */
  font-weight: 600;
  padding-top: 40px;
  border: 1px solid #11111129;
  background: #ffe0e159;
  padding: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.content__area blockquote.floatright,
.content__area blockquote.floatleft {
  padding-bottom: 10px;
  text-transform: justify;
}
.content__area blockquote,
.content__area blockquote p {
  text-align: center;
  color: var(--primary);
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  padding-top: 20px;
  line-height: 34px;
  margin-top: 20px;
}
.floatleft > p,
.floatright > p {
  border: 1px solid #11111129;
  background: #02a2e514;
  padding: 20px;
}
.content__area blockquote.floatleft {
  float: left;
  margin-right: 30px;
  padding: 40px 40px 00px 0px;
}

.content__area blockquote.floatleft::before,
.content__area blockquote.floatleft::after,
.content__area blockquote.floatright::before,
.content__area blockquote.floatright::after {
  content: "\f10e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 50px;
}
.content__area blockquote.floatleft::before,
.content__area blockquote.floatright::before {
  top: 26px;
  left: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.content__area blockquote.floatleft::after {
  bottom: -7px;
  right: 33px;
  left: inherit;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  position: absolute;
}
.content__area blockquote.floatright::after {
  bottom: 9px;
  right: 4px;
  left: inherit;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  position: absolute;
}
.content__area blockquote.floatright {
  margin: 0 0 0 30px;
  padding: 45px 0px 20px 0px;
}
.content__area p em {
  color: var(--secondary);
}

.post__author img {
  display: block;
  width: 60px;
  height: 60px;
  border: 5px solid rgba(0, 0, 0, 0.2);
  border-radius: 33px;
}

.post__author img {
  border-radius: 33px;
}

.single__sidebar {
  position: sticky;
  top: 75px;
}

.single__sidebar > div.post__author {
  margin-top: 50px;
}

.post__cat {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
  color: #000000;
  opacity: 0.7;
}

.post__author .post__meta {
  margin-top: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.news__hashtag {
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.news__hashtag ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.news__hashtag ul li a {
  display: inline-block;
  padding: 9px 13px;
  background: rgba(0, 0, 0, 0.05);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.7);
}

.news__hashtag ul li a:hover {
  background: var(--primary);
  color: #fff;
}

.remainning__categories {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
.uk-search input {
  font-family: var(--primary--font) !important;
  height: 50px;
}

.search-btn {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--primary);
  height: 100%;
  margin: 0 !important;
  color: #fff;
  font-family: var(--primary--font) !important;
  font-weight: 600;

  &:hover {
    background: var(--secondary);
  }
}

.meta__wrapper {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.meta__wrapper .post__author img {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  margin-right: 10px;
}

.meta__wrapper .post__author {
  display: flex;
  align-items: center;
}

.meta__wrapper .post__author .post__meta {
  margin: 0;
  padding: 0;
  border: none;
}

.uk-offcanvas-bar {
  padding: 0;
  background: #fff;
}

.uk-offcanvas-bar > div > ul > li {
  position: relative;
}

.uk-offcanvas-bar > div > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.uk-offcanvas-bar > div > ul > li > a:hover {
  background: #00000012;
}

.uk-offcanvas-bar > div > ul > li > a {
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 16px;
  display: block;
  line-height: 46px;
  color: #222 !important;
  font-weight: 600;
  padding: 0 20px;
  border-top: 1px solid #ffffff0a;
  border-bottom: 1px solid #00000011;
}

.uk-offcanvas-bar > div > ul > li i {
  color: #111;
}

.uk-offcanvas-bar > div > ul > li.menu-item-has-children > ul > li > a {
  display: block;
  padding: 10px 30px;
  font-weight: 500;
  font-size: 17px;
  border-top: 1px solid #ffffff0a;
  color: #111;
  border-bottom: 1px solid #0000002b;
}

.uk-offcanvas-bar
  > div
  > ul
  > li.menu-item-has-children
  > ul
  > li:first-child
  > a {
  border-top: 0;
}

.uk-offcanvas-bar > div > ul > li.menu-item-has-children span {
  position: absolute;
  right: 0;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  z-index: 5;
  top: 0;
  width: 48px;
  height: 48px;
}

.uk-offcanvas-bar > div > ul > li.menu-item-has-children > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--light);
  display: none;
}

.uk-offcanvas-bar > div > ul > li.menu-item-has-children > ul > li > a:hover {
  background: #00000021;
}

.remainning__categories .news__card .card-title__small {
  margin-top: 8px;
}
.news__card p,
.trending-card p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}

.news__card--row p {
  margin-top: 0;
  margin-bottom: 0;
}

.just__in__sidebar .card-title__small {
  font-size: 18px;
}

.post__wrappers h1 {
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 45px;
}
.top__stories.section {
  margin-top: 36px;
}
.sticky__footer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: #fefefe;
  border-top: 1px solid #00000021;
}

.ad-container .gam-each-ad {
  /* padding-top: 15px; */
}

.gam-ad-position-wrap div {
  text-align: center;
  margin-bottom: 10px;
}
.gam-ad-position-wrap > div {
  margin-top: 20px;
}
.gam-ad-position-wrap div:last-child {
  margin-bottom: 0;
}

.ad-main-menu .gam-ad-position-wrap.home-after-main-menu > div {
  margin-bottom: 15px;
  margin-top: 0;
}
.gam-ad-position-wrap.single-sidebar > div {
  margin: 0;
  margin-bottom: 30px;
}

.post-author span i {
  font-size: 12px;
  margin-right: 6px;
}

.gam-npad-position-wrap > div {
  margin-top: 20px;
}
.site-header .gam-npad-position-wrap > div {
  margin-top: 10px;
}
.gam-npad-position-wrap div {
  text-align: center;
  margin-bottom: 10px;
}

.gam-ad-position-wrap.home-after-top-stories,
.gam-ad-position-wrap.single-inbetween-stories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

@media (max-width: 768px) {
  .gam-ad-position-wrap.home-after-top-stories {
    display: block;
  }
  .sticky__footer {
    display: block;
  }
}

.pagination-wrap {
  margin-top: 40px;
  text-align: center;
}

.pagination-wrap .page-numbers {
  border: 1px solid #00000036;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  margin-right: 11px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.page-numbers:hover,
.page-numbers.current {
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
}

.page-numbers.next,
.page-numbers.prev {
  padding-left: 20px;
  width: auto;
  padding-right: 13px;
  border: none;
  border-radius: 0;
  padding-right: 20px;
}

.page-numbers.next:hover,
.page-numbers.prev:hover {
  color: var(--primary);
  background: none;
}

/* Breaking Section */
.breaking__news {
  text-align: center;
}

.breaking__news:not(:last-child) {
  border-bottom: 1px solid #0000001a;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.breaking__news--title {
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  margin: 0;
  color: var(--grey);
  max-width: 785px;
  margin: auto;
  margin-bottom: 12px;
  margin-top: 20px;
}

.news--author {
  font-weight: 600;
  font-size: 14px;
  color: #b00f15;
}

.breaking__news--title > a {
  color: var(--grey);
}

.breaking__news--title:hover a {
  color: var(--primary);
}

.breaking__news img {
  width: 100%;
}

.breaking__news p {
  color: var(--grey);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  max-width: 835px;
  margin: auto;
  margin-top: 30px;
}

.breaking__news--img {
  margin-top: 30px;
  max-height: 500px;
  overflow: hidden;
}

.news--author {
  margin-bottom: 15px;
}

.news--author img {
  margin-right: 5px;
  width: 50px;
  height: 50px;
  display: inline-block;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  vertical-align: middle;
  border: 1px solid var(--primary);
}
.news--author a,
.news--author {
  font-size: 16px;
  font-weight: bold;
  color: #101010;
  vertical-align: middle;
}

.news--author {
  color: #555;
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
}

.breaking__news .news--author {
  font-size: 17px;
}

.news--author span {
  color: #555;
  font-weight: bold;
}

.news--author span:last-child {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #c4c4c4;
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
}

.news__card.news__card--big img {
  width: 100%;
}

.news__card.news__card--big .card-title__medium {
  font-size: 30px;
  margin-top: 18px;
  line-height: 1.2;
}

.education__section .first__down__story {
  margin-top: 24px;
}

.education__section .first__down__story .news__card {
  margin-bottom: 0;
}

.sub-cat {
  margin: 0 10px 0 auto;
  padding: 0;
  list-style: none;
  background: #fff;
  position: relative;
  z-index: 1;
}

.sub-cat li {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #000;
  border: 1px solid transparent;
  padding: 0 7px 0px 0px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.sub-cat li a {
  position: relative;
  padding: 0;
  top: 0;
  font-size: 16px;
  color: #0b0b0b99;
  font-weight: 600;
  border: 1px solid #0000003b;
  border-radius: 14px;
  padding: 1px 16px;
  background: #00000008;
}
.sub-cat li a:hover {
  background: var(--primary);
  color: #fff;
}

.sahitya__card {
  display: flex;
  align-items: center;
}

.sahitya__card > a {
  display: block;
  width: 65px;
  height: 65px;
  min-width: 65px;
  margin-right: 15px;
}

.sahitya__card > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sahitya__card .card-title__small {
  margin-bottom: 8px;
  margin-top: 0;
  font-size: 18px;
}

.sahitya__card {
  padding: 30px;
  background: #fff;
  color: #666;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.youtube__iframe iframe {
  width: 100%;
  height: 700px;
}



.video__section__embed .youtube__iframe {
  background: #000;
}

.video__section__embed .youtube__iframe iframe {
  height: 480px !important;
  outline: unset;
}
.social__media__iframe iframe {
  width: 100% !important;
  height: 430px;
  min-width: 100% !important;
  max-width: 100% !important;
}

.social__media__iframe blockquote {
  width: 100% !important;
  height: 430px !important;

  max-width: 100% !important;
  min-width: 100% !important;
}
.youtube__iframe blockquote {
  margin: 0;
}
.news__card iframe {
  width: 100%;
}
.news__card .post__meta {
  margin-bottom: 5px;
}
.bichar-news-sidebar ul {
  margin: 0;
  padding: 0;
}
.bichar-news-sidebar li {
  display: flex;
  align-items: start;
  gap: 15px;
}
.bichar-news-sidebar li:not(:last-child)
 {
  margin-bottom: 14px;
 }
.bichar-news-sidebar li > div {
  width: 70%;
}
.bichar-news-sidebar .bichar-img {
  width: 30%;
}
.bichar-news-sidebar .card-title__small {
  margin: 0;
  font-size: 18px;
}