/*
Theme Name: Nepal News
Theme URI: https://nepalnews.com/
Author: Kantipur Infotech
Author URI: https://kantipurtech.com/
Description: Nepal News
Tags: nepalnews
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Note: The CSS files are loaded from assets/css/ folder.
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow: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&family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary-red: #ED262B;
    --primary-red-10: rgba(220, 35, 63, 0.1);
    --primary-red-40: rgba(220, 35, 63, 0.4);


    --primary-blue: #0E4DA0;
	--primary-blue-80: rgba(14,77,160,0.8);

    --primary-white: rgba(255, 255, 255, 1);
    --primary-white-20: rgba(255, 255, 255, 0.2);
    --primary-white-50: rgba(255, 255, 255, 0.5);

    --primary-black: rgb(33, 37, 41);
    
    --primary-black-80: rgba(33, 37, 41, 0.8);
    --primary-black-60: rgba(33, 37, 41, 0.6);
    --primary-black-40: rgba(33, 37, 41, 0.4);
    --primary-black-20: rgba(33, 37, 41, 0.2);
	--primary-black-5: rgba(33, 37, 41, 0.05);
}
:root.dark-mode{
	--body-bg: #0e0c0c;
    --primary-red: #ED262B;
    --primary-red-10: rgba(220, 35, 63, 0.1);
    --primary-red-40: rgba(220, 35, 63, 0.4);


    --primary-blue: #0E4DA0;
	--primary-blue-80: rgba(14,77,160,0.8);

    --primary-white: rgba(33, 37, 41, 1);
    --primary-white-20: rgba(33, 37, 41, 0.2);
    --primary-white-50: rgba(33, 37, 41, 0.5);

    --primary-black: rgb(255, 255, 255);
    
    --primary-black-80: rgba(255, 255, 255, 0.8);
	 --primary-black-50: rgba(255, 255, 255, 0.6);
    --primary-black-60: rgba(255, 255, 255, 0.6);
    --primary-black-40: rgba(255, 255, 255, 0.4);
    --primary-black-20: rgba(255, 255, 255, 0.2);
	--primary-black-5: rgba(255, 255, 255, 0.05);
}
:root.dark-mode body{
	background: var(--body-bg);
}
body {
    font-family: Barlow;
}
.navigation-bar, .sticky-top{
	    z-index: 99999;
}
.weather-icon-small{
	height: 40px;
	width: 40px;
}
.weather-icon-small img{
	height: 43px;
	aspect-ration: 1 / 1;
	object-fit: cover;
}
#allweather tbody tr td{
	vertical-align: middle;
}
.offcanvas-backdrop {
  z-index: 99999;
}

.btn-close{
	height: 40px;
	width: 40px;
	min-height: 40px;
    min-width: 40px;
    background-color: #e4b155;
    box-shadow: none;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 100vw;
	opacity: 1;
	box-shadow: none;
	filter: invert(1);
}
.btn-close:focus{
	box-shadow: none;
}
.sidenav-header{
/* 	background: var(--primary-blue); */
	background-color: var(--primary-white);
    border-bottom: 1px solid var(--primary-black-20);
}
.offcanvas-title {
    filter: invert(1);
    opacity: 1;
}
:root.dark-mode .offcanvas-title {
	filter: invert(0);
}
.navbar-sidebar li a{
	display: flex;
	align-items: center;
}
.navbar-sidebar li a span{
    font-size: 24px;
    color: var(--primary-white);
    background: var(--primary-black-80);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    padding: 10px;
    margin-right: 10px !important;
}
.navbar-sidebar li a:hover span{
	background: var(--primary-black);
}
.utility-icons a{
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px;
    background: var(--primary-white-20);
    color: var(--primary-white);
}
.toggle-icon{
	height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
	align-items: center;
/* 	background:var(--primary-white-20); */
	color: var(--primary-black);
	border-radius: 100%;
	border: none;
	outline: none;
}
:root.dark-mode .utility-icons a, :root.dark-mode .toggle-icon{
/* 	background: var(--primary-black-20); */
    color: var(--primary-black);
}
.utility-icons a:not(:last-child){
	margin-right: 8px;
}
.utility-icons a img{
	height: 18px;
	width: 18px;
	filter: invert(1);
}
:root.dark-mode .utility-icons a img{
	filter: invert(0);
}
.main-utility-icons a{
	 background: var(--primary-white);
}
:root.dark-mode .main-utility-icons a{
	 background: var(--primary-black);
}
:root.dark-mode .main-utility-icons a img, .main-utility-icons a img{
	filter: invert(23%) sepia(67%) saturate(4785%) hue-rotate(197deg) brightness(94%) contrast(100%);
}
.utility-icons a:hover{
	background: var(--primary-white);
} 
:root.dark-mode .utility-icons a:hover{
	background: var(--primary-black);
}
.utility-icons a:hover img{
	filter: invert(23%) sepia(67%) saturate(4785%) hue-rotate(197deg) brightness(94%) contrast(100%);
}
.sidebar-utilities{
	width: max-content;
}
.sidebar-utilities a{
	background: var(--primary-black-80);
    color: var(--primary-white);
}
.sidebar-utilities  a:hover{
	background: var(--primary-black);
} 
.sidebar-utilities a:hover img{
	filter: invert(1);
}
#utilityContent{
	width: max-content;
	min-width: 35vw;
	z-index: 99999;
	border-radius: 16px;
}

