/*---- HTML5 VIDEO -----*/
.rlc-html5vid {
  position: relative;
  overflow: hidden
}

.rlc-html5vid video {
  width: 100%
}

.rlc-html5vid video::-webkit-media-controls-overlay-play-button,
.rlc-html5vid video::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none
}

.rlc-html5vid .rlc-html5vid-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  width: 6.25em;
  height: 6.25em;
  cursor: pointer;
  z-index: 1
}

.rlc-html5vid .rlc-html5vid-play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .875em 0 .875em 1.512em;
  border-color: transparent transparent transparent #fff;
  margin-left: .378em
}

.rlc-html5vid .rlc-html5vid-close {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background: #000;
  width: 2em;
  height: 2em
}

.rlc-html5vid .rlc-html5vid-close::after {
  content: 'X';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "HCo Gotham";
  color: #fff;
  font-size: 1em
}

.rlc-html5vid.playing .rlc-html5vid-play {
  display: none
}

.rlc-html5vid.playing .rlc-html5vid-close {
  display: block
}

/* DETAILS */
#runway-look-detail {
  max-width: 1600px;
}

#runway-look-detail section {
  position: relative;
}
#runway-look-detail .rlc-p {
  color: #000;
}
#btn-prevnext-wrapper {
  left: 0;
  display: flex;
}
a[disabled] {
  pointer-events: none;
}
#btn-prevnext-wrapper a {
  color: #000;
  font-family: 'HCo Gotham Light';
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
#btn-prevnext-wrapper a[disabled] {
  color: #666;
}
#btn-prevnext-wrapper a:first-of-type {
  margin-right: 1em;
}
#btn-prevnext-wrapper a:last-of-type {
  margin-left: 1em;
}
#btn-prevnext-wrapper a:last-of-type:after {
  content: "";
  position: absolute;
  left: -1em;
  top: 0.37em;
  height: 0.8em;
  width: 1px;
  background: #000;
}

#look-copy-wrapper .rlc-h2 {
  font-family: "Fenice ITC W01 Regular";
  letter-spacing: 0.075em;
  line-height: 0.8em;
}
#look-copy-wrapper .rlc-p {
  font-family: 'HCo Gotham Light';
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
.look-img {
  width: 100%;
}

#look-quote .rlc-p {
  font-family: "Didot W01 Italic";
  letter-spacing: 0.05em;
  line-height: 1.4667em;
}


#look-detail {
}
#look-craftsmanship .rlc-p {
  font-family: 'HCo Gotham Light';
  letter-spacing: 0.05em;
  line-height: 1.5em;
}

