/*!
Theme Name: Karobar Daily
Theme URI: https://www.karobardaily.com/
Author: Genesis Web Technology
Author URI: https://www.genesiswtech.com/
Description: Established in 2009 by a Non-resident Nepali (NRN) as the first economic daily in the country feeling the need of a more meaningful presence of the NRNs and the private sector to fulfill such rising aspirations of the people, we pledge with our readers that we will raise every issue related to the people to make Karobar useful for every Nepali and not just remain a newspaper for the economic/business community only.
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: karobar-daily
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.

karobar-daily 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

@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: #b11016;
  --secondary: #242561;
  --grey: #333030;
  --light: #ffd8d8;
  --bottom-gradient: linear-gradient(180deg, #ffffff 0%, #ffe6e6 100%);
  --top-gradient: linear-gradient(180deg, #ffe6e6 0%, #ffffff 100%);

  --primary--font: "Mukta", sans-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;
}

.site-header .custom-logo {
  max-width: 230px;
  padding: 20px 0;
}

.uk-container {
  max-width: 1120px;
}

.uk-container-large {
  max-width: 1600px;
}

.site-header {
  background: var(--light);
  border: 1px solid #00000026;
}
.site-branding {
  display: flex;
  align-items: center;
}

.headerDate {
  font-weight: 700;
  color: var(--grey);
  font-size: 14px;
  margin-left: 8px;
}

.header__right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.offcanvas__links {
  margin-top: 20px;
}

.header__right--links > a,
.offcanvas__links > a {
  display: inline-block;
  font-weight: 600;
  margin-left: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: var(--grey);

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

.header__right--search-icon {
  display: none;
  cursor: pointer;
}

.header__right--search-icon i {
  color: #fff;
  background: #342c2c;
  padding: 10px;
  border-radius: 100px;
  cursor: pointer;
}

.offcanvas__logo {
  padding: 30px;
  background: #fff;
}

.offcanvas__links > a {
  margin-right: 12px;
}

.header__right--links > a svg {
  margin-right: 5px;
}

.header__right--search form {
  position: relative;
}

.header__right--search form i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.header__right--search input {
  height: 38px;
  background: #342c2c;
  color: #fff;
  font-family: "Poppins", sans-serif;
  border: none;
  padding: 0 10px;
  border-radius: 4px;
  width: 200px;
  letter-spacing: -0.01em;
  font-size: 14px;
  font-weight: 500;
}

.header__right--search input::placeholder {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.header__right--search input:focus {
  outline: none;
}

.burger__menu {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -3%;
  color: var(--grey);
  cursor: pointer;
  transition: 0.3s linear;
  text-align: center;
}

.burger__menu svg {
  margin-left: 5px;
}

.burger__menu svg rect {
  transition: 0.3s linear;
}

.burger__menu:hover svg rect {
  width: 24px;
  transition: 0.3s linear;
}

.topTags {
  background: #fff2f2;
}

.topTags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  padding: 15px 0;
  gap: 12px;
  flex-wrap: nowrap;
  overflow: auto;
  scrollbar-width: none;
}

.topTags ul li a {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: var(--grey);
  &:hover {
    color: var(--primary);
  }
}

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

.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;
}

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

.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;
}

.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: 18px;
  line-height: 28px;
  max-width: 835px;
  margin: auto;
  margin-top: 30px;
}

.breaking__news--img {
  margin-top: 30px;
}

.section {
  padding-top: 70px;
}

.breaking__section {
  background: var(--bottom-gradient);
  padding: 70px 0;
}

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

.cat-wrap {
  margin-bottom: 30px;
}

.cat-name {
  font-weight: 700;
  margin: 0;
  font-size: 32px;
  display: inline-block;
  line-height: 38px;
}

.cat-name > a {
  display: block;
  border-bottom: 3px solid #c03e43;
  color: var(--grey);
  &:hover {
    color: var(--primary);
  }
}

.news__title--large {
  margin: 0;
  font-size: 32px;
  margin-bottom: 8px;
  line-height: 1.4;
}

.news__title--xlarge {
  font-size: 37px;
  margin-top: 8px;
  line-height: 1.4;
}

.news__title--med {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  margin: 13px 0 8px 0;
}

.news__title--medium {
  font-size: 22px;
  margin: 0;
  margin: 12px 0 0 0;
  line-height: 1.4;
}

.news__title--small {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 12px;
}

.title {
  color: var(--grey);
  display: block;
  &:hover {
    color: var(--primary);
  }
}

.news__card--light .title {
  color: #fff;
}

.news__card > a {
  width: 100%;
  height: 100%;
  display: block;
}

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

.news__card:not(:last-child) {
  margin-bottom: 30px;
}

.news__card h3 {
  margin-top: 24px;
}

.news__card--large > a img {
  aspect-ratio: 4/3;
}

.news__card p {
  color: #505050;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  margin: 0;
}

.news--author__img {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.news--author__img > img {
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.news--author__img span {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
}

.news--author__img small {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: var(--grey);
}

.news--author__img small svg {
  display: inline-block;
  vertical-align: middle;
}

.news__card--col {
  display: flex;
  flex-wrap: wrap;
}

.news__card--col > a {
  width: 120px;
  height: 100px;
  margin-right: 25px;
}

.news__card--colBig > a {
  width: 200px;
  height: 180px;
}

.news__card--colScape > a {
  width: 230px;
  height: 125px;
}

.news__card--col h3,
.news__card--colBig > div {
  flex: 1;
  margin: 0;
}

.news__card--colBig p {
  margin-top: 12px;

  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}

.news__card--big {
  position: relative;
}

.news__card--big h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 25px;
  width: 100%;
  margin: 0;
  background: #00000072;
}

.news__card--big h3 a {
  color: #fff;
}

.bulletin__section {
  padding: 70px 0;
  background-size: cover;
  margin-top: 70px;
}

.bulletin__section .cat-name > a {
  color: #fff;
  border-bottom-color: #fff;
}

.overlay__news {
  position: relative;
}

.overlay__news::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #000000 100%);
}

.overlay__news > a {
  width: 100%;
  height: 400px;
  display: block;
}

.overlay__news > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlay__content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  text-align: center;
}
.overlay__content h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  color: #ffffff;
}

/* Popup overlay */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.popup-overlay.active {
  display: flex;
}

