quran-citer.css

q.qrn::before {
    content: no-close-quote;
}

.qrn {
  color: green;
  text-emphasis-style: dot;
  font-style: italic;
  font-weight: bold;
  /*! display: inherit;
 background-color:yellow;*/
}

.qrn a {
  color: darkred;
  font-style: normal;
  font-weight: normal;
  /*! display: inherit;
 background-color:yellow;*/
}

.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

.white_content {
  display: none;
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 0px;
  border: 2px solid green;
  background-color: white;
  z-index: 1002;
  overflow: hidden;
}

.qframe-close-btn {
    color: #FFF;
    text-decoration: none;
    font-size: 22px;
    position: fixed;
    left: 75%;
    top: 22%;
    font-weight: bold;
    font-family: Helvetica, Arial,sans-serif;
}

@media screen and (max-width: 764px) {
    .white_content {
      top: 15%;
      left: 1%;
      width: 98%;
      height: 60%;
      border: 1px solid orange;
    }

    .qframe-close-btn {
        top: 1%;
        right: 5px;
        left: auto;
        font-size: 37px;
    }
}