#main.blog-page {
  background: #ededed; }

.blog-category {
  padding: 0; }

.blog-category .post-item {
  background: #fff;
  margin-bottom: 25px;
  width: 100%; }

.blog-category .post-item__image img {
  width: 100%; }

.blog-category .post-item__image iframe {
  width: 100%;
  height: 420px; }

.blog-category .post-item__text {
  border: 1px solid #dcdcdc;
  border-top: none;
  padding: 35px 50px 25px;
  color: #777; }

.blog-category .post-item__text h2 {
  text-transform: uppercase;
  font-size: var(--h3-font-size);
  margin-bottom: 0.4em; }

.blog-category .post-item__text h2 a {
  color: #222;
  text-decoration: none; }

.blog-category .post-item__text h2 a:hover {
  color: #0091ea; }

.blog-category .post-item__date {
  color: #8f959f; }

.blog-category .post-item__text p {
  margin-bottom: 1.5em;
  letter-spacing: 1px; }

.blog-category .post-item__more {
  white-space: nowrap; }

.blog-category .post-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.blog-category .post-item__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.blog-category .post-item__author {
  margin-bottom: 0.5em;
  font-weight: 700;
  color: #222; }

.blog-category .post-item__photo {
  overflow: hidden;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  max-width: 100px; }

.blog-category .post-item__photo img {
  border-radius: 50%;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .blog-category .post-item__image iframe {
    height: 280px; }
  .blog-category .post-item__text {
    padding: 15px 25px 5px; }
  .blog-category .post-item__text h2 {
    font-size: 20px; }
  .blog-category .post-item__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .blog-category .post-item__intro {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; } }

@media only screen and (max-width: 420px) {
  .blog-category .post-item__image iframe {
    height: 200px; }
  .blog-category .post-item__photo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    max-width: 70px; } }

/*# sourceMappingURL=category.css.map */