/*
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.0
Requires PHP: 7.0
Requires at least: 5.4
Tested up to: 6.4.3
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;
} 
a{
	text-decoration:none !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #F05A29;
}
h2.wp-block-heading{
	font-size: 1.5rem;
}
.navbar{
	display:none;
}
.bs-menu-full {
	display:none;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}
.bs-blog-meta{
	display:none;
}
.navbar-wp .navbar-nav{
    justify-content: flex-start;
	font-family: 'DM sans', sans-serif;
    row-gap: 10px;
}

.navbar-wp .navbar-nav > li> a{
	font-family: 'DM sans', sans-serif;
    font-size:18px;
    line-height:1.3;
}

.nav ul{
	margin-bottom: 0rem;
}

.desk-header{
    padding: 0;
}
.bs-content-list{
    display: grid;
}
.navigation{
	margin-bottom: 30px;
}
.bs-blog-post {
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
    overflow: visible;
    gap: 10px;
}
.bs-blog-post:hover{
    box-shadow: none;
}

a.auth{
	display:none;
}
.list-blog .bs-blog-thumb {
	pointer-events: none;
    cursor: default;
    margin: 0;   
    width: 40%;
    max-width: 40%;
    min-width: 40%;
    height: 100%;
    box-shadow: var(--bxsh2);
    border-radius: 8px;
}
li{
	font-size: 1rem;
}
.bs-author .auth{
	pointer-events: none;
    cursor: default;
}
h2.wp-block-heading{
	font-size: 1.6rem;
}
h4.wp-block-heading{
	font-size: 1.2rem;
}
h3.wp-block-heading{
	font-size: 1.4rem;
}
h5.wp-block-heading{
	font-size: 1rem;
}
.list-blog.bs-blog-post .small {
    padding: 5px 20px 0;
    overflow: hidden;
}
.nav-links{
	display: none !important;
}
.list-blog.bs-blog-post{
    padding: 0;
}
.container-fluid{
	padding:0 !important;
}
.small-post .title{
	font-size: 14px;
	font-weight: 400;
}
.bs-blog-post .title{
    font-size: 28px;
    font-weight: 600;
    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 {
	pointer-events: none;
    cursor: default;
    height: 300px;  
    box-shadow: var(--bxsh2);
    border-radius: 8px;
}
.bs-blog-thumb a{
	pointer-events: auto;
    cursor: pointer;
}
.navigation{
	display:none;
}
.col-lg-8{
	width: 75% !important;
}
.col-lg-4{
	width: 25% !important;
}
.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{
/* 	display: none; */
    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);
}

/* Catgories header*/
.category-header {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}

.category-header h1 {
    font-size: 2em;
	font-weight: 700;
    margin-bottom: 10px;
}

.category-header p {
    font-size: 0.9rem;
    color: #666;
}



.navigation.pagination .page-numbers, .navigation.pagination .nav-links a, .post-nav-links a{
    border-radius: 4px;
}
.nav-links a{
	pointer-events: none;
    cursor: default;
	border-radius: 4px;
}
.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);
}

/* authorrrrr */
.author-component {
    display: flex;
    align-items: center;
    background-color: #ffffff; /* White background for simplicity */
    padding: 30px; /* Increased padding for a spacious feel */
    border-radius: 10px; /* Slightly rounded corners */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); /* Soft shadow for elegance */
    width: 100%; /* Full-width layout */
    max-width: 1200px; /* Constrain width for large screens */
    margin: 0 auto; /* Center on the page */
}

.author-image {
    margin-right: 20px;
    flex-shrink: 0;
}

.author-image img {
    border-radius: 50%;
    border: 2px solid #0077b6; /* Slim, luxurious border */
    width: 100px;
    height: 100px;
}

.author-details {
    text-align: left;
    flex-grow: 1; /* Allow content to fill the remaining space */
}

.author-heading {
    font-family: 'Playfair Display', serif;
    font-size: 1.3em;
    color: #222;
    margin-bottom: 5px;
    letter-spacing: 1.5px;
}

.author-name {
    font-family: 'Lora', serif;
    font-size: 2em;
    color: #F05A29 !important; /* Deep color for emphasis */
    margin-bottom: 10px;
    font-weight: bold;
}

.author-title {
    font-family: 'Lora', serif;
    font-size: 1.2em;
    color: #555;
    margin-bottom: 20px;
}

.author-linkedin {
    margin: 20px 0;
}

.linkedin-icon-wrapper i {
    color: #0077b6;
    font-size: 36px; /* Slightly smaller icon for subtlety */
    transition: color 0.3s ease;
}

.linkedin-icon-wrapper i:hover {
    color: #005fa3; /* Slight change on hover for a premium touch */
}

.author-description {
    font-family: 'Lora', serif;
    font-size: 1.1em;
    color: #444;
    line-height: 1.6;
}



/* author closed */







.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{
    margin-bottom: 20px;
}
.bs-breadcrumb-section .overlay{
    border-radius: 8px;
}
.bs-card-box{
    border-radius: 8px;
    box-shadow: none;
    padding: 0;
}
.bs-breadcrumb-section{
    margin-bottom: 30px;
}
.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;
}
p{
	font-size: 1rem;
}
.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;
}
.featured-widget.wd-back{
    border-radius: 8px;
    box-shadow: var(--bxsh2);
}
.featured-widget .bs-blog-post{
    box-shadow: none;
}
.featured-widget .bs-blog-post:hover{
    box-shadow: none;
}
.featured-widget .bs-blog-thumb.lg {
	pointer-events: none;
    cursor: default;
    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)
}
.small-post a{
	color: black;
}

