@media only screen and (min-width: 1025px) {
  section[content-slider][size="large"][num-visible-items="2"] div[article-element] div.inner > a h2,
  section[content-slider][size="large"][num-visible-items="1"] div[article-element] div.inner > a h2 {
    max-height: 70px;
    line-height: 34px;
    margin-bottom: 15px;
  }
  section[content-slider][size="large"][num-visible-items="2"] div[article-element] div.inner > a p,
  section[content-slider][size="large"][num-visible-items="1"] div[article-element] div.inner > a p {
    max-height: 50px;
  }
  section[content-slider][size="large"][num-visible-items="2"] div[article-element] div.inner .image,
  section[content-slider][size="large"][num-visible-items="1"] div[article-element] div.inner .image {
    margin-bottom: 30px;
  }
}
div[article-element] {
  color: #3b3b3b;
}
div[article-element] div.inner {
  width: 100%;
  height: 100%;
}
div[article-element] div.inner tags {
  top: 10px;
  position: absolute;
  right: 20px;
  z-index: 3;
}
@media only screen and (min-width: 1025px) {
  div[article-element] div.inner tags {
    top: 20px;
  }
}
div[article-element] div.inner .image {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  div[article-element] div.inner .image {
    margin-bottom: 20px;
  }
}
div[article-element] div.inner .image:before {
  padding-top: 64.84848484848484%;
  content: "";
  display: block;
}
div[article-element] div.inner .image line {
  display: none;
}
@media only screen and (min-width: 620px) {
  div[article-element] div.inner .image line {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 2;
    left: 0px;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: -ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.001, 0.001);
    -moz-transform: scale(0.001, 0.001);
    -o-transform: scale(0.001, 0.001);
    -ms-transform: scale(0.001, 0.001);
    transform: scale(0.001, 0.001);
  }
}
div[article-element] div.inner .image img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1025px) {
  div[article-element] div.inner .image img {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.025) translateY(0px);
    -moz-transform: scale(1.025) translateY(0px);
    -o-transform: scale(1.025) translateY(0px);
    -ms-transform: scale(1.025) translateY(0px);
    transform: scale(1.025) translateY(0px);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform, -webkit-filter, -moz-filter, filter;
  }
}
@media only screen and (min-width: 1025px) {
  div[article-element] div.inner > a h2 {
    will-change: color, transform;
    -webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  div[article-element] div.inner > a p {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: -ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  div[article-element] div.inner:hover .image line {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  div[article-element] div.inner:hover .image img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: scale(1) translateY(-4px);
    -moz-transform: scale(1) translateY(-4px);
    -o-transform: scale(1) translateY(-4px);
    -ms-transform: scale(1) translateY(-4px);
    transform: scale(1) translateY(-4px);
  }
  div[article-element] div.inner:hover > a h2 {
    color: #6f6f6f;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  div[article-element] div.inner:hover > a p {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
div[article-element] div.inner > a h2 {
  color: #3b3b3b;
  overflow: hidden;
}
div[article-element] div.inner > a p {
  margin-top: 10px;
  color: #6f6f6f;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
div[article-element] nav[role="tags"] {
  left: 0px;
}
nav[role="tags"] {
  position: absolute;
  bottom: 16px;
  color: #a0a0a0;
}
nav[role="tags"] a {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 1025px) {
  nav[role="tags"] a {
    will-change: opacity;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  nav[role="tags"] a:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
nav[role="tags"] > *:after {
  content: ",";
}
nav[role="tags"] > *:last-child:after {
  content: "";
}