/*
Theme Name: OnlineBichar
Theme URI: http://onlinebichar.com
Author: Milan Bastola
Author URI: http://codepati.com
Description: OnlineBichar is a custom built theme for Online Bichar
Version: 1.0.0
Text Domain: onlinebichar
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: 'Karma', sans-serif;
    background: #FFF;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0 0 20px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-editorial-inner,
input::-moz-editorial-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Vesper Libre', sans-serif;
    margin: 0 0 10px;
    line-height: 1.2;
    font-weight: 500;
    color: #143b90;
}

h1{
    font-size: 30px;
}

h2{
    font-size: 28px;
}

h3{
    font-size: 26px;
}

h4{
    font-size: 24px;
}

h5{
    font-size: 22px;
}

h6{
    font-size: 20px;
}

p {
    margin: 0 0 25px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 15px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 10px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

table {
    margin: 0 0 15px;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #143b90;
    background: #143b90;
    color: #FFF;
    font-size: 14px;
    line-height: 1;
    padding: 12px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 3px;
}

textarea {
    padding: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #143b90;
}

a:visited {
    color: #ed322d;
}

a:hover,
a:focus,
a:active {
    color: #ed322d;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after{
    content: "";
    display: table;
}

.clearfix:after{
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 25px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.two-col-ads,
.three-col-ads,
.four-col-ads{
    display: grid;
    gap: 20px;
}


.two-col-ads{
    grid-template-columns: repeat(2, 1fr);
}

.three-col-ads{
    grid-template-columns: repeat(3, 1fr);
}

.four-col-ads{
    grid-template-columns: repeat(4, 1fr);
}

.sidebar-ads .image-ads{
    margin-bottom: 15px;
}

.sidebar-ads .image-ads:last-child{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.onlinebichar-container{
    width: 1280px;
    margin: 0 auto;
}

#primary{
    width: 70%;
    float: left;
}

#secondary{
    width: 27%;
    float: right;
}

/*============Top Header==========*/
.top-header{
    background: #143b90;
    padding: 5px 0;
}

.top-header .onlinebichar-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header-left ul.menu{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-header-left ul.menu li{
    margin-right: 20px;
}

.top-header-left ul.menu li a{
    color: #FFF;
}

.top-header-left ul.menu li a:hover {
    color: #ed322d;
}

.top-header-right .search-form{
    background: #FFF;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='16px' height='16px'%3E%3Cpath d='M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.top-header-right .search-form .search-field{
    border: 0;
    border-radius: 0;
    padding: 6px 15px;
    height: 24px;
    line-height: 1;
    font-size: 16px;
    box-shadow: none !important;
    outline: none !important;
}

.top-header-right .search-form .search-submit{
    display: none;
}

/*============Header==========*/
.main-header .onlinebichar-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}

.main-header .site-branding{
    flex: 0 0 35%;
}

.main-header .site-header-ad{
    flex: 0 0 60%;
    display: flex;
    justify-content: flex-end;
}

.header-social-icons a{
    margin-left: 15px;
    display: inline-block;
    color: #143b90;
    font-size: 16px;
}

.nep-eng-calendar{
    color: #143b90;
    text-align: center;
    margin-top: 5px;
}

.main-header .full-width-ads {
    margin-bottom: 0;
}

/*============Main Navigation==========*/
.main-navigation {
    background: #ed322d;
    position: relative;
}

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

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #143b90 ;
    width: 220px;
    z-index: 999;
}

