/*
	Company: Fixfin Technologies Pvt. Ltd.  
	Developer: Om Prakash Chhetri
	Purpose: Indus Astro Blogs Page Stylings
	Version: 1.0.1
*/

/**** Blog Page CSS Starts *****/
.blogs_main_section{
	padding-top: 0px;	
	padding-bottom: 80px;
	padding-right: var(--inline-lg-padding);
    padding-left: var(--inline-lg-padding);
}
.blog_main_card{
	margin-top: 0 !important;
	padding-bottom: 20px;
}

/* Blog Content Starts */
.blog_category_wrapper{
	display: flex;
	align-items: center;
	justify-content: end;
	height: 55px;
}
.blog_category_btn_wrapper {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	display: flex;  
	white-space: nowrap;
	scrollbar-width: none;
}

.blog_category_btn {
	font-size: 14px;
	width: 100%;
	background-color: var(--main-background);
	color: var(--muted-dark);
	border: none;
	text-align: left;
}
.blog_category_btn:before{
	content:'';     
	display:inline-block;   
	width:10px;  
	aspect-ratio: 1;
	margin-right: 10px;
	margin-left: 5px;
	filter: invert(29%) sepia(2%) saturate(8%) hue-rotate(346deg) brightness(95%) contrast(87%);
	background-image:url('../images/list_icon.svg');  
	background-size:contain;    
	background-repeat:no-repeat; 
}
.blog_img{
	width: 400px;
	height: auto;
}

/* Blog Card CSS */
.blog_card{
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.crumbs_arrow{
	width: 7px;
	height: auto;
}

.selected {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.selected:before{
    filter: brightness(0) invert(1) !important;
}
.text-truncate-multiple {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blog Content End */


/* Blog Category Sidebar CSS */
/*.product_sidebar_col_wrap{
	display: none;
}*/

.blog_card_content .jstSB{
	min-height: unset;
}

@media screen and (max-width: 767px){
	.blog_category_btn_wrapper{
		display: none;
	}
	.blog_category_wrapper{
		justify-content: end;
	}
	.product_sidebar_col_wrap{
		display: unset;
	}
	.sidebar_filter_btn{
		display: unset;
	}
	.blogs_main_section{
		padding-top: 77px !important;	
	}
}


/* Responsive CSS Starts */
@media (min-width: 990px) and (max-width: 1440px){
	.blog_main_card{
		width: 33.33% !important;
			
	}
}
@media (min-width: 1080px) and (max-width: 1170px){
	.blogs_main_section{
		padding-right: 80px;
		padding-left: 80px;
	}
}
@media (min-width: 990px) and (max-width: 1080px){
	.blogs_main_section{
		padding-right: 50px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 575px){
	.blogs_main_section{
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.blog_main_card{
		width: 100% !important;
	}

}