/*
Theme Name:     TunePipe Basic
Theme URI:      http://tunepipe.com/
Description:    TunePipe Basic
Author:         Scott James 
Version: 		1.1.15
Author URI:     http://tunepipe.com
Template:       tunepipe-basic-parent
*/

@import url(../tunepipe-basic-parent/style.css);



body {
	background-image: url( http://ronaldsimone.co.uk/img/NewYork_BG1.jpg ) !important;
	background: top center fixed no-repeat;
	font-family:'Open Sans';
	color:#111;
	font-size:15px;
	}

a:link, a:visited, #header-menu li a:hover {color:#cc0000;font-weight: 550;} 
#header-menu .current-menu-item a {color:#000;} 
.readmore a:link, .readmore a, .readmore a:visited, input[type="submit"] {color:#fff;}
.readmore:hover {background:red;}
.readmore a:hover {color:#fff;}
.readmore {background:#cc0000;}

#header-menu {
	background: rgba(255, 255, 255, 0.4);
	/*background-color:#fff;*/
}


#header {
background: rgba(255, 255, 255, 0.4);
/*background-color:#fff;*/
	}

#color-wrap {
	background: rgba(255, 255, 255, 0.4);
	/*background-color:#fff;*/
}

input[type="submit"] {background-color:#cc0000;}
input[type="submit"]:hover {background-color:#cc0000;}

#logo a:link h1, #logo a:visited h1 {color:#000;}
#logo h3 {color:#000;}
img.avatar {float:left; margin-right:14px;}
#sidebar a {color:#000;font-weight: 550;}
#sidebar a:hover {color:#cc0000;}
#sidebar {font-size:16px;}
h1.title-heading a, h2.title-heading a {color:#000;}
#header-menu li a, #mobile-menu a {font-family: 'oswaldmedium'; font-weight:normal; text-transform:uppercase;}
#header-menu li a, #mobile-menu-link a, #mobile-menu a {font-size:24px; color:#000;}
#logo a h1#font-logo {font-size:60px !important; font-weight:normal !important;}
h1 {font-family: 'oswaldheavy'; font-weight:normal; font-size:46px; color:#000; text-transform:uppercase;}
h2 {font-family: 'oswaldheavy'; font-weight:normal; text-transform:uppercase; font-size:42px;}
h3 {font-family: 'oswaldheavy'; font-weight:normal; text-transform:uppercase;}
h4 {font-family: 'oswaldregular'; font-weight:normal; text-transform:uppercase;}
h5 {font-family: 'oswaldregular'; font-weight:normal; text-transform:uppercase;}
h6 {font-family: 'oswaldregular'; font-weight:normal; text-transform:uppercase;}

input[type="submit"] {
    background-color: #cc0000;
    padding: 6px 6px;
    color: #fff;
    border: none;
    font-size: 15px;
}

.contact-frm{
	width: 1024px;
    padding: 0px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: 'oswaldheavy', sans-serif;
    background: rgba(255, 255, 255, 0.4);
}

.form-label{
	color: #000;
}

.form-control{
	background-color: #fff;
	width: 80%;
  	padding: 12px 20px;
  	margin: 8px 0;
  	display: block;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	box-sizing: border-box;
}

.form-conatainer{
	top:20px;
	max-width: 350px;
	width: 100%;
  	border-radius: 5px;
  	padding: 20px;
	position: relative;
	align-content: center;
}

div.g-recaptcha {
   width: auto !important;
   height: auto !important;
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}

#contact h3 {
	color: #000;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.error{
	color: red;
}

.btn {
    margin-right: 5px;
	border-radius: 5px;
}
.btn-primary {
    background-color: #cc0000;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #1e96c9;
    color: #fff;
}
.btn-primary:active {
    background-color: #0e78a6;
    color: #fff;
}

@media screen and (max-device-width: 480px) {
        #wrapper { position: relative; left: -3%; }
        #shortcuts { display: none; }
      }
#wrapper h2{
	text-align: center;
}

.wrapperbg {
	background: rgba(255, 255, 255, 0.4);
	width: 1024px;
}

.playerbg{
	background-color: #fff;
	width: 450px;
	border-radius: 5px;
}
      
      .audiojs audio { position: absolute; left: -1px; }
      .audiojs { width: 450px; border-radius: 5px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
      .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
      .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
      .audiojs .play { display: block; }
      .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
      .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #cc0000; z-index: 1;  }
      .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
      .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
      .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
      .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
      .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
      .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
      .audiojs .play { background: url("icons/play.svg") no-repeat; }
      .audiojs .loading { background: url("https://band.ronaldsimone.co.uk/audiojs/player-graphics.gif") 2px -26px no-repeat; }
      .audiojs .error { background: url("https://band.ronaldsimone.co.uk/audiojs/player-graphics.gif") -2px -61px no-repeat; }
      .audiojs .pause { background: url("icons/pause.svg") no-repeat; }
      .playing .play, .playing .loading, .playing .error { display: none; }
      .playing .pause { display: block; }
      .loading .play, .loading .pause, .loading .error { display: none; } 
      .loading { display: block; }
      .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
      .error .error { display: block; }
      .error .play-pause p { cursor: auto; }
      .error .error-message { display: block; }
      ol {margin: 0px; list-style: decimal; color: #000; width: auto; font-size: 0.9em; padding-left: 10px; padding-right: 0px;
    display: inline-table;}
 	  ol ::marker{color: #000; display: inline-block; width: 1em; margin-left: -1.5em; margin-right: 0.5em; text-align: right;}
      .ul1 { padding: 0px; margin: 0px; color: #ccc; }
      ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; text-align: left; }
      .ulli1 { position: relative; margin: 0px; padding: 9px 2px 7.75px; border-bottom: 1px solid #fff; cursor: pointer; list-style-type: none; }
      ol li a { text-indent: -3.3ex; padding: 0px 0px 0px 20px; display: inline-block;}
      .ullia1 { display: block; padding: 0px 0px 0px 20px; }
      li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      li.playing a { color: #000; }
ol li p {display: inline-block; min-width: 230px;}
     /* li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: 20px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } */
	  .aligndl{text-align: right;}

.dlbtn {
  background: #F0F0F0;
  background-image: url("icons/mp3_download.svg");
  background-size: cover;
  background-position: center;
  display: inline-block;
  border: none;
  padding: 20px;
  width: 50px;
  border-radius: 5px;
  height: 50px;
  transition: all 0.5s;
  cursor: pointer;
}
.dlbtn:hover
{
  width: 75px;
  height: 75px;
}

.dlbtnpdf {
  background: #F0F0F0;
  background-image: url("icons/pdf_download.svg");
  background-size: cover;
  background-position: center;
  display: inline-block;
  border: none;
  padding: 20px;
  width: 50px;
  border-radius: 5px;
  height: 50px;
  transition: all 0.5s;
  cursor: pointer;
}
.dlbtnpdf:hover
{
  width: 75px;
  height: 75px;
}

.dlchart{
	display: inline-block;
	text-align: right;
	padding-left: 10px;
}

.chart__list {

/*     gap: 0 .65em ; */
    display: inline-flex;
    cursor: pointer ;
    margin-bottom: .5em ;
    padding-bottom: .7em ;
    border-bottom: .1em solid #d8d8d859 ;
	width: 275px;
}

.chart{
	width: 22.00em ;
    display: flex ;
    overflow: hidden ;
    font-size: 1.22em ;
    border-radius: 1.35em ;
    flex-direction: column ;
    background-color: white ;
    padding-top: 10px
}

.chart__chartlist {
	height: 100% ;
    padding: 1.05em .9em 0 1.2em ; 
}

#chart-container h2{
	text-align: center;
}

#player-container h2{
	text-align: center;
}