.main-navigation ul li:hover > ul{
    display: block;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {
	color: #FFF;
    padding: 5px 10px;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: 400;  
}

.main-navigation ul ul li:last-child a {
    border-bottom: 0;
}

.main-navigation ul ul li:hover a{
    background: #FFF;
    color: #143b90;
}

ul.onlinebichar-menu > li:last-child{
    border-right: 0;
}

ul.onlinebichar-menu > li{
    float: left;
    font-weight: 600;
    margin-right: 10px;
}

ul.onlinebichar-menu > li > a{
	color: #fff;
    padding: 8px 10px;
    position: relative;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: 500;
}

ul.onlinebichar-menu > li:hover > a,
ul.onlinebichar-menu > li.current-menu-item > a{
    background: #143b90;
    color: #FFF;
}

.trending-tags {
    border: 1px solid #ddd;
    padding: 6px;
    margin: 0px 0 20px 0;
    border-top: 0;
}

.trending-tags > span {
    display: inline-block;
    background: #ed322d;
    color: #FFF;
    padding: 0 10px;
    line-height: 30px;
    margin-right: 30px;
}

.trending-tags a {
    line-height: 30px;
    color: #143b90;
    margin-right: 25px;
}

.trending-tags a:hover {
    color: #ed322d;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 15px;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*=============General CSS==============*/
.section-title{
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    background: #F7F8F9;
    border: 1px solid #F1F1F1;
    line-height: 26px;
    font-weight: 500;
    color: #333;
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}

.section-title > span{
    padding: 5px 20px;
    display: inline-block;  
    background: #143b90;
    position: relative;
    margin-left: 6px;
    color: #FFF;
    order: 1;
    border-radius: 4px;
}

.section-title > a{
    font-size: 13px;
    padding: 0 15px;
    font-weight: bold;
    color: #143b90;
    order: 3;
}

.section-title a .fa{
    font-size: 11px;
    margin-left: 4px;
}

.news-title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000;
}

.news-title:last-child{
    margin-bottom: 0;
}

.news-title a{
    color: #000;
}

.news-title a:hover{
    color: #143b90 ;
}

.news-subtitle{
    font-size: 14px;
    color: #999;
    font-weight: 600;
    line-height: 1;
}

.news-post:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.news-post p{
    margin-bottom: 0;
}

.float-left{
    float: left;
    margin-right: 15px;
}

.float-right{
    float: right;
    margin-left: 15px;
}

.top-big-thumb{
    margin-bottom: 15px;
}

.full-width-ads{
    margin-bottom: 50px;
    text-align: center;
}

.sidebar-ads{
    margin-bottom: 50px;
}

.sidebar-ads:last-child{
    margin-bottom: 0;
}

.sidebar-ads .widget{
    margin-bottom: 5px;
}

.sidebar-ads .widget:last-child{
    margin-bottom: 0;
}

.content-area blockquote{
    background: #F6F6F6;
    padding: 30px;
    position: relative;
    width: 60%;
    float: right;
    margin-left: 50px;
    margin-bottom: 20px;
    border-left: 4px solid #143b90 ;
    font-size: 17px;
    color: #888;
}

.content-area blockquote p:last-child{
    margin-bottom: 0;
}

/* Post Thumbnail */
.sp-post-thumb {
    position: relative
}

.sp-thumb-container {
    position: relative;
    padding-bottom: 70%;
    background: #f7f7f7;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.sp-thumb-container img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

/*===========Big News============*/
#big-news{
    margin-bottom: 50px;
}

#big-news .big-news{
    text-align: center;
    font-size: 22px;
    margin-bottom: 50px;
    position: relative;
}

#big-news .big-news-wrap{
    background: #FFF;
    padding: 40px 50px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #EEE;
}

#big-news .onlinebichar-header{
    background: #143b90;
    display: inline-block;
    padding: 8px 30px;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    line-height: 1;
    margin-bottom: 30px;
}

#big-news .big-news-header{
    padding: 0 8%;
}

#big-news .big-news-header h2{
    font-size: 50px;
    margin-bottom: 25px;
    font-weight: 600;
}

#big-news .big-news-header h2 a{
    color: #143b90 ;
}

#big-news .big-news-header h2 a:hover{
    color: #ed322d;
}

#big-news .big-news-header h6{
    font-size: 26px;
    color: #444;
    margin-bottom: 30px;
}

#big-news .big-news .onlinebichar-author{
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

#big-news .big-news-excerpt{
    padding: 0 2%
}

#big-news .big-news-excerpt p:last-child{
    margin-bottom: 0;
}

#big-news .big-news-readmore{
    margin-top: 30px;
}

#big-news .big-news-readmore a{
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    background: #143b90;
    color: #FFF;
    font-size: 16px;
    border-radius: 20px;
}

#big-news .big-news-readmore a:hover{
    background: #ed322d;
}

/* Primary News */
#primary-news{
    display: flex;
    margin-bottom: 50px;
    gap: 30px;
}

.primary-news-left{
    flex: 0 0 72%;
}

.primary-news {
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
}

.primary-news .news-post-1 { 
    grid-area: 1 / 1 / 3 / 3;
    margin: 0;
    padding: 0;
    border: 0;
}
.primary-news .news-post-2 { grid-area: 1 / 3 / 2 / 4; }
.primary-news .news-post-3 { grid-area: 2 / 3 / 3 / 4; }

.primary-news .news-post-1 .news-title a{
    font-size: 1.6em;
}

.primary-news .news-post-1 .sp-thumb-container{
    padding-bottom: 70%;
}

