/*
Theme Name: BlogAI
Theme URI: 
Author: Themeansar
Author URI: https://themeansar.com
Description: BlogAI 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. BlogAI 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. BlogAI is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogai/ and documentation at https://docs.themeansar.com/docs/blogus/
Version: 0.2
Requires PHP: 7
Tested up to: 6.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogus
Text Domain: blogai
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

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

BlogAI 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.
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Onest', sans-serif;
}
.site-title { 
    font-family: 'Onest', sans-serif;
}
.navbar-wp .navbar-nav > li> a { 
    font-family: 'Onest', sans-serif;
}
a {
    text-decoration: underline;
}
a:visited, a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 1px solid;
} 
/* -------bs-head three---- */
.bs-headthree .bs-header-main{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: scroll;
}
.bs-headthree .bs-header-main .inner{
	display: flex;
	padding: 15px 0;
	margin: 0;
	height: 150px;
	align-items: center;
	text-align: center;
}
.bs-headthree .info-right {
	display: flex;
    justify-content: flex-end;
}
.bs-headthree .info-right div {
	margin-left: 4px;
	margin-right: 4px;
}
.bs-headthree .navbar-brand {
	margin-right: unset;
}
.bs-headthree .navbar-wp {
    margin: 0;
    z-index: 999;
    transition: all 1s ease-out;
    border-radius: 0;  
	padding: 0;
	height: auto;
	min-height: 58px;
	border-radius: 0;
	margin-bottom: 30px;
}
.bs-menu-full {
	position: relative;
}
.bs-headthree .navbar-wp .navbar-nav > li> a {
    padding: 15px 15px;
}
.bs-headthree .navbar-wp .navbar-nav > li > a:hover, 
.bs-headthree .navbar-wp .navbar-nav > li > a:focus, 
.bs-headthree .navbar-wp .navbar-nav > .active > a, 
.bs-headthree .navbar-wp .navbar-nav > .active > a:hover, 
.bs-headthree .navbar-wp .navbar-nav > .active > a:focus {
    opacity: 0.8;
}
.bs-head-detail .bs-social {
	padding: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.bs-masonry-columns.c2 {
    column-gap: 1.5rem;
      columns: 2;
}
.bs-masonry-columns div {
  display: inline-block;
  width: 100%; 
}
@media (max-width: 991.98px) {
    .bs-masonry-columns.c2 { 
        columns: 1;
    }
}

.mainfeatured .list-blog .bs-blog-thumb {
    width: 50.333333%;
    max-width: 50.333333%;
    min-width: 50.333333%;
    height: 400px;
    min-height: 250px;
    margin-right: 25px;
}

.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; */
}
.express-widget .bs-slide {
    height: 400px;
}
.express-widget .bs-slide .inner {
    width: unset;
}
.attachment-full.size-full {
    width: 100%;
    height: auto;
}
/* ------------------
-----------new-tickers-------
---------------- */
.bs-latest-news {
    overflow: hidden;
    min-height: 50px;
    position: relative;
    border: 2px solid;
}
.bs-latest-news .acmeticker-wrap{
    height: 100%;
}
.bs-latest-title {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 100%; 
    padding-right: 15px;
    z-index: 9;
    display: flex;
    align-items: center;
}
.bs-latest-news-slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    height: auto;
}
.bs-latest-news-slider.stop-ticker{
    right: 0;
    left: 0;
}
.bs-latest-heading {
    font-size: 18px;
    margin-bottom: 0; 
    height: 100%; 
    padding: 10px 15px;
    z-index: 9;
    display: flex;
    align-items: center;
}
.bs-latest-heading i{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    margin-right: 8px;
    position: relative;
}
.bs-latest-heading i:after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid;
    border-radius: 50%;
    animation-name: rippal;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes rippal {
	0%{
		width: 0;
		height: 0;
		opacity: 1;
	}
	100%{
		width: 28px;
		height: 28px;
		opacity: 1;
	}
}
.featured-widget-content .small-post .img-small-post {
  border-radius: 50%;
}
.bs-latest-list {
    margin: 0 10px; 
}
.bs-latest-news-inner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.bs-latest-play {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 10px 15px; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-latest-play span{
    font-size: 16px; 
    line-height: 23px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-latest-news .bs-latest-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius:4px;
    object-fit: cover;
    border: 1px solid ;
}
@media screen and (max-width: 767px){
    .bs-latest-heading{
        display:none;
    }
}
@media (min-width: 992px) {
#sidebar-right {
    padding-right: unset;
    padding-left: 20px;
}
}

.article_content a, .bs-blog-post single a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}