/*
Theme Name: Blogier
Theme URI: https://themeansar.com/free-themes/blogier-free-wordpress-theme/
Template: blogus
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/
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
Version: 1.9.1739057552
Updated: 2025-02-08 18:32:32

*/
@import url('../blogus/style.css');

:root {
    --box-color: #fffaf4;
    --bxsh: 0 3px 12px -1px rgba(7,10,25,.2), 0 22px 27px -20px rgba(7,10,25,.2);
}
::-webkit-scrollbar-thumb:hover {
    background-image: -moz-linear-gradient(135deg, #89216b, #da4453);
    background-image: -webkit-linear-gradient(135deg, #89216b, #da4453);
    background-image: -o-linear-gradient(135deg, #89216b, #da4453);
    background-image: -ms-linear-gradient(135deg, #89216b, #da4453);
    background-image: linear-gradient(-45deg, #89216b, #da4453);
}
.gallery .gallery-icon img {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-card-box {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
}
.comments-area .reply a {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.navbar-wp .navbar-nav > li> a {
    font-size: 18px;
    line-height: 1.3;
}
.navbar-wp .navbar-brand {
    display: block;
    margin-right: 0;
    padding-top: 0;
}
.desk-header {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.site-branding-text .site-title {
    white-space: unset;
    word-break: break-word;
}
.bs-widget.promo {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-widget.promo .inner-content {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-blog-post {
    margin-bottom: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    gap: 10px;
    padding: 0;
}
.bs-blog-post.three.md {
    margin-bottom: 1.5rem;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-blog-post:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.bs-blog-post.three .inner:after {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.list-blog.bs-blog-post {
    padding: 0;
}
.list-blog .bs-blog-thumb {
    max-width: 40%;
    width: 40%;
    height: 100%;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    min-width: 40%;
    margin: 0;
}
.list-blog p {
    margin-bottom: 1rem;
}
.list-blog.bs-blog-post .small {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    overflow: hidden;
}
.small-post .img-small-post {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-blog-category a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.bs-blog-post.single .bs-header .title {
    display: block;
    font-size: 40px;
    line-height: 1.3;
}
.bs-blog-post .title {
    display: block;
    display: -webkit-box;
    font-weight: 700;
    font-size: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 100%;
}
.bs-blog-post.single {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.bs-blog-post .single .nav-links {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-blog-post .single .single-nav-links .post-page-numbers {
    font-style: 18px;
}
.bs-blog-post .bs-header {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    overflow: hidden;
}
.bs-info-author-block {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-info-author-block .bs-author-pic img {
    width: 100px;
    height: 100px;
}
.bs-breadcrumb-section {
    margin-bottom: 30px;
}
.bs-breadcrumb-section .overlay {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.page-entry-title {
    margin-bottom: 50px;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    padding: 15px;
}
.bs-sidebar .bs-widget {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-author img.rounded-circle {
    width: 150px;
    height: 150px;
    border-width: 3px;
    border-style: solid;
}
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image + .wp-block-latest-posts__post-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 100%;
}
.woocommerce ul.products li.product {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.widget_block .wp-block-search__button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.wp-block-button .wp-block-button__link {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
form.search-form .search-submit {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 6px 35px;
}
.navbar-toggler.x:focus, .navbar-toggler.x:hover {
    outline: 1px solid var(--head-color);
}
.bs-menu-full .navbar {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}
.navbar-wp .navbar-nav {
    justify-content: center;
    row-gap: 10px;
}
.bs-content-list {
    display: grid;
    gap: 70px;
}
.grid-blog .bs-blog-thumb {
    height: 300px;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.grid-blog.bs-blog-post .small {
    padding: 30px 0 0;
}
.bs-content-grid {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 70px;
}
.column2 {
    grid-template-columns: repeat(2, 1fr);
}
.column3 {
    grid-template-columns: repeat(3, 1fr);
}
input[type="search"] {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.missed .wd-back {
    background-color: var box color;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.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 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.navigation.post-navigation {
    margin-bottom: 30px;
}
.bs-blog-post.single:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    overflow: visible;
}
.bs-blog-post.single img {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-blog-post.single .small {
    overflow: hidden;
    padding: 20px 0 0;
}
.py-4.px-3.mb-4.bs-card-box {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.comments-area.bs-card-box.p-4 {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.single-class .bs-breadcrumb-section .overlay {
    margin-bottom: 30px;
    background-color: var box color;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
}
.bs-sidebar .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a, .wp-block-tag-cloud a, .tagcloud a {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.btn, .more-link, .woocommerce ul.products li.product .button {
    font-weight: 500;
    font-size: 14px;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 20px;
}
.featured-widget.wd-back, .featured-widget {
    margin-bottom: 30px;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
}
.featured-widget .bs-blog-post {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.featured-widget .bs-blog-post:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.featured-widget .bs-blog-thumb.lg {
    height: 300px;
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.featured-widget .bs-blog-post .inner {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
}
.featured-widget .bs-blog-post .title {
    font-size: 24px;
    margin-bottom: 10px;
}
.comment-form-comment textarea {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
input[type="submit"], button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.navbar-wp .navbar-brand img {
    max-width: 100%;
    height: auto;
}
.wp-block-latest-posts__post-author:before, .wp-block-latest-posts__post-date:before {
    font-weight: 900;
    margin-right: 5px;
    font-family: 'Font Awesome 6 Free';
    content: '\';
}
.wp-block-latest-posts__post-date:before {
    content: '\';
}
.wp-block-latest-posts__post-title {
    display: block;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: inline-block;
    margin-right: 10px;
}
.blogeir-background-wrapper .squares, .blogeir-background-wrapper .circles, .blogeir-background-wrapper .triangles {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    overflow: hidden;
    top: 0;
    z-index: -1;
}
.squares .square, .circles .circle, .triangles .triangle {
    width: 20px;
    height: 20px;
    position: absolute;
    opacity: 0.1;
    bottom: -100px;
    animation: animate 8s linear infinite;
}
.circles .circle {
    -moz-border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    border-radius: 100px !important;
}
.triangles .triangle {
    width: 0;
    height: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom-style: solid;
    border-bottom-width: 42px;
    border-left-width: 25px;
    border-left-style: solid;
    border-right-width: 25px;
    border-right-style: solid;
}
.squares .square:nth-child(1) {
    width: 80px;
    height: 80px;
    left: 25%;
    animation-delay: 0s;
}
.circles .circle:nth-child(1) {
    width: 22px;
    height: 20px;
    left: 10%;
    animation-delay: 0s;
}
.triangles .triangle:nth-child(1) {
    left: 45%;
    border-bottom-width: 22px;
    border-left-width: 10px;
    border-right-width: 10px;
    animation-delay: 0s;
}
.squares .square:nth-child(2) {
    width: 20px;
    height: 20px;
    left: 10%;
    animation-duration: 12s;
    animation-delay: 2s;
}
.circles .circle:nth-child(2) {
    width: 84px;
    height: 80px;
    left: 45%;
    animation-delay: 12s;
}
.triangles .triangle:nth-child(2) {
    left: 25%;
    border-bottom-width: 28px;
    border-left-width: 15px;
    border-right-width: 15px;
    animation-delay: 12s;
}
.squares .square:nth-child(3) {
    width: 20px;
    height: 20px;
    left: 70%;
    animation-delay: 4s;
}
.circles .circle:nth-child(3) {
    width: 53px;
    height: 50px;
    left: 90%;
    animation-delay: 4s;
}
.triangles .triangle:nth-child(3) {
    left: 80%;
    border-bottom-width: 28px;
    border-left-width: 15px;
    border-right-width: 15px;
    animation-delay: 4s;
}
.squares .square:nth-child(4) {
    width: 60px;
    height: 60px;
    left: 40%;
    animation-duration: 18s;
    animation-delay: 0s;
}
.circles .circle:nth-child(4) {
    width: 53px;
    height: 50px;
    left: 60%;
    animation-delay: 18s;
}
.triangles .triangle:nth-child(4) {
    left: 30%;
    border-bottom-width: 38px;
    border-left-width: 20px;
    border-right-width: 20px;
    animation-delay: 18s;
}
.squares .square:nth-child(5) {
    width: 20px;
    height: 20px;
    left: 65%;
    animation-delay: 0s;
}
.circles .circle:nth-child(5) {
    width: 43px;
    height: 40px;
    left: 90%;
    animation-delay: 1s;
}
.triangles .triangle:nth-child(5) {
    left: 70%;
    border-bottom-width: 42px;
    border-left-width: 25px;
    border-right-width: 25px;
    animation-delay: 1s;
}
.squares .square:nth-child(6) {
    width: 110px;
    height: 110px;
    left: 75%;
    animation-delay: 3s;
}
.squares .square:nth-child(7) {
    width: 100px;
    height: 100px;
    left: 35%;
    animation-delay: 7s;
}
.squares .square:nth-child(8) {
    width: 25px;
    height: 25px;
    left: 50%;
    animation-duration: 45s;
    animation-delay: 15s;
}
.squares .square:nth-child(9) {
    width: 15px;
    height: 15px;
    left: 20%;
    animation-duration: 35s;
    animation-delay: 2s;
}
.squares .square:nth-child(10) {
    width: 100px;
    height: 100px;
    left: 85%;
    animation-duration: 11s;
    animation-delay: 0s;
}
.woocommerce ul.products li.product .button {
    line-height: 30px;
    border-width: 2px;
    border-style: solid;
}
.woocommerce ul.products li.product a img {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.wp-block-latest-posts__featured-image img {
    -moz-box-shadow: var(--bxsh2);
    -webkit-box-shadow: var(--bxsh2);
    -o-box-shadow: var(--bxsh2);
    box-shadow: var(--bxsh2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.bs-sidebar.bs-sticky.sticksy-dummy-node {
    opacity: 0;
}
.wp-block-code code {
    padding: 10px;
}
@media (max-width: 991.98px) {
.navbar-wp .navbar-nav > li > a.nav-link, .navbar-wp .dropdown-menu > li > a {
    font-size: 16px;
    border-bottom: none;
}
.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 {
    width: 150vh;
    height: 1px;
    position: absolute;
    left: -50%;
    background-color: #e1e1e166;
    content: '';
    bottom: 0;
}
.navbar-wp .navbar-nav > li > a.nav-link:focus, .navbar-wp .dropdown-menu > li > a:focus {
    outline: none;
    border: 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-right: 20px;
    padding-left: 20px;
}
}
@media (min-width: 992px) {
#sidebar-right {
    padding-right: unset;
    padding-left: 20px;
}
.sidebar-left #sidebar-right {
    padding-right: 20px;
    padding-left: unset;
}
}
@media (min-width: 1200px) {
.container {
    max-width: 1320px;
}
}