/* Primary Sidebar News */
.primary-sidebar-news{
    padding: 20px;
    margin-top: -30px;
    box-shadow: 0 0 18px rgb(0 0 0 / 10%);
}

.primary-sidebar-news .news-post{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.primary-sidebar-news .news-post .news-post-count{
    flex: 0 0 50px;
    font-size: 50px;
    line-height: 1;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.primary-sidebar-news .news-post:hover .news-post-count{
    opacity: 1;
}

.primary-sidebar-news .news-post .news-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    transition: all 0.3s ease;
}

.primary-sidebar-news .news-post:hover .news-title{
    transform: translateX(-6px);
}

/* Secondary News */
#secondary-news{
    display: flex;
    gap: 60px;
    position: relative;
    margin-bottom: 50px;
}

#secondary-news:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    background: #EEE;
}

.secondary-news-left,
.secondary-news-right{
    flex-basis: 50%;
}

.secondary-news {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    gap: 30px; 
}

.secondary-news .news-post-1 { grid-area: 1 / 1 / 3 / 5; }
.secondary-news .news-post-2 { grid-area: 3 / 1 / 4 / 3; }
.secondary-news .news-post-3 { grid-area: 3 / 3 / 4 / 5; }
.secondary-news .news-post-4 { grid-area: 4 / 1 / 5 / 3; }
.secondary-news .news-post-5 { grid-area: 4 / 3 / 5 / 5; }
.secondary-news .news-post-6 { grid-area: 5 / 1 / 6 / 3; }
.secondary-news .news-post-7 { grid-area: 5 / 3 / 6 / 5; }

.secondary-news .news-post-1 .sp-thumb-container{
    padding-bottom: 50%;
}

.secondary-news .news-post-1 .news-title{
    font-size: 1.6em;
}

.secondary-news .news-post:not(.news-post-1){
    display: flex;
}

.secondary-news .news-post:not(.news-post-1) .sp-post-thumb {
    flex: 0 0 120px;
    margin-right: 20px;
    margin-bottom: 0;
}

.secondary-news .news-post:not(.news-post-1) .news-title a{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.secondary-news-right .secondary-news .news-post:not(.news-post-1) .sp-post-thumb{
    order: 2;
    margin-right: 0;
    margin-left: 20px;
}

.secondary-news .news-post:not(.news-post-1) .news-title{
    flex-grow: 1;
}

/*===========Video News============*/
#video-news{
    margin-bottom: 50px;
}

/*===========Mid News============*/
.middle-news-wrap {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    margin-bottom: 50px;
}

.middle-news-wrap .news-post-1 { grid-area: 1 / 2 / 3 / 4; }
.middle-news-wrap .news-post-2 { grid-area: 1 / 1 / 2 / 2; }
.middle-news-wrap .news-post-3 { grid-area: 2 / 1 / 3 / 2; }
.middle-news-wrap .news-post-4 { grid-area: 1 / 4 / 2 / 5; }
.middle-news-wrap .news-post-5 { grid-area: 2 / 4 / 3 / 5; }
.middle-news-wrap .news-post-6 { grid-area: 3 / 1 / 4 / 2; }
.middle-news-wrap .news-post-7 { grid-area: 3 / 2 / 4 / 3; }
.middle-news-wrap .news-post-8 { grid-area: 3 / 3 / 4 / 4; }
.middle-news-wrap .news-post-9 { grid-area: 3 / 4 / 4 / 5; }

.middle-news-wrap .news-post-1{
    text-align: center;
}

.middle-news-wrap .news-post-1 .sp-thumb-container{
    padding-bottom: 60%;
}

.middle-news-wrap .news-post-1 .news-title a{
    font-size: 1.5em;
}

/*============Interview News==============*/
#interview-news{
    margin-bottom: 50px;
    margin-top: 70px;
    border: 1px solid #EEE;
    padding: 30px;
    background: #f6f8f9;
    border-radius: 5px;
}

#interview-news .section-title{
    margin-top: -55px;
    background: #025a97;
}

#interview-news .section-title > span{
    background: #FFF;
    color: #025a97
}

#interview-news .section-title > a{
    color: #FFF;
}

.interview-news-wrap{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 30px; 
}

.interview-news-wrap .news-title a{
    font-size: 1.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.interview-news-wrap .news-post .image-thumb{
    width: 210px;
    margin-right: 25px;
}

/*===========Focus News============*/
#focus-news{
    margin-bottom: 50px;
}

.focus-news-wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-columns: 1fr;
    gap: 30px;
    grid-auto-flow: row;
}

