/* line 1, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-wrapper {
  position: relative;
  text-align: left;
}

/* line 6, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup {
  background: #fff;
  position: absolute;
  z-index: 200;
  right: -0.25em;
  top: 100%;
  margin-top: 0.2em;
  white-space: nowrap;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.25em 0;
  display: none;
}

/* line 20, app/assets/stylesheets/partials/share_popup.scss.erb */
.show-share-popup .share-popup {
  display: block;
}

/* line 24, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup:before, .share-popup:after {
  content: '';
  position: absolute;
  right: 0.5em;
  margin-right: -1px;
  bottom: 100%;
  border-width: 0 0.25em 0.2em 0.25em;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}

/* line 35, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup:before {
  border-color: transparent transparent #ddd transparent;
  margin-bottom: 1px;
}

/* line 40, app/assets/stylesheets/partials/share_popup.scss.erb */
.align-center .share-popup {
  right: 50%;
  transform: translateX(50%);
}

/* line 43, app/assets/stylesheets/partials/share_popup.scss.erb */
.align-center .share-popup:before, .align-center .share-popup:after {
  right: 50%;
  transform: translateX(50%);
}

/* line 49, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup a {
  color: #323235;
  display: block;
  text-decoration: none;
  padding: 0.5em 1em 0.5em 2.5em;
  background-position: 0.5em center;
  background-size: 1.66em;
  background-repeat: no-repeat;
  opacity: 0.7;
  font-size: 0.5em;
}

/* line 59, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup a:hover {
  opacity: 1;
}

/* line 65, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link {
  background-image: url(/assets/sharing/link-3e1f2f9f47ec1857a88b0f339c975ad76548428d7dcec18fd5c6f83b5794697b.svg);
  display: none;
}

/* line 68, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link .copied-text {
  display: none;
}

/* line 71, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link.is-visible {
  display: block;
}

/* line 74, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link {
  background-image: url(/assets/sharing/tick-e7fcae754e50da6e89ca399ffcdb3015b43c4e1888daed3678f9aca1b6ed8f26.svg);
}

/* line 76, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link .copy-link-text {
  display: none;
}

/* line 79, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link .copied-text {
  display: block;
}

/* line 85, app/assets/stylesheets/partials/share_popup.scss.erb */
.tumblr-share-link {
  background: url(/assets/sharing/tumblricon@2x-3255f747f9c1d56f50775eab441e6d365214fabfe720559069a9aa60a0719a55.png);
}

/* line 89, app/assets/stylesheets/partials/share_popup.scss.erb */
.facebook-share-link {
  background: url(/assets/sharing/facebookicon@2x-033c4dea5ea8b274efa2b74b4c65c1c257d5b4fbea01af52edfd6d8b14da4255.png);
}

/* line 93, app/assets/stylesheets/partials/share_popup.scss.erb */
.twitter-share-link {
  background: url(/assets/sharing/xicon@2x-5c0727fcc0d38ea8f2f2c37b0b9790fc56e5928f0ac38bd62c363885c2cab7ad.png);
}

/* line 97, app/assets/stylesheets/partials/share_popup.scss.erb */
.linkedin-share-link {
  background: url(/assets/sharing/linkedinicon@2x-0798ca336f5ee3b823eb338bb000a71789177d3b9a8c31718cd761c9c7ce418e.png);
}

/* line 101, app/assets/stylesheets/partials/share_popup.scss.erb */
.email-share-link {
  background: url(/assets/sharing/emailicon@2x-2903614920e1e355a4525808018cdf7df1e5ed3cb8ba7790048c1f56919aaa43.png);
}

