$height : 540px;
.wp-block-bastet-feature-poost {
position: relative;
height: $height ;
background: #fff;
.feature-post-wrap {
display: flex;
align-items: flex-start;
justify-content: center;
height: 100%;
.left {
flex: 0 0 40%;
max-width: 40%;
.post-feature {
position: relative;
display: block;
.thumbnail {
position: absolute;
height: 100%;
width: 100%;
}
}
.image {
position: relative;
display: block;
background-position: 50%;
background-size: cover;
transition: transform .3s ease-out;
min-height: $height;
&:before {
content: "";
display: block;
padding-top: 100%;
}
}
}
.right {
flex: 0 0 60%;
max-width: 60%;
height: $height;
.post-content {
display: flex;
width: 100%;
height: 100%;
align-items: center;
padding: 60px;
.entry-title {
font-size: 42px;
line-height: 50px;
padding-top: 8px;
padding-bottom: 8px;
}
.content-wrap {
display: table;
text-align: center;
}
}
}
}
.entry-footer {
position: relative;
}
.read-more {
position: relative;
display: table;
margin: auto;
margin-top: 60px;
color: bastet-color();
&:before {
content: "";
position: absolute;
display: table;
left: 0;
right: 0;
margin: auto;
width: 60%;
height: 1px;
top: -20px;
border-bottom: 1px solid;
}
}
.rd-icon {
position: absolute;
right: calc(100% + 34px);
top: -30px;
}
}