.stories-container {
  width: 375px;
  height: 812px;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  position: relative;
}

/* Close button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 20;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

/* Progress bars */
.progress-bars {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  padding: 10px 12px;
  z-index: 10;
  gap: 4px;
}

.progress-bar {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  background: #fff;
  width: 0%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide img,
.swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  display: none; /* keep hidden inside */
}

.bg-bottom-gradient {
  background: var(--bottom-gradient);
  padding: 70px 0;
}

.bg-top-gradient {
  background: var(--top-gradient);
  padding: 70px 0;
}

.suchana__section {
  margin-top: 70px;
}

.banking__section {
  background: #fffafa;
  padding-bottom: 70px;
}

.yt__shorts__iframe iframe {
  width: 100%;
}

.news__card--col.col-reverse > a {
  width: 490px;
  margin: 0;
  margin-left: 30px;
  height: 230px;
}

.news__card--col.col-reverse > div {
  flex: 1;
}

.news__card--col.col-reverse > div h3 {
  margin-bottom: 12px;
}

.youtube__iframe iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.editorial__section,
.bichar__section {
  padding: 30px;
  background: #f2f2f2;
}

.bichar__section {
  background: #f8f8f8;
  border-top: 1px solid #e0e0e0;
}

.bichar__section .news__card--col > a {
  width: 165px;
  height: 124px;
}

.sports__section {
  margin-top: 70px;
}

.sports__section .news__card--col.col-reverse > a {
  height: 300px;
}

.news__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.news__list li {
  margin-bottom: 30px;
}

