/*
Theme Name: MyWiki Child
Theme URI: https://alghadir-encyclopedia.com
Description: Child theme for the MyWiki theme used by the Al-Ghadir Encyclopedia.
Author: Saeed Vr
Version: 1.0.0
Template: mywiki
Text Domain: mywiki-child
*/

/* Main styles are loaded from assets/css/homepage.css */

:root {
    --font-size-body: 22px;
    --font-size-h1: 46px;
    --font-size-h2: 34px;
    --font-size-toc: 22px;
    --line-height-body: 2;
    --color-primary: #0E4835;
    --color-accent: #C8A15A;
}

/*=====================================================
  LOCAL FONTS
=====================================================*/

@font-face {
    font-family: 'Amiri';
    src: url('assets/fonts/Amiri-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amiri';
    src: url('assets/fonts/Amiri-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('assets/fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('assets/fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*====================================================
    GLOBAL TYPOGRAPHY OVERRIDE
====================================================*/

/* Override MyWiki's global link font */

a{

    font-family:inherit !important;

}

.mywiki-nav{

    font-family:'Cairo' !important;

}
.page-catheader {
    text-align: center;
    margin: 2.5rem 0 1.5rem;
}

.page-catheader .cat-title{
    font-family: 'Amiri', serif;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #0E4835;
    margin: 0;
}

.single-page .meta{
    text-align:center;
    font-family:'Cairo',sans-serif;
    font-size:.95rem;
    color:#777;
    margin-bottom:3rem;
}

.single-page .meta a{
    color:#777;
    text-decoration:none;
}

.single-page .meta a:hover{
    color:#0E4835;
}

.post_content{
    max-width:900px;
    margin:0 auto;
}

.post_content p{
    font-family:'Amiri',serif;
    font-size:1.65rem;       /* ≈26px */
    line-height:2.15;
    color:#2E2E2E;
    margin:0 0 1.5rem;
}

.post_content strong{
    font-weight:700;
    color:#0E4835;
}

.post_content blockquote{
    margin:3rem auto;
    padding:2rem 3rem;
    max-width:850px;

    border-right:5px solid #C8A15A;
    background:#FCFBF8;

    font-family:'Amiri',serif;
    font-size:1.6rem;
    line-height:2.2;
    color:#2E2E2E;
}

/*==========================================
SEARCH FORM
==========================================*/

.ag-search button{

    font-family:'Amiri', sans-serif;

    font-size:16px;

    font-weight:600;

}

/*==========================================
GLOBAL FORM TYPOGRAPHY
==========================================*/

button,
input,
select,
textarea{

    font-family:'Cairo', sans-serif;

    font-size:16px;

}

.ag-search button{

    background:#0E4835;

    color:#fff;

    border:none;

    border-radius:6px;

    padding:0 22px;

    font-family:'Cairo', sans-serif;

    font-weight:600;

    transition:.25s ease;

}

.ag-search button:hover{

    background:#C8A15A;

    color:#fff;

}

/*=========================================================
  AL-GHADIR ENCYCLOPEDIA
  READING TYPOGRAPHY
=========================================================*/


/*---------------------------------------------------------
  PAGE TITLE
---------------------------------------------------------*/

.page-catheader{
    margin:50px 0 20px;
    text-align:center;
}

.page-catheader .cat-title{
    font-family:'Amiri', serif;
    font-size:3.3rem;
    font-weight:700;
    line-height:1.45;
    color:#0E4835;
    margin:0;
}


/*---------------------------------------------------------
  ARTICLE META
---------------------------------------------------------*/

.single-page .meta{
    text-align:center;
    font-family:'Cairo', sans-serif;
    font-size:.95rem;
    color:#777;
    margin-bottom:45px;
}

.single-page .meta a{
    color:#777;
    text-decoration:none;
}

.single-page .meta a:hover{
    color:#0E4835;
}


/*---------------------------------------------------------
  READING COLUMN
---------------------------------------------------------*/

.post_content{

    max-width:900px;

    margin:0 auto;

}


/*---------------------------------------------------------
  PARAGRAPHS
---------------------------------------------------------*/

.post_content p{

    font-family:'Amiri', serif;

    font-size:1.65rem;

    line-height:2.15;

    color:#2E2E2E;

    text-align:justify;

    margin:0 0 1.6rem;

}


/*---------------------------------------------------------
  ARTICLE HEADINGS
---------------------------------------------------------*/

.post_content h3{

    font-family:'Amiri', serif;

    font-size:2.3rem;

    font-weight:700;

    color:#0E4835;

    margin:3rem 0 2rem;

    text-align:center;

}


/*---------------------------------------------------------
  QURANIC VERSES
---------------------------------------------------------*/

.post_content strong{

    font-weight:900;

    color:#0E4835;

    font-size:1.12em;

    line-height:2.2;

}


/*---------------------------------------------------------
  BLOCKQUOTES
---------------------------------------------------------*/

.post_content blockquote{

    background:#FCFBF8;

    border-right:6px solid #C8A15A;

    margin:55px auto;

    padding:28px 36px;

    max-width:860px;

    box-shadow:0 6px 18px rgba(0,0,0,.05);

}


/* Remove WordPress quotation marks */

.post_content blockquote::before,

.post_content blockquote::after{

    display:none;

}


/* Text inside quotations */

.post_content blockquote p{

    font-size:1.55rem;

    line-height:2.3;

    margin-bottom:1.3rem;

}


/* Last paragraph */

.post_content blockquote p:last-child{

    margin-bottom:0;

}


/*---------------------------------------------------------
  LINKS
---------------------------------------------------------*/

.post_content a{

    color:#0E4835;

    text-decoration:none;

    border-bottom:1px dotted #C8A15A;

    transition:.25s;

}

.post_content a:hover{

    color:#C8A15A;

}


/*---------------------------------------------------------
  IMAGES
---------------------------------------------------------*/

.post_content img{

    max-width:100%;

    height:auto;

    display:block;

    margin:40px auto;

    border-radius:8px;

}


/*---------------------------------------------------------
  TABLES
---------------------------------------------------------*/

.post_content table{

    width:100%;

    border-collapse:collapse;

    margin:40px 0;

}

.post_content th{

    background:#0E4835;

    color:#fff;

    font-family:'Cairo', sans-serif;

    padding:14px;

}

.post_content td{

    padding:14px;

    border:1px solid #DDD;

}


/*---------------------------------------------------------
  PREVIOUS / NEXT
---------------------------------------------------------*/

.mywiki-nav{

    margin:70px auto;

    max-width:900px;

    border-top:1px solid #DDD;

    padding-top:30px;

}

.mywiki-nav a{

    font-family:'Cairo', sans-serif;

    color:#0E4835;

    font-weight:600;

}

.mywiki-nav a:hover{

    color:#C8A15A;

}

/*=========================================================
    AL-GHADIR ARTICLE TYPOGRAPHY
    (Override MyWiki Theme)
=========================================================*/


/************************************************
 ARTICLE WIDTH
************************************************/

#main .home-main article .post_content{

    max-width:920px;

    margin:0 auto;

}


/************************************************
 MAIN TITLE
************************************************/

#main .page-catheader{

    text-align:center;

    margin:70px 0 15px;

}

#main .page-catheader .cat-title{

    font-family:'Amiri', serif;

    font-size:46px;

    font-weight:700;

    line-height:1.5;

    color:#0E4835;

    letter-spacing:0;

}


/************************************************
 META
************************************************/

#main .single-page .meta{

    text-align:center;

    font-family:'Cairo',sans-serif;

    font-size:14px;

    color:#888;

    margin-bottom:60px;

}

