/*
==========================================================
Life With Deen
Quran Reader
==========================================================
*/

.lwd-quran-reader{
    max-width:1100px;
    margin:60px auto;
    padding:0 20px;
    font-family:inherit;
}

.lwd-quran-header{
    text-align:center;
    margin-bottom:40px;
}

.lwd-quran-header h1{
    font-size:42px;
    margin-bottom:10px;
}

.lwd-quran-subtitle{
    font-size:18px;
    color:#666;
}

.lwd-quran-search{
    margin:40px 0;
}

.lwd-quran-search input{
    width:100%;
    padding:18px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:16px;
}

.lwd-surah-list{
    list-style:none;
    padding:0;
    margin:40px 0;
}

.lwd-surah-item{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:14px;

    padding:22px;

    margin-bottom:18px;

    transition:.25s;

}

.lwd-surah-item:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.lwd-surah-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}

.lwd-surah-number{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#0f766e;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

}

.lwd-surah-name{

    font-size:24px;

    font-weight:700;

}

.lwd-surah-arabic{

    font-size:34px;

    direction:rtl;

    text-align:right;

    margin:15px 0;

    line-height:1.8;

}

.lwd-surah-meta{

    color:#666;

    font-size:15px;

}

.lwd-surah-link{

    text-decoration:none;

    color:inherit;

}

.lwd-surah-link:hover{

    color:#0f766e;

}