/*

Theme Name: Blogier

Theme URI: https://themeansar.com/free-themes/blogier-free-wordpress-theme/

Author: Themeansar

Author URI: https://themeansar.com

Description: Blogier 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. Blogier 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. Blogier is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogier/ and documentation at https://docs.themeansar.com/docs/blogus/

Version: 1.9

Requires PHP: 7.4

Requires at least: 5.4

Tested up to: 6.7

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Template: blogus

Text Domain: blogier

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



Blogier WordPress Theme is child theme of Blogus, Copyright 2023 Themeansar

Blogier is distributed under the terms of the GNU General Public License v3



Blogier 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 {

    --box-color2: #fffaf4;

    --bxsh2: 0 3px 12px -1px rgba(7,10,25,.2), 0 22px 27px -20px rgba(7,10,25,.2);

}





a:focus {

    outline: 1px solid;

    text-decoration: underline;

}

.navbar-toggler.x:focus, .navbar-toggler.x:hover{

    outline: 1px solid var(--head-color);    

}

::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(135deg, #89216b 0%, #da4453 100%);

}

/* height */

::-webkit-scrollbar {

    height: 8px;

}


.bs-menu-full .navbar {

    padding-top: 2.5rem;

    padding-bottom: 4rem;

}

.navbar-wp .navbar-nav{

    justify-content: center;

    row-gap: 10px;

}

.navbar-wp .navbar-nav > li> a{

    font-size:18px;

    line-height:1.3;

}

.desk-header{

    padding: 0;

}

.bs-content-list{

    display: grid;

    gap: 70px;

}

.bs-blog-post {

    padding: 0;

    box-shadow: none;

    margin-bottom: 0;

    overflow: visible;

    gap: 10px;

}

.bs-blog-post:hover{

    box-shadow: none;

}

.list-blog .bs-blog-thumb {

    margin: 0;   

    width: 40%;

    max-width: 40%;

    min-width: 40%;

    height: 100%;

    box-shadow: var(--bxsh2);

    border-radius: 8px;

}

.list-blog.bs-blog-post .small {

    padding: 5px 20px 0;

    overflow: hidden;

}

.list-blog.bs-blog-post{

    padding: 0;

}

.bs-blog-post .title{

    font-size: 28px;

    font-weight: 700;

    display: block;

    display: -webkit-box;

    max-height: 100%;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.grid-blog .bs-blog-thumb {

    height: 300px;  

    box-shadow: var(--bxsh2);

    border-radius: 8px;

}

.grid-blog.bs-blog-post .small{

    padding: 30px 0 0;

}

.bs-content-grid{

    display: grid;

    grid-row-gap: 70px;

    grid-column-gap: 30px;

}

.column2{

    grid-template-columns: repeat(2, 1fr);

}

.column3{

    grid-template-columns: repeat(3, 1fr);

}

.bs-blog-post.single .bs-header .title{

    display: block;

    line-height: 1.3;

}

.bs-sidebar .bs-widget{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.bs-blog-category a{

    border-radius: 4px;

}

form.search-form .search-submit{

    border-radius: 8px;

}

input[type="search"]{

    border-radius: 8px;

}

.missed .wd-back{

    box-shadow: var(--bxsh2);

    border-radius: 8px;

    background: var(--box-color2);

}

.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .post-nav-links a, .bs-blog-post .single .single-nav-links .post-page-numbers{

    border-radius: 4px;

}

.bs-blog-post .single .single-nav-links .post-page-numbers{

    font-style: 18px;

}

.navigation.post-navigation{

    margin-bottom: 30px;

}

.bs-blog-post.single{

    box-shadow: none;

}

.bs-blog-post.single:hover{

    box-shadow: none;

    overflow: visible;

}

.bs-blog-post .bs-header{

    padding: 0 0 20px;

    overflow: hidden;

}

.bs-blog-post.single img{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.bs-blog-post.single .small{

    padding: 20px 0 0;

    overflow: hidden;

}

.bs-blog-post .single .nav-links {

    border-radius: 8px;

}

.bs-info-author-block{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.py-4.px-3.mb-4.bs-card-box{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.comments-area.bs-card-box.p-4{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.single-class .bs-breadcrumb-section .overlay{

    margin-bottom: 30px;

    background: var(--box-color2);

    box-shadow: var(--bxsh2);

}

.bs-breadcrumb-section .overlay{

    border-radius: 8px;

}

.bs-card-box{

    border-radius: 8px;

    box-shadow: none;

    padding: 0;

}

.bs-breadcrumb-section{

    margin-bottom: 30px;

}

.page-entry-title{

    box-shadow: var(--bxsh2);

    padding: 15px;

    margin-bottom: 50px;

}

.bs-sidebar .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a, .wp-block-tag-cloud a, .tagcloud a{

    border-radius: 8px;

}

.list-blog p{

    margin-bottom: 1rem;

}

.gallery .gallery-icon img{

    box-shadow: var(--bxsh2);

    border-radius: 8px;

}

.btn, .more-link, .woocommerce ul.products li.product .button{

    padding: 5px 20px;

    font-size: 14px;

    border-radius: 4px;

    font-weight: 500;

    box-shadow: var(--bxsh2);

}

.bs-blog-post.three.md {

    border-radius: 8px;

    margin-bottom: 1.5rem;

}

.bs-blog-post.three .inner:after{

    border-radius: 8px;

}

.featured-widget.wd-back,.featured-widget{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

    padding: 20px;

    margin-bottom: 30px;

}

.featured-widget .bs-blog-post{

    box-shadow: none;

}

.featured-widget .bs-blog-post:hover{

    box-shadow: none;

}

.featured-widget .bs-blog-thumb.lg {

    height: 300px;

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}

.featured-widget .bs-blog-post .inner{

    padding: 0px !important;

    padding-top: 1rem !important;

}

.featured-widget .bs-blog-post .title {

    margin-bottom: 10px;

    font-size: 24px;

}

.small-post .img-small-post{

    border-radius: 8px;

    box-shadow: var(--bxsh2)

}

.bs-author img.rounded-circle{

    width: 150px;

    height: 150px;

    border-width: 3px;

    border-style: solid;

}

.widget_block .wp-block-search__button{

    border-radius: 8px;

}

.comment-form-comment textarea{

    border-radius: 8px;

}

input[type="submit"], button{

    border-radius: 8px;

}

.comments-area .reply a{

    border-radius: 8px;

}

.navbar-wp .navbar-brand{

    margin-right: 0;

    display: block;

    padding-top: 0;

}

.navbar-wp .navbar-brand img{

    max-width: 100%;

    height: auto;

}

.wp-block-latest-posts__post-author:before, .wp-block-latest-posts__post-date:before{

    content: '\';

    font-family: 'Font Awesome 6 Free';

    font-weight: 900;

    margin-right: 5px;

}

.wp-block-latest-posts__post-date:before{

    content: '\';

}

.wp-block-latest-posts__post-title{

    display: block;

}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image + .wp-block-latest-posts__post-title{

    display: -webkit-box;

    max-height: 100%;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {

	display: inline-block;

	margin-right: 10px;

}

footer .wp-block-heading { 

	padding: 5px 0;

	display: flex;

	width: 100%;

	align-items: center;

	margin-bottom: 20px;

	position: relative;

	border-style: solid;

	border-width: 0 0 1px 0;

}

footer .wp-block-heading::before {

	position: absolute;

	content: "";

	height: 3px;

	width: 25%;

	bottom: -1px;

	left: 0;

}

.site-branding-text .site-title{

    white-space: unset;

    word-break: break-word;

}

.blogeir-background-wrapper .squares, .blogeir-background-wrapper .circles, .blogeir-background-wrapper .triangles {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: -1;

}

.squares .square, .circles .circle, .triangles .triangle{

    position: absolute;

    width: 20px;

    height: 20px;

    opacity: 0.1;

    animation: animate 8s linear infinite;

    bottom: -100px;

}

.circles .circle{

    border-radius: 100px !important;

}

.triangles .triangle{

    width: 0;

    height: 0; 

    border-bottom-width: 42px;

    border-bottom-style: solid;

    border-left-width: 25px;

    border-left-style: solid;

    border-right-width: 25px;

    border-right-style: solid;

    border-radius: 0 !important;

}

.squares .square:nth-child(1){

    left: 25%;

    width: 80px;

    height: 80px;

    animation-delay: 0s;

}

.circles .circle:nth-child(1){

    left: 10%;

    width: 22px;

    height: 20px;

    animation-delay: 0s;

}

.triangles .triangle:nth-child(1){

    left: 45%;

    border-right-width: 10px;

    border-left-width: 10px;

    border-bottom-width: 22px;

    animation-delay: 0s;

}

.squares .square:nth-child(2){

    left: 10%;

    width: 20px;

    height: 20px;

    animation-delay: 2s;

    animation-duration: 12s;

}

.circles .circle:nth-child(2){

    left: 45%;

    width: 84px;

    height: 80px;

    animation-delay: 12s;

}

.triangles .triangle:nth-child(2){

    left: 25%;

    border-right-width: 15px;

    border-left-width: 15px;

    border-bottom-width: 28px;

    animation-delay: 12s;

}

.squares .square:nth-child(3){

    left: 70%;

    width: 20px;

    height: 20px;

    animation-delay: 4s;

}

.circles .circle:nth-child(3){

    left: 90%;

    width: 53px;

    height: 50px;

    animation-delay: 4s;

}

.triangles .triangle:nth-child(3){

    left: 80%;

    border-right-width: 15px;

    border-left-width: 15px;

    border-bottom-width: 28px;

    animation-delay: 4s;

}

.squares .square:nth-child(4){

    left: 40%;

    width: 60px;

    height: 60px;

    animation-delay: 0s;

    animation-duration: 18s;

}

.circles .circle:nth-child(4){

    left: 60%;

    width: 53px;

    height: 50px;

    animation-delay: 18s;

}

.triangles .triangle:nth-child(4){

    left: 30%;

    border-right-width: 20px;

    border-left-width: 20px;

    border-bottom-width: 38px;

    animation-delay: 18s;

}

.squares .square:nth-child(5){

    left: 65%;

    width: 20px;

    height: 20px;

    animation-delay: 0s;

}

.circles .circle:nth-child(5){

    left: 90%;

    width: 43px;

    height: 40px;

    animation-delay: 1s;

}

.triangles .triangle:nth-child(5){

    left: 70%;

    border-right-width: 25px;

    border-left-width: 25px;

    border-bottom-width: 42px;

    animation-delay: 1s;

}

.squares .square:nth-child(6){

    left: 75%;

    width: 110px;

    height: 110px;

    animation-delay: 3s;

}

.squares .square:nth-child(7){

    left: 35%;

    width: 100px;

    height: 100px;

    animation-delay: 7s;

}

.squares .square:nth-child(8){

    left: 50%;

    width: 25px;

    height: 25px;

    animation-delay: 15s;

    animation-duration: 45s;

}

.squares .square:nth-child(9){

    left: 20%;

    width: 15px;

    height: 15px;

    animation-delay: 2s;

    animation-duration: 35s;

}

.squares .square:nth-child(10){

    left: 85%;

    width: 100px;

    height: 100px;

    animation-delay: 0s;

    animation-duration: 11s;

}

@keyframes animate {

    0%{

        transform: translateY(0) rotate(0deg);

        opacity: 1;

        border-radius: 0;

    }



    100%{

        transform: translateY(-1000px) rotate(720deg);

        opacity: 0;

        border-radius: 50%;

    }

}

.bs-widget.promo{

    border-radius: 8px;

}

.bs-widget.promo .inner-content{

    border-radius: 8px;

}

/* Woocommerce */

.woocommerce ul.products li.product .button{ 

    border-width: 2px;

    border-style: solid;

    line-height: 30px;

}

.woocommerce ul.products li.product{

    border-radius: 8px;

}

.woocommerce ul.products li.product a img{

    border-radius: 8px;

    box-shadow: var(--bxsh2);

}



form.search-form .search-submit{

    padding: 6px 35px;

}

.bs-blog-post.single .bs-header .title{

    font-size: 40px;

}

.bs-info-author-block .bs-author-pic img{

    width: 100px;

    height: 100px;

}

.wp-block-latest-posts__featured-image img{

    box-shadow: var(--bxsh2);

    border-radius: 8px;

}

/* sidebar sticky node */

.bs-sidebar.bs-sticky.sticksy-dummy-node{

    opacity: 0;

}

.wp-block-code code{

	padding: 10px;

}

.wp-block-button .wp-block-button__link{

    border-radius: 8px;

}

/* ---- ==== Media ==== ----*/

@media (min-width: 1200px) {

  .container {

    max-width: 1320px;

  }

}

@media (min-width: 992px) {

    #sidebar-right {

        padding-right: unset;

        padding-left: 20px;

    }



    .sidebar-left #sidebar-right {

        padding-left: unset;

        padding-right: 20px;

    }

}

@media (max-width: 991.98px) {

    .navbar-wp .navbar-nav > li > a.nav-link, .navbar-wp .dropdown-menu > li > a{

        font-size: 16px;

    }

    .navbar-wp .dropdown-menu > li > a{

        font-size: 14px;

    }

    .bs-menu-full .navbar .col-lg-7{

        padding: 0;

    }

    .column3{

        grid-template-columns: repeat(2, 1fr);

    }

    .navbar-wp .navbar-nav {

		gap: 0;

    }

    .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu{

		margin: 0;

	}

    .navbar-wp .dropdown-menu > li  ul  li  a{

        padding-left: 20px;

    }

    .navbar-wp .dropdown-menu > li > ul > li{

        padding-left: 15px;

    }

    .navbar-wp .navbar-nav > li > a.nav-link::after, .navbar-wp .dropdown-menu > li > a::after{

        content: '';

        width: 150vh;

        height: 1px;

        background-color: #e1e1e166;

        position: absolute;

        left: -50%;

        bottom: 0;

    }

    .navbar-wp .navbar-nav > li > a.nav-link, .navbar-wp .dropdown-menu > li > a{

        border-bottom: none;

    }

    .navbar-wp .navbar-nav > li > a.nav-link:focus, .navbar-wp .dropdown-menu > li > a:focus{

        border: none;

        outline: none;

    }

}

@media (max-width: 767.98px) {

    .list-blog.bs-blog-post {

        display: grid;

    }

    .list-blog.bs-blog-post .small{

        padding-top: 20px;

    }

    .column2, .column3{

        grid-template-columns: repeat(1, 1fr);

    }

    .col-lg-8.content-right .grid-blog.bs-blog-post .bs-blog-category, .grid-blog.bs-blog-post .bs-blog-meta{

        justify-content: start;

    }

}



@media(max-width: 575px){

    .container{

        padding-left: 20px;

        padding-right: 20px;

    }

}