/* ================================================================================ */
/* POST PREVIEW */
/* (modules.scss) */
/* ================================================================================ */
.feed .feed-col .post-preview {
  padding: 20px 0; }
.feed .feed-col .post-title {
  padding: 10px 0; }
.feed .feed-col article {
  border-top: 1px solid #ccc; }
  .feed .feed-col article:first-child {
    border: none;
    padding-top: 0; }
  .feed .feed-col article:last-child {
    padding-bottom: 0; }
  .feed .feed-col article.blog {
    border-top: none;
    margin-bottom: 5px; }

.post-preview figure {
  margin-bottom: 15px;
  position: relative; }
.post-preview .h3 {
  display: block;
  clear: both;
  margin-bottom: 20px;
  font-family: 'Napco_2';
  line-height: 1.2em; }
.post-preview .h4 {
  display: block;
  padding-bottom: 15px;
  line-height: 1.2em; }
.post-preview .h5 {
  display: block;
  padding-bottom: 10px;
  line-height: 1.2em; }
.post-preview .head {
  margin-bottom: 10px;
  display: block; }
  .post-preview .head .post-thumb {
    width: 40%;
    margin: 0; }
    .post-preview .head .post-thumb img {
      display: block;
      width: 100%;
      height: auto; }
  .post-preview .head .post-title {
    float: left;
    clear: none;
    display: inline;
    width: 50%; }

.post-preview.blockbuster {
  margin-bottom: 1em;
  display: block;
  clear: both; }
  .post-preview.blockbuster .h1 {
    line-height: 1.1em;
    display: block;
    clear: both;
    margin-bottom: .5em; }
  .post-preview.blockbuster figure {
    width: 70%;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }
  @media (max-width: 480px) {
    .post-preview.blockbuster figure {
      float: none;
      display: block;
      clear: both;
      margin-bottom: 1em;
      margin-right: 0;
      width: auto; } }

.post-preview.swiper-slide {
  max-height: 500px; }

.article-carousel-wrapper {
  display: block;
  clear: both;
  position: relative; }

.post-preview-carousel .swiper-next-post, .post-preview-carousel .swiper-prev-post {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 20%;
  background: rgba(0, 0, 0, 0.75);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .post-preview-carousel .swiper-next-post em, .post-preview-carousel .swiper-prev-post em {
    background: url(../../images/sprite_ui.png) no-repeat;
    display: block;
    text-indent: -9999em;
    position: absolute;
    width: 13px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-top: -10px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .post-preview-carousel .swiper-next-post em, .post-preview-carousel .swiper-prev-post em {
        background-image: url(../../images/sprite_ui_2x.png) !important;
        -webkit-background-size: 800px 800px;
        background-size: 800px 800px; } }
.post-preview-carousel .swiper-next-post {
  right: 0px; }
  .post-preview-carousel .swiper-next-post em {
    margin-left: -5px;
    background-position: -16px -108px; }
.post-preview-carousel .swiper-prev-post {
  left: 0px; }
  .post-preview-carousel .swiper-prev-post em {
    margin-left: -7px;
    background-position: 0px -108px; }
.post-preview-carousel .swiper-next-post.disabled, .post-preview-carousel .swiper-prev-post.disabled {
  opacity: .3; }