.blog-post-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;width:100%}.blog-post-banner .blog-post-banner-inner{background-image:linear-gradient(180deg,transparent 0,#000 94%);color:#fff;display:flex;justify-content:center;padding:400px 0 40px;width:100%}.blog-post-banner .blog-post-banner-inner .content{max-width:1260px;width:100%}.blog-post-banner .blog-post-banner-inner a,.blog-post-banner .blog-post-banner-inner h1,.blog-post-banner .blog-post-banner-inner h2,.blog-post-banner .blog-post-banner-inner h3,.blog-post-banner .blog-post-banner-inner h4,.blog-post-banner .blog-post-banner-inner h5,.blog-post-banner .blog-post-banner-inner h6{color:#fff}.blog-post-banner .blog-post-banner-inner h1{font-size:55px;margin:0}.blog-post-banner .blog-post-banner-inner .date-author{align-items:center;display:flex;font-size:14px;margin:0 0 25px}.blog-post-banner .blog-post-banner-inner .date-author .author-avatar{border:1px solid rgba(0,0,0,.4);border-radius:100%;height:30px;margin:0 10px;overflow:hidden;width:30px}.blog-post-banner .blog-post-banner-inner .date-author span{color:#fff;display:inline-block;margin:0 10px}@media (max-width:480px){.blog-post-banner .blog-post-banner-inner h1{font-size:36px}}@media (min-width:481px) and (max-width:767px){.blog-post-banner .blog-post-banner-inner h1{font-size:40px}}@media (max-width:767px){.blog-post-banner .blog-post-banner-inner{padding:200px 0 40px}.post-content-body img{margin:20px 0!important;width:100%!important}.post-content-body blockquote{padding:30px 20px}}@media (min-width:768px) and (max-width:1023px){.blog-post-banner .blog-post-banner-inner{padding:200px 0 40px}.post-content-body img{margin:20px 0!important;width:100%!important}}