.mh-row { margin: 0; }

.mounthira-player {
	
	border: 1px solid #ddd;
	padding: 0px;
	position: relative;
	color:#333;
	margin: 0 -25px;
	
}

/* player body / content */
.mh-body { 
	height:400px; 
	font-size:18px;
	margin-bottom:45px;
	overflow: auto; 
}

#mh-intro { line-height:1.2 }
#mh-intro, #mh-outro { text-align: center; margin-top:25px; font-size: 18px; }
#mh-slides-wrapper { padding-top:45px;  text-align:center; }
#mh-arabic { font-size:40px; text-align:center }
#mh-transliteration { margin-top:15px; }

#mh-left-column { border:0px #eeeeee solid; border-radius: 10px; padding:20px;}
#mh-right-column { border:2px #eeeeee solid; border-radius: 10px; padding:20px;}

#mh-recap-slide { display:none; }
.recap-ayah-current { background-color:#fbf8e9}

.mh-arabic { margin-bottom:15px; padding:0 15px; }

.mh-hide { display: none }
.mh-ayah { display: none }
.mh-ayah.show { display: block }

.no-padding { padding:0;}

/* controls */
.mh-player-controls  {
	
	padding:10px; 
	background-color:#eee;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}

.mh-player-controls a { text-decoration: none; }

audio {
	
	background-color: #ccc !important;
	
}

.mh-player-item-on { color:#049f86 !important; }

#progressOut {
    width:80%;
    height:5px;
    border:1px solid #ddd;
    position:relative;
    display: inline-block;
    vertical-align: middle;
} 
#progressIn {
    position:relative;/*This is important*/
    height:100%;
    bottom:0px;
    width:0px;
    background:#049f86; /*This can be anything*/
    vertical-align: middle;
} 
#time {
    position:absolute;
    font-size:10px;
    right:-0px;
    bottom:0px;
    background-color:#eeeeee;
}


/* description */
#mounthira-player-description { margin-top:25px; }

.mobile-ad { display:none; }

@media all and (max-width:480px) {
	
	.mobile-ad { display:block}
	.desktop-ad { display:none}
	
}
				



@media all and (max-width:767px) {
	.button-text { display: none }
	#mh-right-column, #mh-left-column {
		
		float: none; 
		display:block;
				
	}
	#mh-right-column, #mh-left-column, #mh-arabic { text-align: center; }
	
}