.app-pages-bloglist--background {
  margin-bottom: 0;
  padding-bottom: var(--base-block-margin);
  background-color: var(--grayBg);
}

.app-pages-bloglist--list {
  display: grid;
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

@media (max-width: 768px) {

.app-pages-bloglist--list {
    display: block
}
  }

.app-pages-bloglist--list article {
    margin-bottom: 40px;
  }

@media (max-width: 768px) {

.app-pages-bloglist--list article {
      margin-bottom: 15px
  }
    }

.app-pages-bloglist--spinner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}

.app-components-articles-item--item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
  border-radius: 8px;
}

  @media (max-width: 768px) {.app-components-articles-item--item {
    margin-bottom: 20px
}
  }

.app-components-articles-item--image {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  overflow: hidden;
  background-color: var(--loading-dark-gray);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.app-components-articles-item--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 30px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media (max-width: 768px) {

.app-components-articles-item--content {
    padding: 20px
}
  }

.app-components-articles-item--itemBig {
  display: block;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
          flex-direction: row;
  grid-column: span 2 !important;
}

.app-components-articles-item--itemBig .app-components-articles-item--image {
    -webkit-flex: auto;
            flex: auto;
    width: calc(50% - 15px);
    height: auto;
    height: initial;
    padding-bottom: 27.5%;
    border-radius: 0;
  }

@media (max-width: 768px) {

.app-components-articles-item--itemBig .app-components-articles-item--image {
      width: 100%;
      padding-bottom: 56.25%
  }
    }

.app-components-articles-item--itemBig .app-components-articles-item--content {
    -webkit-flex: auto;
            flex: auto;
    width: calc(50% + 15px);
    height: auto;
    padding-right: 42px;
    padding-left: 42px;
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

@media (max-width: 768px) {

.app-components-articles-item--itemBig .app-components-articles-item--content {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px
  }
    }

@media (min-width: 768px) {
  .app-components-articles-item--itemBig {
    display: -webkit-flex;
    display: flex;
  }
}

h2.app-components-articles-item--title.app-components-articles-item--title {
  max-height: 87px !important;
  overflow: hidden;
  color: var(--text);
  font-weight: 900;
  font-size: 24px;
  font-family: 'HK Sentiments', sans-serif;
  line-height: 1.2;
}

h2.app-components-articles-item--title.app-components-articles-item--title a {
    color: var(--text);
  }

h2.app-components-articles-item--title.app-components-articles-item--title a:hover,
    h2.app-components-articles-item--title.app-components-articles-item--title a:focus {
      color: var(--text);
    }

@supports (-webkit-line-clamp: 2) {

h2.app-components-articles-item--title.app-components-articles-item--title {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
  }

.app-components-articles-item--time {
  display: block;
  margin-bottom: 12px;
  color: #787878;
  font-size: 16px;
}

@media (max-width: 768px) {

.app-components-articles-item--time {
    margin-bottom: 5px
}
  }

.app-components-articles-item--time a {
    color: #787878;
  }

.app-components-articles-item--time a:hover,
    .app-components-articles-item--time a:focus {
      color: #787878;
      text-decoration: underline;
    }

.app-components-articles-item--time em {
    display: inline-block;
    margin: 0 4px;
    font-style: normal;
  }

.app-components-articles-item--summary {
  display: block;
  max-height: 225px;
  margin-top: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  color: var(--grayText);
  font-size: 18px;
}

@media (max-width: 768px) {

.app-components-articles-item--summary {
    display: none
}
  }

.app-components-articles-item--summary:hover,
  .app-components-articles-item--summary:focus {
    color: var(--grayTextSelected);
  }

@supports (-webkit-line-clamp: 3) {

.app-components-articles-item--summary {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    white-space: initial;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
  }

.app-components-articles-categories--categories {
  margin: 0;
  font-size: 0;
  list-style: none;
}

  .app-components-articles-categories--categories li {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 3px;
    transition: opacity 300ms cubic-bezier(0, 0.715, 0.345, 1);
  }

  .app-components-articles-categories--categories li:last-of-type {
      margin-right: 0;
    }

  .app-components-articles-categories--categories li a {
      display: inline-block;
      padding: 3px 10px;
      font-weight: 600;
      text-transform: uppercase;
      transition: all 300ms cubic-bezier(0, 0.715, 0.345, 1);
    }

  .app-components-articles-categories--categories li:hover,
    .app-components-articles-categories--categories li:focus {
      opacity: 0.7;
    }

.app-components-articles-categories--background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #424242;
  border-radius: 3px;
  opacity: 0.1;
}

.app-components-articles-categories--blackBackground {
  background-color: black !important;
  opacity: 1;
}

.app-components-articles-categories--blackBackground + span {
    position: relative;
    z-index: 1;
  }


/*# sourceMappingURL=07b51.css.map*/