#utilityContent, table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td{
	background: #f5f5f5;
}

:root.dark-mode #utilityContent{
	background: var(--primary-black-5);
	color: var(--primary-black);
}
:root.dark-mode .table-responsive{
	background: var(--primary-black-5);
	color: var(--primary-black);
}
:root.dark-mode .table-responsive >table>thead>tr>th,:root.dark-mode .table-responsive table body tr td,:root.dark-mode #allweather tbody tr td,:root.dark-mode #exchange-rate-body tr td,:root.dark-mode table.dataTable > thead > tr > th,:root.dark-mode table.dataTable > tbody > tr > th,:root.dark-mode table.dataTable > tbody > tr > td{
	background: transparent;
	color: var(--primary-black);
}
:root.dark-mode .text-muted{
	color: var(--primary-black)!important;
}


.top-nav-container-box{
	background: var(--primary-blue);
}
.top-logo {
    width: 20%;
}
.top-logo a img{
   filter: brightness(0) invert(1);
}
:root.dark-mode .nav-icon svg, :root.dark-mode .top-right-content svg{
	filter: invert(1);
}
#endate{
	color: var(--primary-white);
}
:root.dark-mode #endate{
	color: var(--primary-black);
}
/* .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	color: var(--primary-white);
}
:root.dark-mode .navbar-nav .nav-item .nav-link{
	color: var(--primary-black);
}
.navbar-sidebar .nav-item .nav-link {
	color: var(--primary-black);
}
.navigation-bar {
    border: 1px solid var(--primary-black-20);
    height: 50px;
    display: flex;
    align-items: center;
    background: var(--primary-red);
} */



.navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	color: var(--primary-black);
}
:root.dark-mode .navbar-nav .nav-item .nav-link{
	color: var(--primary-black);
}
.navbar-sidebar .nav-item .nav-link {
	color: var(--primary-black);
}
.navigation-bar {
    border: 1px solid rgb(33 37 41 / 7%);
    height: 50px;
    display: flex;
    align-items: center;
    background: var(--primary-white);
}


.main-nav {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

.section-padding {
    padding: 30px 0;
}

.card {
    background: transparent;
    border: none;
}

a {
    text-decoration: none;
    color: unset;
}

.title {
    font-family: Barlow;
    text-decoration: none;
    color: var(--primary-black);
}

.medium-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
	color: var(--primary-black);
}

.large-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.home-main-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}
.home-side-title{
	font-size: 18px;
    line-height: 1.3;
	font-weight: 500;
	color: var(--primary-black-80)
}

.slider-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.home-category {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--primary-red);
}

.excerpt-content {
    color: var(--primary-black-80);
    font-size: 16px;
}
.special-title{
	color: var(--primary-black-80);
    font-size: 18px;
}
.caption-title{
	color: var(--primary-black-80);
    font-size: 16px;
}
.wp-caption-text{
	color: var(--primary-black-80);
    font-size: 16px;
	font-style: italic;
	text-align: center;
}
.time-meta {
    color: var(--primary-black-60);
    font-size: 14px;
}

.author-name {
    color: var(--primary-black-80);
    font-size: 14px;
}
.author-name-single{
    color: var(--primary-black-80);
    font-size: 18px;
}
.section-title {
    margin-bottom: 10px;
    transition: 0.3s all ease-in-out;
    color: rgba(33, 37, 41, 0.8);
}

.section-title-icon {
    transition: 0.3s all ease-in-out;
    font-size: 16px;
}

