.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//rajivmusic.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//rajivmusic.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//rajivmusic.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}@font-face {
font-family: "themicons";
src: url(//rajivmusic.com/wp-content/plugins/billboard/assets/fonts/themicons.woff2) format("woff2"),
url(//rajivmusic.com/wp-content/plugins/billboard/assets/fonts/themicons.woff) format("woff"),
url(//rajivmusic.com/wp-content/plugins/billboard/assets/fonts/themicons.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
.themicon {
display: inline-block;
font-family: "themicons";
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-decoration: inherit;
text-transform: none;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.themicon-amazon:before { content: "\f100";}
.themicon-apple:before { content: "\f101";}
.themicon-arrow-down:before { content: "\f200";}
.themicon-arrow-left:before { content: "\f201";}
.themicon-arrow-right:before { content: "\f202";}
.themicon-arrow-up:before { content: "\f203";}
.themicon-bandcamp:before { content: "\f102";}
.themicon-calendar:before { content: "\f21a";}
.themicon-cancel:before { content: "\f215";}
.themicon-caret-down:before { content: "\f204";}
.themicon-caret-left:before { content: "\f205";}
.themicon-caret-right:before { content: "\f206";}
.themicon-caret-up:before { content: "\f207";}
.themicon-cart:before { content: "\f218";}
.themicon-category:before { content: "\f21b";}
.themicon-cd-baby:before { content: "\f11c";}
.themicon-chevron-down:before { content: "\f208";}
.themicon-chevron-left:before { content: "\f209";}
.themicon-chevron-right:before { content: "\f20a";}
.themicon-chevron-up:before { content: "\f20b";}
.themicon-close:before { content: "\f20c";}
.themicon-comment:before { content: "\f219";}
.themicon-edit:before { content: "\f21f";}
.themicon-ellipsis:before { content: "\f220";}
.themicon-error:before { content: "\f216";}
.themicon-external:before { content: "\f20d";}
.themicon-facebook-alt:before { content: "\f104";}
.themicon-facebook:before { content: "\f103";}
.themicon-fast-forward:before { content: "\f150";}
.themicon-feed:before { content: "\f20e";}
.themicon-flickr:before { content: "\f105";}
.themicon-format-aside:before { content: "\f1d0";}
.themicon-format-audio:before { content: "\f1d1";}
.themicon-format-chat:before { content: "\f1d2";}
.themicon-format-gallery:before { content: "\f1d3";}
.themicon-format-image:before { content: "\f1d4";}
.themicon-format-link:before { content: "\f1d5";}
.themicon-format-quote:before { content: "\f1d6";}
.themicon-format-standard:before { content: "\f1d7";}
.themicon-format-status:before { content: "\f1d8";}
.themicon-format-video:before { content: "\f1d9";}
.themicon-github:before { content: "\f11b";}
.themicon-googleplay-alt:before { content: "\f107";}
.themicon-googleplay:before { content: "\f106";}
.themicon-googleplus:before { content: "\f108";}
.themicon-instagram:before { content: "\f109";}
.themicon-kebab:before { content: "\f221";}
.themicon-lastfm:before { content: "\f10a";}
.themicon-link-alt:before { content: "\f210";}
.themicon-link:before { content: "\f20f";}
.themicon-linkedin:before { content: "\f10b";}
.themicon-loading:before { content: "\f217";}
.themicon-loop:before { content: "\f15a";}
.themicon-mail:before { content: "\f211";}
.themicon-menu:before { content: "\f212";}
.themicon-minus:before { content: "\f118";}
.themicon-pause:before { content: "\f151";}
.themicon-person:before { content: "\f213";}
.themicon-pinterest:before { content: "\f10c";}
.themicon-play:before { content: "\f152";}
.themicon-playlist:before { content: "\f153";}
.themicon-plus:before { content: "\f119";}
.themicon-rdio:before { content: "\f10d";}
.themicon-repeat:before { content: "\f15b";}
.themicon-restore:before { content: "\f214";}
.themicon-reverbnation:before { content: "\f10e";}
.themicon-rewind:before { content: "\f154";}
.themicon-search:before { content: "\f21d";}
.themicon-share-alt:before { content: "\f110";}
.themicon-share:before { content: "\f10f";}
.themicon-shuffle:before { content: "\f15c";}
.themicon-skip-ahead:before { content: "\f155";}
.themicon-skip-back:before { content: "\f156";}
.themicon-soundcloud:before { content: "\f111";}
.themicon-spotify:before { content: "\f112";}
.themicon-stop:before { content: "\f157";}
.themicon-tag:before { content: "\f21c";}
.themicon-tidal:before { content: "\f11d";}
.themicon-time:before { content: "\f21e";}
.themicon-tumblr:before { content: "\f113";}
.themicon-twitter:before { content: "\f114";}
.themicon-vimeo:before { content: "\f115";}
.themicon-vine:before { content: "\f11a";}
.themicon-volume-off:before { content: "\f158";}
.themicon-volume-on:before { content: "\f159";}
.themicon-wordpress:before { content: "\f116";}
.themicon-youtube:before { content: "\f117";}.billboard-social-navigation a:before, .cue-skin-billboard.mejs-container .mejs-controls .mejs-button button:before {
display: inline-block;
font-family: "themicons";
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
-webkit-transition: color .1s ease-in 0;
transition: color .1s ease-in 0;
vertical-align: top;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; }  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block; } audio,
canvas,
progress,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } progress {
vertical-align: baseline; } template,
[hidden] {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline-width: 0; }  abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background-color: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px; } hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; } optgroup {
font-weight: bold; } button,
input,
select { overflow: visible; } button,
input,
select,
textarea { margin: 0; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer; } [disabled] {
cursor: default; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } body {
color: #fefefe;
font-family: "Roboto", sans-serif;
font-size: 15px;
line-height: 1.7; }
button,
input,
select,
textarea,
.button {
font-family: "Roboto", sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Roboto", sans-serif;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale; }
h1 {
font-size: 3rem;
font-weight: 300;
line-height: 1.333;
margin: 0 0 1em 0; }
h2 {
font-size: 2.4rem;
line-height: 1.25;
margin: 1em 0; }
h3 {
font-size: 2rem;
line-height: 1.25;
margin: 1.3333333333em 0; }
h4 {
font-size: 1.5rem;
letter-spacing: 0.1em;
line-height: 1.25;
margin: 1.3333333333em 0;
text-transform: uppercase; }
h5 {
font-size: 1.3rem;
letter-spacing: 0.1em;
line-height: 1.25;
margin: 1.3333333333em 0;
text-transform: uppercase; }
h6 {
font-size: 1.1rem;
letter-spacing: 0.1em;
line-height: 1.25;
margin: 1.8181818182em 0;
text-transform: uppercase; }
b,
strong {
font-weight: 700; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
border: solid #dedede;
border-width: 1px 0;
margin-right: 0;
margin-bottom: 1.7em;
margin-left: 0;
padding: 1.3333333333em; }
blockquote blockquote {
border-width: 0;
padding-top: 0;
padding-bottom: 0; }
blockquote p:last-child {
margin-bottom: 0; }
blockquote cite,
blockquote small {
color: #fefefe;
font-size: 1.5rem; }
blockquote cite {
display: block;
margin-top: 0.6666666667em; }
address {
font-style: italic;
margin: 0 0 1.7em; }
code,
kbd,
tt,
var,
samp,
pre {
font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #dedede;
line-height: 1.2;
margin-bottom: 1.7em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
abbr[title] {
border-bottom: 1px dotted #dedede;
cursor: help; }
mark,
ins {
background-color: #fff9c0;
text-decoration: none; }
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
bottom: 1ex; }
sub {
top: .5ex; }
small {
font-size: 75%; }
big {
font-size: 125%; }
@media only screen and (min-width: 768px) {
h1 {
font-size: 4.5rem;
margin-bottom: 0.4444444444em; } } *,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit; }
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
overflow-y: scroll; }
body {
background-color: #000; }
a {
color: inherit; }
hr {
background-color: #dedede;
border: 0;
height: 1px;
margin-bottom: 1.7em; }
p {
margin: 0 0 1.7em; }
ul,
ol {
margin: 0 1.7em; }
ul {
list-style-type: disc; }
ol {
list-style-type: decimal; }
ul ul {
padding-left: 1em; }
ol ol {
padding-left: 1.3333em; }
ul ul,
ol ul {
list-style-type: circle; }
ul ol,
ol ol {
list-style-type: lower-alpha; }
ol ol ol {
list-style-type: decimal; }
ul ul,
ul ol,
ol ol,
ol ul {
font-size: inherit;
margin: 0.33333em 0; }
ul ul,
ol ul {
padding-left: 1em; }
ul ol,
ol ol {
padding-left: 1.44444em; }
dl {
margin: 0 0 1.7em; }
dt {
font-weight: 700; }
li,
dd {
margin-bottom: 0.1960784314em; }
dd {
margin-left: 0; }
table {
border-collapse: separate;
border-spacing: 0;
border-width: 0;
margin: 0 0 1.7em;
width: 100%; }
caption {
font-weight: 700;
text-align: left; }
th {
font-weight: 700; }
td {
font-weight: 400; }
th, td {
border: solid #dedede;
border-width: 0 0 1px;
padding: 0.6666666667em 0;
text-align: left; }
fieldset {
border-width: 0;
clear: both;
margin: 0 0 3.4em;
padding: 0; }
fieldset > :last-child {
margin-bottom: 0; }
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle; }
figure {
margin: 0; }
del {
opacity: 0.8; }
::-webkit-input-placeholder {
color: #ababab; }
:-moz-placeholder {
color: #ababab; }
::-moz-placeholder {
color: #ababab;
opacity: 1; }
:-ms-input-placeholder {
color: #ababab; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
background-color: rgba(255, 255, 255, 0);
border: 2px solid #fff;
border-radius: 1px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.1rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
margin-top: 0.7692307692em;
margin-right: 0.3846153846em;
margin-left: 0.3846153846em;
padding: 0.6923076923em 1.5384615385em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s; }
button:focus, button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
background-color: white;
color: #333; }
@media only screen and (min-width: 768px) {
button + button,
input[type="button"] + button,
input[type="reset"] + button,
input[type="submit"] + button,
.button + button, button +
input[type="button"],
input[type="button"] +
input[type="button"],
input[type="reset"] +
input[type="button"],
input[type="submit"] +
input[type="button"],
.button +
input[type="button"], button +
input[type="reset"],
input[type="button"] +
input[type="reset"],
input[type="reset"] +
input[type="reset"],
input[type="submit"] +
input[type="reset"],
.button +
input[type="reset"], button +
input[type="submit"],
input[type="button"] +
input[type="submit"],
input[type="reset"] +
input[type="submit"],
input[type="submit"] +
input[type="submit"],
.button +
input[type="submit"], button +
.button,
input[type="button"] +
.button,
input[type="reset"] +
.button,
input[type="submit"] +
.button,
.button +
.button {
margin-top: 0;
margin-right: 0;
margin-left: 0.7692307692em; } }
.mejs-offscreen,
.screen-reader-text,
#wpstats {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.billboard-logo {
margin-bottom: 30px; }
.billboard-title {
font-size: 3rem;
font-weight: 300;
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 0.1em;
text-transform: uppercase; }
.billboard-title:empty {
display: none; }
.billboard-tagline {
margin-bottom: 30px; } .billboard-social-navigation {
font-family: sans-serif; }
.billboard-social-navigation li {
display: inline-block;
margin: 0;
min-width: 30px; }
.billboard-social-navigation ul {
display: block;
line-height: 1;
list-style: none;
margin: 0;
padding: 0; }
.billboard-social-navigation a {
color: #fff;
display: block;
text-decoration: none;
line-height: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
.billboard-social-navigation a:before {
content: "\f10f";
font-size: 24px;
text-align: right; }
.billboard-social-navigation a:focus, .billboard-social-navigation a:hover {
opacity: 0.8;
text-decoration: none; }
.billboard-social-navigation a[href*="amazon.com"]:before {
content: "\f100"; }
.billboard-social-navigation a[href*="apple.com"]:before,
.billboard-social-navigation a[href*="itunes.com"]:before {
content: "\f101"; }
.billboard-social-navigation a[href*="bandcamp.com"]:before {
content: "\f102"; }
.billboard-social-navigation a[href*="cdbaby.com"]:before {
content: "\f11c"; }
.billboard-social-navigation a[href*="facebook.com"]:before {
content: "\f103"; }
.billboard-social-navigation a[href*="/feed/"]:before,
.billboard-social-navigation .icon-feed a:before {
content: "\f20e"; }
.billboard-social-navigation a[href*="flickr.com"]:before {
content: "\f105"; }
.billboard-social-navigation a[href*="github.com"]:before {
content: "\f11b"; }
.billboard-social-navigation a[href*="play.google.com"]:before {
content: "\f106"; }
.billboard-social-navigation a[href*="plus.google.com"]:before,
.billboard-social-navigation a[href*="profiles.google.com"]:before {
content: "\f108"; }
.billboard-social-navigation a[href*="instagram.com"]:before {
content: "\f109"; }
.billboard-social-navigation a[href*="last.fm"]:before {
content: "\f10a"; }
.billboard-social-navigation a[href*="linkedin.com"]:before {
content: "\f10b"; }
.billboard-social-navigation a[href*="mailto"]:before {
content: "\f211"; }
.billboard-social-navigation a[href*="pinterest.com"]:before {
content: "\f10c"; }
.billboard-social-navigation a[href*="rdio.com"]:before {
content: "\f10d"; }
.billboard-social-navigation a[href*="reverbnation.com"]:before {
content: "\f10e"; }
.billboard-social-navigation a[href*="soundcloud.com"]:before {
content: "\f111"; }
.billboard-social-navigation a[href*="spotify.com"]:before {
content: "\f112"; }
.billboard-social-navigation a[href*="tidal.com"]:before {
content: "\f11d"; }
.billboard-social-navigation a[href*="tumblr.com"]:before {
content: "\f113"; }
.billboard-social-navigation a[href*="twitter.com"]:before {
content: "\f114"; }
.billboard-social-navigation a[href*="vimeo.com"]:before {
content: "\f115"; }
.billboard-social-navigation a[href*="wordpress.org"]:before,
.billboard-social-navigation a[href*="wordpress.com"]:before {
content: "\f116"; }
.billboard-social-navigation a[href*="youtube.com"]:before {
content: "\f117"; }
@media only screen and (min-width: 768px) {
.billboard-social-navigation li {
min-width: 40px; } }
.cue-audio {
display: none; }
.billboard-player > svg {
display: none; }
.billboard-player.is-loading {
display: none; }
.billboard-player {
background: transparent; }
.billboard-player:after {
background: rgba(0, 0, 0, 0.85); }
.billboard-player .cue-button {
border-color: #fefefe;
color: #fefefe; }
.billboard-player .cue-track {
color: #fefefe;
-webkit-transition: background 0.2s;
transition: background 0.2s; }
.billboard-player .cue-track:hover, .billboard-player .cue-track.is-current {
background: rgba(255, 255, 255, 0.05); }
.billboard-player .cue-track-cell,
.billboard-player .cue-track:before {
border-color: rgba(255, 255, 255, 0.2);
opacity: 0.8; }
.cue-skin-billboard.mejs-container .mejs-layers {
color: #fefefe;
opacity: 0.8; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button button {
color: #fefefe;
opacity: 0.8; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button button:hover,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button:hover,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button:hover,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button button:hover,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button button:hover {
color: #fefefe;
opacity: 1; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: rgba(255, 255, 255, 0.8); }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgba(255, 255, 255, 0.15); }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: transparent;
-webkit-box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
-webkit-transition: -webkit-box-shadow 0.25s ease-out;
transition: -webkit-box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover {
-webkit-box-shadow: inset 0 8px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 8px rgba(255, 255, 255, 0.3); }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
color: #fefefe; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time span {
color: #fefefe;
opacity: 0.8; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
background: #000; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: rgba(255, 255, 255, 0.2); }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #fefefe; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
background: #fefefe; }
.cue-skin-billboard.mejs-container {
background: transparent;
font-family: "Roboto", sans-serif;
line-height: 76px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.cue-skin-billboard.mejs-container .mejs-layers {
position: absolute;
top: 0;
right: 52px;
bottom: 0;
left: 52px; }
.cue-skin-billboard.mejs-container .mejs-track-details {
display: block;
font-size: 13px;
line-height: 1.3;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: middle;
white-space: nowrap; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-artist {
display: table-footer-group;
font-size: 12px; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-title {
display: table-header-group; }
.has-artwork .cue-skin-billboard.mejs-container .mejs-track-artwork {
display: block;
position: absolute;
left: -76px; }
.cue-skin-billboard.mejs-container .mejs-controls {
background: transparent;
border-style: solid;
border-width: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto; }
.cue-skin-billboard.mejs-container .mejs-controls div {
font-family: "Roboto", sans-serif;
height: auto;
width: auto; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-button button {
background: transparent;
border-width: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 36px;
margin: -18px 0 0 -18px;
outline: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
width: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-button button:before {
font-size: 24px;
line-height: 32px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
text-indent: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-button button:active, .cue-skin-billboard.mejs-container .mejs-controls .mejs-button button:focus {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button {
cursor: pointer;
display: block;
height: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button:before {
content: "\f152";
text-align: left; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button:before {
content: "\f151"; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button {
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
left: 72px;
padding: 0;
width: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button button:before,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button:before {
content: "\f155";
font-size: 20px;
text-align: right; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button {
position: absolute;
left: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button:before {
content: "\f156";
text-align: left; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button {
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button button:before {
content: "\f153";
text-align: right; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button.is-open button:before {
content: "\f20c"; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button {
cursor: pointer;
position: absolute;
top: 0;
right: 36px;
bottom: 0;
width: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button button:before {
content: "\f159"; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button.mejs-unmute button:before {
content: "\f158"; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
height: 150px;
margin-left: -25px;
position: absolute;
top: -130px;
bottom: auto;
left: 50%;
-webkit-transform: none;
transform: none;
width: 50px;
z-index: 20; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
height: 110px;
position: absolute;
top: 20px;
left: 24px;
width: 2px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
height: 110px;
position: absolute;
top: 20px;
left: 24px;
width: 2px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
border-radius: 8px;
height: 16px;
position: absolute;
top: 12px;
left: 17px;
width: 16px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total .mejs-volume-current {
top: auto;
left: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total .mejs-volume-handle {
top: auto;
left: 1px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail {
background: transparent;
height: 10px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 10; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail span {
border-radius: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
height: 12px;
margin: 0;
outline: 0;
width: 100%; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-buffering,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-hovered,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
cursor: pointer;
display: block;
height: 2px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
-webkit-transition: height 0.25s ease-out;
transition: height 0.25s ease-out; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover .mejs-time-buffering,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover .mejs-time-current,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover .mejs-time-hovered,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover .mejs-time-loaded {
height: 8px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
background: transparent;
border-width: 0;
margin: 0;
position: absolute;
top: -23px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner {
display: none; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-handle,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time-handle-content {
display: none; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
padding: 0;
pointer-events: none;
position: absolute;
top: 0;
right: 20px;
bottom: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time span {
display: none;
font-size: 1.3rem;
line-height: 76px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button,
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time {
display: none; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-layers {
position: absolute;
right: 0; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button,
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button,
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button {
display: none; }
@media only screen and (min-width: 480px) {
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time {
display: block;
right: 45px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
display: inline; } }
@media only screen and (min-width: 768px) {
.cue-skin-billboard.mejs-container .mejs-layers {
right: 105px;
left: 150px; }
.cue-skin-billboard.mejs-container .mejs-track-details {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-artist {
font-size: inherit;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-artist:before {
content: "\00a0- "; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-artist:empty {
display: none; }
.cue-skin-billboard.mejs-container .mejs-track-details .mejs-track-title {
display: inline;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.has-artwork .cue-skin-billboard.mejs-container .mejs-track-details {
position: absolute;
left: 240px; }
.cue-skin-billboard.mejs-container .mejs-controls {
border-width: 0; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-button {
display: block; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button {
left: 36px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button:before {
text-align: center; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time {
display: block;
right: 105px; }
.cue-skin-billboard.mejs-container .mejs-controls .mejs-time span {
display: inline; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-layers {
right: 56px;
left: 56px; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button {
position: absolute;
left: 0; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button,
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button,
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button {
display: none; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button {
right: 0; }
.billboard-player.cue-tracks-count-1 .cue-skin-billboard.mejs-container .mejs-controls .mejs-time {
right: 56px; } }
.billboard-player {
border-width: 0;
clear: both;
counter-reset: li;
float: left;
font-family: "Roboto", sans-serif;
font-size: 1.3rem;
height: 76px;
margin: 0 20px;
position: relative;
text-align: left;
width: calc(100% - 40px);
z-index: 1000; }
.billboard-player:after {
content: "";
display: block;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.billboard-player .cue-button {
opacity: 0.8; }
.billboard-player .cue-button:focus, .billboard-player .cue-button:hover {
opacity: 1;
text-decoration: none; }
.billboard-player .cue-tracks {
display: none;
max-height: none;
overflow: auto;
padding: 0 40px;
position: absolute;
right: -40px;
left: -40px;
bottom: 100%;
z-index: 1010; }
.billboard-player .cue-tracks-list {
display: table;
list-style-position: inside;
margin: 0;
padding: 0;
width: 100%; }
.billboard-player .cue-track {
cursor: pointer;
display: table-row;
width: 100%; }
.billboard-player .cue-track:before {
content: counter(li);
counter-increment: li;
text-align: center;
width: 20px; }
.billboard-player .cue-track .cue-track-actions {
display: block;
margin-top: 10px; }
.billboard-player .cue-track .cue-track-actions:empty {
display: none; }
.billboard-player .cue-track .cue-track-artist {
display: block; }
.billboard-player .cue-track .cue-track-length {
display: none;
width: 50px; }
.billboard-player .cue-track .cue-track-title {
display: block; }
.billboard-player .cue-track.is-playing:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjZmVmZWZlIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHBhdGggZD0iTSAxMCwxMmwgNi02bDAsMjAgbC02LTZsLTYsMCBsMC04IGwgNiwwIHpNIDIxLjY1NiwxMC4zNDRsIDEuNDIyLTEuNDIycSAxLjM3NSwxLjM5MSAyLjE0OCwzLjIxOXQgMC43NzMsMy44NTlxMCwxLjM1OSAtMC4zNTksMi42NTZ0LTEuMDA4LDIuMzk4dC0xLjU1NSwyLjAyM2wtMS40MjItMS40MjJxIDEuMTA5LTEuMTA5IDEuNzI3LTIuNTd0IDAuNjE3LTMuMDg2dC0wLjYxNy0zLjA4NnQtMS43MjctMi41N3pNIDE4LjgyOCwxMy4xNzJsIDEuNDIyLTEuNDIycSAwLjQwNiwwLjQyMiAwLjcyNywwLjg5OHQgMC41NDcsMS4wMTZ0IDAuMzUyLDEuMTMzdCAwLjEyNSwxLjIwMyBxMCwxLjIxOSAtMC40NjEsMi4zMTN0LTEuMjg5LDEuOTM4bC0xLjQyMi0xLjQyMnEgMS4xNzItMS4xNzIgMS4xNzItMi44Mjh0LTEuMTcyLTIuODI4eiI+PC9wYXRoPjwvc3ZnPg==");
background-position: 50% 50%;
background-repeat: no-repeat;
content: ""; }
.billboard-player .cue-track-cell,
.billboard-player .cue-track:before {
border-style: solid;
border-width: 1px 0 0;
display: table-cell;
line-height: 1.3;
padding: 16px 20px;
vertical-align: middle; }
.billboard-player .cue-track-details {
padding-left: 0; }
.billboard-player.is-tracklist-open:after {
opacity: 1;
pointer-events: auto; }
.billboard-player.is-tracklist-open .cue-tracks {
display: block; }
.billboard-player.is-tracklist-open .mejs-container {
z-index: 1020; }
@media only screen and (min-width: 768px) {
.billboard-player {
margin-right: 40px;
margin-left: 40px;
width: calc(100% - 80px); }
.billboard-player .cue-track .cue-track-actions {
display: inline-block;
margin: 0;
text-align: right;
width: calc(20% - 20px); }
.billboard-player .cue-track .cue-track-artist,
.billboard-player .cue-track .cue-track-title {
display: inline-block;
padding-right: 20px;
width: 40%; }
.billboard-player .cue-track .cue-track-length {
display: table-cell; } }
.billboard-page {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; min-height: 100vh;
padding: 30px 20px 0;
position: relative;
text-align: center;
z-index: 1; }
.billboard-header {
margin-bottom: 30px; }
.billboard-content {
padding-bottom: 40px; }
.billboard-content .billboard-content-area {
max-width: 640px;
text-align: center;
width: 100%; }
.billboard-content .billboard-content-area > :first-child {
margin-top: 0; }
.billboard-content .billboard-content-area > :last-child {
margin-bottom: 0; }
.billboard-background {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
pointer-events: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0; }
.billboard-background:before {
background: #000;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.billboard-background video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: none;
width: 100%; }
.billboard-background .customize-partial-edit-shortcut {
display: none; }
.has-billboard-player .billboard-page {
height: calc( 100% - 76px); min-height: calc( 100vh - 76px); }
.admin-bar .billboard-page {
height: calc( 100% - 46px); min-height: calc( 100vh - 46px); }
.admin-bar.has-billboard-player .billboard-page {
height: calc( 100% - 122px); min-height: calc( 100vh - 122px); }
.ios9.iphone .has-billboard-player .billboard-page {
min-height: calc( 100vh - 76px - 68px); }
@media only screen and (min-width: 768px) {
.billboard-page {
padding-right: 40px;
padding-left: 40px;
text-align: left; }
.billboard-social-navigation {
position: absolute;
top: 30px;
right: 40px; }
.billboard-content .billboard-content-area {
text-align: left; }
.billboard-layout-signature .billboard-header {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.billboard-layout-signature .billboard-branding {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%; }
.billboard-layout-signature .billboard-tagline {
margin-bottom: 0; }
.billboard-layout-signature .billboard-title {
font-size: 7.2rem;
margin: 0; }
.billboard-layout-signature .billboard-content {
display: none; }
.billboard-layout-signature .billboard-social-navigation {
position: absolute;
left: 40px;
text-align: center; }
.billboard-layout-signature .billboard-social-navigation a:before {
text-align: center; }
.billboard-layout-signature.admin-bar .billboard-header {
min-height: calc(100vh - 168px); }
.billboard-layout-left-bottom .billboard-header,
.billboard-layout-right-bottom .billboard-header {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.billboard-layout-left-bottom .billboard-content,
.billboard-layout-right-bottom .billboard-content {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.billboard-layout-right-bottom .billboard-content-area {
float: right; }
.billboard-layout-focus .billboard-header,
.billboard-layout-left-middle .billboard-header,
.billboard-layout-right-middle .billboard-header {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.billboard-layout-focus .billboard-content,
.billboard-layout-left-middle .billboard-content,
.billboard-layout-right-middle .billboard-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.billboard-layout-focus .billboard-content {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.billboard-layout-focus .billboard-content .billboard-content-area {
text-align: center; }
.billboard-layout-right-middle .billboard-content {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
@media only screen and (min-width: 783px) {
.admin-bar .billboard-page {
height: calc( 100% - 32px); min-height: calc( 100vh - 32px); }
.admin-bar.has-billboard-player .billboard-page {
height: calc( 100% - 108px); min-height: calc( 100vh - 108px); } }
.billboard-dark-text-scheme {
color: #222; }
.billboard-dark-text-scheme button,
.billboard-dark-text-scheme input[type="button"],
.billboard-dark-text-scheme input[type="reset"],
.billboard-dark-text-scheme input[type="submit"],
.billboard-dark-text-scheme .button {
background-color: transparent;
border-color: #222;
color: #222; }
.billboard-dark-text-scheme button:focus, .billboard-dark-text-scheme button:hover,
.billboard-dark-text-scheme input[type="button"]:focus,
.billboard-dark-text-scheme input[type="button"]:hover,
.billboard-dark-text-scheme input[type="reset"]:focus,
.billboard-dark-text-scheme input[type="reset"]:hover,
.billboard-dark-text-scheme input[type="submit"]:focus,
.billboard-dark-text-scheme input[type="submit"]:hover,
.billboard-dark-text-scheme .button:focus,
.billboard-dark-text-scheme .button:hover {
background-color: #222;
color: #fff; }
.billboard-dark-text-scheme .billboard-social-navigation a {
color: #222; }
.billboard-dark-text-scheme .billboard-player {
background: transparent; }
.billboard-dark-text-scheme .billboard-player:after {
background: rgba(255, 255, 255, 0.85); }
.billboard-dark-text-scheme .billboard-player .cue-button {
border-color: #222;
color: #222; }
.billboard-dark-text-scheme .billboard-player .cue-track {
color: #222; }
.billboard-dark-text-scheme .billboard-player .cue-track:hover, .billboard-dark-text-scheme .billboard-player .cue-track.is-current {
background: rgba(0, 0, 0, 0.025); }
.billboard-dark-text-scheme .billboard-player .cue-track-cell,
.billboard-dark-text-scheme .billboard-player .cue-track:before {
border-color: rgba(255, 255, 255, 0.2); }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-layers {
color: #222; }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button button,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button button,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button button {
color: #222; }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-next-button button:hover,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-playpause-button button:hover,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-previous-button button:hover,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-toggle-playlist-button button:hover,
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-volume-button button:hover {
color: #222; }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: rgba(0, 0, 0, 0.1); }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgba(0, 0, 0, 0.03); }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: transparent;
-webkit-box-shadow: inset 0 2px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 2px rgba(0, 0, 0, 0.03); }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover {
-webkit-box-shadow: inset 0 8px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 8px rgba(0, 0, 0, 0.03); }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
color: #222; }
.billboard-dark-text-scheme .cue-skin-billboard.mejs-container .mejs-controls .mejs-time span {
color: #222; }