/**
 * /user/assets/styles/page.css
 *
 * @author Pablo Rubio
 * @version 1.0
 */

.attachments .slick-list,
.attachments .slick-track {
  height: 100%;
}

#main article > .attachments {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 100;
  background-color: #ffffff;
}

.tablet #main article > .attachments {
  position: relative;
  width: 100%;
  height: 480px;
}

.smartphone #main article > .attachments {
  height: 360px;
}

article > .attachments .attachment {
  position: absolute;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

body.sticky article > .attachments .attachment {
  opacity: 0.24;
}

body.sticky.tablet article > .attachments .attachment {
  opacity: 1;
}

article > .attachments .attachment > div {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.tablet #main article > .the-content {
  background-color: #ffffff;
}

#main article > .the-content:before {
  display: block;
  width: 100%;
  height: 720px;
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
}

.tablet #main article > .the-content:before {
  display: none;
}

@media all and (max-width: 920px) {
  #main article > .the-content {
    font-size: 1.2em;
    line-height: 1.4em;
  }
}