.blog-index {display: flex;flex-wrap: wrap;}
.blog-index__post {flex: 0 0 100%; padding: 1.4rem 1rem;}
.blog-index__wrapper {background-color: #fff;height: 100%;overflow: hidden;}
@media screen and (min-width: 768px) { .blog-index__post--small {flex: 0 0 calc(100% / 2);} }
@media screen and (min-width: 1000px) { .blog-index__post--small {flex: 0 0 calc(100% / 3);} }
@media screen and (min-width: 768px) { .blog-index__post--large {display: flex;flex: 1 0 100%;} }
.blog-index__post-thumb {width: 100%;height: 260px;background-size: cover;background-position: center center;}
.blog-index__post--large .blog-index__post-thumb {width: 100%;height: 480px;}
.blog-index__post-image {height: auto; max-width: 100%;width: 100%;}
.blog-index__post-content {padding: 50px 40px; position: relative;}
.blog-index__post--large .blog-index__post-content {padding: 60px;}
@media screen and (min-width: 768px) { .blog-index__post-image-wrapper--large { flex: 1 1 48%;} .blog-index__post-content--large {flex: 1 1 48%;padding-left: 2rem; } .blog-index__post-content--full-width { flex: 1 1 100%;padding-left: 0; } }
.blog-index__post-timestamp {display: block;font-size: 12px;text-transform: uppercase;letter-spacing: .1em;margin: 0 0 20px;}
.blog-index__post-tags {position: absolute;top: -260px;}
.blog-index__post-tags span {display: none;}
.blog-index__post-tag {padding: 5px 10px;color: #fff;font-size: 10px;text-transform: uppercase; letter-spacing: 0.1em;transition: background-color .4s cubic-bezier(.05,.2,.1,1);display: none;}
.blog-index__post-tag:first-child {display: block;}
.blog-index__post-tag:hover {color: #fff;}
.blog-index__post-author {align-items: center;display: flex;margin-top: 10px;}
.blog-index__post-author-image {border-radius: 50%;height: 30px;margin-right: 10px; width: 30px;}
.blog-index__post-summary,.blog-index__post-image--small {margin: 20px 0 0; font-size: 15px;color: #000;padding-left: 13px;padding-right: 13px;padding-top: 23px;padding-bottom: 23px;}
.blog-index__post-button {margin-top: 40px;}
.blog-index__post--small .blog-index__post-button {width: 100%;}
.blog-pagination {display: flex; justify-content: center;margin-top: 40px;}
.blog-pagination__link {border: 2px solid transparent; border-radius: 7px; font-weight: 500; margin: 0 30px;text-decoration: none;font-size: 18px;}
.blog-pagination__link:hover,.blog-pagination__link:focus {text-decoration: none;}
.blog-pagination__link.blog-pagination__prev-link--disabled,.blog-pagination__link.blog-pagination__next-link--disabled {color: #ddd; cursor: default;pointer-events: none;}
.blog-pagination__prev-link svg,.blog-pagination__next-link svg {margin: 0 0.3rem;width: 12px;height: 12px;opacity: 0.3;}
.blog-pagination__prev-link--disabled svg,.blog-pagination__next-link--disabled svg {fill: #ffffff;}
.blog-pagination__number-link {width: 36px;height: 36px; line-height: 36px;text-align: center;background-color: #000;border: none; border-radius: 100px;padding: 0;margin: 0 5px;font-size: 14px;}
.blog-pagination__number-link:hover,.blog-pagination__number-link:focus {color: #fff; transition: background-color 0.3s;}
.blog-pagination__link--active {opacity: 0.5;}
@media (max-width: 767px) { .blog-pagination__number-link {display: none;} }
.blog-post {margin: 0 auto;}
.blog-post h1 {text-align: center}
.blog-post__title-wrapper {background-size: cover;background-position: center; background-color: #ffffff;}
.blog_post__overlay {padding: 280px 0 260px;width: 100%;height: 100%;z-index: -10; background: rgba(15,15,15,.4);}
@media (max-width: 767px) { .blog_post__overlay {padding: 180px 0 140px;} }
.blog-post__title-wrapper * {color: #fff;}
.blog-post__title-wrapper h1 {max-width: 960px;margin: 0 auto;}
.blog-post__meta {text-align: center;text-transform: uppercase;letter-spacing: .1em;font-size: 12px;margin-bottom: 40px;}
.blog-post__meta a {margin: 0 10px;}
.blog-post__meta a:hover {color: #fff;}
.blog-post__timestamp {display: inline-block;margin: 0 10px;}
.blog-post__tags svg {height: auto;margin-right: 10px;width: 15px;}
.blog-post__body {max-width: 860px;margin: 0 auto; font-size: 17px;}
.blog-post__body p {font-size: 17px;}
.blog-post__tags {color: #000;margin: 40px auto 0;max-width: 860px;}
.blog-post__tag-link {font-size: 10px;padding: 4px 12px;background-color: #eee;border-radius: 50px;text-transform: uppercase;letter-spacing: 0.02em;}
.blog-related-posts {background-color: #000000;}
.blog-related-posts h3 {text-align: center;}
.blog-related-posts__list {display: flex; flex-wrap: wrap;}
.blog-related-posts__post {flex: 0 0 100%;padding: 1rem;}
.blog-related-posts__title a {font-weight: 500;}
@media screen and (min-width: 768px) { .blog-related-posts__post {flex: 0 0 calc(100% / 2);} }
@media screen and (min-width: 1000px) { .blog-related-posts__post {flex: 0 0 calc(100% / 3);} }
.blog-related-posts__image {height: auto;max-width: 100%;}
.blog-related-posts__title {margin: 0.7rem 0;}
.blog-related-posts__content {padding: 35px 40px 40px;}
.blog-comments {margin: 0 auto;max-width: 960px;border-top: 1px solid #eee; background-color: #000;}
.blog-comments .hs-submit {text-align: center;color: #fff;}
.blog-comments .comment-reply-to {border: 0 none;}
.blog-comments .comment-reply-to:hover,.blog-comments .comment-reply-to:focus {background-color: transparent;}
.blog-comments form {margin-top: 40px;}
.blog-comments form:after{content: "";display: table;clear: both;}
.blog-comments div[class*='hs_firstname'],.blog-comments div[class*='hs_lastname'],.blog-comments div[class*='hs_email'],.blog-comments div[class*='hs_website'] {float: left;width: 50%;}
.blog-comments div[class*='hs_firstname'],.blog-comments div[class*='hs_email'] {padding-right: 10px;}
.blog-comments div[class*='hs_lastname'],.blog-comments div[class*='hs_website'] {padding-left: 10px;}
.blog-comments .comment-reply-to { text-transform: none;letter-spacing: 0; padding-left: 30px;}
.blog-comments .comment {margin-bottom: 20px;}
.blog-comments .comment-date {margin-left: 10px;}
.blog-comments .replying-to {font-size: 24px;letter-spacing: -0.02em;}
#hs_cos_wrapper_post_body > p > span , #hs_cos_wrapper_post_body > ul > li > span , #hs_cos_wrapper_post_body > h2 > span ,#hs_cos_wrapper_post_body > p > span > a ,
#hs_cos_wrapper_post_body > h3 > span , #hs_cos_wrapper_post_body > h1 > span , #hs_cos_wrapper_post_body > h4 > span { color: #fff !important; }
#main-content > div {background-color: #000; }


}