.focus-news-wrap .news-post-1 { grid-area: 1 / 1 / 2 / 4; }

.focus-news-wrap .news-post-2 { grid-area: 1 / 4 / 2 / 7; }

.focus-news-wrap .news-post-3 { grid-area: 2 / 1 / 3 / 3; }

.focus-news-wrap .news-post-4 { grid-area: 2 / 3 / 3 / 5; }

.focus-news-wrap .news-post-5 { grid-area: 2 / 5 / 3 / 7; }

.focus-news-wrap .news-post{
    text-align: center;
}

.focus-news-wrap .news-post-1 .news-title a,
.focus-news-wrap .news-post-2 .news-title a{
    font-size: 1.5em;
}

.focus-news-wrap .news-post .sp-thumb-container{
    padding-bottom: 60%;
}

/*============Bottom News==============*/
#bottom-news{
    display: flex;
    margin: 0 -15px;
    margin-bottom: 50px;
}

.bottom-news-sidebar{
    width: 30%;
    padding: 0 15px;
}

.bottom-news-right{
    width: 70%;
    padding: 0 15px;
}

/*============Bottom Slider==============*/
.bottom-news-row1{
    margin-bottom: 50px;
}

.bottom-news-slider .news-post{
    display: flex;
    align-items: center;
}

.bottom-news-slider .sp-post-thumb{
    width: 58%;
    flex: 0 0 58%;
}

.bottom-news-slider .sp-thumb-container{
    padding-bottom: 100%;
}

