@import url(languageswitcher.css);
@import url(fonts.css);


.arabicStar {
    list-style-type: '\66d';
}

.arabicList {
    list-style: arabic-indic;
}

.siteName {
    font-family: "Andalus";
    font-size: calc(1vw + 1em);
}

.toc {
    font-weight: bold;
    font-size: calc(0.5vw + 1em);
}

div.U-Ayat, span.U-Ayat {
    font-size: calc(0.25vw + 1em);
    font-family: "PakType Naskh Basic Wide";
}

.eoa {
    font-family: 'PakType Naskh Basic Wide';
    font-size: calc(1vw + 1em);
    line-height: 0pt;
}

div.showBox {
    display: block;
}

div.U-Heading, h1.U-Heading {
    font-size: calc(0.25vw + 1em);
    font-family: "PakType Naskh Basic", "Noto Naskh Arabic","Calibri";
}

div.U-Normal, span.U-Normal, header.U-Normal, body.book {
    font-size: calc(0.15vw + 1em);
    font-family: 'PakType Naskh Basic', "Noto Naskh Arabic","Calibri";
}

.pdf_toc_item, #pdf_toc {
    font-size: calc(0.15vw + 1em);
    font-family: 'PakType Naskh Basic', "Noto Naskh Arabic","Calibri";
}

<!-- Original: https://codepen.io/rugor/pen/oWEKoE -->
img,
audio,
video,
canvas {
    max-width: 100%;
    height: auto;
}

.click_book {
    cursor: pointer;
    text-decoration: none;
}

body.book {
    padding-top: calc(4vw + 1em);
}

body.pdfprint {
    font-family: 'PakType Naskh Basic', "Noto Naskh Arabic","Calibri";
}


.pdf_hidden {
    display: none;
}

.quran_hidden {
    display: none;
}
/*  Sets body width */
.container-half {
    max-width: 50%;
    width: 40%;
    margin-left: 40vw;
    margin-right: auto;
}

.container-full {
    max-width: 80%;
    width: 100%;
    margin-left: 0vw;
    margin-right: auto;
    font-family: 'Noto Naskh Arabic UI';
}
/**
             * Create fixed header
             */
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f7f7f7;
    width: 100%;
    height: 4.5vw;
    z-index: 5;
}
/**
             * Display lists on a single line.
             */
.list-inline {
    list-style: none;
    margin-left: -0.5em;
    margin-right: -0.5em;
    padding: 0;
}

    .list-inline li {
        display: inline-block;
        margin-left: 0.5em;
        margin-right: 0.5em;
        padding: 0em 0.5em;
        
    }

#my-nav {
    position: fixed;
    top: 4.5vw;
    direction: rtl;
    z-index: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: 'Noto Naskh Arabic UI';
}

#pdf_div {
    width: 40vw;
    height: 80%;
    overflow: auto;
    background: rgba(255,255,255,0.8) url("../../images/loader.gif") center no-repeat;
    text-align: center;
}

#pdf_div_fw {
    width: 100%;
    height: 80%;
    overflow: auto;
    background: rgba(255,255,255,0.8) url("../../images/loader.gif") center no-repeat;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#pdf_book {
    position: fixed;
    top: 4vw;
    left: 0vw;
    /*z-index: 1;*/
    width: 40vw;
    height: 100%;
    overflow: auto;
    text-align: center;
}

#pdf_book_fw {
    position: fixed;
    top: 4vw;
    /*z-index: 1;*/
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
}

#quran_div {
    position: fixed;
    top: 4vw;
    left: 0vw;
    z-index: 0;
    width: 25vw;
    height: 10vw;
    overflow: auto;
    text-align: center;
    border: 1px solid darkgreen;
    background-color: lightgreen;
}

#my-nav li.active a {
    background-color: black;
    color: white;
    z-index: 5;
}


/* Dropdown CSS */
.dropbtn {
    background-color: #f7f7f7;
    padding: 0.5vw;
    font-size: 1vw;
    border: none;
    font-family: "Noto Naskh Arabic","Calibri";
    z-index: 5;
}

.menu-link {
    font-family: "Noto Naskh Arabic","Calibri";
    z-index: 5;
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 5;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    z-index: 5;
    width: 10vw;
    box-shadow: 0vw 1vw 2vw 0vw rgba(0,0,0,0.2);
}

    .dropdown-content a {
        color: black;
        padding: 0.5vw 0.5vw;
        font-size: 1vw;
        text-decoration: none;
        display: block;
        z-index: 5;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
            z-index: 5;
        }

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 5;
}

select option:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropbtn {
    background-color: #808080;
    z-index: 5;
}
/* For Quran */
.eoAaya {
    font-size: calc(1vw + 1em);
    font-family: 'PakType Naskh Basic';
    color: darkgreen;
}

.ramooz {
    font-size: calc(1.25vw + 1em);
    font-family: 'PakType Naskh Basic','Noto Naskh Arabic';
    color: darkblue;
}

    .ramooz:before {
        content: "\200c\00a0"; /* zwnj + nbsp "\200c\00a0" */
    }

[data-type="aaya"] {
    font-size: calc(1vw + 1em);
    font-family: 'PakType Naskh Basic Wide','Noto Naskh Arabic';
}

[data-type="eoa-izafi"], [data-type="ra-izafi"], [data-type="ruku"] {
    display: none;
}

a[data-type='footnoteref'] {
    vertical-align: super;
    line-height: normal;
    font-size: smaller;
    text-decoration: none;
    background-color: yellow;
}

span[lang="ar"] {
    font-size: calc(0.15vw + 1em);
    font-family: 'PakType Naskh Basic Wide'; /*'Arabic Typesetting','Noto Naskh Arabic';*/
}

div[lang="ur"] {
    font-size: calc(0.15vw + 1em);
    font-family: 'PakType Naskh Basic'; /*'Noto Naskh Arabic';*/
}

.urduYear {
    font-family: 'PakType Naskh Basic';
}

.urduNum {
    list-style-type: urdu;
}

/*li.urduNumLi:before {
    content: "؀";
}*/

.urduStar {
    list-style-type: '\66d';
}

div.showBox {
    display: block;
}

div.preloader_visible {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("../../images/loader.gif") center no-repeat;
}

div.preloader_hidden {
    overflow: hidden;
}


a[data-scroll] {
    text-decoration: none;
}

.pdfbutton {
    font-family: 'Noto Naskh Arabic';
    font-size: calc(0.05vw + 1em);
}

.linkIcons {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1vw;
    text-decoration: none;
}