#main .single-page .meta a{

    color:#777;

}


/************************************************
 PARAGRAPHS
************************************************/

#main .home-main article .post_content p{

    font-family:'Amiri',serif !important;

    font-size:22px !important;

    line-height:2.0 !important;

    color:#2E2E2E;

    margin-bottom:34px;

    text-align:justify;

}


/************************************************
 FIRST PARAGRAPH
************************************************/

#main .home-main article .post_content p:first-of-type{

    margin-top:25px;

}


/************************************************
 SECTION HEADINGS
************************************************/

#main .home-main article .post_content h3{

    font-family:'Amiri',serif;

    font-size:34px;

    color:#0E4835;

    text-align:center;

    margin:55px 0 35px;

}

/*==========================================
SECTION HEADINGS (H4)
==========================================*/

#main .post_content h4{

    font-family:'Amiri', serif;

    font-size:34px;

    font-weight:700;

    color:#0E4835;

    text-align:center;

    margin:70px 0 40px;

    position:relative;

}

#main .post_content h4::before,
#main .post_content h4::after{

    content:"";

    display:block;

    width:120px;

    height:1px;

    background:#C8A15A;

    margin:18px auto;

}

/*==========================================
ENTRY TITLE (H5)
==========================================*/

#main .post_content h5{

    font-family:'Amiri', serif;

    font-size:26px;

    font-weight:700;

    color:#0E4835;

    margin:40px 0 18px;

    text-align:right;

}

