.audio-card {
  width: 100%;
  float: left;
  background-color: #FDFFFC;
  border: 1px solid #E4E5E5;
  border-radius: 4px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  overflow-wrap: break-word;
  position: relative; }
  .audio-card:hover {
    border-color: #D1D6DA; }
  .audio-card .transparent-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0; }

.audio-card .bottom-border {
  margin-bottom: 8px;
  border-bottom: 1px solid #E4E5E5; }

.card-header {
  height: 49px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.card-user-profile {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.audio-card .profile-pic {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.name {
  padding-left: 10px; }
  .name.profile-enabled {
    color: #8C95A0; }
    .name.profile-enabled:hover {
      color: #5F6D7A; }
  .name.profile-disabled {
    color: #D1D6DA;
    font-style: italic;
    cursor: default; }

.card-player {
  height: 95px;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative; }

.play-button,
.pause-button {
  margin-right: 10px; }

.soundwave-wrapper {
  width: calc(100% - 155px);
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  left: 75px;
  position: absolute; }

.soundwave {
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.track-time {
  font-size: 30px;
  font-weight: 400;
  z-index: 1;
  font-family: "BrandonGrotesque";
  margin-right: 0;
  margin-left: auto;
  width: 70px;
  background-color: transparent;
  text-align: left; }
  .track-time.loading {
    width: 140px; }
  .track-time.length-5 {
    width: 80px; }
  .track-time.length-7 {
    width: 100px; }

.card-title {
  margin-top: 10px;
  font-size: 16px; }

.card-title-text {
  color: #5F6D7A;
  position: relative; }
  .card-title-text:hover {
    color: #5F6D7A; }

.card-description {
  color: #8C95A0; }
  .card-description p {
    margin: 10px 0 0;
    position: relative;
    display: inline-block; }

.card-footer {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .card-footer .button.secondary {
    margin-right: 5px; }

.audio-card-alert-box .alert-box {
  margin-bottom: 20px; }

@media screen and (min-width: 48em) {
  .card-footer .button.secondary {
    margin-right: 10px; } }

body {
  background-color: #F3F4F4; }

.audio-file-list-container {
  margin: 30px 0; }

.audio-file-list-container.voting {
  margin-left: 22%;
  margin-right: 10%;
  position: relative; }

.search-result-primary-wrapper {
  color: #FDFFFC;
  overflow-wrap: break-word;
  line-height: 1.2; }

.middlelands-festival-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px; }

.middlelands-festival-label {
  font-size: 16px;
  color: #8C95A0;
  margin-bottom: 1px;
  text-transform: uppercase; }

.featured-submissions-header {
  background-color: #3DBEB3;
  padding-top: 20px;
  padding-bottom: 3px; }
  .featured-submissions-header.blue {
    background-color: #29BFE0; }
  .featured-submissions-header .button.secondary.small.view-rules {
    border-color: #FDFFFC;
    color: #FDFFFC;
    margin: 5px 0 2px;
    width: 150px; }

.search-result-header {
  background-color: #3DBEB3;
  padding-bottom: 30px;
  padding-top: 30px;
  min-height: 142px; }

.search-result-header-content {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0px 16px; }

.search-results-header.all-caps {
  text-transform: uppercase; }

.search-results-header.text {
  color: #FDFFFC;
  margin: 10px 0; }

.search-results-header.text.link {
  font-style: italic;
  text-decoration: underline; }

.search-results-header.primary {
  font-size: 32px; }

.vote-container-disabled.default-cursor {
  cursor: default; }

.vote-container-disabled,
.vote-container {
  cursor: pointer;
  left: -38px;
  margin-top: 15px;
  position: absolute; }

.vote-container:hover .vote-count {
  color: #7a7773; }

.vote-container:hover .vote-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDIxIDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy40LjIgKDE1ODU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5UcmlhbmdsZSA5NjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaXRlLXBhZ2VzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0ic3VibWlzc2lvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTcuMDAwMDAwLCAtMjQyLjAwMDAwMCkiIGZpbGw9IiM3QTc3NzMiPgogICAgICAgICAgICA8ZyBpZD0ic3VibWlzc2kwbnMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjbHlwcy0rLXB1YmxpYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk2LjAwMDAwMCwgMTkwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1cHZvdGUtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaG92ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlRyaWFuZ2xlLTk2IiBwb2ludHM9IjEwLjUgLTEuODQyODE1MDcgMjIgMTYgLTEgMTYgIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

.vote-container-disabled .vote-arrow.vote-arrow-selected,
.vote-container .vote-arrow.vote-arrow-selected {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDIxIDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy40LjIgKDE1ODU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5UcmlhbmdsZSA5NjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaXRlLXBhZ2VzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0ic3VibWlzc2lvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTcuMDAwMDAwLCAtMjQyLjAwMDAwMCkiIGZpbGw9IiMzNDk4REIiPgogICAgICAgICAgICA8ZyBpZD0ic3VibWlzc2kwbnMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjbHlwcy0rLXB1YmxpYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk2LjAwMDAwMCwgMTkwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1cHZvdGUtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYWN0aXZlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZS05NiIgcG9pbnRzPSIxMS41IC0wLjg0MjgxNTA2OSAyMyAxNyAtNy4zMDA4MjY2MWUtMTMgMTcgIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

.vote-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDIxIDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy40LjIgKDE1ODU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5UcmlhbmdsZSA5NjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaXRlLXBhZ2VzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0ic3VibWlzc2lvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTcuMDAwMDAwLCAtMjQyLjAwMDAwMCkiIGZpbGw9IiNDOEM3QkQiPgogICAgICAgICAgICA8ZyBpZD0ic3VibWlzc2kwbnMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjbHlwcy0rLXB1YmxpYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk2LjAwMDAwMCwgMTkwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1cHZvdGUtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZGVmYXVsdCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUtOTYiIHBvaW50cz0iMTEuNSAtMC44NDI4MTUwNjkgMjMgMTcgLTcuNzg3MTA0MjllLTEzIDE3ICI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  height: 17px;
  width: 21px; }

.vote-container-disabled .vote-count.vote-count-selected,
.vote-container .vote-count.vote-count-selected {
  color: #3498db; }

.vote-count {
  font-weight: 600;
  margin-top: 4px;
  text-align: center; }

.voting-window-closed {
  font-weight: 400;
  text-align: center;
  border-radius: 4px;
  padding: 6px 10px;
  background-color: #E2665A;
  color: #FDFFFC; }

.middlelands-content-desktop {
  display: block; }

.middlelands-content-mobile {
  display: none; }

.middlelands-festival-pxl {
  background-repeat: no-repeat;
  width: 1px;
  height: 1px; }

.middlelands-festival-image-desktop {
  background-image: url(//static.clyp.it/site/images/partnerships/middlelands-festival/middlelands_2017_lu_clyp_lineup_assets_780x90_r01.jpg);
  background-repeat: no-repeat;
  width: 780px;
  height: 90px; }

.middlelands-festival-image-mobile {
  background-image: url(//static.clyp.it/site/images/partnerships/middlelands-festival/middlelands_2017_lu_clyp_lineup_assets_300x90_r01.jpg);
  background-repeat: no-repeat;
  width: 300px;
  height: 90px; }

@media screen and (max-width: 47.9375em) {
  .audio-file-list-container.voting {
    margin-left: 55px;
    margin-right: 0; }
  .middlelands-content-desktop {
    display: none; }
  .middlelands-content-mobile {
    display: block; } }