.page-wrapper { padding-bottom:10px; }
.cat-title {
  text-align:center;
  margin:40px 0;
}
.big-post-wrapper {
  width:100%;
  padding-left:10px;
  display:flex;
  justify-content:center;
  margin:0 0 10px;
}
.big-post-wrapper .extra-post.extra-post-big {
  margin-top:10px;
  margin-right:20px;
  flex:1 1 auto;
}
.big-post-wrapper .extra-ad-wrapper { flex:0 0 auto; }
.big-post-wrapper .extra-ad-wrapper, .big-post-wrapper .extra-ad-wrapper h3, .big-post-wrapper .extra-ad-wrapper .extra-ad-close { background:#f5f5f5; }
.post-list-column {
  display:flex;
  justify-content:space-between;
  align-items:stretch;
}
.post-list-wrapper {
  padding-right:0;
  padding-bottom:0;
  margin-bottom:0;
  position:relative;
  width:100%;
  min-height:170px;
  flex:1 1 auto;
}
.post-list-wrapper .more-item-wrapper { margin-bottom:10px; }
.post-list-wrapper .more-item-wrapper .no-more {
  display:block;
  text-align:center;
  cursor:default;
  background-color:#dcdcde;
  border:none;
  color:#040418;
  font-weight:300;
  font-size:16px;
  line-height:25px;
  padding:23px 30px 22px;
  margin:0;
  clear:left;
}
.post-list {
  width:100%;
  margin:0 auto;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.post-list .article {
  position:relative;
  overflow:hidden;
}
.post-list .extra-post { margin:10px; }
.post-list .extra-post .extra-post-image {
  opacity:0;
  transition:0.3s opacity ease-in;
}
.post-list .extra-post .extra-post-image.extra-responsive-image-loaded { opacity:1; }
.post-list .extra-ajax-navigation-page-marker {
  height:0;
  width:100%;
}
.post-list-nav {
  flex:0 0 auto;
  z-index:10;
  width:90px;
  padding:10px 10px 70px;
}
.post-list-nav > .inner {
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.post-list-nav .link-button {
  display:block;
  width:70px;
  margin:0;
}
.post-list-nav .link-button .text { position:absolute; }
.post-list-nav a.upload-button {
  overflow:hidden;
  padding:22px 20px 18px;
}
.post-list-nav a.upload-button .text {
  position:absolute;
  left:100%;
}
.post-list-nav a.upload-button .icon { position:absolute; }
.post-list-nav .sticky-element-inner.sticky {
  position:fixed;
  top:90px;
}
.more-item-wrapper.previous-post-wrapper {
  margin-bottom:10px;
  margin-top:0;
  padding-top:10px;
}
.more-item-wrapper.next-post-wrapper {
  margin-top:10px;
  padding-bottom:10px;
}
.more-item-wrapper .no-more {
  display:block;
  text-align:center;
  margin:60px 0 10px;
}
.more-item-wrapper .no-more, .more-item-wrapper .no-more:hover { color:#040418; }
@media only screen and (max-width: 1200px) {
  .big-post-wrapper {
    padding-left:20px;
    padding-right:10px;
  }
  .post-list-wrapper {
    padding-left:10px;
    padding-right:10px;
  }
  .post-list-nav { display:none; }
}
@media only screen and (max-width: 1145px) {
  .post-list { max-width:740px; }
  .more-item-wrapper .link-button {
    max-width:720px;
    margin:0 auto;
    display:block;
  }
}
@media only screen and (max-width: 780px) {
  .post-list {
    max-width:none;
    display:block;
    width:100%;
  }
  .more-item-wrapper .link-button { max-width:350px; }
  .big-post-wrapper {
    display:block;
    padding-left:10px;
    padding-right:10px;
  }
  .big-post-wrapper .extra-ad-wrapper {
    margin:20px auto;
    padding-left:10px;
  }
  .big-post-wrapper .extra-post.extra-post-big { margin:10px auto 0; }
  .post-list-wrapper {
    padding-left:10px;
    padding-right:10px;
  }
  .post-list-wrapper .more-item-wrapper.next-post-wrapper {
    padding-left:0;
    padding-right:0;
  }
  .extra-post .extra-post-figure, .extra-post {
    width:100%;
    max-width:350px;
  }
  .post-list .extra-post { margin:20px auto; }
  .extra-post {
    height:auto;
    min-height:390px;
  }
  .extra-post .extra-post-metas {
    height:auto;
    min-height:40px;
    display:block;
    padding-bottom:10px;
  }
  .extra-post .extra-post-metas .extra-post-meta { line-height:20px; }
  .extra-post .extra-post-metas .extra-post-author { display:block; }
  .extra-post .extra-post-metas .extra-post-author:before { display:none; }
  .extra-post .extra-post-metas .extra-post-shares { text-align:right; }
}
@media only screen and (max-width: 385px) {
  .big-post-wrapper .extra-ad-wrapper { padding-left:0; }
}