/*blog module style css*/
/*make the parts of the blog post flexible*/
.roof-blog
.et_pb_post {
	display: flex;
	flex-direction: column; }
/*blog post featured image*/
.roof-blog1 .et_pb_post{position:relative;border: none;
padding: 0;}
.roof-blog1 .et_pb_post .et_pb_image_container{margin:0;}
.roof-blog1 .et_pb_post .list_blog_description{position: relative;
background-color: #fff;
border-radius: 6px;
margin-left: 11px;
margin-right: 11px;
margin-top: -50px;
padding: 14px 23px 40px;
	z-index: 999;
-webkit-box-shadow: 0px 0px 62px 0px rgba(27, 31, 45, 0.09);
box-shadow: 0px 0px 62px 0px rgba(27, 31, 45, 0.09);}
.roof-blog1 .et_pb_post .list_blog_description:before{position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;z-index: -1;
background-color:  rgba(var(--black), 1)!important;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
border-radius: 6px;}
.roof-blog1 .et_pb_post:hover .list_blog_description:before{-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;}
.roof-blog1 .et_pb_post .post-meta a{position: absolute;
font-size: 13px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-radius: 12px;
padding: 3px 21px;
margin-bottom: 10px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: rgba(var(--orange), 1)!important;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;top: -11px;
left: 15px;
line-height: 18px;}
.roof-blog1 .et_pb_post:hover .list_blog_description .entry-title,
.roof-blog1 .et_pb_post:hover .post-meta a,
.roof-blog1 .et_pb_post:hover .post-meta,
.roof-blog1 .et_pb_post:hover .post-content a.more-link{color:#fff!important;}
.roof-blog1 .et_pb_post .list_blog_description .entry-title:before{position: absolute;
content: '';
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #ccc;-webkit-box-sizing: border-box;
box-sizing: border-box;}