/*
Theme Name: Paper News
Theme URI: https://themeansar.com/free-themes/papernews/
Author: Themeansar
Author URI: https://themeansar.com
Description: Paper News 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. Paper News 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. Paper News is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/newsair/papernews/ and documentation at https://docs.themeansar.com/docs/newsair/
Version: 1.0
Requires PHP: 7.0
Requires at least: 5.4
Tested up to: 6.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsair
Text Domain: paper-news
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

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

Paper News 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 {
    text-decoration: underline;
}
a:focus {
    outline: 1px solid;
}
.navbar-toggler.x:focus {
    outline: 1px solid #000;
    padding: 5px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'IBM Plex Serif', serif;
}
body{
    font-family: 'PT Serif', serif;
}
.bs-widget .wp-block-search__label{
    font-family: 'IBM Plex Serif', serif;
}
.bs-blog-post{
    box-shadow: none;
}
.bs-sidebar .bs-widget{
    box-shadow: none;
}
.small-post:last-child {
    border-bottom: 1px solid var(--bor-color);
}
.bs-headthree .bs-header-main {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}
.bs-headthree .navbar-wp {
    margin: 0;
    z-index: 999;
    transition: all 1s ease-out;
    border-radius: 0;
    min-height: 55px;
    height: auto;
    border-width: 2px 0 1px;
    border-style: solid;
}
.bs-headthree .navbar-header {
    height: auto;
}
.bs-headthree .navbar-brand {
    margin-right: unset;
} 
.bs-headthree .bs-header-main .inner {
    display: flex;
    padding: 0;
    margin: 0;
    height: 200px;
    align-items: center;
    text-align: center;
}
.bs-headthree .navbar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bs-headthree .bs-header-main .inner {
    height: 150px;
} 
.bs-headthree .navbar-brand {
    margin-right: unset;
}
.bs-headthree .right-nav a.subscribe-btn {
    padding: 10px 15px ;
}
.bs-headthree .bs-menu-full a.subscribe-btn {
    display: none;
}
.bs-headthree .navbar-wp{
    border-top: none;
}
.bs-headthree .navbar-wp .navbar-nav > li> a{
    padding: 10px 15px;
}
.bs-headthree .switch .slider::before{
    /* width: 35px;    
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 #00000094; */
}
.bs-headthree .switch{
    /* width: 35px; */
}
.bs-headthree.cont .navbar-wp {
    padding: 5px;
}
.bs-headthree.cont .bs-menu-full {
    z-index: 9999;
}
.bs-blog-post.three.sm .title {
    font-size: 14px;
    margin-bottom: 0;
}
.modal-backdrop { 
    z-index: 9999;
}
.modal{
    z-index: 99991;
}
.wd-back { 
    box-shadow: unset; 
}
.bs-recent-blog-post .small-post .img-small-post {
    width: 75px;
    height: 75px;
}
.small-post .title {
    line-height: 1.5;
}
.col-md-12.text-center.d-md-flex.justify-content-between {
    padding: 0 15px;
}
.mainfeatured .wd-back {
    background: UNSET;
    box-shadow: unset;
    padding: unset;
}
.list-blog .bs-blog-thumb {
    width: 37%;
    max-width: 37%;
    min-width: 0;
    height: 220px;
    min-height: 220px;
}
.col-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
[class*=col-grid-] {
    display: grid;
    grid-gap: 1.5rem;
}
.bs-breadcrumb-section .overlay{
    box-shadow: none;
}
.newsair-grid-column-posts .bs-blog-post.bshre {
    box-shadow: unset;
    margin-bottom: 0px;
}
.multi-post-widget .bs-blog-post.three.sm .title {
    font-size: 16px;
}
.multi-post-widget .bs-blog-post.three.sm {
    height: 220px;
}
.bs-default .desk-header .msearch{
    display: none;
}
.bs-no-list-area {
    display: grid;
    grid-template-columns: repeat( 4,1fr );
    grid-column-gap: 10px;
}
.bs-no-list-area .orderd-img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    box-shadow: 2px 2px 0 0px #ed1515;
    position: relative;
    margin-right: 15px;
    border-radius: 50%;
	margin-bottom: 2px;
}
.bs-no-list-area .orderd-img img { 
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out 0s;
}
.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;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 25px;
    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: 500;
    font-size: 12px;
    padding: 0;
    line-height: 16px;
    letter-spacing: 1px;
}
.navbar-toggler.x {
    background: transparent;
}
.navbar-toggler.x:focus {
    outline: none;
    padding: 5px;
    border: none;
}
.bs-breadcrumb-section .overlay .container{
    padding: 0;
}
footer .bs-footer-copyright .navbar-brand{
    margin-right: 0;
    display: block;
}
footer .bs-footer-copyright .navbar-brand img{
    object-fit: contain;
}
footer .bs-widget-title .title::before{
    display: none;
}
/*---------------------------------------
=========================================
	Responsive Part
=========================================
-----------------------------------------*/
@media (max-width: 991.98px) {
    .bs-no-list-area .bs-no-list-items{
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .bs-no-list-area {
        grid-template-columns: repeat( 2,1fr );
    }
    .multi-post-widget{
        display: grid;
        grid-template-columns: repeat( 2,1fr);
        grid-column-gap:5px ;
    }
    .bs-header-main .inner.responsive {
        min-height: 0;
        height: 20px;
    }
}
@media (max-width: 767.98px) {
    .bs-no-list-area {
        grid-template-columns: repeat( 1,1fr );
    }
}

@media(max-width: 575px){
    .bs-blog-post.three .inner {
        padding: 15px;
    }
    .footer-inner .copyright {
        text-align: center;
        padding-top: 12px;
    }
}
.tizery-hr {
    border: 1px solid #ff7581; /* Рамка всего блока. Стоит ширина 1px, solid - непрерывная, #c4c4c4 - это ее цвет. Если рамка не нужна - просто удалите эту строку */
    margin: 10px 0 10px 0; /* Внешний отступ всего блока с тизерами от контента страницы. Стоит сверху и снизу по 10px, а слева и справа 0px */
    padding: 10px 5px 5px 5px; /* Внутренний отступ внутри блока. Чтобы не сливались с краями рамки тизеры. Соответственно: сверху 10 px, справа 5px, снизу 5px, слева 5px */
    text-align: center; /* Выравнивание текста во всем блоке по центру */
 
}
.tizery-hr img {
    width: 350px; /* Установили принудительно ширину картинки в 150px, на случай если у вас будут все разного размера */
    height: 150px; /* Установили высоту картинки в 150px, аналогично как с шириной случай */
    display: block; /* Позволяет перенести текст под картинку в нашем случае. Оставляем так */
    margin: 0 auto 10px; /* Внешний отступ картинки. Сверху 0px, слева и справа auto, чтобы она была ровно по центру своего блока тизера. Снизу 10px, чтобы не сливалось с текстом */
}
.tizery-hr a {
    color: #ff0000 !important; /* Цвет ссылки, если требуется сменить стандартный цвет ссылок шаблона. Попробуйте удалить ее и посмотреть как у вас настроено по-умолчанию в шаблоне */
    display: inline-block; /* Этим параметром мы говорим, чтобы блоки становились в одну строку и при низком разрешении красиво выстраивались друг под другом */
    font-weight: bold; /* Делаем текст жирным. Если не нужно - просто удалите строку */
    font-size: 16px !important; /* Размер шрифта у текста. Поэкспериментируйте с размером */
    margin: 5px 0 5px 0; /* Задаем внешний отступ каждому блоку с тизером, чтобы при низком разрешении они не налазили друг на друга снизу и сверху. Соответственно по 5px сверху и снизу */
    padding: 5px; /* Задаем внутренний отступ для каждого блока с тизером, чтобы тот же текст не прилипал к краям блока, если вы добавите ему рамку */
    width: 250px; /* Задаем ширину блока каждого. Здесь можно сделать и 150px по ширине картинки, чтобы текст ровно под ней был. На ваше усмотрение */
    vertical-align: top; /* Данный параметр выравнивает все тизеры по верхнему краю. Пригодится в случае, если у вас какой-то текст будет больше на 1-2 строки, чем остальные */
}