/* line 4, ../sass/style.scss */
.bc-audio-player {
  margin: 0 auto;
  display: flex;
  width: 100%;
  max-width: 500px;
}
/* line 9, ../sass/style.scss */
.bc-audio-player audio {
  display: none;
}
/* line 12, ../sass/style.scss */
.bc-audio-player .play-pause {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #ff6631;
  width: 50px;
  height: 50px;
}
/* line 20, ../sass/style.scss */
.bc-audio-player .play-pause img {
  max-width: 18px;
}
/* line 23, ../sass/style.scss */
.bc-audio-player .play-pause .pause-icon {
  display: none !important;
}
/* line 27, ../sass/style.scss */
.bc-audio-player .play-pause.playing .play-icon {
  display: none !important;
  width: 0 !important;
}
/* line 31, ../sass/style.scss */
.bc-audio-player .play-pause.playing .pause-icon {
  display: block !important;
}
/* line 36, ../sass/style.scss */
.bc-audio-player .player-cover {
  position: relative;
  flex: 1 0 calc(33%);
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 600px) {
  /* line 36, ../sass/style.scss */
  .bc-audio-player .player-cover {
    display: none;
  }
}
/* line 44, ../sass/style.scss */
.bc-audio-player .player-cover img {
  max-width: 100%;
}
/* line 48, ../sass/style.scss */
.bc-audio-player .player-cover-mobile {
  position: relative;
  height: 60vw;
  width: 72%;
  margin: 0 auto 20px;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 600px) {
  /* line 48, ../sass/style.scss */
  .bc-audio-player .player-cover-mobile {
    display: none;
  }
}
/* line 59, ../sass/style.scss */
.bc-audio-player .player {
  position: relative;
  padding: 20px;
  background-color: #e6e6e6;
}
/* line 63, ../sass/style.scss */
.bc-audio-player .player .player-details {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 68, ../sass/style.scss */
.bc-audio-player .player .player-details .play-button {
  display: inline-block;
}
/* line 71, ../sass/style.scss */
.bc-audio-player .player .player-details .audio-title {
  margin-left: 20px;
  display: inline-block;
}
/* line 74, ../sass/style.scss */
.bc-audio-player .player .player-details .audio-title span {
  font-family: Arial;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3em;
  color: #485160;
}
@media only screen and (max-width: 640px) {
  /* line 74, ../sass/style.scss */
  .bc-audio-player .player .player-details .audio-title span {
    font-size: 15px;
  }
}
/* line 86, ../sass/style.scss */
.bc-audio-player .player .player-details p {
  margin: 0 !important;
  font-family: Arial;
  letter-spacing: .01em;
  font-size: 10px;
  margin-bottom: 20px;
}
/* line 94, ../sass/style.scss */
.bc-audio-player .player .progress {
  margin-bottom: 20px;
  border-radius: 0px;
  height: 10px;
  position: relative;
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}
/* line 99, ../sass/style.scss */
.bc-audio-player .player .progress .elapsed {
  position: absolute;
  top: 4px;
  width: 0;
  height: 100%;
  background-color: #ff6631;
  display: block;
}
/* line 107, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range {
  margin: 0;
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  overflow: hidden;
  outline: none;
}
/* line 116, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: -10px 0 0 10px #ff6631;
}
/* line 121, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
/* line 125, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
/* line 135, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0;
  height: 10px;
  width: 10px;
  background: #ff6631;
  cursor: pointer;
  box-shadow: -100vw 0 0 calc(100vw - 10px) #ff6631;
}
/* line 146, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-moz-range-thumb {
  border: 0;
  height: 10px;
  width: 10px;
  border-radius: 0;
  background: #ff6631;
  cursor: pointer;
}
/* line 156, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-ms-thumb {
  height: 5px;
  width: 5px;
  background: #ff6631;
  cursor: pointer;
}
/* line 163, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: white;
  border-radius: 0;
}
/* line 171, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range:focus::-webkit-slider-runnable-track {
  background: white;
}
/* line 175, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: white;
  border-radius: 0;
}
/* line 182, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-moz-range-progress {
  background: #ff6631;
  height: 10px;
}
/* line 187, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 0px 0;
  color: transparent;
}
/* line 196, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-ms-fill-lower {
  background: #ff6631;
  border: 0;
  border-radius: 0px;
}
/* line 201, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range:focus::-ms-fill-lower {
  background: white;
}
/* line 204, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range::-ms-fill-upper {
  background: white;
  border: 0;
  border-radius: 0;
}
/* line 209, ../sass/style.scss */
.bc-audio-player .player .progress .audio-range:focus::-ms-fill-upper {
  background: white;
}
/* line 213, ../sass/style.scss */
.bc-audio-player .player .player-time-vol {
  display: flex;
  justify-content: space-between;
}
/* line 216, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-time {
  font-family: Arial;
  font-size: 14px;
  color: #333333;
}
/* line 221, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume {
  display: flex;
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}
@media only screen and (max-width: 640px) {
  /* line 221, ../sass/style.scss */
  .bc-audio-player .player .player-time-vol .player-volume {
    display: none;
  }
}
/* line 227, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume.muted .volume-img {
  opacity: .4;
}
/* line 230, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume.muted .vol-range::-webkit-slider-thumb {
  background: #ccc;
}
/* line 233, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume.muted .vol-range::-moz-range-thumb {
  background: #ccc;
}
/* line 236, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume.muted .vol-range::-ms-thumb {
  background: #ccc;
}
/* line 240, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .volume-img {
  display: inline-block;
  max-height: 16px;
  max-width: 20px;
  margin-right: 5px;
}
/* line 247, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  max-width: 74px;
}
/* line 254, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-webkit-slider-thumb {
  -webkit-appearance: none;
}
/* line 258, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
/* line 262, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
/* line 272, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #ff6631;
  cursor: pointer;
  margin-top: -6px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
/* line 284, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-moz-range-thumb {
  border: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #ff6631;
  cursor: pointer;
}
/* line 294, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-ms-thumb {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #ff6631;
  cursor: pointer;
}
/* line 301, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: white;
  border-radius: 0;
}
/* line 309, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range:focus::-webkit-slider-runnable-track {
  background: white;
}
/* line 313, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: white;
  border-radius: 0;
}
/* line 321, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-ms-track {
  width: 100%;
  height: 2;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 0px 0;
  color: transparent;
}
/* line 330, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-ms-fill-lower {
  background: white;
  border: 0;
  border-radius: 0px;
}
/* line 335, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range:focus::-ms-fill-lower {
  background: white;
}
/* line 338, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range::-ms-fill-upper {
  background: white;
  border: 0;
  border-radius: 0;
}
/* line 343, ../sass/style.scss */
.bc-audio-player .player .player-time-vol .player-volume .vol-range:focus::-ms-fill-upper {
  background: white;
}