.song-title-link { color:#129bf2; }
.song-title-link:hover, .song-title-link:active, .song-title-link:focus { color:#3a3a3a; }

/*
.mejs-controls { position:relative !important; }
.mejs-horizontal-volume-slider { position:absolute; top:13px; right:15px; }
.mejs-offscreen { display:none; }
.mejs-horizontal-volume-total { }
.mejs-horizontal-volume-current { }
.mejs-horizontal-volume-handle { }
*/

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background:#484848 !important; }
.pdf-wrapper { margin-top:25px; }

/*song navigation*/ 
.book-pages-wrapper .left-navigation { width: 10.5%; float:left; margin-right:2%; min-height:10px;}
.book-pages-wrapper .right-navigation { width: 10.5%; float:left; margin-left:2%;  }
.book-pages-wrapper .jcarousel-wrapper { float:left; }
.book-pages-wrapper .fa { position: absolute; top: 40%; }
.hidden { display:none; }
.fa-4 { font-size:7em; }
 
       .audiojs audio { position: absolute; left: -1px; }  
        .audiojs { width: 100%;  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 { height:30px; box-shadow:none;  } 
        .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: #ccc; z-index: 1;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc)); 
          background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
        .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(/National_Library/oe_/https://zemirot.org/wp-content/plugins/wsg-songs/includes/js/player-graphics.gif) -9px -1px no-repeat; } 
        .audiojs .loading { background: url(/National_Library/oe_/https://zemirot.org/wp-content/plugins/wsg-songs/includes/js/player-graphics.gif) -9px -31px no-repeat; } 
        .audiojs .error { background: url(/National_Library/oe_/https://zemirot.org/wp-content/plugins/wsg-songs/includes/js/player-graphics.gif) -9px -61px no-repeat; } 
        .audiojs .pause { background: url(/National_Library/oe_/https://zemirot.org/wp-content/plugins/wsg-songs/includes/js/player-graphics.gif) -9px -91px no-repeat; } 
  
        .playing .play, .playing .loading, .playing .error { display: none; }
        .playing .pause { display: block; } 

        .loading .play, .loading .pause, .loading .error { display: none; }
        .loading .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; }
		
		.mejs-controls .mejs-time-rail .mejs-time-current { background-color:#3883f0 !important; }
		
@media (min-width: 768px) and (min-device-width:768px) {
	.audiojs  { margin-bottom:0px; margin-top:0px; }  
}

.jcarousel-wrapper { margin: 20px auto; position: relative; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; width:95%; margin:0 auto 15px; }
@media (min-width: 768px) and (min-device-width:768px) {
	.jcarousel-wrapper  { width:100%; /* Brandon ORIG width 75% */ margin:0 auto 15px; }
}
/** Carousel **/
.jcarousel { position: relative; overflow: hidden; width: 100%; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0;  padding: 0; }
.jcarousel li { width: 320px; /* original: 200px */ float: right; /* Brandon edit 11/07/2017 - Original: "float: right;" */ border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.jcarousel img { display: block; max-width: 100%; height: auto !important; }
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; background: #4E443C;
    color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px;
    border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7; }
/*.jcarousel-control-prev { left: -25px; }
.jcarousel-control-next { right: -25px; }  Brandon Edit 11/07/2017 **/
.jcarousel-control-prev { right: -25px; }
.jcarousel-control-next { left: -25px; }  
/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); 
    transform: translate(-50%, 0); margin: 0; }
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C;
    border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; }
.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1;  -webkit-box-shadow: 0 0 2px #F0EFE7; 
								-moz-box-shadow: 0 0 2px #F0EFE7;  box-shadow: 0 0 2px #F0EFE7; }    

.thead-inverse th.heading-sm {
	font-size: 60%;
}

#no-more-tables table { border: 1px solid #eee; }

@media only screen and (max-width: 991px) {
	
  /* Force table to not be like tables anymore */
  #no-more-tables table { border: 0; }
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; 	}
 	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { position: absolute;	top: -9999px; left: -9999px;	}
 	#no-more-tables tr { border: 1px solid #ccc; margin-bottom:30px; }
  #no-more-tables td { /* Behave  like a "row" */	border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; }
  #no-more-tables td.td-inverse-mobile { color: #fff; background-color: #373a3c; } 
	#no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding  top: 6px;*/	left: 12px; width: 45%; padding-right: 10px; 
		white-space: nowrap; text-align:left; font-weight: bold; }
 	/*	Label the data	*/
	#no-more-tables td:before { content: attr(data-title); }
	.book-pages-wrapper .fa { position: absolute; top: 35%; }

} 

@media only screen and (max-width: 400px) {
	
	.jcarousel-wrapper { width: 100%; /* Brandon ORIG width 75% */}
	.book-pages-wrapper .fa { padding-top: 42%; }
	.fa-4 { font-size:3em; }
	.book-pages-wrapper .left-navigation { width: 7.5%; float:left; margin-right:5%; min-height:10px;}
	.book-pages-wrapper .right-navigation { width: 7.5%; float:left; margin-left:5%;  }
}