@font-face {
  font-family: 'soundtrack';
  src: url('soundtrack-webfont.eot');
  src: url('soundtrack-webfont.eot?#iefix') format('embedded-opentype'), url('soundtrack-webfont.woff') format('woff'), url('soundtrack-webfont.ttf') format('truetype'), url('soundtrack-webfont.svg#soundtrackregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'soundtrack_bold';
  src: url('soundtrackbold-webfont.eot');
  src: url('soundtrackbold-webfont.eot?#iefix') format('embedded-opentype'), url('soundtrackbold-webfont.woff') format('woff'), url('soundtrackbold-webfont.ttf') format('truetype'), url('soundtrackbold-webfont.svg#soundtrack_boldbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
a.btn-link {
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
}
a.btn-link:hover {
  color: #f7a11a;
  border-bottom: 1px dashed #f7a11a;
  text-decoration: none;
}
.fontface h1,
.fontface h2,
.fontface h3,
.fontface h4 {
  font-family: 'soundtrack_bold', sans-serif;
  font-weight: normal;
}
.fontface h1 {
  font-size: 4.5em;
}
.fontface h2 {
  font-size: 4em;
}
.fontface h3 {
  font-size: 2.5em;
}
.fontface h4 {
  font-size: 1.7em;
}
#radio {
  position: relative;
  background: url('/img/retina_wood.png') top left repeat;
  overflow: hidden;
  height: 0;
  transition: height ease-out 0.2s;
  /*
	background: url('/img/dark_leather.png') top left repeat #000;
	padding: 10px 0;
	color: #fff;

	&::after
	{
		content: "";
		background: url('/img/dark_leather_band.png') top left repeat-x;
		position: absolute;
		bottom: -11px;
		z-index:100;
		width: 100%;
		height: 43px;
	}
	*/

}
#radio.isOpen {
  height: 62px;
  transition: height ease-out 0.2s;
}
#radio .container {
  padding: 10px 0;
}
#radio .radio-controls {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  padding-right: 2em;
}
#radio .radio-display {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  padding-right: 2em;
}
#radio .radio-display .radio-coverArt {
  border: 1px solid #fff;
  height: 30px;
  width: 30px;
  margin-right: 2em;
}
#radio .radio-display .radio-artist,
#radio .radio-display .radio-album,
#radio .radio-display .radio-song {
  display: inline-block;
  padding: 0 0.3em;
  margin: 0;
}
#radio .radio-display .radio-artist:after,
#radio .radio-display .radio-song:after {
  padding: 0 0.3em;
  content: ":";
}
#radio .radio-buy {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  padding-right: 2em;
}
#radio .album-link {
  text-decoration: none;
  color: #333333;
}
.fontface #radio .radio-display .radio-artist,
.fontface #radio .radio-display .radio-album,
.fontface #radio .radio-display .radio-song {
  position: relative;
  top: 5px;
  font-size: 2em;
}
