/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/*=======================================
    GENERAL STYLES
==================================================*/
body {
           font-family: Verdana, sans-serif;
    font-size:14px;
}


.form-box {
/*  display: block; */
  width: 100%;
 /* height: 34px; */
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-box:focus {
  border-color: #B4CDB9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 205, 185, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 205, 185, .6);
}
.form-box:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-box:-ms-input-placeholder {
  color: #999;
}
.form-box:-webkit-input-placeholder {
  color: #999;
}

input {
    border-radius: 4px;
    height:28px;
}

button{
    border-radius: 4px;
    
}

a {
    color:#4E8257;
    font-weight: bold;
}

/* a:visited {
    color:#4E8257;
}*/


a:hover {
    color:#144B1D;
    text-decoration: underline;
}


a:active {
    color:#144B1D;
    text-decoration: underline;
}




.nav a {
    color:#ffffff !important;
}
.navbar-header a {
    color:#ffffff !important;
    padding-right:100px;
}



.text-center {
    text-align:center;
}

h1, h2, h3, h4, h5, h6 {
   font-family: Verdana, sans-serif;
}

h1 {
    line-height:70px;
    text-transform:uppercase;
     color: #008040;
     font-size:35px ;
    font-weight:900!important;
}
h2 {
    line-height:50px;
    padding-top:10px;
}
h3 {
    line-height:30px;
    padding-bottom:10px;
}
h4 {
    line-height:30px;
    padding-bottom:10px;
}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:0px;
}

.space-pad {
    padding-bottom:50px;
}


.for-full-back {
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

section {
    padding-top:30px;
    padding-bottom:40px;
}


/*=======================================
    COLOR CODES
==================================================*/
.color-white {
   background-color:#ffffff!important;
}

.color-light {
   background-color:#F6F3F5!important;
}
.color-blue {
    color: #000501;
}
/*=======================================
    HEADER STYLES
==================================================*/
#home {
    padding:20px 40px 130px 40px;
}
.head-main {
    font-size:120px !important;
    font-weight:900!important;
    color:#4E8257!important;
    padding:200px 20px 20px 20px;
}

/*=======================================
    NAVIGATION STYLES
==================================================*/


nav {
	position: absolute;
	width: 100%;
    background: #ffffff;
    z-index:99;
}
.fixed {
	position: fixed; 
	top: 0; 
	min-height: 50px; 
	z-index: 99;
}

.navbar-inverse {
background-color: #071A0A;
border-color: #144B1D;
opacity: 0.77;
}

/*=======================================
    ABOUT STYLES
==================================================*/

.about-div {
	width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}
/*=======================================
    FREE TEXT STYLES
==================================================*/
.free-div {
    width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}

/*=======================================
    CONTACT STYLES
==================================================*/
.contact-cls {
    font-size:20px;
    line-height:40px;
}
/*=======================================
    FOOTER STYLES
==================================================*/

#footer {
    background-color: #071A0A;
    border-color: #144B1D;
    opacity: 0.77;
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
}

  


	


@font-face { font-family: 'bpreplay'; font-weight: normal; font-style: normal; src: url('BPreplay-webfont.eot'); src: local('☺'), url('BPreplay-webfont.woff') format('woff'), url('BPreplay-webfont.ttf') format('truetype'), url('BPreplay-webfont.svg#webfontgzJ8Cr4g') format('svg'); }

div#single-song-player {
  width: 50%;
  border-radius: 10px;
  margin: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
  margin-top: 10px;
  float:left;
}
div#single-song-player img[amplitude-song-info="cover_art_url"] {
  width: 100%; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
div#single-song-player div.bottom-container {
  background-color: #202136;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
div#single-song-player div.bottom-container progress.amplitude-song-played-progress:not([value]) {
  background-color: #B4CDB9;
}
div#single-song-player div.bottom-container progress.amplitude-song-played-progress {
  background-color: #B4CDB9;
  -webkit-appearance: none;
  appearance: none;
  width: 100%; 
  height: 5px;
  display: block;
  cursor: pointer;
  border: none;
}
div#single-song-player div.bottom-container progress[value]::-webkit-progress-bar {
  background-color: #B4CDB9;
}
div#single-song-player div.bottom-container progress[value]::-moz-progress-bar {
  background-color: #144B1D;
}
div#single-song-player div.bottom-container progress[value]::-webkit-progress-value {
  background-color: #144B1D;
}
div#single-song-player div.bottom-container div.time-container {
  opacity: 0.5;
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 12px;
  color: #fff;
  height: 15px;
}
div#single-song-player div.bottom-container div.time-container span.current-time {
  float: left;
  margin-left: 5px;
}
div#single-song-player div.bottom-container div.time-container span.duration {
  float: right;
  margin-right: 5px;
}
div#single-song-player div.bottom-container div.control-container {
  margin-top: 10px;
  padding-bottom: 10px;
}
div#single-song-player div.bottom-container div.control-container div.amplitude-play-pause {
  width: 74px;
  height: 74px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
}
div#single-song-player div.bottom-container div.control-container div.amplitude-play-pause.amplitude-paused {
  background: url('play.svg');
}
div#single-song-player div.bottom-container div.control-container div.amplitude-play-pause.amplitude-playing {
  background: url('pause.svg');
}
div#single-song-player div.bottom-container div.control-container div.meta-container {
  float: left;
  width: calc(100% - 84px); 
  text-align: center;
  color: white;
  margin-top: 10px;
}
div#single-song-player div.bottom-container div.control-container div.meta-container span[amplitude-song-info="name"] {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #fff;
  display: block;
}
div#single-song-player div.bottom-container div.control-container div.meta-container span[amplitude-song-info="artist"] {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 14px;
  color: #fff;
  display: block;
}
div#single-song-player div.bottom-container div.control-container:after {
  content: "";
  display: table;
  clear: both;
}



@media (max-width:766px){
	.narrow-results{display:none}
	div#single-song-player {  width: 100%;}
}