.bottom-news-slider .news-title a{
    font-size: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bottom-news-slider .news-content{
    padding: 25px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transform: translateX(-25px);
    background: #FFF;
    position: relative;
    border-radius: 5px;
    margin-right: 2%;
}

.bottom-news-slider .owl-dots{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bottom-news-slider .owl-dots .owl-dot{
    height: 12px;
    width: 12px;
    background: #143b90;
    margin: 6px 0;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.bottom-news-slider .owl-dots .owl-dot.active{
    height: 25px;
}

/*============Raashifal==============*/
#rashifal{
    margin-bottom: 50px;
}

.rashifal .news-title{
    margin-bottom: 0;
    text-align: center;
    display: block;
    padding: 0 0 15px;
}

.rashifal .news-title a{
    color: #143b90;
}

.rashifal .rashifal-detail:focus{
    outline: 0;
}

.rashifal-nav{
    padding: 0;
    position: relative;
    display: none;
}

.rashifal-nav.slick-initialized{
    display: block;
}

.rashifal-nav .rashifal-detail{
    padding: 10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.rashifal-nav .rashifal-detail.slick-center{
    background: #F6F6F6;
}

.rashifal-nav .rashifal-detail img{
    width: 40px;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.rashifal-nav .rashifal-detail.slick-center img{
    -webkit-filter: none;
    filter: none;
}

.rashifal-nav .slick-arrow{
    position: absolute;
    top: -39px;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    height: 18px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

.rashifal-nav .slick-arrow.prev{
    right: 20px;
}

.rashifal-nav .slick-arrow.next{
    right: 0;
}

.rashifal-content{
    background: #F6F6F6;
    text-align: justify;
    padding: 25px;
    border-top: 0;
    display: none;
}

.rashifal-content.slick-initialized{
    display: block;
}

.rashifal-content .rashifal-detail img{
    margin: 15px auto;
    width: 48%;
}

.rashifal-content .rashifal-detail .rashifal-title{
    text-align: right;
    font-size: 32px;
    margin-top: 15px;
}

.rashifal-news-list{
    margin-bottom: 50px;
}

.rashifal-image-wrap{
    width: 30%;
    float: left;
    margin-right: 30px;
}

.rashifal-image-wrap img{
    border: 1px solid #EEE;
    padding: 30px;
}

/*Highlight News*/

.highlight-news-wrap {
    margin-left: calc(-99vw/2 + 100%/2);
    margin-right: calc(-100vw/2 + 100%/2);
    max-width: 99vw;
    background: #143b90;
    padding: 50px 0;
    margin-bottom: 50px;
}

.highlight-news-container{
    width: 1280px;
    margin: 0 auto;
}

.highlight-news{
    display: flex;
    gap: 40px;
}

.single-feature-video{
    flex: 0 0 66%;
}

.pdf-feature-news{
    flex-grow: 1;
}

.pdf-feature-news-wrap{
    background: #fff;
    box-shadow:
        /* The top layer shadow */
        0 1px 1px rgba(0,0,0,0.15),
        /* The second layer */
        0 10px 0 -5px #eee,
        /* The second layer shadow */
        0 10px 1px -4px rgba(0,0,0,0.15),
        /* The third layer */
        0 20px 0 -10px #eee,
        /* The third layer shadow */
        0 20px 1px -9px rgba(0,0,0,0.15);
    /* Padding for demo purposes */
    padding: 10px;
}

.pdf-feature-news-wrap .pdf-thumb{
    height: 470px;
    margin-bottom: 10px;
}

.pdf-feature-news-wrap .pdf-thumb img{
    object-fit: cover;
    object-position: center top;
    height: 100%;
    width: 100%;
}

.pdf-feature-news-wrap h3{
    font-size: 18px;
    margin: 0;
    padding: 10px;
    color: #FFF;
    text-align: center;
    background: #143b90;
}

/*============Bottom Sidebar News==============*/
.image-overlay-thumb-post{
    position: relative;
    margin-bottom: 30px;
}

.image-overlay-thumb-post .news-title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top,transparent 0%,black 100%);
    background-image: linear-gradient(to bottom,transparent 0%,black 100%);
    background-repeat: repeat-x;
    padding: 30px;
    color : #FFF;
    font-weight: 600;
    margin: 0;
    pointer-events: none;
    z-index: 9;
    border-radius: 0 0 5px 5px;
}


.image-overlay-thumb-post .news-title a{
    font-size: 1.2em;
    color: #FFF;
}

.bottom-news-sidebar1-wrap .news-post:not(.image-overlay-thumb-post){
    margin-bottom: 20px;
}

.bottom-news-sidebar1-wrap .news-post:not(.image-overlay-thumb-post) .sp-post-thumb{
    width: 120px;
}

.bottom-news-row2-wrap{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 30px; 
}

.bottom-news-row2-wrap .news-post{
    position: relative;
    display: flex;
    background: #EEE;
    border-radius: 5px;
    margin: 20px 20px 0;
}

.bottom-news-row2-wrap .news-post:before{
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    left: 20px;
    bottom: 20px;
    opacity: 0.15;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='40px' viewBox='0 0 40 40' version='1.1'%3E%3Cpath d='M 9.484375 35.328125 C 14.261719 35.328125 18.136719 31.457031 18.136719 26.679688 C 18.136719 21.902344 14.261719 18.03125 9.484375 18.03125 C 4.707031 18.03125 0.835938 21.902344 0.835938 26.679688 C 0.835938 31.457031 4.707031 35.328125 9.484375 35.328125 Z M 9.484375 35.328125 '/%3E%3Cpath d='M 15.933594 4.722656 C 12.675781 5.429688 9.660156 6.976562 7.1875 9.214844 C 4.714844 11.449219 2.875 14.296875 1.847656 17.464844 C 3.992188 15.679688 6.695312 14.703125 9.484375 14.707031 C 9.964844 14.707031 10.445312 14.734375 10.921875 14.792969 C 12.230469 12.171875 14.46875 10.136719 17.199219 9.085938 C 17.636719 8.921875 18.015625 8.632812 18.285156 8.25 C 18.554688 7.867188 18.699219 7.414062 18.703125 6.945312 C 18.703125 6.605469 18.625 6.269531 18.476562 5.960938 C 18.332031 5.652344 18.117188 5.382812 17.851562 5.171875 C 17.585938 4.957031 17.273438 4.808594 16.941406 4.730469 C 16.609375 4.652344 16.265625 4.648438 15.933594 4.722656 Z M 15.933594 4.722656 '/%3E%3Cpath d='M 29.945312 35.328125 C 34.722656 35.328125 38.59375 31.457031 38.59375 26.679688 C 38.59375 21.902344 34.722656 18.03125 29.945312 18.03125 C 25.167969 18.03125 21.296875 21.902344 21.296875 26.679688 C 21.296875 31.457031 25.167969 35.328125 29.945312 35.328125 Z M 29.945312 35.328125 '/%3E%3Cpath d='M 36.390625 4.722656 C 33.132812 5.429688 30.121094 6.976562 27.648438 9.214844 C 25.175781 11.449219 23.335938 14.296875 22.308594 17.464844 C 24.453125 15.679688 27.15625 14.703125 29.945312 14.707031 C 30.425781 14.707031 30.90625 14.734375 31.382812 14.792969 C 32.6875 12.171875 34.929688 10.136719 37.660156 9.085938 C 38.097656 8.921875 38.476562 8.632812 38.746094 8.25 C 39.015625 7.867188 39.160156 7.414062 39.164062 6.945312 C 39.164062 6.605469 39.085938 6.269531 38.9375 5.960938 C 38.789062 5.652344 38.574219 5.382812 38.308594 5.171875 C 38.042969 4.957031 37.734375 4.808594 37.402344 4.730469 C 37.070312 4.652344 36.726562 4.648438 36.390625 4.722656 Z M 36.390625 4.722656 '/%3E%3C/svg%3E%0A");
}

.bottom-news-row2-wrap .sp-post-thumb {
    width: 40%;
    flex: 0 0 40%;
    margin-left: -20px;
    margin-top: -20px;
}

.bottom-news-row2-wrap .sp-thumb-container{
    padding-bottom: 120%;
    box-shadow: 0 0  10px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.bottom-news-row2-wrap .news-content{
    padding: 30px;
}

.bottom-news-row2-wrap .news-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Single Row News*/
.single-row-news{
    margin-bottom: 50px;
}

.single-row-news-wrap{
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.single-row-news-wrap .sp-thumb-container{
    padding-bottom: 60%;
}

.single-row-news-wrap .news-post{
    display: flex;
    flex-direction: column;
    text-align: center;
}

.single-row-news-wrap .news-post:nth-child(even){
    flex-direction: column-reverse;
}

.single-row-news-wrap .news-post:nth-child(even) .top-big-thumb{
    margin: 15px 0 0;
}
/*============Bisesh News==============*/
.bisesh-news .sp-thumb-container{
    padding-bottom: 90%;
}

/*============Single Page==============*/
.page-header{
    margin-bottom: 30px;
    position: relative;
}

h1.page-title{
    font-size: 44px;
    line-height: 1.3;
    margin-bottom: 0;
}

h2.entry-title{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

h2.entry-title a:hover{
    color: #143b90 ;
}

.page-sub-title{
    margin: 15px 0 0;
}

.archive-content-wrap{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 30px; 
}

.archive-content-wrap .sp-post-thumb {
    margin-bottom: 20px;
}

.author-date{
    background: #F7F8F9;
    border: 1px solid #F1F1F1;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #888;
}

.entry-meta{
    font-size: 15px;
    color: #888;
    font-weight: 500;
    margin-bottom: 20px;
}

.sharethis{
    margin-top: 20px;
}

.single .entry-content,
.page .entry-content{
    font-size: 20px;
    line-height: 2;
    color: #444;
}

.entry-content p{
    margin-bottom: 30px;
}

.content-middle-ads{
    max-width: 300px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.content-middle-ads .fb_iframe_widget{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.content-middle-ads .fb_iframe_widget iframe{
    width: 100%;
    height: 100%; 
}

#fb-comments{
    margin: 40px 0;
    padding: 20px;
    border: 1px solid #EEE;
}

#fb-comments .fb_iframe_widget,
#fb-comments .fb_iframe_widget span,
#fb-comments .fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important;
}

.fb-like{
    vertical-align: top;
    margin-left: 10px;
}

.widget-area .widget_sp_image{
    margin-bottom: 5px;
}

#related-news{
    margin-bottom: 30px;
}

.related-news-wrap{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
}

.newspaper-related-news-wrap{
    grid-template-columns: repeat(4, 1fr); 
}

.newspaper-related-news-wrap .sp-post-thumb{
    border: 1px solid #EEE;
    margin-bottom: 20px;
}

.widget-area ul,
.widget-area ol{
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-area li{
    margin-bottom: 15px;
    line-height: 1.2;
}

.pagination{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    font-family: Arial;
}

.pagination .page-numbers{
    display: inline-block;
    font-size: 20px;
    margin: 0 5px;
    padding: 12px 20px;
    line-height: 1;
    background: #EEE;
    color: #143b90 ;
    border-radius: 26px;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current{
    background: #143b90;
    color: #FFF;
}

.sidebar-recent-news{
    margin-bottom: 40px;
}

.sidebar-recent-news .news-post{
    position: relative;
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: repeat(6, 1fr); 
    gap: 20px;
    margin-bottom: 25px;
}

.sidebar-recent-news .sp-post-thumb  { grid-area: 1 / 1 / 2 / 3; }
.sidebar-recent-news .news-title { grid-area: 1 / 3 / 2 / 7; }

.sidebar-recent-news .news-count{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 40px;
    color: #EEE;
    z-index: 8;
}

/*===============Footer==============*/
footer.site-footer {
    margin-top: 40px;
}

footer.site-footer:before {
    content: '';
    display: block;
    height: 115px;
    background: url(https://i.imgur.com/I7YJ7uP.png);
    background-repeat: no-repeat;
    background-size: 1280px;
    background-position: center center;
}

.top-footer{
    background: #eee;
    border-top: 5px solid #143b90;
}

.top-footer .onlinebichar-container{
    padding: 40px 0;
}

.top-footer-wrap{
    display: flex;
}

.footer-block{
    width: 33.333%;
    padding: 0 20px;
    font-size: 16px;
}

.footer-block p{
    margin-bottom: 10px;
}

.footer-block .widget{
    margin-bottom: 15px;
}

.site-info {
    text-align: center;
    color: #FFF;
    font-size: 15px;
    background: #143b90;
}

.site-info a{
    color: #F6F6F6;
}
.site-info a:hover {
    color: #ed322d;
} 

.site-info .onlinebichar-container {
    padding: 10px 0;
}

.site-links {
    float: left;
}

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

.site-links ul li{
    display: inline-block;
    margin-right: 15px;
}

.site-credit{
    float: right;
}

#go-to-top{
    height: 50px;
    width: 40px;
    background: url(img/top.png) no-repeat center #ed322d ;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    text-align: center;
    color: #ed322d ;
    border-radius: 5px;
}

#go-to-top:hover{
    background-color: #143b90;
    border-color: #143b90;
}

/* PDF NEWS */

.pdf-news {
    border: 2px solid #EEE;
    margin-bottom: 30px;
}

.pdf-main-news h3 {
    background: #143b90;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.pdf-main-news .detail-pdf-news{
    color: #FFF;
}

.pdf-main-news a.more-pdf-news {
    background: #FFF;
    padding: 5px 8px 3px 8px;
    color: #333;
    font-size: 13px;
    border-radius: 3px;
}

.pdf-main-news a.more-pdf-news i{
    font-size: 0.8em;
    margin-left: 3px;
}


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

.archive_newspaper_list li {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}

.archive_newspaper_list li:nth-child(2n+1) {
    clear: both;
}

.archive_newspaper_list li h3 {
    font-weight: 400;
    margin-top: 10px;
}

.archive_newspaper_list li a {
    text-decoration: none;
}

.archive_newspaper_list li img {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

.post-type-archive-newspaper .archive-content-wrap .sp-post-thumb{
    border: 1px solid #EEE;
}

.toggle-menu{
    display: none;
}

.burger {
    height: 3em;
    width: 3em;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    -webkit-tap-highlight-color: transparent;
}

.burger .burger-lines:after {
    left: 0;
    top: -1em;
}

.burger .burger-lines:before {
    left: 1em;
    top: 1em;
}

.burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%;
}

.burger .burger-lines {
    top: 50%;
    margin-top: -0.125em;
}

.burger .burger-lines,
.burger .burger-lines:after,
.burger .burger-lines:before {
    pointer-events: none;
    display: block;
    content: '';
    width: 100%;
    border-radius: 0.25em;
    background-color: #143b90;
    height: 0.25em;
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.burger .burger-lines:after {
    left: 0;
    top: -1em;
}

.burger .burger-lines:before {
    left: 1em;
    top: 1em;
}

.burger.burger-squeeze .burger-lines,
.burger.burger-squeeze .burger-lines:after,
.burger.burger-squeeze .burger-lines:before {
    -webkit-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
    -o-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
    transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
}

.burger.burger-squeeze .burger-lines:after,
.burger.burger-squeeze .burger-lines:before {
    width: 2em;
}

.burger.burger-squeeze.open .burger-lines,
.burger.burger-squeeze.open .burger-lines:after,
.burger.burger-squeeze.open .burger-lines:before {
    -webkit-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
    -o-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
    transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
}

.burger.burger-squeeze.open .burger-lines {
    background-color: transparent;
}

.burger.burger-squeeze.open .burger-lines:before,
.burger.burger-squeeze.open .burger-lines:after {
    left: 0.5em;
    top: 0px;
}

.burger.burger-squeeze.open .burger-lines:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.burger.burger-squeeze.open .burger-lines:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.image-ads{
    position: relative;
}

.image-ads-expiry-text{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #FF0000;
    color: #FFF;
    padding: 8px 10px;
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    animation-direction: alternate;
}

@keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0;}
}

.page-template-template-fullwidth .page-header{
    display: none;
}
/*Responsive CSS*/

@media screen and (max-width:1300px){
    .onlinebichar-container{
        width: 768px;
    }

    .top-header .onlinebichar-container{
        justify-content: center;
    }

    .top-header-right{
        display: none;
    }

    .main-navigation ul.onlinebichar-menu{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        background: #f6f8f9;
    }

    ul.onlinebichar-menu > li{
        float: none;
        margin: 0;
    }

    ul.onlinebichar-menu > li > a{
        border-radius: 0;
        background: none;
    }

    .main-navigation ul ul{
        display: block !important;
        position: static;
        width: auto;
        background: none;
        height: auto !important;
        opacity: 1 !important;
    }

    .main-navigation ul ul a{
        color: inherit;
        background: none;
        padding: 8px 40px;
        font-size: 18px;
    }

    .main-navigation ul ul li:hover a{
        color: inherit;
        background: none;
    }

    .toggle-menu{
        display: block;
    }

    #primary-news,
    #secondary-news,
    .highlight-news,
    #bottom-news{
        flex-wrap: wrap;
        gap: 50px;
    }

    .primary-news-left,
    .primary-news-right,
    .secondary-news-left,
    .secondary-news-right,
    .single-feature-video,
    .pdf-feature-news{
        flex: 0 0 100%;
    }

    .bottom-news-sidebar,
    .bottom-news-right{
        width: 100%;
    }

    #secondary-news:after{
        display: none;
    }

    .single-row-news-wrap{
        grid-template-columns: repeat(2, 1fr); 
    }

    .rvs-container{
        height: auto;
        padding: 0;
    }

    .rvs-item-container{
        height: 432px;
    }

    .rvs-nav-container{
        width: auto;
        position: static;
        height: 432px;
    }

    .top-footer-wrap{
        flex-wrap: wrap;
        gap: 40px;
    }

    .footer-block{
        width: 100%;
    }

    .site-credit,
    .site-links{
        float: none;
        text-align: center;
    }

    .feature-video-news{
        position: relative;
        padding-bottom: 56.5%;
    }

    .feature-video-news iframe{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    #primary,
    #secondary{
        width: auto;
        float: none;
    }

}

@media screen and (max-width:828px){
    .onlinebichar-container{
        width: 580px;
    }

    .main-header .onlinebichar-container{
        justify-content: center;
    }

    .site-header-date,
    .site-header-social{
        display: none;
    }

    .primary-news,
    .secondary-news,
    .single-row-news-wrap,
    .middle-news-wrap,
    .interview-news-wrap,
    .focus-news-wrap,
    .bottom-news-row2-wrap{
        grid-template-columns: 1fr;
    }

    .news-post{
        grid-area: auto !important;
    }

    .secondary-news-right .secondary-news .news-post:not(.news-post-1) .sp-post-thumb {
        order: 0;
        margin-right: 20px;
        margin-left: 0;
    }

    .single-row-news-wrap .news-post:nth-child(even){
        flex-direction: column;
    }

    .single-row-news-wrap .news-post:nth-child(even) .top-big-thumb{
        margin:  0 0 15px;
    }

    .bottom-news-slider .news-post{
        flex-wrap: wrap;
    }

    .bottom-news-slider .sp-post-thumb{
        width: 100%;
        flex: 0 0 100%;
    }

    .bottom-news-slider .news-content {
        transform: translateX(0);
        margin-right: 0;
        box-shadow: none;
        border: 1px solid #EEE;
    }

    .bottom-news-slider .owl-dots {
        position: absolute;
        right: 15px;
        top: 40px;
        transform: translateY(0);
    }

    .rvs-item-container{
        height: 300px;
    }

    .four-col-ads{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:630px){
    .onlinebichar-container{
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .top-header-left ul.menu{
        flex-wrap: wrap;
    }

    #big-news .big-news-wrap,
    .top-footer .onlinebichar-container{
        padding: 20px;
    }

    .interview-news-wrap .news-post .image-thumb{
        float: none;
        width: auto;
        margin: 0 0 15px;
    }

    .pdf-feature-news-wrap .pdf-thumb{
        height: auto;
    }

    .author-date{
        flex-wrap: wrap;
        justify-content: center;
    }

    .author-date > div{
        width: 100%;
    }

    .related-news-wrap,
    .archive-content-wrap{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:480px){
	.onlinebichar-container{
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
	.main-header .onlinebichar-container {
		padding: 15px 0;
	}
	.main-header .site-branding {
		flex: 0 0 100%;
	}
	
    .two-col-ads{
        grid-template-columns: 1fr;
    }

    .three-col-ads{
        grid-template-columns: 1fr;
    }

    .four-col-ads{
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width:1301px){	
    .main-navigation ul.onlinebichar-menu{
        display: block !important;
    }
}