#main .post_content h5 + p{

    margin-top:8px;

}

#main .post_content h5 a{

    color:inherit;

    text-decoration:none;

}

#main .post_content h4 a{

    color:inherit;

    text-decoration:none;

}


/************************************************
 QURAN
************************************************/

#main .home-main article .post_content strong{

    font-size:1.08em;

    font-weight:800;

    color:#0E4835;

}


/************************************************
 BLOCKQUOTE
************************************************/

#main .home-main article .post_content blockquote{

    background:#FCFBF8;

    border-right:5px solid #C8A15A;

    padding:35px 45px;

    margin:70px auto;

    max-width:860px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}


#main .home-main article .post_content blockquote p{

    font-size:21px !important;

    line-height:2.15 !important;

}


/************************************************
 LINKS
************************************************/

#main .home-main article .post_content a{

    color:#0E4835;

    text-decoration:none;

    border-bottom:1px dotted #C8A15A;

}

#main .home-main article .post_content a:hover{

    color:#C8A15A;

}

.post_content ul{

    list-style:none;

    padding:0;

    margin:40px 0;

}

.post_content li{

    position:relative;

    padding-right:38px;

    margin-bottom:18px;

}

.post_content li::before{

    content:"◈";

    position:absolute;

    right:0;

    color:#C8A15A;

    font-size:18px;

    top:4px;

}

.post_content li{

    line-height:2;

}

.post_content li{

    font-family:'Amiri', serif;

    font-size:22px;

}

.post_content li a{

    color:#0E4835;

    text-decoration:none;

    transition:.25s;

}

.post_content li a:hover{

    color:#C8A15A;

    padding-right:6px;

}

/*=========================================================
  LuckyWP TOC - RTL Support
=========================================================*/

.lwptoc {

    direction: rtl;

    text-align: right;

}

/* Header */

.lwptoc_header {

    text-align: center;

    margin-bottom: 18px;

}

/* Each item */

.lwptoc_item a {

    direction: rtl;

    text-align: right;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}

/* Number */

.lwptoc_item_number {

    margin-left: 12px;

    margin-right: 0;

    flex-shrink: 0;

}

/* Label */

.lwptoc_item_label {

    flex: 1;

    text-align: right;

}

/* Nested lists */

.lwptoc_itemWrap .lwptoc_itemWrap {

    margin-right: 24px;

    margin-left: 0;

}

.lwptoc {
    border-radius: 8px;
}

.lwptoc_item a {
    border-radius: 6px;
}

/*=========================================================
ARTICLE TABLE OF CONTENTS
(LuckyWP)
=========================================================*/

.lwptoc{

    background:#FCFBF8;

    border:1px solid #E5DDD0;

    border-right:5px solid #C8A15A;

    border-radius:10px;

    padding:25px 30px;

    margin:45px auto;

    box-shadow:0 5px 18px rgba(0,0,0,.05);

    max-width:720px;

}

