.blog-index-header{max-height:80vh;max-width:100%;overflow:hidden;position:relative}.transformed__box{background-color:hsla(23,13%,48%,.8);height:100%;position:absolute;right:5%;top:0;transform:skew(348deg)}.newsletter_subscribe__blog-center{z-index:10}@media only screen and (max-width:420px){.blog-index-header__title{font-size:1.8rem!important}}@media only screen and (min-width:768px) and (max-width:1624px){.transformed__box{width:40rem!important}}h4.bp__latest-title{color:#fff;font-weight:600}.blog-index__bp-date{color:#fff;font-weight:300}.blog-index__bp-author-avatar{left:2%;position:absolute;top:4%}.blog-index__bp-author-avatar-inner{border:2px solid #000;border-radius:100%;display:inline-block;height:30px;line-height:1;overflow:hidden;position:relative;width:30px}.blog-index__bp-author-avatar-inner img{height:100%;width:auto}.blog-index__bp-title>a,a.blog-index__bp-author-name{color:#fff}@media only screen and (max-width:767px){.blog-index-header{max-height:max-content;position:unset}.transformed__box{display:none}}@media only screen and (min-width:1140px){.blog-index__banner-post{margin:0}h3.blog-index__bp-title{font-size:1.3rem}.blog-index__bp-summary>p{font-size:16px}}@media only screen and (min-width:820px) and (max-width:987px){.transformed__box{width:75vw}}@media only screen and (min-width:1140px) and (max-width:1200px){.transformed__box{width:50vw}}@media only screen and (min-width:1824px){h3.blog-index__bp-title{font-size:2rem}h4.bp__latest-title{font-size:1.5rem}a.blog-index__bp-author-name{font-size:1.4rem}}