.hero-banner-blog{background-color:#fff;padding:50px 0 30px}.hero-banner-blog .container{display:flex;flex-flow:row wrap;max-width:1466px;width:100%}.hero-banner-blog .content{background-color:#2b2b2b;border-radius:0 0 20px 20px;display:flex;flex-flow:column wrap;justify-content:space-between;overflow:hidden;padding:40px 20px;width:100%}.hero-banner-blog .image-holder{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;min-height:250px;overflow:hidden;width:100%}.hero-banner-blog .holder{margin-bottom:30px}.hero-banner-blog h1,.hero-banner-blog h1 span{color:#fff;margin:0}.hero-banner-blog .topic{background-color:#2780b3;border-radius:30px;color:#fff;display:inline-block;font-size:18px;line-height:22px;margin-bottom:30px;padding:10px 20px;white-space:normal}.hero-banner-blog .author-info{align-items:center;display:flex;flex-flow:row wrap;margin-top:10px}.hero-banner-blog .author-info .avatar{background-color:#d9d9d9;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;border-radius:100%;height:80px;width:80px}.hero-banner-blog .author-info .info{padding-left:15px;width:calc(100% - 80px)}.hero-banner-blog .author-info .name{color:hsla(0,0%,100%,.5);display:block;font-weight:700}.hero-banner-blog .author-info time{color:hsla(0,0%,100%,.5);text-transform:capitalize}.post-template{background-color:#fff;padding:30px 0 50px}.post-template .post-body img{border-radius:20px;overflow:hidden}.post-template .post-body p{margin-bottom:30px}.post-template .post-body h1,.post-template .post-body h1 span,.post-template .post-body h2,.post-template .post-body h2 span,.post-template .post-body h3,.post-template .post-body h3 span,.post-template .post-body h4,.post-template .post-body h4 span,.post-template .post-body h5,.post-template .post-body h5 span,.post-template .post-body h6,.post-template .post-body h6 span{color:#2b2b2b}.post-template .post-body h1,.post-template .post-body h2,.post-template .post-body h3,.post-template .post-body h4,.post-template .post-body h5,.post-template .post-body h6{margin:0 0 30px}@media(min-width:576px){.hero-banner-blog .image-holder{min-height:300px}.hero-banner-blog .content{padding:50px 30px}}@media(min-width:992px){.hero-banner-blog{padding:60px 0 50px}.hero-banner-blog .container{flex-direction:row-reverse}.hero-banner-blog .content{border-radius:20px 0 0 20px;padding:50px 30px;width:51.2%}.hero-banner-blog .image-holder{border-radius:0 20px 20px 0;min-height:500px;width:48.8%}.post-template{padding-bottom:80px}.post-template .post-body{font-size:18px}}@media(min-width:1200px){.hero-banner-blog{padding:80px 0 50px}.hero-banner-blog .content{padding:50px}.post-template{padding-bottom:100px}.post-template .post-body{font-size:18x}}