@charset "utf-8";
/* CSS Document */



/* reenie-beanie-regular - latin */
/* @font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  src: url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.eot');
  src: local(''),
       url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.woff2') format('woff2'), 
       url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.woff') format('woff'), 
       url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.ttf') format('truetype'),
       url('../../../brokenradio/fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.svg#ReenieBeanie') format('svg'); 
}
 */

/* shrikhand-regular - latin */
@font-face {
  font-family: 'Shrikhand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/shrikhand-v11-latin/shrikhand-v11-latin-regular.svg#Shrikhand') format('svg'); /* Legacy iOS */
}




body {
	 background-color:#000 !important;
}

.main {
	background: url(../../../brokenradio/images/blue-bg-clouds_tnt.jpg) no-repeat 0 0 fixed !important; 
	 -webkit-background-size: cover!important; 
	 -moz-background-size: cover!important; 
	 -o-background-size: cover!important; 
	 background-size: cover!important; 
	 overflow-y: auto!important; 
	 width:100%!important; 
     height:100%!important; 
}

 
.blue-head {
	margin-top:150px;
	margin-bottom:50px;
}

@media (max-width: 991.98px) {
	.blue-head {
	margin-top:80px;
}
}

.ftco-navbar-light {
    z-index: 10;
}


h1 {
	font-size: 50px;
	line-height:50px;
	color:#dcd9c5;
	font-family: 'Open Sans', sans-serif;
	padding:0 20px 0 0;
	position:relative;
	margin:20px 0 20px -20px;
}

h2 {
	color:#dcd9c5;
	font-size:36px;
	letter-spacing:2px;
	text-shadow: -1px -1px 0 #ca8b04 , 1px -1px 0 #ca8b04 , -1px 1px 0 #ca8b04 , 4px 4px 0 #ca8b04 ;
}


.blue-head h1 img {
	text-align:center;
	width:500px;
}


.album-cover {
    padding: 20px 20px 0 0;
}

p {
    color: #dcd9c5;
    margin-bottom: 18px;
    letter-spacing: 1px;
    padding: 0 30px 0 0;
}
p a {
    border-bottom: 0;
}

p a:hover {
	background-color:transparent;
}
 
h2, h2 a {
    padding:0;
}

.blue-infos a {
	color:#fff;
}

h2.logo a:hover {
    border-bottom: 0;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    border:0;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {
    border: 0;
}


.album-cover {
   padding: 20px 0 0 0;
}


/* animations */

.top-gal {
    text-align: right;
    margin-top:0; 
	position:absolute;
	top:100px;
	right:10%;
}

@media (min-width: 1600px) {
	.top-gal {
	right:15%;
	}
}

@media (min-width: 2200px) {
	.top-gal {
	right:20%;
	}
}

@media (min-width: 2700px) {
	.top-gal {
	right:25%;
	}
}



#gal {
	-webkit-animation-duration: 3s;
	 animation-duration: 3s;
	-webkit-animation-delay: 0s;
	-animation-delay: 0s;	
}

.blue-head h1 {
	-webkit-animation-duration: 2s;
	 animation-duration: 2s;
	-webkit-animation-delay: 0s;
	-animation-delay: 0s;	
}

#blue-cover {
	 -webkit-animation-duration: 1s;
	 animation-duration: 1s;
	-webkit-animation-delay: 0s;
	-animation-delay: 0s;	
}

/* ------------- */

.blue-head h1 img {
	padding-left:15px;
}
	

.embed-player {
	padding-top:35px;
	margin-bottom:30px;
}

@media (max-width: 991px) {
.embed-player {
    margin-bottom: 150px;
}
}

.embed-player iframe {
	margin-bottom:0;
}


#download_badge {
    margin: 0;
    z-index: 5;
	}

#download_badge a {
  background-color: #fdb768;
	color:#fff;
  text-decoration: none;
  padding: 2px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size:14px;
}

#download_badge a:hover {
    background-color: #cc0000;
	  color:#fff;
    text-decoration: none;
}


#download_badge a.free-download {
	background-color:#cc0000;
	color:#fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.stream-buttons {
  background-color:#fff;
  color:#333;
  padding:8px;
  width: 159px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  display:inline-block;
  position:relative;
  top:15px;
  float:right;
  right:0;

}

@media (max-width: 991.98px) {
.stream-buttons {	
  position: relative;
  float:none;
  top: 15px;
  left:0;
  margin-bottom:30px;
 }
} 

.album-data {
	display:inline-block;
}

#facebook {
    padding-left: 0;
}
	  
	 
.hidden {
	display:none;
	}
	

.footer-blue {
    bottom: 0;
    width: 100%;
    height: auto;
	text-align:center;
	z-index: 10;
	background: url(../../../brokenradio/images/blue-bg-clouds2.jpg) no-repeat 0 0 fixed !important; 
	 -webkit-background-size: cover!important; 
	 -moz-background-size: cover!important; 
	 -o-background-size: cover!important; 
	 background-size: cover!important; 
	 overflow-y: auto!important; 
	 width:100%!important; 
}



.footer i {
	margin:10px 5px 10px 30px;
}

footer:after {
    content: "";
    background: #222831;
    height: 300px;
    -webkit-transform: skewY(-4.2 deg);
    -ms-transform: skewY(-4.2deg);
    transform: skewY(-4.2deg);
    position: absolute;
    left: 0;
    bottom: 294px;
    right: 0;
    z-index: 0;
	display:none;
}



@media only screen and (max-width:991px) {
.top-gal{
	display:none;
	}

.footer {
    bottom: 0;
    width: 100%;
	text-align:center;
	z-index: 1
}

.footer a {
	color:#fff;
	padding:0;
}
.footer a:hover {
	background-color:transparent;
}

.footer i {
	margin:10px 9px 0 9px;
}


.page-end {
	margin-bottom:50px;
}
}

.contact a {
	color:#dcd9c5;
	padding:2px;
	font-size:12px;
}
.contact a:hover {
	background-color:transparent;
}


.lyric-link {
    position: relative;
    top: -38px;
    left: 0;
    width: 50px;
    vertical-align: middle;
}

.lyric-link i {
	margin-right:5px;
}

.lyric-link a {
	color:#fff;
	border-radius: 3px;
    border: 1px solid #fff;
	padding: 4px 7px 5px 7px;
	font-size:10px;
	width: auto !important;
    overflow: visible !important;
    white-space: nowrap !important; 
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	top: -22px;
    position: relative;
}

.lyric-link a:hover {
    border: 1px solid #fdb768;
	padding: 4px 7px 5px 7px;
}


.review p {
	font-style:italic;
	font-weight:400;
	margin-bottom:35px;
}

.review p .source {
    font-style: normal;
    font-weight: 500;
    color: #52220b;
	font-size:20px;	
}