/*
Theme Name: Blogxo
Theme URI: https://themeansar.com/free-themes/blogxo/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogxo is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogxo is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blogxo is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise/Blogxo/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 0.3
Requires PHP: 7.0
Requires at least: 5.4
Tested up to1: 6.4.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogarise
Text Domain: blogxo
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Blogxo WordPress Theme is child theme of Newsup, Copyright 2023 Themeansar
Blogxo is distributed under the terms of the GNU General Public License v3

Blogxo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
p a .bs-blog-post .title, .bs-blog-post .title a, .bs-blog-post .title, .bs-blog-post .title a, .bs-sidebar .bs-widget ul li a:hover, .bs-sidebar .bs-widget ul li a:focus{
    text-decoration: underline;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Heebo', sans-serif;
}
body{
    font-family: 'Nunito', sans-serif;
}
.navbar-wp .navbar-nav > li> a {
    font-family: 'Nunito', sans-serif;
}
::-webkit-scrollbar-thumb:hover { 
    background: var(--grady-color);
}
.site-title {
    font-family: 'Heebo', sans-serif;
}
a:focus {
    outline: 1px solid;
} 
.bs-masonry-columns.c2 {
    column-gap: 1.5rem;
    columns: 2;
}
.bs-masonry-columns div {
  display: inline-block;
  width: 100%; 
}
.bs-headfour .navbar-wp{
    padding-top: 50px;
    padding-bottom: 20px;
}
.list-blog.bs-blog-post {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	text-align: left;
	padding: 45px;
}
.list-blog .bs-blog-thumb {
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
}
.navbar-wp .dropdown-menu{
    box-shadow: 0 0 10px 0 #0000003a;
}
.bs-recent-blog-post .small-post .img-small-post.right{
    border: 2px solid #000;
    border-radius: 8px;
}
.bs-blog-meta .bs-author .auth img{
    border: 2px solid #000;
}
.bs-blog-post .title{
    display: -webkit-box;
    max-height: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bs-blog-post.single .bs-header .title{
    display: block;
    line-height: 1.2;
}
.bs-slide{
    justify-content: flex-start;
    align-items: end;
}
.mainfeatured{
    padding: 40px 0 20px 0;
}
.bs-slide .inner {
    align-items: flex-start;
    border: none;
    box-shadow: none;
    padding: 30px;
    width: 100%;
    text-align: start;
}
.bs-no-list-area {
    display: grid;
    grid-template-columns: repeat( 4,1fr );
    grid-column-gap: 10px;
    padding-top: 50px;
    margin-bottom: 20px;
}
.bs-no-list-area .orderd-img {
    width: 100px;
    height: 100px; 
    position: relative;
    margin-right: 10px; 
	margin-bottom: 2px;
}
.bs-no-list-area .orderd-img img { 
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 3px 3px 0 0 var(--pri-color);
}
.bs-no-list-area .orderd-body{
	flex: 1;
}
.bs-no-list-area .orderd-body h5 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-top: -5px;
    word-wrap: break-word;
	z-index: 5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 8px;
	
}
.bs-no-list-area .count {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    line-height: 1.5;
    font-size: 12px;
    z-index: 1;
    text-align: center;
    border: 3px solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bs-no-list-area .orderd-body .bs-blog-date a {
    display: inline;
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    line-height: 16px;
    letter-spacing: 1px;
}
.mg-latest-news .mg-latest-news-slider a i{
    border-radius: 50%;
}
.comment-form-comment textarea#comment {
    height: 280px;
}
.z-1{
    z-index: 1;
}
#grid .bs-blog-thumb.lg{
    height: 350px;
}
@media (max-width: 991.98px) {
    .bs-masonry-columns.c2{ 
        columns: 1;
    }
    .homemain-slide .bs-slide .inner .title {
        font-size: 24px;
    }
    .bs-no-list-area{
        grid-template-columns: repeat( 2,1fr );
        grid-row-gap: 20px ;
    }
}
@media (min-width: 992px) {
    #sidebar-right {
        padding-right: unset;
        padding-left: 20px;
    }
}
@media (max-width: 767.98px) {
    .list-blog.bs-blog-post { 
        grid-template-columns: repeat(1, 1fr);
    }
    .bs-headfour .navbar-wp {
        height: auto;
    }
    .bs-no-list-area{
        grid-template-columns: repeat( 1,1fr );
    }
}