@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:300,400,700');
/**********ELECTROLIZE IS A TEST FONT ONLY**************
@import url('https://fonts.googleapis.com/css?family=Electrolize');

.electrolize-reg() { font-family:"Electrolize", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }

*********ELECTROLIZE IS A TEST FONT ONLY***************/
.social-share-section {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/social-bg-desktop.png') center center no-repeat;
  background-size: 100% 100%;
  position: relative;
  min-height: 500px;
  /*
    &:before {
        content: "";
        position: absolute;
        top: -23px;
        left: 0;
        background: url('../../../../../../../content/dam/atvi/sekiro/common/gray-border-desktop.png') center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 30px;
        z-index: 9999;
    }*/
}
@media screen and (max-width: 1024px) {
  .social-share-section {
    background: url('../../../../../../../content/dam/atvi/sekiro/social/social-bg-mobile.png') center center no-repeat;
    background-size: 100% 100%;
    min-height: 667px;
  }
}
.social-share-section .social-logos {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.social-share-section .social-logos li {
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 30px;
  width: calc(25% - 27px);
  height: 70px;
}
.social-share-section .social-logos li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .social-share-section .social-logos li:last-child {
    margin-bottom: 0;
    margin-right: auto;
  }
}
.social-share-section .social-logos li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  line-height: 70px;
  margin-left: 40px;
}
.social-share-section .social-logos li a span:before {
  background-size: contain;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
@media screen and (max-width: 1550px) {
  .social-share-section .social-logos li a {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .social-share-section .social-logos li a {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .social-share-section .social-logos li a {
    margin-left: 70px!important;
  }
}
@media screen and (max-width: 450px) {
  .social-share-section .social-logos li a {
    margin-left: 40px!important;
  }
}
.social-share-section .social-logos li.fb-logo {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/fb-btn-bg.png') center center no-repeat;
  background-size: 100% 100%;
}
.social-share-section .social-logos li.fb-logo a span:before {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/fb-social-logo.png') center center no-repeat;
}
.social-share-section .social-logos li.tw-logo {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/tw-btn-bg.png') center center no-repeat;
  background-size: 100% 100%;
}
.social-share-section .social-logos li.tw-logo a span:before {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/tw-social-logo.png') center center no-repeat;
}
.social-share-section .social-logos li.ig-logo {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/ig-btn-bg.png') center center no-repeat;
  background-size: 100% 100%;
}
.social-share-section .social-logos li.ig-logo a {
  margin-left: 80px;
}
.social-share-section .social-logos li.ig-logo a span:before {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/ig-social-logo.png') center center no-repeat;
}
@media screen and (max-width: 1550px) {
  .social-share-section .social-logos li.ig-logo a {
    margin-left: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .social-share-section .social-logos li.ig-logo a {
    margin-left: 45px;
  }
}
.social-share-section .social-logos li.yt-logo {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/yt-btn-bg.png') center center no-repeat;
  background-size: 100% 100%;
}
.social-share-section .social-logos li.yt-logo a {
  margin-left: 80px;
}
.social-share-section .social-logos li.yt-logo a span:before {
  background: url('../../../../../../../content/dam/atvi/sekiro/social/yt-social-logo.png') center center no-repeat;
}
@media screen and (max-width: 1550px) {
  .social-share-section .social-logos li.yt-logo a {
    margin-left: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .social-share-section .social-logos li.yt-logo a {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .social-share-section .social-logos li {
    display: block;
    width: 80%;
    max-width: 360px;
    margin: 0 auto 30px;
  }
}
.social-share-section .social-title {
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 420px) {
  .social-share-section .social-title {
    font-size: 32px;
  }
}