/* line 105, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-button {
  display: block;
  padding: 0;
  background: transparent;
  border: none;
  font-size: inherit;
  cursor: pointer;
  width: 1em;
}

/* line 112, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-button img {
  display: block;
  width: 1em;
}

html {
    height: 100%;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #919191;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #2E2E30;
    z-index: 0;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    color: #03A9F4;
    text-decoration: none;
    font-size: 14px;
}

#background {
    width: 110%;
    height: 110%;
    position: fixed;
    top: -5%;
    left: -5%;
}

#layout {
    margin: 0 auto;
    width: 500px;
    position: relative;

}

#background {
    overflow: hidden;
    background-color: #2E2E30;
    background-image: url('https://static.pocketcasts.com/discover/images/share/background.jpg');
    background-repeat: repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 2),
all and (min-resolution: 192dpi) {
    #background {
        background-image: url('https://static.pocketcasts.com/discover/images/share/background2x.jpg');
        background-size: 600px 1200px;
    }
}

#artwork {
    top: -24px;
    width: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
}

#artwork img {
    border-radius: 4px;
    overflow: hidden;
    max-width: 200px;
    max-height: 200px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}

#content {
    margin-top: 107px;
    padding-bottom: 1px;
    width: 500px;
    background-color: #FFFFFF;
    z-index: 50;
    border-radius: 7px;
    padding-top: 200px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}

#content .section {
    padding: 0 20px;
    text-align: center;
}

#content h1 {
    color: #161616;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px;
}

#content h2 {
    color: #5D636B;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 6px;
}

#content #episode_date {
  margin: 6px;
}

#content .website {
    margin: 4px;
    word-break: break-all;
}

#content .button {
    margin: 20px;
}

#content .button a {
    color: #FFFFFF;
    background-color: #F44336;
    padding: 0 18px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    cursor: pointer; /* Safari */
    transition: background-color 0.2s, color 0.2s;
}

#content .button a:hover {
    background-color: #ff6a5d;
}

#content .button.itunes_button a {
    background-color: transparent;
    border: solid 1px #9C27B0;
    color: #9C27B0;
    width: 145px;
    text-align: center;
}

#content .button.itunes_button a:hover {
    background-color: #9C27B0;
    color: #FFFFFF;
}

#content .button.rss_button a {
    background-color: transparent;
    border: solid 1px #FF9800;
    color: #FF9800;
    width: 145px;
    text-align: center;
}

#content .button.rss_button a:hover {
    background-color: #FF9800;
    color: #FFFFFF;
}

#content .button.overcast_button a {
    background-color: transparent;
    border: solid 1px #fc7e0f;
    color: #fc7e0f;
    width: 145px;
    text-align: center;
}

#content .button.overcast_button a:hover {
    background-color: #fc7e0f;
    color: #FFFFFF;
}

#content .button.castro_button a {
    background-color: transparent;
    border: solid 1px #19af68;
    color: #19af68;
    width: 145px;
    text-align: center;
}

#content .button.castro_button a:hover {
    background-color: #19af68;
    color: #FFFFFF;
}

#content .divider {
    height: 1px;
    background-color: #EFEFEF;
    margin: 16px 0;
}

#content .show_notes {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    min-height: 50px;
}

#content .show_notes img {
    max-width: 460px;
}

#content .show_notes pre {
    white-space: pre-wrap;
}

#content .pc_logo {
    text-align: center;
    margin: 20px 0;
}

#layout.desktop .pc_logo {
    display:none;
}

#mobile_store_links {
    text-align: center;
    margin: 20px 0;
}

#mobile_store_links div {
    display: inline-block;
}

#mobile_store_links .appstore_link {
    display: none;
}

#mobile_store_links .divider {
  display: none;
}

#layout.ios #mobile_store_links .appstore_link {
    display: block;
}

#layout.ios #mobile_store_links .divider {
  display: block;
}

#mobile_store_links .playstore_link {
    margin: 0 10px;
    display: none;
}

#layout.android #mobile_store_links .playstore_link {
    display: block;
}

#layout.android #mobile_store_links .divider {
  display: block;
}

#mobile_store_links .appstore_link {
    display: none;
}

#layout.ios #mobile_store_links .appstore_link {
    display: block;
}

#mobile_store_links .windows_link {
    display: none;
}

#layout.windowsphone #mobile_store_links .windows_link {
    display: block;
}

#desktop_more_ways {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 30px;
}

#desktop_more_ways .more_ways_buttons .button {
    width: 200px;
    display: inline-block;
    padding: 0;
}

#layout.desktop #desktop_more_ways .more_ways_buttons .button {
  margin: 20px 0 0 0;
}

#desktop_more_ways .more_ways_buttons .button a {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
}

#desktop_more_ways .more_ways_title {
    color: #4D565C;
    font-size: 16px;
    padding-bottom: 10px;
}

#desktop_footer {
    display: none;
}

#layout.desktop #desktop_footer {
    display: block;
}

#footer_padding {
    display: none;
}

#layout.desktop #footer_padding {
    display: block;
}

#desktop_footer #desktop_footer_logo {
    margin-top: 16px;
    display: inline-block;
}

#desktop_store_links {
    margin-top: 10px;
    margin-bottom: 32px
}