.section-title a {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.section-title:hover .section-title-icon {
    padding-left: 10px;
    color: rgba(33, 37, 41, 1);
}

.section-title:hover {
    font-weight: 700;
    color: rgba(33, 37, 41, 1);
}
:root.dark-mode .section-title:hover, :root.dark-mode .section-title:hover .section-title-icon{
	color: var(--primary-red);
}

.gallery-title {
    color: var(--primary-white);
}

.gallery-title:hover {
    color: var(--primary-red);
}

.gallery-title:hover .section-title-icon {
    color: var(--primary-red);
}

.border-right-box {
    border-right: 1px solid var(--primary-black-20);
}

.nav-pills .nav-link {
	width: 100%;
    border-radius: 0;
    color: var(--primary-red);
    font-size: 18px;
    font-weight: 600;
    background: var(--primary-red-10);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	width: 100%;
    background: var(--primary-red);
}

.number-box {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
	border-radius: 50%;
    font-weight: 600;
    padding: 8px;
    display: flex;
    align-self: center;
    justify-content: center;
    color: var(--primary-white);
    background: var(--primary-red);
    transition: 0.2s all ease-in-out;
}

.number-box span {
    line-height: 14px;
    font-weight: 600;
    font-size: 18px;
}

.small-image {
    height: 130px !important;
    width: 100%;
    object-fit: cover;
}

.opinion-image {
    height: 110px !important;
    width: 100%;
    object-fit: cover;
}
.interview-image{
	height: 130px !important;
    width: 100%;
    object-fit: cover;
}
.full-image {
    height: 100%;
    position: relative;
}

.full-image .image-container {
    height: 100% !important;
}

.full-image .card-body {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 30px;
    width: 80%;
}


.big-image {
    height: 350px !important;
}

.big-image img {
    height: 100%;
}

.main-home-image {
    height: 360px !important;
    width: 100%;
}

.main-home-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-container {
    height: 200px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.three-medium-image{
	height: 250px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.three-medium-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.medium-image .image-container {
    height: 250px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.image-container img, .medium-image .image-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-list-card .title-container {
    border-bottom: 1px solid var(--primary-black-20);
    padding-bottom: 10px;
}

.title-news-list ul li {
    list-style: none;
}

.title-news-list ul.climate li:first-child {
    margin: 0;
}

.title-news-list ul li:not(:last-child) {
    border-bottom: 1px solid var(--primary-black-20);
    margin: 10px 0;
    padding-bottom: 10px;
}

.editor-pick .title {
    width: 89%;
}

.author-image {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.author-image-single{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.editor-pick .author-image {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.editor-pick .author-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.trending-news:hover .number-box {
    background: var(--primary-red);
    color: var(--primary-white);
}


.gallery-container, .analysis-container {
    overflow: hidden;
    position: relative;
}

.gallery-bg {
    background: var(--primary-black);
    padding: 40px 0;
}
:root.dark-mode .gallery-bg{
	background: var(--primary-white-50);
}
:root.dark-mode .gallery-title{
	color: var(--primary-black)
}

.gallery-image {
    height: 350px;
}

.gallery-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.analysis-nav-container{
	position: absolute;
    top: 23px;
    width: 18%;
    right: -10px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-button-prev, .swiper-button-next {
    height: 40px;
    width: 40px;
    background: var(--primary-red-40);
    color: var(--primary-white);
}

.analysis-nav-container .swiper-button-prev, .analysis-nav-container .swiper-button-next {
    height: 30px;
    width: 30px;
	border-radius: 50%;
    background: var(--primary-red-40);
    color: var(--primary-white);
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background: var(--primary-red);
    color: var(--primary-white);
}

.economy-border-bottom {
    border-bottom: 1px solid var(--primary-black-20);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.list-news-cards ul {
    list-style: none;
}

.list-news-cards ul li {
    padding: 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.list-news-cards ul li::before {
    content: '';
    background: var(--primary-red-10);
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.list-news-cards ul li:not(:first-child) {
    margin-top: 10px;
}

.list-news-cards ul li h2 {
    color: var(--primary-red);
    font-weight: 600;
    font-size: 30px;
}

.list-news-cards ul li .tag-btn {
    position: absolute;
    background: var(--primary-red);
    color: var(--primary-white);
    padding: 4px 14px;
    left: 33%;
    top: 0;
}

.image-list-card-single a {
    display: flex;
}

.image-list-card-single .title-container {
    width: 75%;
}

.image-list-card-single .news-image {
    width: 35%;
    height: 90px;
    overflow: hidden;
    margin-right: 14px;
}

.image-list-card-single .politics-image {
    width: 35%;
}

.image-list-card-single .news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-list-card-single .long-reads-image {
    width: 45%;
    height: 150px;
    overflow: hidden;
}

.image-list-card-single .long-reads-image  img{
    width: 100%;
	height: 100%;
	object-fit: cover;
}
.post-read-time{
	font-size: 14px;
	font-weight: 600;
	color: var(--primary-black-80);
}
.feature-section-image{
	height: 274px;
}
.feature-section-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


/* Pagination */
.page-item:first-child .page-link {
    border-radius: none !important;
}

.page-change {
    display: flex;
    justify-content: center
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 5px !important
}

.page-change ul {
    margin: 30px 0;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: right;
    position: relative
}

.page-change ul li {
    margin: 0 0 7px;
    display: inline-block
}

.page-change ul li a {
    display: block;
    text-align: center;
    color: var(--primary-black);
    padding: 0 12px;
    line-height: 35px;
    margin: 0 8px;
    height: 35px;
    font-weight: 500;
    font-size: 18px;
    background: var(--primary-white);
    border: 1px solid rgba(0, 0, 0, .2117647059);
    border-radius: 5px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    min-width: 35px
}

.active>.page-link, .page-link.active {
    background: var(--primary-red);
    border: 1px solid var(--primary-red);
    color: var(--primary-white);
}

.page-change ul li a:hover {
    color: var(--primary-red);
    background: var(--primary-red-10);
    border: 1px solid var(--primary-red);
}

.page-change ul li:last-child a:hover, .page-change ul li:first-child a:hover {
    color: var(--primary-red) !important;
    background: var(--primary-red-10) !important;
    border: 1px solid var(--primary-red) !important
}

.page-change ul li:first-child a:hover {
    color: rgba(255, 255, 255, 0.8);
    background: #f8f3f3;
    border: 1px solid rgba(0, 0, 0, .2117647059)
}

.page-change ul li:last-child a:hover {
    color: rgba(255, 255, 255, 0.8);
    background: #f8f3f3;
    border: 1px solid rgba(0, 0, 0, .2117647059)
}


/*----End of Pagination----*/
.submit-button {
    background: var(--primary-red);
    color: var(--primary-white);
    padding: 8px 24px;
    border: none;
	border-radius: 100vw;
}

.searchbar input {
    padding: 12px;
    border: 1px solid var(--primary-black-60);
    border-radius: 100vw;
    font-size: 16px;
    box-shadow: none;
    outline: none;
    width: 100%;
}

.searchbar input:focus {
    box-shadow: none;
    outline: none;
}



.footer-bg {
    background: #f5f5f5;
}

.footer-secondary-bg{
	background: #E9E9E9;
}
:root.dark-mode .footer-secondary-bg{
	background: var(--primary-white);
}

:root.dark-mode .footer-bg {
    background: var(--body-bg)
}
.footer-logo-edition{
	width: 35%;
	display: flex;
	align-items: center;
}
.footer-logo-edition .dropdown-menu {
	padding: 0px;
	border-radius: 4px;
}
.footer-logo-edition .dropdown-item:active{
	background: var(--primary-black);
	border-color: var(--primary-black);
	border-radius: 4px;
}
.footer-logo-edition button{
	border: none;
	background: transparent;
}
.footer-logo {
    width: 100%;
	filter: invert(1);
}
:root.dark-mode .footer-logo {
    width: 20%;
	filter: invert(0);
}
.footer-bg{
	color: var(--primary-black);
}
.footer-logo img {
    width: 100%;
}

.footer-social-media {
    width: max-content;
    display: flex;
    justify-content: center;
}

.footer-social-media p {
    margin-right: 10px;
}

.footer-social-media p a {
    height: 36px;
    width: 36px;
    background: var(--primary-black-20);
    color: var(--primary-black);
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
:root.dark-mode .footer-social-media p a{
	background: var(--primary-black-20);
    color: var(--primary-black);
}
.footer-social-media p a:hover {
    color: var(--primary-white);
}
:root.dark-mode .footer-social-media p .facebook:hover, .footer-social-media p .facebook:hover {
    background: #1779E7;
}
:root.dark-mode .footer-social-media p .instagram:hover, .footer-social-media p .instagram:hover {
    background: #FF4B70;
}
:root.dark-mode .footer-social-media p .twitter:hover, .footer-social-media p .twitter:hover {
    background: #000000;
}
:root.dark-mode .footer-social-media p .youtube:hover, .footer-social-media p .youtube:hover {
    background: #F42705;
}
:root.dark-mode .footer-social-media p .linkedin:hover, .footer-social-media p .linkedin:hover {
    background: #2D65AF;
}
:root.dark-mode .footer-social-media p .tiktok:hover, .footer-social-media p .tiktok:hover {
    background: #000000;
}


.footer-border-bottom{
    border-bottom: 1px solid var(--primary-white-20);
    padding-bottom: 20px;
    margin-bottom: 10px;
}
:root.dark-mode .footer-border-bottom{
	border-color: var(--primary-black-20);
}
.footer-title{
    color: var(--primary-black);
    font-size: 20px;
    font-weight: 500;
}
:root.dark-mode .footer-title, :root.dark-mode  .footer-secondary-text span{
	color: var(--primary-black);
}
:root.dark-mode  .footer-secondary-text span{
	color: var(--primary-black);
}
.footer-secondary-text{
    color: var(--primary-black-80);
    margin-bottom: 0;
    font-size: 16px;
	width: max-content;
}
.footer-secondary-bg .footer-secondary-text, .sidenav .footer-secondary-text{
	font-size: 12px;
	color: var(--primary-black-60);
}
.footer-secondary-text:hover{
	color: var(--primary-black);
}
:root.dark-mode .footer-secondary-text{
	color: var(--primary-black-50);
}
1footer-secondary-text span{
    color: var(--primary-white);
}

.single-image img{
    width: 100%;
    object-fit: cover;
}

.the-content{
    color: var(--primary-black-80);
    font-size: 19px;
    margin-top: 14px;
}
.the-content div{
	max-width: 100%;
}

.home-relative-card{
	position: relative;
	height: 650px!important;
}
.home-relative-card .card-body{
	background: var(--primary-white);
	position: absolute;
	top: 60%;
	left: 5%;
}
.politics-main-image{
	height: 374px!important;
}
.interview-main-image{
	min-height: 300px!important;
	height: 100%;
}
.politics-main-image img, .interview-main-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.sticky-section{
	position: sticky;
    top: 80px;
}

.blog-tags strong{
	text-wrap: nowrap;
}
.blog-tags span{
	flex-wrap: wrap;
}
.blog-tags span a{
	background: var(--primary-red-10);
	color: var(--primary-red);
	padding: 4px 14px;
	border-radius: 100vw;
	text-wrap: nowrap;
	height: max-content;
	margin-bottom: 5px;
	transition: 0.2s all ease-in-out;
}
.blog-tags span a:not(:last-child){
	margin-right: 5px;
}
.blog-tags span a:hover{
	background: var(--primary-red);
	color: var(--primary-white);
}

.author-details{
	background: var(--primary-black-5);
	padding: 20px;
	align-items: center;
}
.author-single-image{
	height: 140px;
    width: 140px;
	min-width: 140px;
	min-height: 140px;
 	background: var(--primary-white);
	border-radius: 50%;
	padding: 5px;
}
.author-single-image img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.latest-list-container{
	position: relative;
}
.latest-list-container::before{
	position: absolute;
    content: '';
    background: var(--primary-black-20);
    height: 96%;
    width: 1px;
    top: 10px;
    left: 0px;
}
.latest-list-container li{
	padding-left: 20px;
	position: relative;
}
.latest-list-container li::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--primary-red);
    border-radius: 50%;
    left: -9px;
    top: 4px;
    border: 5px solid #fff;
}
:root.dark-mode .latest-list-container li::before{
	border-color: var(--primary-white);
}
.latest-list-container li:hover::before{
	border: 5px solid #FEEAEC;
}
#pills-tab{
	width: 100%;
}
#pills-tab li{
	width: 33.33%;
	text-wrap: nowrap;
}
#pills-tab li button{
	font-size: 16px;
}
#pills-tab li:first-child button, #flight-tab li:first-child button{
	border-radius: 100vw 0 0 100vw!important;
}
#pills-tab li:last-child button, #flight-tab li:last-child button{
	border-radius: 0 100vw 100vw 0!important;
}
.hide-desktop{
	display: none!important;
}

.offcanvas.offcanvas-end {
    top: 50px;
    right: 50px;
    height: 94vh;
}
#scrollProgress {
  height: 3px;
  background-color: var(--primary-blue);
  z-index: 1000;
}
.keep-reading ul{
	list-style-type: square;
	margin-left: 0;
}
.keep-reading ul li:not(:last-child){
	margin-bottom: 10px;
}
.keep-reading ul li::marker{
	color: var(--primary-red);
	font-size: 24px;
}
#offcanvasExample{
	z-index: 999999;
	border-radius: 16px;
}
#offcanvasExample .sidenav-header{
	border-radius: 16px 16px 0 0;
}
:root.dark-mode #utilityContent{
	background: #222222;
}
:root.dark-mode #offcanvasExample{
	background: var(--primary-white);
}
:root.dark-mode .navbar-sidebar li a span{
	background: var(--primary-black-20);
	color: var(--primary-black);
}
:root.dark-mode .sidebar-utilities a:hover{
	background: var(--primary-black);
}
:root.dark-mode .sidebar-utilities a:hover img{
	filter: invert(0);
}
.aut-dis h4{
	color: var(--primary-black);
}
.sidenav-header .btn-close{
	height: 40px;
	width: 40px;
	min-height: 40px;
    min-width: 40px;
	background-image: none;
    background-color: var(--primary-white);
    box-shadow: none;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 100vw;
	opacity: 1;
	box-shadow: none;
	filter: invert(0);
	display: flex;
	justify-content: center;
	align-items: center;
}
:root.dark-mode .sidenav-header .btn-close{
	background-color: var(--primary-black);
}
.sidenav-header .btn-close img{
	height: 20px;
    filter: brightness(100) invert(1);
}
.gold-silver-cards .col .card{
	color: var(--primary-black);
}
.dt-search label{
	display: none;
}
div.dt-container .dt-search input {
    border: 1px solid #aaa;
    border-radius: 100vw;
    padding: 5px;
    padding-left: 30px;
    color: inherit;
    margin-left: 3px;
    background: left / contain no-repeat url('/wp-content/uploads/2025/01/Search.svg');
	background-size: 10%;
    background-position: 2%;
}
div.dt-container .dt-search input:focus-visible{
	outline: none;
}
:root.dark-mode .search-modal{
	background: #222222;
}
:root.dark-mode .submit-button{
	color: var(--primary-black);
}
.the-content{
	text-align: justify;
}
blockquote{
	background: var(--primary-black-5);
	padding: 20px;
	padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 20px 20px 20px 0;
    width: 56%;
    float: left;
    clear: both;
    border: 2px solid var(--primary-red);
	border-radius: 8px;
}
blockquote p{
	width: 90%;
	text-align: justify!important;
	font-style: italic;
	margin-bottom: 0;
	font-weight: 500;
	line-height: 1.4;
	font-size: 22px;
}
blockquote:before {
	content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    font-weight: 500;
    float: left;
    font-size: 34px;
    margin-right: 10px;
    color: var(--primary-red);
    background: linear-gradient(360deg, #f5f5f5, var(--primary-white));
    padding: 0px 10px;
/*     padding-bottom: 50px; */
    top: -16px;
    left: 10px;
	height: 52px;
}
:root.dark-mode blockquote:before{
	background: var(--body-bg);
}
blockquote:after {
/* 	content: close-quote; */
  	font-family: Mukta;
	position: absolute;
    font-weight: 600;
    float: left;
    font-size: 45px;
    margin-right: 10px;
    color: #ffffff;
    height: 45px;
/*     line-height: 99px; */
    background: #000000;
    padding: 0px 10px;
/*     padding-bottom: 50px; */
	bottom: -10px;
	right: 10px;
}

.st-btn{
	height: 34px!important;
	width: 34px!important;
	position: relative;
}
.st-btn img{
	height: 20px!important;
	width: 20px!important;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
}
.font-options div{
	min-height: 40px;
	min-width: 40px;
	height: 40px;
	width: 40px;
	background: var(--primary-black-5);
	color: var(--primary-black);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	font-weight: 500;
	cursor: pointer;
}
.font-options div:hover{
	background: var(--primary-blue-80);
	color: var(--primary-white);
}
:root.dark-mode .font-options div:hover{
	background: var(--primary-black);
	color: var(--primary-blue);
}
.save-post-button, .remove-post-button, .copy-button{
	height: 40px;
    width: 40px;
	min-height: 40px;
	min-width: 40px;
    background: var(--primary-black-5);
	color: var(--primary-blue-80)!important;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	border: none;
	outline:none;
	margin-left: 40px;
	color: var(--primary-black);
	cursor: pointer;
}
.save-post-button:hover, .remove-post-button:hover, .copy-button:hover{
	background: var(--primary-blue-80);
	color:var(--primary-white)!important;
}
:root.dark-mode .save-post-button,:root.dark-mode .remove-post-button,:root.dark-mode .copy-button{
	background: var(--primary-black);
}
:root.dark-mode .save-post-button:hover, :root.dark-mode .remove-post-button:hover, :root.dark-mode .copy-button:hover{
	background: var(--primary-blue-80);
	color:var(--primary-black)!important;
}
.navbar-sidebar li{
	border-bottom: 1px solid var(--primary-black-5);
}

.terms-policy a {
    color: var(--primary-black);
    opacity: 0.5;
    font-size: 14px;
}
.terms-policy a:hover{
	text-decoration: underline;
	opacity: 1;
}
.terms-policy a:not(:last-child) {
    margin-right: 8px;
}
.sidebar-footer-content p {
    color: var(--primary-black);
    opacity: 0.5;
    font-size: 14px;
    margin: 5px 0 0 0;
}
.top-main-news-list ul li:not(:last-child){
	border-bottom: 1px dashed var(--primary-black-20);
    margin: 10px 0;
    padding-bottom: 10px;
}
.main-news-list-container{
	background: var(--primary-black-5);
	padding: 10px!important;
	border-radius: 4px;
}
.main-news-list-container li{
	list-style: disc;
}
.main-news-list-container li:not(:last-child) {
    border-bottom: 1px dashed var(--primary-black-20)!important;
    margin: 10px 0;
    padding-bottom: 10px;
}

.home-large-title{
	font-size: 26px;
	font-weight: 600;
    line-height: 1.3;
}
.main-side-title{
	font-size: 1.1rem;
	font-weight: 500;
    line-height: 1.3;
}
.ent-small-card{
	min-height: 300px!important;
	background: var(--primary-black-5);
	border-radius: 0px;
}
.ent-small-card .card-body{
	padding: 10px!important;
}
.ent-desc{
	background: var(--primary-red);
	padding: 16px;
}
.ent-desc h5{
	color: var(--primary-white);
}
.ent-desc p, .ent-desc span{
	color: var(--primary-white);
	opacity: 0.8;
}
:root.dark-mode .ent-desc h5{
	color: var(--primary-black);
}
:root.dark-mode .ent-desc p, :root.dark-mode .ent-desc span{
	color: var(--primary-black);
	opacity: 0.8;
}
.tnp-subscription form{
	display: flex;
}
.tnp-field label{
	display: none!important;
}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea{
	padding: 9px;
    border: 1px solid var(--primary-black-60);
    border-radius: 100vw;
    font-size: 16px;
    box-shadow: none;
    outline: none;
    width: 100%;
}
.tnp-field-button{
	margin-left: 5px;
}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit{
	background: var(--primary-red)!important;
    color: var(--primary-white);
    padding: 8px 24px;
    border: none;
    border-radius: 100vw;
}
.footer-content-container{
	display: flex;
	justify-content: space-between;
}
.footer-content-container .col{
	width: max-content;
	flex: unset;
}
.table>:not(caption)>*>*{
	background: transparent!important;
}
.takeoff{
	color: var(--primary-red);
}
.land{
	color: var(--primary-blue);
}
.widget-card{
	background: var(--primary-black-5);
	padding: 10px;
	border-radius: 8px;
	overflow: hidden;
    overflow-x: scroll;
}
:root.dark-mode .widget-card .table>:not(caption)>*>*{
	color: var(--primary-black);
}
.all-button{
/* 	height: 30px; */
/*     width: 30px; */
/*     border-radius: 50%; */
/*     background: var(--primary-red); */
    color: var(--primary-red);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
}
.all-button i{
	font-size: 12px;
}
.utility-icon-bar{
	padding: 12px;
}
.utility-icon-bar:hover{
	background: var(--primary-red-10);
}
.utility-icon{
	height: 45px;
	width: 45px;
	padding: 7px;
	background: var(--primary-red);
	border-radius: 50%;
}
.utility-icon img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: invert(1);
}
.utility-title{
	text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
	color: var(--primary-red);
}
.text-player #textToRead {
      margin: 20px;
      padding: 15px;
      background-color: #fff;
      border-radius: 5px;
      width: 70%;
      text-align: center;
    }

    .text-player .player-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .text-player .player-controls {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 15px;
    }

    .text-player button {
      padding: 15px;
      font-size: 24px;
      cursor: pointer;
      border: none;
      background-color: #007BFF;
      color: white;
      border-radius: 5px;
      transition: background-color 0.3s;
    }

    .text-player button:disabled {
      background-color: #ccc;
      cursor: not-allowed;
    }

    .text-player button:hover:not(:disabled) {
      background-color: #0056b3;
    }

    .text-player .progress-bar-container {
      width: 70%;
      background-color: #ddd;
      height: 8px;
      border-radius: 5px;
      margin-bottom: 10px;
    }

    .text-player .progress-bar {
      height: 100%;
      width: 0;
      background-color: #007BFF;
      border-radius: 5px;
    }

    .text-player .time-left {
      font-size: 14px;
      font-weight: bold;
      color: #555;
    }

    .text-player svg {
      width: 30px;
      height: 30px;
      fill: white;
    }
	.the-content td, .the-content th{
	    border: 1px solid var(--primary-black);
    	padding: 5px;
	}
	html :where(img[class*=wp-image-]) {
		height: auto;
		max-width: 100%;
		margin-bottom: 10px;
	}