.lwptoc_title{

    font-family:'Amiri',serif;

    font-size:28px;

    font-weight:700;

    color:#0E4835;

}

.lwptoc_item{

    margin:8px 0;

}

.lwptoc_item a{

    display:flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    color:#333;

    padding:10px 14px;

    border-radius:6px;

    transition:.25s;

}

.lwptoc_item a:hover{

    background:#F2E8D4;

}

.lwptoc_item_number{

    width:30px;

    height:30px;

    line-height:30px;

    text-align:center;

    border-radius:50%;

    background:#0E4835;

    color:white;

    font-size:15px;

    font-family:'Cairo',sans-serif;

}

.lwptoc_item_label{

    font-family:'Amiri',serif;

    font-size:20px;

    color:#222;

}

.lwptoc_itemWrap .lwptoc_itemWrap{

    margin-right:22px;

}

/*=========================================================
TABLE OF CONTENTS (VOLUME PAGES)
=========================================================*/


/* Remove browser bullets */

.post_content ul{

    list-style:none;

    margin:50px 0;

    padding:0;

}


/* Each item */

.post_content ul li{

    position:relative;

    padding:12px 0 12px 42px;

    border-bottom:1px solid #ECE8DF;

    transition:.25s;

}


/* Gold ornament */

.post_content ul li::before{

    content:"◆";

    position:absolute;

    left:auto;

    right:0;

    color:#C8A15A;

    font-size:13px;

    top:18px;

}


/* Hover */

.post_content ul li:hover{

    background:#FCFBF8;

    padding-right:14px;

}


/* Links */

.post_content ul li a{

    display:block;

    font-family:'Amiri',serif;

    font-size:22px;

    color:#0E4835;

    text-decoration:none;

    transition:.25s;

}


/* Hover */

.post_content ul li:hover a{

    color:#8A6B2E;

}

/*====================================================
    SIDEBAR VOLUME LIST
====================================================*/

.ag-volume-list{

    list-style:none;

    margin:0;

    padding:0;

}


.ag-volume-list li{

    margin:10px 0;

}


.ag-volume-list li a,
.ag-volume-list li{

    display:block;

    position:relative;

    padding:12px 18px 12px 48px;

    background:#FCFBF8;

    border:1px solid #E7DFD3;

    border-right:4px solid #C8A15A;

    border-radius:8px;

    font-family:'Amiri',serif;

    font-size:20px;

    font-weight:700;

    color:#222;

    text-decoration:none;

    transition:all .25s ease;

}


/* Book icon */

.ag-volume-list li::before{

    content:"\f02d";

    font-family:"FontAwesome";

    position:absolute;

    left:16px;

    top:50%;

    transform:translateY(-50%);

    color:#C8A15A;

    font-size:18px;

}


/* Hover */

.ag-volume-list li a:hover{

    background:#F6F2EA;

    color:#0E4835;

    border-right-color:#0E4835;

    transform:translateX(-3px);

}


/* Non-linked volumes */

.ag-volume-list li:not(:has(a)){

    opacity:.65;

    cursor:default;

}

.ag-volume-list .coming-soon {
    opacity: .65;
}

/*====================================================
    SIDEBAR HEADINGS
====================================================*/

.sidebar-heading{

    position:relative;

    text-align:center;

    margin:0 0 22px;

}

.sidebar-heading::after{

    content:"";

    display:block;

    width:100%;

    height:2px;

    background:#C8A15A;

    margin-top:12px;

}

.sidebar-heading span{

    font-family:'Amiri', serif;

    font-size:27px;

    font-weight:700;

    color:#0E4835;

    letter-spacing:.2px;

}

/*====================================================
    ARTICLE META INFORMATION
====================================================*/

.single-page{

    margin:0 0 35px;

}