.footer__logos p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  color: var(--grey);
}

.footer__head {
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  border-bottom: 3px solid #c03e43;
  color: var(--grey);
  line-height: 34px;
  margin-bottom: 24px;
}

.footer__data p,
.footer__teams p {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  margin-bottom: 10px;
  line-height: 23px;
  color: var(--grey);
}

.footer__data p span,
.footer__teams p span {
  display: block;
  color: rgba(0, 0, 0, 0.6);
}

.footer__teams > p {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.footer__teams {
  display: flex;
  flex-wrap: wrap;
}

.footer__data {
  flex: 2;
}

.footer__socials a {
  display: inline-block;
  color: var(--primary);
  font-size: 20px;
  margin-right: 6px;
}

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

.footer__links li a {
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  display: block;
  color: #000000;
}

.footer__links:last-child {
  margin-left: 30px;
}

.footer__links:last-child ul {
  column-count: 2;
  column-gap: 20px;
}

.site-footer {
  padding: 70px 0;
  border-top: 1px solid #d9d9d9;
}

.footer__logos .custom-logo-link {
  margin-bottom: 20px;
  display: block;
}

.footer__logos .custom-logo {
  max-width: 250px;
}

.content-area,
.content-area p,
.content-area div {
  -webkit-transition: font-size 0.3s ease;
  -o-transition: font-size 0.3s ease;
  transition: font-size 0.3s ease;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #333030;
}

.content-area p,
.content-area div {
  margin: 25px 0 0 0;
}

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

.content-area figure img {
  width: 100%;
}

.content-area figcaption {
  text-align: center;
  font-size: 19px;
  font-style: italic;
  font-weight: 600;
  opacity: 0.8;
  line-height: 30px;
  display: block;
  margin-top: 8px;
}

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

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
  font-weight: 700;
  color: #000000;
  margin-bottom: 15px;
}

.content-area h2 {
  font-size: 32px;
}

.content-area h3 {
  font-size: 28px;
  line-height: 40px;
}

.content-area h4 {
  font-size: 25px;
  line-height: 24px;
}

.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: 0;
  top: 0;
}

.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%;
  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: #ffe0e1;
  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;
}
.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);
}

.comment-area {
  margin-top: 20px;
  padding: 30px;
  background: var(--bottom-gradient);
}

.logged-in-as {
  grid-column: span 3;
}

.comment-area > span {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding-top: 0;
  font-size: 35px;
  font-weight: bold;
  color: var(--primary);
  z-index: 1;
  position: relative;
  padding-right: 16px;
}

.comment-reply-title {
  font-size: 22px;
  display: none;
  font-weight: 600;
  color: #000;
}

#commentform {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
}

.comment-notes {
  font-size: 15px;
  display: none;
  color: #000;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
  margin-top: 21px;
}

#respond p label {
  width: 100%;
  color: #000000bf;
  font-weight: 600;
  font-size: 16px;
}

#respond textarea {
  -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;
  outline: none;
  padding: 20px;
  margin: 5px 1px 3px 0;
  width: 100%;
  border: none;
  height: 150px;
  font-family: mukta, sans-serif;
  background: #fff;
  resize: none;
  color: #000;
  font-size: 17px;
  border: 1px solid #00000026;
  line-height: 1.8;
}

#respond input[type="text"],
#respond input[type="url"],
#respond input[type="email"] {
  background: #fff;
  height: 45px;
  -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;
  outline: none;
  padding: 3px 20px;
  margin: 5px 1px 3px 0;
  font-family: poppins, sans-serif;
  width: 100%;
  border: none;
  color: #000;
  font-size: 15px;
  border: 1px solid #00000026;
  border-radius: 4px;
}

.comment-form-comment,
.comment-notes,
.comment-form-cookies-consent,
.form-submit {
  grid-column: span 3;
  margin-top: 0;
}

#respond #submit {
  border: none;
  padding: 12px 14px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Mukta", sans-serif;
  background: var(--secondary);
  font-weight: 600;
}