.st-btn {
		display: inline-block!important;
	}
	.social-share-buttons {
		display: none; 
		position: absolute; 
		background-color: var(--primary-black);
		padding: 10px;
		border-radius: 5px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		z-index: 99999;
		color: #fff;
	}
	.social-share-buttons::after {
		content: ''; 
		position: absolute;
		bottom: -5px; 
		left: 50%; 
		transform: translateX(-50%); 
		width: 0;
		height: 0;
		border-left: 8px solid transparent; 
		border-right: 8px solid transparent; 
		border-top: 5px solid var(--primary-black); 
	}
	#playbutton, #pausebutton{
		min-height: 35px;
		min-width: 35px;
		height: 35px;
		width: 35px;
		background: var(--primary-black-5);
		color: var(--primary-black);
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
		font-weight: 500;
		cursor: pointer;
		border: none;
    	outline: none;
		border-radius: 100%;
		font-size: 16px;
		color: var(--primary-blue);
	}
	#pausebutton{
		display: none;
	}
	.text-player{
		display: flex;
		align-items: center;
		height: 40px;
		width: max-content;
		background: #f5f5f5;
		padding: 5px 5px 5px 3px;
		border-radius: 100vw;
	}
	#progressContainer{
		width: 150px;
		height: 8px;
		border-radius: 100vw;
		background: #ffffff;
	}