.single-page .meta{

    background:#FCFBF8;

    border:1px solid #E8E0D5;

    border-right:4px solid #C8A15A;

    border-radius:8px;

    padding:16px 22px;

    font-family:'Cairo',sans-serif;

    font-size:15px;

    line-height:2;

    color:#666;

}

.single-page time{

    display:block;

    margin-bottom:10px;

    color:#666;

}

.single-page .fa{

    color:#C8A15A;

    margin-left:8px;

    width:18px;

    text-align:center;

}

.single-page .meta a{

    color:#0E4835;

    text-decoration:none;

    font-weight:600;

}

.single-page .meta a:hover{

    color:#C8A15A;

}

/*====================================================
    HEADER BAR
====================================================*/

.searchwrap{

    background:#0E4835 !important;

}

/*====================================================
    FOOTER
====================================================*/

#footer{

    background:#0E4835 !important;

}
#footer,
#footer p,
#footer li,
#footer span{

    color:#F7F4ED;

    font-family:'Cairo',sans-serif;

    font-size:15px;

}

#footer a{

    color:#C8A15A !important;

    text-decoration:none;

}

#footer a:hover{

    color:#FFFFFF !important;

}

/*====================================================
    REMOVE TOP SEARCH BAR
====================================================*/

.searchwrap {
    display: none !important;
}

/*====================================================
    Annotation References
====================================================*/

.ag-annotation{

    display:inline-block;

    vertical-align:super;

    font-size:70%;

    line-height:1;

    margin:0 0.10em;

    color:#C8A15A;

    cursor:pointer;

    font-family:inherit;

    font-weight:700;

    text-decoration:none;

    transition:all .18s ease;

    user-select:none;

}

.ag-annotation:hover{

    color:#0E4835;

    transform:translateY(-1px);

}

.ag-annotation:active{

    transform:translateY(0);

}

/*======================================================
SEARCH PAGE
======================================================*/

.ag-search-page{

    margin-top:40px;

    margin-bottom:60px;

}

.ag-search-header{

    border-bottom:3px solid #C8A15A;

    margin-bottom:35px;

    padding-bottom:18px;

}

.ag-search-header h1{

    font-size:32px;

    font-family:'Vazirmatn';

    color:#0E4835;

    margin:0;

}

.ag-search-query{

    margin-top:12px;

    font-size:18px;

    color:#666;

}

.ag-search-item{

    padding:28px 0;

    border-bottom:1px solid #e7e7e7;

}

.ag-search-item h2{

    margin:0 0 10px;

    font-size:25px;

}

.ag-search-item h2 a{

    color:#0E4835;

    font-family:'Vazirmatn';

}

.ag-search-item h2 a:hover{

    color:#C8A15A;

}

.ag-search-category{

    color:#999;

    font-size:14px;

    margin-bottom:16px;

}

.ag-search-excerpt{

    font-size:18px;

    line-height:2.2;

    text-align:justify;

}

.ag-read-more{

    display:inline-block;

    margin-top:18px;

    color:#C8A15A;

    font-weight:700;

}

.ag-no-results{

    padding:60px;

    text-align:center;

    font-size:22px;

}

.ag-highlight{

    background:#F8E6B5;

    color:#0E4835;

    padding:2px 4px;

    border-radius:3px;

    font-weight:700;

}

.ag-search-count{

    margin-top:15px;

    color:#666;

    font-size:18px;

}

/* Hide MyWiki search */

.mw-header-search,
.mw-mobile-search{

    display:none !important;

}

/*----------------------------------
Footer
----------------------------------*/

.mw-footer{

    background:#0E4835;

}

.mw-footer p,
.mw-footer li,
.mw-footer a{

    font-family:'Cairo',sans-serif;

    font-size:18px;

    line-height:2;

}

.mw-widget-title{

    font-family:'Amiri',serif;

    font-size:30px;

    color:#C8A15A;

    margin-bottom:20px;

}

.mw-footer a{

    color:#F5EFE4;

}

.mw-footer a:hover{

    color:#C8A15A;

}

