/* for search box on first page, jumbotron
********************************************/
.input-group.md-form.form-sm.form-1 input{
    border: 1px solid #bdbdbd;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

/* For animations - not in use right now.
********************************************/
.wow {
    visibility: hidden;
}

/* For quran view by page, border
********************************************/
.qpagewrapper {
    
     border: 1px dashed #ddd;
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee; 
  padding: 10px 25px 10px 25px;
}


/* for styling Tafsir Sady Quran text
********************************************/

.tafsir {font-family:Traditional Arabic;font-size:2em;}
.tafsirQText {font-weight: 500; color: darkgreen; font-size:1em;}

.mequran {font-family: me_quran;color:#676767;line-height:55px;font-size:1.5em}
.mequran_note {font-family: me_quran;color:#669900;font-size:1em}
.mequran_image {font-family: me_quran;color:#dddddd;font-size:1em}
.ar_symbols{font-family: ar_symbols;font-size:1.0em;color:#565656}

/* breakpoints
********************************************/


/* Extra Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  #nqHeaderJumbotron {font-size:50pt;} 
  .jumbotron {padding-top: 54px;} 
  #q {
    font-size: 12px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  #nqHeaderJumbotron {font-size:50pt;} 
  #q {font-size: 20px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { #nqHeaderJumbotron {font-size:90pt;} }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }