.sol-player {
    /*max-width: 300px;*/
    min-width: 300px;
    max-width: 500px;
    margin: 0 auto;
}
.sol-player-box {
    height: 86px;
    border-radius: 6px 6px 6px 6px;
    padding: 6px;
}
.sol-player-plug {
    margin-left: 27px;
}
.sol-player-plug img {
    vertical-align: bottom;
}
.sol-player-podcast-img {
    height: 86px;
    float: left;
}
@media (max-width:320px) {
    .sol-player-podcast-img {
        display: none;
    }
    .sol-player-share-code-iframe{
        font-size: 9px !important;
    }
}
.sol-player-podcast-info {
    height: 86px;
    padding-left: 8px;
    float: none;
    overflow: hidden;
}
.sol-player-row-logo-progress {
    height: 20px;
}
.sol-player-radio-logo {
    float: left;
}
.sol-player-progress-bar {
    float: none;
    overflow: hidden;
    padding: 5px 10px;
}
.jp-duration {
    font-family: 'ElementalEnd', sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    color: white;
}
.jp-progress {
    height: 3px;
    background-color: white;
    border-radius: 1px;
    border-color: rgba(0,0,0,0.2);
    border-width: 1px;
    border-style: solid;
}
.jp-play-bar {
    height: 2px;
    background-color: #999999;
}
.sol-player-podcast-title-indent {
    float: left;
    color: white;
    padding-right: 4px;
    height: 56px;
}
.sol-player-podcast-title-indent img {
    height: initial;
}
.sol-player-row-indent-title-play-pause {
    padding: 4px;    
}
.sol-player-row-title-play-pause {
    float: none;
    overflow: hidden;
    padding: 0px;
}
.sol-player-podcast-title {
    color: white;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 12px;
    float: none;
    overflow: hidden;
}
.sol-player-play-pause {
    float: right;
}
.sol-player-play-btn, .sol-player-pause-btn {
    width: 56px;
    height: 56px;
}
.sol-player-play-btn i, .sol-player-pause-btn i {
    line-height: 0.9em;
    color: white;
}
.sol-player-pause-btn {
    display: none;
}
.sol-player-share {
    float: right;
    margin-top: 10px;
    margin-left: 5px;
}
.sol-player-share-btn {
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.sol-player-row-align-right {
    display: block;
    width: 100%;
    position: relative;
    top: -52px;
    text-align: right;
}
.sol-player-inline-block {
    display: inline-block;
}
.sol-player-share-toolbar {
    text-align: left;
    background-color: rgba(20,20,20,0.8);
    width: 240px;
    height: 30px;
    position: relative;
    right: 10px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 17px;
    display: none;
}
/*
@media (max-width:320px) {
    .sol-player-share-toolbar {
        left: 55px;
    }
}
*/
.circle {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    cursor: pointer;
}
.circle-facebook {
    color: white;
    background-color: #35528f;
}
.circle-twitter {
    color: white;
    background-color: #3ba9db;
}
.circle-linkedin {
    color: white;
    background-color: #0070b0;
}
.circle-whatsapp {
    color: white;
    background-color: #09D261;
    font-size: 1.2em;
}
.whatsapp-item {
    display: none !important;
}
.circle-google-plus {
    color: white;
    font-weight: bold;
    background-color: #ee4136;
}
.circle-email {
    color: white;
    font-weight: bold;
    background-color: #92278f;
}
.circle-code {
    color:white;
    font-weight: bold;
    background-color: #f05a23;
}
.sol-player-share-code {
    position: relative;
    top: -119px;
    background-color: #707070;
    display: none;
}
.sol-player-share-code-header {
    background-color: black;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-family: sans-serif;
    font-size: 9px;
    margin: 0px;
}
.sol-player-share-code-iframe {
    font-family: sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 10px;
    color: white;
}
.sol-player-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005b28+0,2e7d5b+36,769f6d+100 */
background: #005b28; /* Old browsers */
background: -moz-linear-gradient(45deg, #005b28 0%, #2e7d5b 36%, #769f6d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#005b28), color-stop(36%,#2e7d5b), color-stop(100%,#769f6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #005b28 0%,#2e7d5b 36%,#769f6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #005b28 0%,#2e7d5b 36%,#769f6d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #005b28 0%,#2e7d5b 36%,#769f6d 100%); /* IE10+ */
background: linear-gradient(45deg, #005b28 0%,#2e7d5b 36%,#769f6d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b28', endColorstr='#769f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@keyframes wobble {
  16.65% {
    -webkit-transform: rotate(32deg);
    -ms-transform: rotate(32deg);
    transform: rotate(32deg);
  }
  33.3% {
    -webkit-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }
  49.95% {
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  66.6% {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  83.25% {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}

.wobble {
  display: inline-block;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.wobble:hover {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
    font-family: 'ElementalEnd';
    font-style: normal;
    font-weight: normal;
    src: local('ElementalEnd'), url('../../fonts/ElementalEnd.woff') format('woff');
}


@font-face {
    font-family: 'ElementalEnd Italic';
    font-style: normal;
    font-weight: normal;
    src: local('ElementalEnd Italic'), url('../../fonts/ElementalEnd-Italic.woff') format('woff');
}