<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* blog element-seven */



.blog.element-seven{

	width:auto;

	margin-left:-15px;

	margin-right:-15px;

}



.blog.element-seven .blog-item{

	padding:5px 15px 10px 15px;

}



.blog.element-seven:not(.owl-carousel) .blog-item{

	float:left;

	margin-bottom:40px;

}



.blog.element-seven .blog-item &gt; .holder{

}



.blog.element-seven .blog-item &gt; .holder &gt; .pic{

	position:relative;

	overflow:hidden;

	margin-bottom:12px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .pic &gt; img{

	width:100%;

}



.blog.element-seven .blog-item &gt; .holder &gt; .pic &gt; .holder{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	z-index:1;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:cover;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.blog.element-seven .blog-item:hover &gt; .holder &gt; .pic &gt; .holder{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

}



.blog.element-seven .blog-item &gt; .holder &gt; .title{

	position:relative;

	min-height:65px;

	margin-bottom:7px;

	padding-right:75px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .title &gt; .date{

	position:absolute;

	top:-30px;

	right:0;

	z-index:1;

	padding:15px 12px 17px 12px;

	text-align:center;

	font-weight:700;

	font-size:13px;

	color:#fff;

	line-height:22px;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.blog.element-seven .blog-item:hover &gt; .holder &gt; .title &gt; .date{

	transform:translateY(-10px);

	-webkit-transform:translateY(-10px);

}



.blog.element-seven .blog-item &gt; .holder &gt; .title &gt; .date strong{

	display:block;

	font-weight:700;

	font-size:24px;

	line-height:30px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .title h4{

	font-size:17px;

	line-height:25px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .title h4 a{

	color:#1a1a1a;

}



.blog.element-seven .blog-item &gt; .holder &gt; .data{

	margin-bottom:20px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .data &gt; *:last-child{

	margin-bottom:0 !important;

}



.blog.element-seven .blog-item &gt; .holder &gt; .data p{

	margin:0px 0px 25px 0px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta{

	text-align:center;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta ul li{

	text-transform:uppercase;

	font-weight:700;

	font-size:14px;

	color:#1a1a1a;

	line-height:22px;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta ul li:first-child{

	float:left;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta ul li:last-child{

	float:right;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta ul li a{

	color:#1a1a1a;

}



.blog.element-seven .blog-item &gt; .holder &gt; .meta ul li i{

	margin-right:5px;

}



/* LARGE DESKTOP PART */

@media screen and (min-width:1200px){

}



/* DESKTOP PART */

@media screen and (min-width:992px) and (max-width:1199px){

}



/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px){

}



/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px){



	/* blog element-seven */



	.blog.element-seven:not(.owl-carousel) .blog-item{

		width:50% !important;

	}



}



/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px){



	/* blog element-seven */



	.blog.element-seven:not(.owl-carousel) .blog-item{

		width:100% !important;

	}



}



/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px){



	/* blog element-seven */



	.blog.element-seven:not(.owl-carousel) .blog-item{

		width:100% !important;

	}



}</pre></body></html>