#desktop_store_links {
    font-size: 12px;
    float: right;
    margin-top: 16px;
}

#desktop_store_links .links_title, #desktop_store_links img {
    vertical-align: middle;
}

#desktop_store_links a {
    color: #919195;
    font-weight: 400; /* Safari */
    transition: color 0.5s;
    cursor: pointer;
    padding-left: 20px;
}

#desktop_store_links a img { /* Safari */
    transition: opacity 0.5s;
    opacity: 0.5;
}

#desktop_store_links a:hover img {
    opacity: 1;
}

#footer_padding {
    height: 60px;
}

#video_player {
    width: 460px;
}

#video_player_panel {
    text-align: center;
}

#player_button_wrapper {
    height: 80px;
    width: 92px;
    position: relative;
    display: inline-block;
    float: left;
}

#player_button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5X3NtYWxsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXlfc21hbGwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjUsNDkuMzMzMzMzMyBDMzguNDM4OTI4OSw0OS4zMzMzMzMzIDQ5LjMzMzMzMzMsMzguNDM4OTI4OSA0OS4zMzMzMzMzLDI1IEM0OS4zMzMzMzMzLDExLjU2MTA3MTEgMzguNDM4OTI4OSwwLjY2NjY2NjY2NyAyNSwwLjY2NjY2NjY2NyBDMTEuNTYxMDcxMSwwLjY2NjY2NjY2NyAwLjY2NjY2NjY2NywxMS41NjEwNzExIDAuNjY2NjY2NjY3LDI1IEMwLjY2NjY2NjY2NywzOC40Mzg5Mjg5IDExLjU2MTA3MTEsNDkuMzMzMzMzMyAyNSw0OS4zMzMzMzMzIEwyNSw0OS4zMzMzMzMzIFogTTI1LDQ3LjMzMzMzMzMgQzEyLjY2NTY0MDYsNDcuMzMzMzMzMyAyLjY2NjY2NjY3LDM3LjMzNDM1OTQgMi42NjY2NjY2NywyNSBDMi42NjY2NjY2NywxMi42NjU2NDA2IDEyLjY2NTY0MDYsMi42NjY2NjY2NyAyNSwyLjY2NjY2NjY3IEMzNy4zMzQzNTk0LDIuNjY2NjY2NjcgNDcuMzMzMzMzMywxMi42NjU2NDA2IDQ3LjMzMzMzMzMsMjUgQzQ3LjMzMzMzMzMsMzcuMzM0MzU5NCAzNy4zMzQzNTk0LDQ3LjMzMzMzMzMgMjUsNDcuMzMzMzMzMyBMMjUsNDcuMzMzMzMzMyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTIwLDM0LjIxMDUyNjMgTDIwLDE2LjA1MjYzMTYgTDM1LDI1LjEzMTU3ODkgTDIwLDM0LjIxMDUyNjMgWiIgaWQ9IlRyaWFuZ2xlLTEiIHN0cm9rZT0iI0Y0NDMzNiIgc3Ryb2tlLXdpZHRoPSIzLjMzMzMzMzMzIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 15px;
    left: 22px;
    cursor: pointer;
}

#player_button:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5X3NtYWxsX2hvdmVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXlfc21hbGxfaG92ZXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTM2IiBvcGFjaXR5PSIwLjEiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGN4PSIyNSIgY3k9IjI1IiByPSIyMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTI1LDQ5LjMzMzMzMzMgQzM4LjQzODkyODksNDkuMzMzMzMzMyA0OS4zMzMzMzMzLDM4LjQzODkyODkgNDkuMzMzMzMzMywyNSBDNDkuMzMzMzMzMywxMS41NjEwNzExIDM4LjQzODkyODksMC42NjY2NjY2NjcgMjUsMC42NjY2NjY2NjcgQzExLjU2MTA3MTEsMC42NjY2NjY2NjcgMC42NjY2NjY2NjcsMTEuNTYxMDcxMSAwLjY2NjY2NjY2NywyNSBDMC42NjY2NjY2NjcsMzguNDM4OTI4OSAxMS41NjEwNzExLDQ5LjMzMzMzMzMgMjUsNDkuMzMzMzMzMyBMMjUsNDkuMzMzMzMzMyBaIE0yNSw0Ny4zMzMzMzMzIEMxMi42NjU2NDA2LDQ3LjMzMzMzMzMgMi42NjY2NjY2NywzNy4zMzQzNTk0IDIuNjY2NjY2NjcsMjUgQzIuNjY2NjY2NjcsMTIuNjY1NjQwNiAxMi42NjU2NDA2LDIuNjY2NjY2NjcgMjUsMi42NjY2NjY2NyBDMzcuMzM0MzU5NCwyLjY2NjY2NjY3IDQ3LjMzMzMzMzMsMTIuNjY1NjQwNiA0Ny4zMzMzMzMzLDI1IEM0Ny4zMzMzMzMzLDM3LjMzNDM1OTQgMzcuMzM0MzU5NCw0Ny4zMzMzMzMzIDI1LDQ3LjMzMzMzMzMgTDI1LDQ3LjMzMzMzMzMgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzNC4yMTA1MjYzIEwyMCwxNi4wNTI2MzE2IEwzNSwyNS4xMzE1Nzg5IEwyMCwzNC4yMTA1MjYzIFoiIGlkPSJUcmlhbmdsZS0xIiBzdHJva2U9IiNGNDQzMzYiIHN0cm9rZS13aWR0aD0iMy4zMzMzMzMzMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