.mw-article blockquote{

    background:#FCFBF8;

    border-right:6px solid #C8A15A;

    border-radius:10px;

    padding:35px 45px;

    margin:60px 0;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.mw-article blockquote p{

    font-family:'Amiri',serif;

    font-size:22px;

    line-height:2.25;

}

.mw-article [itemprop="articleBody"]{

    font-family:'Amiri',serif;

}

.mw-article [itemprop="articleBody"] p{

    font-size:22px;

    line-height:2.05;

    color:#2E2E2E;

}

.mw-article [itemprop="articleBody"] h3{

    font-size:34px;

    color:#0E4835;

}

.mw-post-nav{

    gap:24px;

}

.mw-post-nav-link{

    background:#FCFBF8;

    border:1px solid #E7DFD3;

    border-right:5px solid #C8A15A;

    border-radius:10px;

    padding:24px;

    transition:.25s;

}

.mw-post-nav-link:hover{

    background:#F7F2E8;

    border-right-color:#0E4835;

    transform:translateY(-3px);

}

.mw-post-nav-title{

    font-family:'Amiri',serif;

    font-size:24px;

    color:#0E4835;

}

.mw-post-nav-label{

    font-family:'Cairo',sans-serif;

    color:#888;

    margin-bottom:12px;

}

/*====================================================
FOOTER WIDGET TITLES
====================================================*/

.mw-footer .mw-widget-title{

    font-family:'Amiri', serif;

    font-size:30px;

    font-weight:700;

    color:#C8A15A;

    text-align:center;

    margin:0 0 22px;

    position:relative;

}

.mw-footer .mw-widget-title::after{

    content:"";

    display:block;

    width:80px;

    height:2px;

    background:#C8A15A;

    margin:12px auto 0;

}

.mw-footer .widget{

    margin-bottom:40px;

}

.mw-footer .textwidget{

    margin-top:18px;

}

/*====================================================
FOOTER VOLUME LIST
====================================================*/

.mw-footer .ag-volume-list{

    margin:0;

    padding:0;

}

.mw-footer .ag-volume-list li{

    list-style:none;

    margin:10px 0;

    padding:0;

}

.mw-footer .ag-volume-list li a{

    display:block;

    background:#184F3C;

    border-right:4px solid #C8A15A;

    border-radius:8px;

    padding:13px 18px;

    color:#F8F4EC;

    font-family:'Amiri', serif;

    font-size:21px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.mw-footer .ag-volume-list li a:hover{

    background:#225D47;

    border-right-color:#FFFFFF;

    color:#FFFFFF;

    transform:translateX(-4px);

}

.mw-footer .ag-volume-list .coming-soon{

    background:#234D40;

    border-right:4px solid #666;

    border-radius:8px;

    padding:13px 18px;

    color:#A8B2AD;

    font-family:'Amiri', serif;

    font-size:21px;

    opacity:.75;

}

/*====================================================
FOOTER - TWO COLUMN LAYOUT
====================================================*/

.mw-footer-grid{

    display:grid;

    grid-template-columns:300px 1fr;

    gap:70px;

    align-items:start;

}

.mw-footer-col-empty{

    display:none;

}

.mw-footer-col{

    max-width:700px;

}

.mw-footer-brand-col{

    text-align:center;

}

.mw-footer-brand img{

    margin:0 auto 20px;

}

.mw-footer-desc{

    margin-top:15px;

}

.mw-footer .ag-search{

    width:100%;

}

.mw-footer .ag-search input{

    width:100%;

}

.mw-footer-grid{

    grid-template-columns:240px 1fr;

    gap:80px;

}

/*====================================================
FOOTER SEARCH BOX
====================================================*/

.mw-footer .ag-search input,
.mw-footer input[type="search"],
.mw-footer input[type="text"]{

    background:#FFFFFF;

    color:#222 !important;

    border:1px solid #C8A15A;

    font-family:'Cairo', sans-serif;
    padding: 22px 10px;

}

.mw-footer .ag-search input::placeholder,
.mw-footer input::placeholder{

    color:#777;

    opacity:1;

}