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

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

Blogtimes 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.
*/
:root {
    --raduis: 10px;
    --headFont: "Inter", sans-serif;
    --bxsh: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    --bxshover: 0px 5px 50px 0px rgba(0, 0, 0, 0.09);
}
body{
    font-family: "DM Sans", sans-serif;
}
.inner .title, .bs-blog-post .title {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-headfive {
    box-shadow: none;
}
.bs-default .navbar-wp{
    border-top: none;
    padding: 0 0 30px 0;
    margin: 0;
}
.bs-default .navbar-wp .navbar-nav>li>a {
    padding: 7px 20px;
    font-weight: 500;
    border-radius: 30px;
}
.bs-default .navbar-wp .navbar-nav>li>a:hover, .bs-default .navbar-wp .navbar-nav>li>a:focus, .bs-default .navbar-wp .navbar-nav>.active>a, .bs-default .navbar-wp .navbar-nav>.active>a:hover, .bs-default .navbar-wp .navbar-nav>.active>a:focus {
    opacity: 1;
}
.bs-default .bs-header-main .inner {
    display: flex;
    padding: 25px 0;
    margin: 0;
    height: auto;
    align-items: center;
    text-align: center;
}
.bs-blog-post.single .bs-header .bs-info-author-block, .page-entry-title .bs-breadcrumb-section .overlay{
    backdrop-filter: none;
    border: none;
}
.featured-widget-content .bs-blog-thumb.lg {
    height: 300px;
}
.single-class .featured-widget-content .bs-blog-thumb.lg {
    height: 250px;
}
.homemain-two .bs-blog-category{
    justify-content: center;
}
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, select {
    border-radius: var(--raduis);
    box-shadow: none;
    border: 1px solid;
}
.widget_block .wp-block-search__button, .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .wp-block-tag-cloud a, .tagcloud a{
    border-radius: var(--raduis);
}
.bs-blog-post.single .bs-header .title{
    display: block;
}
.bs-blog-post{
    border-radius: var(--raduis);
    transition: 0.3s;
}
.bs-blog-post:hover{
    transform: translateY(-5px);
    background-color: var(--box-color);
}
.navbar-brand {
    margin-right: 0;
}
.list-blog.bs-blog-post, .bs-sidebar .bs-widget.widget_blogus-author-widget{
    padding: 10px;
    border-radius: var(--raduis);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.03);
    margin-bottom: 40px;
    border: 1px solid #feeaec;
}
.list-blog.bs-blog-post .small{
    padding: 10px !important;
    font-size: 16px;
}
.list-blog.bs-blog-post:has(.bs-blog-thumb) .small{
    padding-left: 0 !important;
}
.bs-card-box.page-entry-title, .bs-card-box, .bs-breadcrumb-section .overlay, .bs_model .modal-content, .bs-blog-post.single, .bs-info-author-block{
    border: 1px solid #feeaec;
    border-radius: var(--raduis);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.03);
}
.bs_model form.search-form {
    gap: 10px;
}
.bs_model form.search-form .search-submit {
    border-radius: var(--raduis);
}
.bs-sidebar .bs-widget{
    padding: 24px;
    box-shadow: none;
    border: 0;
}
.bs-sidebar .bs-widget.widget_blogus-author-widget{
    padding: 20px;
}
.featured-widget-content .bs-blog-post .inner{
    padding: 0px !important;
    padding-top: 16px !important;
}
.featured-widget-content .bs-blog-post:hover{
    box-shadow: none;
}
.featured-widget.wd-back{
    padding: 0;
    box-shadow: none;
}
.featured-widget .bs-blog-post{
    box-shadow: none;
}
.bs-slide.one .bs-blog-meta{
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bs-blog-thumb .bs-blog-category, .bs-post-thumb .bs-blog-category{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}
.bs-blog-category a:is(:nth-child(1), :nth-child(2) ){
    display: flex;
}
.bs-blog-category a { 
    padding: 5px 15px;
    border-radius: 14px;
    display: none;
    font-family: var(--headFont);
}
.list-blog .bs-blog-thumb {
    width: 35.333333%;
    max-width: 35.333333%;
    min-width: 35.333333%;
    height: 250px;
    min-height: 250px;
}
.bs-sidebar .bs-widget, .wd-back, .bs-blog-post.three, .bs-slide, .page-entry-title, .bs-breadcrumb-section .overlay, .bs-blog-post.single, .bs-info-author-block, .py-4.px-3.mb-4.bs-card-box, .comments-area.bs-card-box.p-4, .bs-card-box.padding-20{
    border-radius: var(--raduis);
}
.bs .swiper-button-prev, .bs .swiper-button-next{
    opacity: 0;
}
.comment-respond .comment-form .submit {
    border-radius: var(--raduis);
}
/* ------------------
-----------new-tickers-------
---------------- */
.bs-latest-news {
    overflow: hidden;
    min-height: 50px;
    position: relative;
    border: 2px solid;
    margin-top: 30px;
    border-radius: var(--raduis);
}
.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;
    position: relative;
}
.bs-latest-heading span{
    margin-left: 8px;
}
.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%;
  width: 85px;
}
.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%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-latest-play span{
    font-size: 16px; 
    line-height: 23px;
    padding: 10px 15px; 
    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 ;
}
.wp-block-search__inside-wrapper {
    gap: 10px;
}
.bs-blog-post .small-bottom {
    margin-top: 10px;
    border-top: 1px dashed;
    padding-top: 10px;
}
.bs-social.info-left{
    justify-content: start;
}
.bs-widget ul li {
    padding: 10px 0;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
footer .bs-widget ul li{
    border-width: 0 0 1px 0;
    border-style: solid;
}
/* MainFeatured */
.mainfeatured {
    margin-top: 0px;
    margin-bottom: 80px;
}
.mainfeatured .bs-slide {
    height: 350px;
}
.mainfeatured .bs-slide .inner .title {
    font-size: 24px;
}
.bs-slide .inner {
    width: 100%;
    height: auto;
}
@media(min-width: 992px){
    .navbar-collapse {
        border-top: 1px solid;
        padding-top: 20px;
    }
}
@media screen and (max-width: 991px){
    .bs-headthree .navbar-brand .custom-logo {
        width: 200px;
        height: auto;
    }
    aside.sidebar-left {
        order: 2;
    }
}
@media screen and (max-width: 767px){
    .bs-latest-heading span{
        display:none;
    }
    .bs-headthree .navbar-brand .custom-logo {
        width: 120px;
        height: auto;
    }
    .site-branding-text .site-title a, .site-branding-text .site-title{
        font-size: 26px;
    }
}

.switch{
    display: none;
}
.bs-effect-shine {
    position: relative;
}
.bs-effect-shine::before, .missed-area .bs-blog-post.back-img::before, .related-post .bs-blog-post.back-img::before {
        content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 0;
}
.bs-blog-post:has(.bs-effect-shine):hover .bs-effect-shine::before,.missed-area .bs-blog-post.back-img:hover::before, .related-post .bs-blog-post.back-img:hover::before {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.bs-slide.back-img::after {
        content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 0;
}
 .bs-slide.back-img:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}