#player_button.pause {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZV9zbWFsbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZV9zbWFsbCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNSw0OS4zMzMzMzMzIEMzOC40Mzg5Mjg5LDQ5LjMzMzMzMzMgNDkuMzMzMzMzMywzOC40Mzg5Mjg5IDQ5LjMzMzMzMzMsMjUgQzQ5LjMzMzMzMzMsMTEuNTYxMDcxMSAzOC40Mzg5Mjg5LDAuNjY2NjY2NjY3IDI1LDAuNjY2NjY2NjY3IEMxMS41NjEwNzExLDAuNjY2NjY2NjY3IDAuNjY2NjY2NjY3LDExLjU2MTA3MTEgMC42NjY2NjY2NjcsMjUgQzAuNjY2NjY2NjY3LDM4LjQzODkyODkgMTEuNTYxMDcxMSw0OS4zMzMzMzMzIDI1LDQ5LjMzMzMzMzMgTDI1LDQ5LjMzMzMzMzMgWiBNMjUsNDcuMzMzMzMzMyBDMTIuNjY1NjQwNiw0Ny4zMzMzMzMzIDIuNjY2NjY2NjcsMzcuMzM0MzU5NCAyLjY2NjY2NjY3LDI1IEMyLjY2NjY2NjY3LDEyLjY2NTY0MDYgMTIuNjY1NjQwNiwyLjY2NjY2NjY3IDI1LDIuNjY2NjY2NjcgQzM3LjMzNDM1OTQsMi42NjY2NjY2NyA0Ny4zMzMzMzMzLDEyLjY2NTY0MDYgNDcuMzMzMzMzMywyNSBDNDcuMzMzMzMzMywzNy4zMzQzNTk0IDM3LjMzNDM1OTQsNDcuMzMzMzMzMyAyNSw0Ny4zMzMzMzMzIEwyNSw0Ny4zMzMzMzMzIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuNTAwNjU4OCwzNC42NzI1NDMxIEwyMS43NzY1OTE0LDM0LjY3MjU0MzEgTDIxLjc3NjU5MTQsMTUuMzI3NDU2OSBMMTYuNTAwNjU4OCwxNS4zMjc0NTY5IEwxNi41MDA2NTg4LDM0LjY3MjU0MzEgTDE2LjUwMDY1ODgsMzQuNjcyNTQzMSBaIE0yOC4yMjM0MDg2LDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMzQuNjcyNTQzMSBMMzMuNDk5MzQxMiwzNC42NzI1NDMxIEwzMy40OTkzNDEyLDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMTUuMzI3NDU2OSBMMjguMjIzNDA4NiwxNS4zMjc0NTY5IFoiIGlkPSJTaGFwZS1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

