/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 02 2023 | 10:23:43 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.whole-blog {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.left-part .post-thumb img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.left-part .ast-single-post-order{
	position: absolute;
	bottom: 140px;
	right: 15px;
    left: 15px;
	text-align: center;
}
.left-part .ast-single-post-order h1{
	font-weight:700;
	color:#fff;
}
.left-part .blog-date{
	position: absolute;
    bottom: 110px;
    left: 15px;
    right: 15px!important;
    color: #fff;
    text-align: center;
}
.cat-links a{
	color:#fff!important;
}
.ast-separate-container .ast-article-single{
	padding:0!important;
}


.left-part .entry-meta {
    display: none;
}

.single-post .ast-container{
	max-width:100%!important;
}

@media only screen and (min-width:769px){
	.right-parts {
    	width: 60%;
		padding:50px;
	}
	.layout-parts.left-part{
		width:40%;
		position: sticky;
		top: 0;
	}
}

@media only screen and (max-width:768px){
	.layout-parts.left-part{
		position:relative;
	}
	.whole-blog{
		flex-direction:column;
	}
}