.bs-author{
	pointer-events: auto;
    cursor: pointer;
}
.bs-blog-date{
	pointer-events: none;
    cursor: default;
}
.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{
	font-family: 'DM sans', sans-serif;
}
.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;
}
/* .navbar-header.d-none.d-lg-block {
	flex: 0 0 auto;
	max-width: 25%;
}
.navbar-expand-lg .navbar-collapse {
	flex: 0 0 auto;
	max-width: 58.3333333333%;
}
.desk-header.right-nav {
	flex: 0 0 auto;
	max-width: 12.6666666667%;
}  */
.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;
}
.blogeir-background-wrapper{
	display:none;
}
.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);
}
/* ---- ==== Media ==== ----*/
@media (min-width: 1200px) {
	
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 992px) {
    #sidebar-right {
        padding-right: unset;
        padding-left: 20px;
    }
}
@media (max-width: 991.98px) {
	.col-lg-8{
	width: 100% !important;
}
	.col-lg-4{
	width: 100% !important;
}
    .navbar-wp .navbar-nav > li > a.nav-link, .navbar-wp .dropdown-menu > li > a{
        font-size: 16px;
    }
    .bs-menu-full .navbar .col-lg-7{
        padding: 0;
    }
    .column3{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767.98px) {
	.col-lg-8{
	width: 100% !important;
}
	.col-lg-4{
	width: 100% !important;
}
	.wpj-jtoc.--jtoc-theme-basic-light .wpj-jtoc--items li a{
		font-size:1.03rem;
	}
	p,li{
		font-size: 1.03rem;
	}
	.author-component{
		display:block;
	}
	.author-heading{
		margin-top:1rem;
	}
	.border-bottom-get{
		border-bottom: 1px solid grey;
		padding-bottom: 10px !important;
	}
    .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;
    }
}

form.search-form .search-submit
{
    padding: 6px 35px;
}

pre 
{
    background: none;
}
.post-infoo{
	font-size: 1rem !important;
}

.bs-blog-post.single .bs-header .title
{
    font-size: 30px;
}

.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;
}


/* */
.custom-post-row {
    display: flex;
    flex-wrap: wrap;
}
.custom-post-row a{
	color: #F05A29 !important;
}

.custom-post {
    margin-bottom: 30px;
}

.post-thumbnail {
    margin-bottom: 15px;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
}

.post-category {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.1em;
}
.post-category a {
    text-decoration: underline !important; /* Add underline to the category name */
}
.post-title h2 {
    font-size: 1.5em; /* Adjust the size as needed */
    margin: 10px 0; /* Space between title and surrounding elements */
    text-align: center; /* Center the title */
}

.post-title h2 a {
	color: black !important;
    text-decoration: none; /* Remove underline */
}

.post-title h2 a:hover {
    text-decoration: underline; /* Add underline on hover */
    color: #000; /* Change color on hover */
}
.post-author-date {
    text-align: center;
    margin: 10px 0;
    color: #555;
}

.post-author-date .post-date {
    color: #333;
    margin-right: 5px;
}

.post-author-date .author-link {
    color: orange; /* Same as before for consistency */
    text-decoration: none;
}

.post-author-date .author-link:hover {
    text-decoration: underline;
    color: darkorange;
}

.post-read-more {
    text-align: center;
    margin-top: 15px;
}

.read-more-button {
    display: inline-block;
    padding: 10px 20px;
    background: white !important;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.read-more-button:hover {
    background-color: darkorange;
    color: white;
}


.post-author {
    text-align: center;
    margin-bottom: 10px;
    color: #555;
}
.post-author .author-link {
    color: #F05A29; /* Set the text color to orange */
    text-decoration: none; /* Remove underline from the link */
}

.post-author .author-link:hover {
    text-decoration: underline; /* Add underline on hover to indicate it's a link */
    color: darkorange; /* Optionally, change the color on hover */
}

.post-excerpt {
    text-align: left;
    padding: 0 15px;
    color: #333;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.post-read-more {
        border-bottom: 1px solid #ddd; /* Adjust color and thickness as needed */
        padding-bottom: 10px; /* Space between the button and the line */
        margin-bottom: 15px; /* Space below the line */
    }
    .custom-post {
        flex: 0 0 100%; /* Stack posts on smaller screens */
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .custom-post {
        flex: 0 0 50%;
    }
}

@media (min-width: 993px) {
    .custom-post {
        flex: 0 0 50%;
    }
}
.category-header {
    text-align: left;
}

.category-description-short,
.category-description-full {
    margin-bottom: 10px;
    color: #555;
}

.category-description-full {
    display: none; /* Ensure the full description is hidden initially */
}

.view-more-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: orange;
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.view-more-button:hover {
    background-color: darkorange;
}

.category-description {
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Show only 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
    max-height: 4.5em; /* Approximate height for 2 lines of text */
	transition: max-height 0.3s ease;
}

.category-description.expanded {
	-webkit-line-clamp: unset; /* Remove line clamping when expanded */
	max-height: none; /* Allow full content to be shown */
}

.toggle-btn {
	margin-top: 10px;
	color: #F05A29!important;
	cursor: pointer;
	font-size: 12px;
	font-weight:bold;
}