#player_button.pause:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZV9zbWFsbF9ob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZV9zbWFsbF9ob3ZlciIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzYiIG9wYWNpdHk9IjAuMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY3g9IjI1IiBjeT0iMjUiIHI9IjIyLjUiPjwvY2lyY2xlPgogICAgICAgICAgICA8cGF0aCBkPSJNMjUsNDkuMzMzMzMzMyBDMzguNDM4OTI4OSw0OS4zMzMzMzMzIDQ5LjMzMzMzMzMsMzguNDM4OTI4OSA0OS4zMzMzMzMzLDI1IEM0OS4zMzMzMzMzLDExLjU2MTA3MTEgMzguNDM4OTI4OSwwLjY2NjY2NjY2NyAyNSwwLjY2NjY2NjY2NyBDMTEuNTYxMDcxMSwwLjY2NjY2NjY2NyAwLjY2NjY2NjY2NywxMS41NjEwNzExIDAuNjY2NjY2NjY3LDI1IEMwLjY2NjY2NjY2NywzOC40Mzg5Mjg5IDExLjU2MTA3MTEsNDkuMzMzMzMzMyAyNSw0OS4zMzMzMzMzIEwyNSw0OS4zMzMzMzMzIFogTTI1LDQ3LjMzMzMzMzMgQzEyLjY2NTY0MDYsNDcuMzMzMzMzMyAyLjY2NjY2NjY3LDM3LjMzNDM1OTQgMi42NjY2NjY2NywyNSBDMi42NjY2NjY2NywxMi42NjU2NDA2IDEyLjY2NTY0MDYsMi42NjY2NjY2NyAyNSwyLjY2NjY2NjY3IEMzNy4zMzQzNTk0LDIuNjY2NjY2NjcgNDcuMzMzMzMzMywxMi42NjU2NDA2IDQ3LjMzMzMzMzMsMjUgQzQ3LjMzMzMzMzMsMzcuMzM0MzU5NCAzNy4zMzQzNTk0LDQ3LjMzMzMzMzMgMjUsNDcuMzMzMzMzMyBMMjUsNDcuMzMzMzMzMyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE2LjUwMDY1ODgsMzQuNjcyNTQzMSBMMjEuNzc2NTkxNCwzNC42NzI1NDMxIEwyMS43NzY1OTE0LDE1LjMyNzQ1NjkgTDE2LjUwMDY1ODgsMTUuMzI3NDU2OSBMMTYuNTAwNjU4OCwzNC42NzI1NDMxIEwxNi41MDA2NTg4LDM0LjY3MjU0MzEgWiBNMjguMjIzNDA4NiwxNS4zMjc0NTY5IEwyOC4yMjM0MDg2LDM0LjY3MjU0MzEgTDMzLjQ5OTM0MTIsMzQuNjcyNTQzMSBMMzMuNDk5MzQxMiwxNS4zMjc0NTY5IEwyOC4yMjM0MDg2LDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMTUuMzI3NDU2OSBaIiBpZD0iU2hhcGUtQ29weSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

#process_bar {
    width: auto;
    height: 52px;
    margin-left: 92px;
    margin-right: 20px;
    position: relative;
    padding-top: 25px;
}

#slider_progress {
    height: 12px;
}

#process_bar #slider_progress {
    cursor: pointer;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 2px 12px;
    background-position: center top;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsbD0iI0Q4RDhEOCIgLz4KPC9zdmc+);
}

#slider_progress.ui-widget-content {
    border: none;
}

#process_bar #slider_progress .ui-slider-range:last-child {
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 2px 12px;
    background-position: center top;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsbD0iI0Y0NDMzNiIgLz4KPC9zdmc+);
}

#slider_progress .ui-slider-handle {
    top: -6px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline: none;
    height: 24px;
    width: 24px;
    border-width: 0;
    background-color: transparent;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2MCIgY3k9IjYwIiByPSI2MCIgZmlsbD0iI0Y0NDMzNiIvPgo8L3N2Zz4=);
}

#current_time, #duration_time {
    vertical-align: middle;
    z-index: 100;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size: 11px;
    pointer-events: none;
    top: 48px;
    letter-spacing: 0;
    color: #919195;
    font-family: 'Droid Sans Mono', "Lucida Console", Monaco, monospace;
}

#current_time {
    position: absolute;
}

#duration_time {
    position: absolute;
    right: 0;
}

.clear {
    clear: both;
}

