/**
 * Custom CSS file Created by Karim Ramadan
 */

/* Fonts */

@import url("http://fonts.googleapis.com/earlyaccess/droidarabicnaskh?ver=3.7.1");
@import url("http://fonts.googleapis.com/earlyaccess/droidarabickufi?ver=3.7.1");
@font-face {
   font-family: PDMSSaleemQuranFont;
   src: url(../fonts/me_quran_volt_newmet.ttf);
}

/* Arabic Fonts */
body, 
button, 
.button, .top-bar-section ul li > a,
.tabs dd > a, .tabs .tab-title > a{
  font-family: 'droid arabic naskh', Tahoma, arial;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'droid arabic kufi', Tahoma, arial;
}

h4{
  display: block;
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 10px 20px;
}

/***********************************/

/* Quran text */
.Quran {
   font-family: PDMSSaleemQuranFont, 'droid arabic kufi', Tahoma, arial; 
   font-size: 1.5rem;  
   word-spacing: 5px;
   text-align: justify;
   color: green;
    margin-bottom: 10px;
   
}

a[href*="sura.php"]{
  background: green;
  color: white;
  width: 16px;
  height: 16px;
  font-size: 10px;
  padding: 2px;
  border-radius: 50%;
}