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

body.home,
body.home #wrap,
body.home #main,
body.home #home,
#home .attachments,
#home .attachments .attachment,
#home .attachments .padding,
#home .attachments .relative {
  width: 100%;
  height: 100%;
}

#main #home .attachments {
  position: relative;
  background-color: #000000;
}

#home .attachments .attachment {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
}

#home .attachments .attachment .padding,
#home .attachments .attachment .relative {
  position: relative;
  top: 0px;
  left: 0px;
}

#home .attachments .attachment .padding {
  padding: 84px 0px 0px 0px;
}

#home .attachments .attachment .background {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0.6;
  position: absolute;
  background-size: cover;
  background-position: center;
}

#home .attachments .attachment .center {
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 24px;
  z-index: 200;
  height: auto;
  position: absolute;
  transform: translate(-50%, -50%);
}

#home .attachments .attachment .svg.logo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto 36px auto;
  padding: 0px;
  max-width: 540px;
}

.tablet #main #home .attachments,
.smartphone #main #home .attachments {
  width: 100%;
  height: 100%;
}

#home .attachments h3 {
  display: none;
}

#home .attachments ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}

#home .attachments ul li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
}

#home .attachments ul li a {
  font-size: 0em;
  line-height: 0em;
  text-decoration: none;
}

#home .attachments .attachment.session > div:before {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 1);
  opacity: 0.72;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 30;
}

#home .attachments .attachment.session video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

#home .attachments ul.listen {
  margin: 0px 0px 36px 0px;
}

ul.listen li a {
  display: block;
  width: 84px;
  height: 84px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

ul.listen li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

ul.listen li a.spotify {
  background-image: url('../../images/social/spotify.png');
}

ul.listen li a.bandcamp {
  background-image: url('../../images/social/bandcamp.png');
}

ul.listen li a.youtube {
  background-image: url('../../images/social/youtube.png');
}

ul.listen li a.beatport {
  background-image: url('../../images/social/beatport.png');
}

ul.listen li a.soundcloud {
  background-image: url('../../images/social/soundcloud.png');
}

ul.listen li a.deezer {
  background-image: url('../../images/social/deezer.png');
}

ul.listen li a.amazon {
  background-image: url('../../images/social/amazon.png');
}

ul.listen li a.reverbnation {
  background-image: url('../../images/social/reverbnation.png');
}

#home .attachments ul.buy li.itunes {
  padding: 12px;
}

#home .attachments ul.buy li.play {
  padding: 2px;
}

#home .attachments ul.buy li.play img {
  height: 66px;
  width: auto;
}