@media only screen and (max-width: 600px){
	.list-view h1, .list-view h1 b, .list-view h1 strong{
	font-size: 30px;
}
.list-view h2, .list-view h2 b, .list-view h2 strong{
	font-size: 22px;
}
.list-view h3, .list-view h3 b, .list-view h3 strong{
	font-size: 16px;
}
	.date-time{
		    font-size: 16px;
    font-weight: 500;
	}
	.footer-logo-edition{
		width: 100%;
		justify-content: space-between;
	}
	.footer-social-media{
		width: 100%;
	}
	.footer-content-container{
		flex-direction: column;
	}
	.footer-content-container .col:not(:first-child){
		margin-top: 15px;
	}
	.ent-img{
		padding: unset;
	}
	.ent-row{
		padding: 0 12px;
	}
	
	.author-writer{
		flex-direction: column!important;
		align-items: flex-start;
	}
	.author-writer div:first-child{
		margin-bottom: 5px;
	}
	#scrollProgress{
		display: none;
	}
	.offcanvas.offcanvas-end{
		top: 0;
		right: 0;
		height: unset;
		width: 100vw;
	}
	#offcanvasExample{
		border-radius: 0px;
	}
	#offcanvasExample .sidenav-header{
		border-radius: 0px;
	}
	.hide-desktop{
		display: flex!important;
	}
	.mbl-hide{
		display: none!important;
	}
	.mbl-utility-box {
      padding: 5px 0;
     background: #f5f5f5;
	border-top: 1px solid rgb(33 37 41 / 7%);
	}
	:root.dark-mode .mbl-utility-box{
		background: var(--primary-white-20);
	}
	.top-nav-box{
		padding: 0px;
	}
	.mbl-utility-box .utility-icons{
		width: 40%;
	}
	.home-relative-card{
	  height: auto!important;
	  margin-bottom: 20px;
	}
	.home-relative-card .card-body{
		position: unset;
		top: 100%;
		left: 0;
		padding: 0;
	}
	:root.dark-mode .home-relative-card .card-body{
		position: unset;
		top: 100%;
		left: 0;
		padding: 20px;
	}
	.main-home-image{
		height: 324px!important;
	}
	.mbl-flex-reverse{
		flex-direction: column-reverse;
	}
	.politics-main-image{
		height: 300px!important;
	}
	.medium-image .image-container{
		height: 180px;
	}
	.image-container, .interview-image{
		height: 200px!important;
	}
	.small-cards div{
		padding-right: 0px!important;
	}
	.feature-section-image{
		height: 260px;
	}
	.sports-cards .small-image, .opinion-image{
		height: 200px!important;
	}
	.sports-cards .card-body{
		padding: 0px!important;
	}
	.mbl-spacing{
		margin: 15px auto;
	}
	.top-logo{
	  width: 60%;
	}
	.top-nav{
		padding: 10px!important;
	}
	.top-nav-box{
		border-bottom: 1px solid var(--primary-black-20);
	} 
	.modal-content{
		width: 100vw!important;
	}
	.mbl-padding{
		padding: 0 10px!important;
	}
	.footer-logo {
		width: 52%!important;
	}
	.author-writer .writer, .author-writer .time-meta{
		text-wrap: nowrap;
		margin: 0!important;
		margin-right: 15px!important;
	}
	.read-time{
		margin-bottom: 0px!important;
	}
	blockquote{
		width: 100%;
	    padding: 40px 0px 30px 0px;
	}
	.mbl-t-0{
		margin-top: 0px;
		padding-top: 0px;
	}
	.mbl-pb-0{
		padding-bottom: 0px!important;
	}
	.the-content table {
      display: block;        
      overflow-x: auto;      
      white-space: nowrap;  
      width: 100%;          
      -webkit-overflow-scrolling: touch;  
    }

    .the-content td, .the-content th {
      min-width: 150px;     
    }
	.utility-icons a, .toggle-icon{
		height: 24px;
		width: 24px;
		padding: 12px;
	}
	.utility-icons a img{
		height: 12px;
		width: 12px;
	}
	.toggle-icon span{
		font-size: 24px;
	}
	.analysis-nav-container{
		width: 22%;
	}
	#singlepage{
		width: 100vw;
		overflow: hidden;
	}
	.post-detail-options{
		flex-wrap: wrap;
	}
	.copy-save-btn{
		margin-top: 0px;
	}
	.copy-save-btn .copy-button{
		margin-left: 0px;
	}
	.text-player {
		padding: 3px;
	}
	#progressContainer{
		display: none;
	}
	#playbutton, #pausebutton{
		margin-right: 0px;
	}
}
/* 
@media only screen and (min-width: 601px) and (max-width: 1024px)
	.footer-content-container{
		flex-direction: column;
	}
	.footer-content-container .col:not(:first-child){
		margin-top: 15px;
	}
	.ent-img{
		padding: unset;
	}
	.ent-row{
		padding: 0 12px;
	}
	
	.author-writer{
		flex-direction: column!important;
		align-items: flex-start;
	}
	.author-writer div:first-child{
		margin-bottom: 5px;
	}
	#scrollProgress{
		display: none;
	}
	.offcanvas.offcanvas-end{
		top: 0;
		right: 0;
		height: unset;
		width: 100vw;
	}
	#offcanvasExample{
		border-radius: 0px;
	}
	#offcanvasExample .sidenav-header{
		border-radius: 0px;
	}
	.hide-desktop{
		display: flex!important;
	}
	.mbl-hide{
		display: none!important;
	}
	.mbl-utility-box {
      padding: 5px 0;
     background: var(--primary-black-20);
	}
	:root.dark-mode .mbl-utility-box{
		background: var(--primary-white-20);
	}
	.top-nav-box{
		padding: 0px;
	}
	.mbl-utility-box .utility-icons{
		width: 40%;
	}
	.home-relative-card{
	  height: auto!important;
	  margin-bottom: 20px;
	}
	.home-relative-card .card-body{
		position: unset;
		top: 100%;
		left: 0;
		padding: 0;
	}
	:root.dark-mode .home-relative-card .card-body{
		position: unset;
		top: 100%;
		left: 0;
		padding: 20px;
	}
	.main-home-image{
		height: 324px!important;
	}
	.mbl-flex-reverse{
		flex-direction: column-reverse;
	}
	.politics-main-image{
		height: 300px!important;
	}
	.medium-image .image-container{
		height: 180px;
	}
	.image-container, .interview-image{
		height: 200px!important;
	}
	.small-cards div{
		padding-right: 0px!important;
	}
	.feature-section-image{
		height: 260px;
	}
	.sports-cards .small-image, .opinion-image{
		height: 200px!important;
	}
	.sports-cards .card-body{
		padding: 0px!important;
	}
	.mbl-spacing{
		margin: 15px auto;
	}
	.top-logo{
	  width: 40%;
	}
	.top-nav{
		padding: 10px!important;
	}
	.top-nav-box{
		border-bottom: 1px solid var(--primary-black-20);
	} 
	.modal-content{
		width: 100vw!important;
	}
	.mbl-padding{
		padding: 0 10px!important;
	}
	.footer-logo {
		width: 52%!important;
	}
	.author-writer .writer, .author-writer .time-meta{
		text-wrap: nowrap;
		margin: 0!important;
		margin-right: 15px!important;
	}
	.read-time{
		margin-bottom: 0px!important;
	}
	blockquote{
		width: 100%;
	    padding: 40px 0px 30px 0px;
	}
	.mbl-t-0{
		margin-top: 0px;
		padding-top: 0px;
	}
	.the-content table {
      display: block;        
      overflow-x: auto;      
      white-space: nowrap;  
      width: 100%;          
      -webkit-overflow-scrolling: touch;  
    }

    .the-content td, .the-content th {
      min-width: 150px;     
    }
	.utility-icons a, .toggle-icon{
		height: 24px;
		width: 24px;
		padding: 12px;
	}
	.utility-icons a img{
		height: 12px;
		width: 12px;
	}
	.toggle-icon span{
		font-size: 18px;
	}
	.analysis-nav-container{
		width: 22%;
	}
	#singlepage{
		width: 100vw;
		overflow: hidden;
	}
} */

.ad img{
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.list-view{
	font-size: 20px;
	color: var(--primary-black);
}
.list-view b,.list-view strong{
	font-weight: 600;
}
.list-view h1, .list-view h1 b, .list-view h1 strong{
	font-size: 38px;
	font-weight: 600;
}
.list-view h2, .list-view h2 b, .list-view h2 strong{
	font-size: 30px;
	font-weight: 600;
}
.list-view h3, .list-view h3 b, .list-view h3 strong{
	font-size: 24px;
	font-weight: 600;
}

@media only screen and (max-width: 600px){
	.list-view{
	font-size: 16px;
	}
	.list-view h1, .list-view h1 b, .list-view h1 strong{
	font-size: 30px;
}
.list-view h2, .list-view h2 b, .list-view h2 strong{
	font-size: 22px;
}
.list-view h3, .list-view h3 b, .list-view h3 strong{
	font-size: 16px;
}
}

.chuttima-btn {
    color: var(--primary-white-90);
    font-weight: 600;
    letter-spacing: 0.8px;
    background: var(--primary-red);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
/*     padding-top: 9px; */
}