@media screen and (max-width: 500px) {
    html {
        -webkit-text-size-adjust: none;
    }
    body {
        background-color: #FFF;
    }
    #artwork {
        /*top: 20px;*/
    }
    #layout {
        width: 100%;
        position: relative;
    }
    #content {
        margin-top: 55px;
        width: 100%;
        box-shadow: none;
        margin-bottom: 20px;
    }
    #content .show_notes img {
        max-width: 100%;
    }
    #background {
        width: 100%;
        background-color: #FFF;
        background-image: none;
    }
    p {
        margin: 0;
    }
    #video_player {
        width: 100%;
    }
    #player_content {
        text-align: center;
    }

    #player_button_wrapper {
        float: none;
    }

    #player_button, #player_button:hover {
        position: relative;
        top: 10px;
        left: 0;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg3cHgiIGhlaWdodD0iODdweCIgdmlld0JveD0iMCAwIDg3IDg3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXkiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8cGF0aCBkPSJNNDMuNSw4NSBMNDMuNSw4NSBDNjYuNDE5ODE3MSw4NSA4NSw2Ni40MTk4MTcxIDg1LDQzLjUgQzg1LDIwLjU4MDE4MjkgNjYuNDE5ODE3MSwyIDQzLjUsMiBDMjAuNTgwMTgyOSwyIDIsMjAuNTgwMTgyOSAyLDQzLjUgQzIsNjYuNDE5ODE3MSAyMC41ODAxODI5LDg1IDQzLjUsODUgTDQzLjUsODUgWiBNNDMuNSw4NyBMNDMuNSw4NyBDMTkuNDc1NjEzNCw4NyAwLDY3LjUyNDM4NjYgMCw0My41IEMwLDE5LjQ3NTYxMzQgMTkuNDc1NjEzNCwwIDQzLjUsMCBDNjcuNTI0Mzg2NiwwIDg3LDE5LjQ3NTYxMzQgODcsNDMuNSBDODcsNjcuNTI0Mzg2NiA2Ny41MjQzODY2LDg3IDQzLjUsODcgTDQzLjUsODcgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMi45OTc4MzU1LDI0LjUgTDMyLjk5NzgzNTUsNjIuNSBMNjMuNDMwNzM1OSw0My41IEwzMi45OTc4MzU1LDI0LjUgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        background-size: 87px;
        height: 87px;
        width: 87px;
    }

    #desktop_store_links {
        display: none;
    }

    #desktop_more_ways .more_ways_buttons .button {
        margin-bottom: 10px;
    }

    #player_button.pause, #player_button.pause:hover {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg3cHgiIGhlaWdodD0iODdweCIgdmlld0JveD0iMCAwIDg3IDg3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00My41LDg1IEw0My41LDg1IEM2Ni40MTk4MTcxLDg1IDg1LDY2LjQxOTgxNzEgODUsNDMuNSBDODUsMjAuNTgwMTgyOSA2Ni40MTk4MTcxLDIgNDMuNSwyIEMyMC41ODAxODI5LDIgMiwyMC41ODAxODI5IDIsNDMuNSBDMiw2Ni40MTk4MTcxIDIwLjU4MDE4MjksODUgNDMuNSw4NSBMNDMuNSw4NSBaIE00My41LDg3IEw0My41LDg3IEMxOS40NzU2MTM0LDg3IDAsNjcuNTI0Mzg2NiAwLDQzLjUgQzAsMTkuNDc1NjEzNCAxOS40NzU2MTM0LDAgNDMuNSwwIEM2Ny41MjQzODY2LDAgODcsMTkuNDc1NjEzNCA4Nyw0My41IEM4Nyw2Ny41MjQzODY2IDY3LjUyNDM4NjYsODcgNDMuNSw4NyBMNDMuNSw4NyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTI5LjAwMTMxNzYsNjAgTDM4LjAwMTMxNzYsNjAgTDM4LjAwMTMxNzYsMjcgTDI5LjAwMTMxNzYsMjcgTDI5LjAwMTMxNzYsNjAgTDI5LjAwMTMxNzYsNjAgWiBNNDguOTk4NjgyNCwyNyBMNDguOTk4NjgyNCw2MCBMNTcuOTk4NjgyNCw2MCBMNTcuOTk4NjgyNCwyNyBMNDguOTk4NjgyNCwyNyBMNDguOTk4NjgyNCwyNyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    }

    #process_bar {
        margin-left: 20px
    }
}

/* BUTTONS */

#content .open-button {
    margin-top: 30px;
}

#content .button-bar {
    margin: 0 auto 4px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .download-button {
    background-image: url(/assets/sharing/downloadbutton@2x-534be2ff7aad40fb33910ed38bae5264ac2fd394041d0afca73953c8be350a0a.png);
    background-size: 100% 100%;
    width: 39px;
    height: 39px;
    display: none;
    margin-right: 1.5em;
}

#layout.desktop .download-button {
    display: block;
}

.share-wrapper {
    font-size: 39px;
}

.share-wrapper a {
    font-size: 14px;
}