#respond #submit:hover {
  opacity: 0.8;
}

.comment-form-cookies-consent {
  display: none;
}

.comments-title {
  font-size: 18px;
  display: none;
  background: #036;
  padding: 14px 23px;
  color: #fff;
  margin: 0;
}

.comment-list {
  margin: 30px 0 30px 0;
  list-style: none;
}

.comment-list > li {
  padding-top: 30px;
  border-top: 1px solid #00000021;
  margin-top: 30px;
}

.comment-list > li:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.comment-list > li > article {
  position: relative;
}

.form-submit {
  margin-top: 30px;
  margin: 0;
  margin-bottom: 0;
}

.comment-list > li article footer .comment-author,
.comment-metadata {
  position: relative;
  padding-left: 69px;
  color: #000;
}

.fn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 17px;
  color: #000;
  text-transform: capitalize;
}

.comment-list > li article footer .comment-author img {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  border-radius: 100%;
}

.comment-list > li article footer time {
  font-size: 14px;
}

.comment-list > li article footer .comment-author a,
.comment-list > li article footer time {
  color: #000;
}

.comment-list > li article .comment-content {
  margin: 0px 0 0 58px;
  padding: 14px 0 0;
  position: relative;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
  /* border-top: 1px solid #15151517; */
}

.comment-list > li article .comment-content p {
  color: #000;
}

.comment-list > li > article .reply {
  position: absolute;
  right: 0;
  top: 0;
}

.reply a {
  font-weight: 700;
  background: var(--primary);
  padding: 5px 9px;
  display: inline-block;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  text-transform: uppercase;
}

.comment-list > li ol {
  margin: 0 0 0 50px;
  padding: 0;
  list-style: none;
}

.comment-list > li ol li em {
  display: inline-block;
  margin-top: 20px;
}

.comment-awaiting-moderation {
  display: none;
}

.nav-links {
  margin: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-links > div {
  padding: 5px 10px;
  background: var(--primary);
}

.nav-links > div a {
  color: #fff;
}

.nav-links > div:hover {
  color: #fff;
  background: var(--secondary);
}

.news-hastag ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-hastag ul li {
  display: inline-block;
  margin-left: 10px;
}

.news-hastag a {
  position: relative;
  display: inline-block;
  border: 1px solid #0000008f;
  padding: 7px 18px;
  text-align: center;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 13px;
  line-height: 18px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.news-hastag a:hover {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.singlePost-title {
  font-weight: 600;
  font-size: 60px;
  color: #000000;
  opacity: 0.8;
  margin-top: 12px;
  width: 75%;
  margin-bottom: 32px;
}

.subtitle {
  font-weight: 600;
  font-size: 32px;
  text-decoration-line: underline;
  color: #b00f15;
}

.single__meta {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}

.post__date {
  color: var(--primary);
}

.single__post__meta {
  background: #ffffff;
  border-width: 1px 0px;
  border-style: solid;
  padding: 15px 0;
  margin-bottom: 25px;
  border-color: rgba(0, 0, 0, 0.2);
}

.most__readed li:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.most__readed .news--author {
  margin-top: 8px;
}

.category__title {
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  color: #000000;
  opacity: 0.8;
}

.category__other__posts {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.epaper__wrapper > a {
  display: block;
  height: 500px;
  width: 100%;
}

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

.epaper__wrapper .news__title--small {
  background: var(--bottom-gradient);
  padding: 15px;
  color: #111;
  text-align: center;
  margin: 0;
}

.epaper__wrapper .news__title--small a {
  color: #111;
}

.epaper__wrapper .news__title--small a:hover {
  color: var(--primary);
}

.site-footer-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: var(--top-gradient);
  padding: 10px 30px;
  display: none;
  border-radius: 20px 20px 0 0;
  justify-content: space-between;
}

.site-footer-sticky a {
  color: #111;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 13px;
  text-align: center;
}

.site-footer-sticky svg {
  display: block;
  margin: auto;
}