/**********************************************************/
/*                     Leinie's Polka                      /*
/**********************************************************/

.node-type-leinie-s-polka #leinies-polka > .content {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.node-type-leinie-s-polka
  #leinies-polka
  > .content
  > .leinies-polka-background {
  width: 100%;
  height: 100%;
  position: static;
  top: auto;
  left: auto;
  transform: none;
  background-size: cover;
  background-position: center;
  padding: 0;
}

.node-type-leinie-s-polka
  #leinies-polka
  > .content
  > .leinies-polka-background
  > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

.node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body {
  position: absolute;
  text-align: center;
  transform: translate(50%, 50px);
  width: 50%;
  top: -50px;
  color: #c32033;
}

.node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > h2 {
  font-size: 45px;
  margin-bottom: 50px;
}

.node-type-leinie-s-polka
  #leinies-polka
  > .content
  > div
  > .polka-body
  > h2
  span {
  font-size: 70px;
}

.node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > p {
  text-transform: uppercase;
  margin-bottom: 35px;
  font-size: 24px;
}

.node-type-leinie-s-polka #leinies-polka > .content > div > p.disclaimer {
  padding: 15px;
  font-size: 10px;
}

@media (max-width: 890px) {
  .node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .node-type-leinie-s-polka
    #leinies-polka
    > .content
    > div
    > .polka-body
    > h2
    span {
    font-size: 45px;
  }

  .node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > p {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

@media (max-width: 660px) {
  .node-type-leinie-s-polka
    #leinies-polka
    > .content
    > .leinies-polka-background {
    margin-top: 95px;
  }

  /*  .node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body {
    transform: translate(50%, 20px);
  } */

  .node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .node-type-leinie-s-polka
    #leinies-polka
    > .content
    > div
    > .polka-body
    > h2
    span {
    font-size: 40px;
  }

  .node-type-leinie-s-polka #leinies-polka > .content > div > .polka-body > p {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .node-type-leinie-s-polka
    #leinies-polka
    > .content
    > div
    > .polka-body
    > #polka
    audio {
    max-width: 50%;
    height: 22px;
  }
}

.node-type-leinie-s-polka
  #leinies-polka
  > .content
  > div
  > .polka-body
  > #polka
  audio
  div.media-controls-container
  .media-controls.inline
  .time-control,
.media-controls.inline .status-label {
  pointer-events: none;
}

/**********************************************************/
/*                         Player                          /*
/**********************************************************/

#audio-control-container #audio-control.btn {
  border: 2px solid #c32033;
  border-radius: 65px;
  width: 60px;
  height: 60px;
  color: #c32033;
  background: #fff;
  transition: all ease 0.4s;
  padding: 0 19px;
  font-size: 25px;
  font-weight: 900;
}

#audio-control-container #audio-control.btn:hover {
  transform: scale(1.1);
  background: #fff;
  border: 2px solid #811522;
  color: #811522;
  box-shadow: 0px 0px 11px 0px #811522;
}

@media (max-width: 460px) {
  #polka > #audio-control-timer > span {
    margin: 0 !important;
  }
}

#polka > #audio-control-container > #audio-control.btn.play-button::after {
  content: "";
  font-size: 0px;
  border-style: solid;
  border-width: 12px 0 12px 17.6px;
  top: -9px;
  left: 4px;
  position: relative;
  border-color: transparent transparent transparent #c32033;
  line-height: 0px;
  _border-color: #fff #fff #fff #c32033;
}

#polka
  > #audio-control-container
  > #audio-control.btn.play-button:hover::after {
  border-color: transparent transparent transparent #811522;
}

/**********************************************************/
/*                        Pop Up                           /*
/**********************************************************/
.modal-backdrop.in {
  z-index: 0;
}

#polka-pop-up {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
}

#polka-pop-up .modal-dialog {
  width: 80%;
  height: 100%;
  margin: 170px auto;
}

#polka-pop-up .modal-dialog .modal-content {
  overflow-y: scroll;
  max-height: 70%;
  background: linear-gradient(
    0deg,
    rgba(174, 223, 244, 1) 0%,
    rgba(255, 255, 255, 1) 88%
  );
}

#polka-pop-up .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}

#polka-pop-up .modal-dialog .modal-content .modal-body {
  text-align: center;
}

#polka-pop-up .modal-dialog .modal-content .modal-body h2 {
  color: #c32033;
}

#polka-pop-up .modal-dialog .modal-content .modal-body .disclaimer {
  font-size: 10px;
  text-align: left;
}