@media screen and (min-width : 768px) {
  #look-primary {
    display: flex;
    justify-content: flex-end;
  }
  #look-copy-wrapper {
    right: 68.25%;
    margin-right: -3.333em;
    width: 15.5em;
    padding: 1em 0;
    background: #fff;
  }
  #btn-prevnext-wrapper {
    position: absolute;
    top: -0.76em;
  }
  #btn-prevnext-wrapper a {
    font-size: 0.25em;
    display: block;
    position: relative;
    overflow: visible;
  }
  #look-copy-wrapper .rlc-h2 {
    position: relative;
    font-size: 3.125em;
  }
  #look-copy-wrapper .rlc-p {
    font-size: 0.75em;
    margin-top: 1.75em;
    padding-left: 0.333em;
  }
  #look-img-front {
    width: 33.0343%;
  }
  #look-img-back {
    width: 32.9527%;
    margin-left: 2.1962%;
  }
  #look-primary .rlc-msg-scroll {
    bottom: -10.5em;
    left: 0%;
    font-family: "Didot W01 Italic";
    font-size: 0.75em;
    letter-spacing: 0.05em
  }
  #look-primary .rlc-msg-scroll::before {
      content: '';
      position: absolute;
      top: -8.6em;
      left: 0.333em;
      display: block;
      width: 1px;
      height: 7.333em;
      background: #000;
  }

  #look-quote {
    /* padding-bottom: 24.25em; */
    padding-bottom: 42.25em;
  }
  #img-look-quotes {
    top: 0.666em;
    left: 23.5%;
    width: 11.4375em;
  }
  #look-quote .rlc-p {
    top: 3.666em;
    left: 23.5%;
    font-size: 1.875em;
    margin: 0 0 0 4.333em;
    width: 19.5em;
  }
  #look-quote .rlc-p .rlc-span {
    display: block;
    margin-top: 1.6em;
  }


  #look-detail {
    display: flex;
  }
  #look-detail .rlc-image-wrapper {
    width: 50%;
  }
  #look-detail .rlc-image-wrapper:first-of-type {
    padding-right: 0.8972%;
  }
  #look-detail .rlc-image-wrapper:last-of-type {
    padding-left: 0.8972%;
  }

  #look-craftsmanship {
    margin-top: 7.5em;
  }
  #look-craftsmanship .rlc-html5vid {
    width: 73.2064%;
  }
  .rlc-html5vid .rlc-html5vid-play {
    width: 7.375em;
    height: 5.75em;
    border-radius: 0.625em;
    background: rgba(0,0,0,0.4);
    border: 1px solid #fff;
  }
  .rlc-html5vid .rlc-html5vid-play:after {
    border-width: 1.3125em 0 1.3125em 2.25em;
    margin-left: 0.25em;
  }
  #look-craftsmanship .rlc-p {
    top: 7.1667em;
    right: 3.5%;
    font-size: 0.75em;
    width: 16.6667em;
  }

  #look-video {
    margin-top: 7.5em;
    text-align: center;
  }
  #look-video .rlc-html5vid {
    width: 32.1370%;
    margin: 0 auto;
  }

  #look-theme {
    display: flex;
    margin-top: 7.5em;
  }

  #look-theme .rlc-image-wrapper:first-of-type {
    width: 31.4845%;
    margin-right: 5.365%;
  }
  #look-theme .rlc-image-wrapper:last-of-type {
    width: 61.1746%;
    margin-left: 5.365%;
  }
}
@media screen and (max-width : 767px) {
  #runway-look-detail {
    /* margin-top: 121px; */
  }
  #look-img-front {
    margin-left: 19.375%;
    width: 80.625%;

    margin-bottom: 5em;
  }
  #look-img-back {
    margin-right: 19.375%;
    width: 80.625%;

    margin-top: 5em;
  }
  #btn-prevnext-wrapper {
    margin-bottom: 0.2em;
  }
  #btn-prevnext-wrapper a {
    font-size: 0.35em;
    display: block;
    position: relative;
    overflow: visible;
  }
  #btn-prevnext-wrapper a:last-of-type:after {
    top: 0.33em;
  }
  #look-copy-wrapper .rlc-h2 {
    top: 60.46875vw;
    right: 74.625%;
    margin-right: -2.222em;

    font-size: 3.125em;

    background: #fff;
    padding: 0.25em 0.25em 0.5em 0;
  }
  #look-copy-wrapper .rlc-p {
    font-size: 1.5em;
    padding: 0 4.9167em 0 5.1667em;
  }

  #look-quote {
    /* padding-bottom: 26.75em; */
    padding-bottom: 47.75em;
  }
  #img-look-quotes {
    top: 0.666em;
    left: 2%;
    width: 11.4375em;
  }
  #look-quote .rlc-p {
    font-size: 1.875em;
    padding: 0 3em 0;
  }
  #look-quote .rlc-p .rlc-span {
    display: block;
    margin-top: 1.6em;
    text-align: center;
  }

  #look-detail .rlc-image-wrapper:last-of-type {
    margin-top: 3.4375vw;
  }

  #look-craftsmanship {
    margin-top: 3.4375vw;
  }
  #look-craftsmanship .rlc-p {
    font-size: 1.5em;
    padding: 3.4167em 5.2083em;
  }
  .rlc-html5vid .rlc-html5vid-play {
    width: 7.375em;
    height: 5.75em;
    border-radius: 0.625em;
    background: rgba(0,0,0,0.4);
    border: 1px solid #fff;
  }
  .rlc-html5vid .rlc-html5vid-play:after {
    border-width: 1.3125em 0 1.3125em 2.25em;
    margin-left: 0.25em;
  }

  #look-video .rlc-html5vid {
    width: 80.4688%;
    margin: 6.875em 0 0 19.5313%;
  }

  #look-theme .rlc-image-wrapper:first-of-type {
    width: 80.4688%;
    margin: 6.875em 19.5313% 6.875em 0;
  }
}