/* ------------------------
| General
-------------------------*/
body {display: flex!important; flex-direction: column!important; min-height: 100vh!important;} 
footer {margin-top: auto!important;}
#main_content {margin-bottom: 80px;}
h1, h2, h3, h4, h5, h6 { letter-spacing: 0; font-weight: 700; text-transform: capitalize;}
/* p { font-size: 1.02rem; line-height: 1.8; } */
p { font-size: 1.05rem; line-height: 2.2; }
html[dir='ltr'] p { font-size: 0.95rem; line-height: 2.2; }
html.light p, html.light li { color: var(--dark); }
html.dark p, html.dark li { color: var(--bs-gray-500); }
html[lang=fa] ol, html[lang=fa-IR] ol {list-style:persian;}
html[lang=ar] ol, html[lang=ar-AR] ol {list-style:arabic-indic;}
li { font-size: 1rem; line-height: 2;}
html[dir='ltr'] li { font-size: 0.95rem;}
u { text-underline-position: under; -webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-offset: 0.15em; }
html[dir='rtl'] em { color: #6f6f6f; font-size: 1rem; }
html[dir='ltr'] em { color: #6f6f6f; }
html.dark em { color: #959595;}
* {text-transform: none !important;}
/* ------------------------
| Splash Page
-------------------------*/
.mark-height-5:before { height: 5% !important; }
.home-link-container { background: rgba(0,0,0,0.3); padding: 5px; border-radius: 15px; max-width: 300px}

.home-link-container .mark.mark-color-primary:before { background: var(--primary-rgba-60); }
/* ------------------------
| Header
-------------------------*/
#header .header-body { background: var(--secondary); }
html.dark #header .header-body { background: var(--tertiary); border-top-color: var(--tertiary--200); }
/* Color mode button */
#colorModeButton i, .header-nav-features-search a i { font-size: 1.5rem !important; line-height: 1.5 !important; }
html[dir='rtl'] #colorModeButton { cursor: pointer; margin-right: 15px; }
html[dir='ltr'] #colorModeButton { cursor: pointer; margin-left: 15px; }
/* Breadcrumb */
.page-header { background-color: var(--tertiary); }
.page-header h1 { line-height: 2;	font-weight: 700; }
html.light .page-header h1 { color: var(--bs-gray-300); }
html.dark .page-header h1 { color: var(--tertiary); }
html.dark .page-header { /*background-color: var(--primary);*/ background-color: #c1a57a; }
.breadcrumb > li { font-size: 0.9em; line-height: 1.8; }
.breadcrumb > li.active { color:var(--default); }
.breadcrumb > li + li:before { color:var(--default); font-family: "Font Awesome 6 Pro"!important; }
.img-thumbnail.img-thumbnail-hover-icon:after {font-family: "Font Awesome 6 Pro"!important;}
html.dark .breadcrumb > li > a { color: var(--tertiary); }
html.dark .breadcrumb > li.active { color: var(--light); }
#header {	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15); }
html.sticky-header-active #header .header-body {	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15); }
html[dir='ltr'] ul.breadcrumb li.active {
    font-family: "Parastoo", "Vazirmatn", Tahoma, Arial, "Traditional Arabic", "Simplified Arabic", Verdana !important;
}

/* ------------------------
| Footer
-------------------------*/
#footer { background: var(--tertiary); border-top: 4px solid var(--tertiary); }
#footer .footer-copyright.footer-copyright-style-2 { background: var(--tertiary-100); }
#footer .footer-copyright p { color: #d3d3d3; }

/* ------------------------
| Modifications and New
-------------------------*/
html[dir='ltr'] .ms-auto { margin-left: unset !important; margin-right: auto !important; }
html[dir='ltr'] .me-auto { margin-right: unset !important; margin-left: auto !important; }
.linen {
    background-color: #e5d7b9;
    background-image: url("../img/linen.png");
}
html.dark .linen {
    background-color: #2C2E41;
}
html.dark .readmore-overlay {
    background: linear-gradient(rgba(2, 0, 36, 0) 0%, rgb(33 37 41) 100%)!important;
}
.w-85 {
    width: 85% !important;
}
.poem {
	max-width:752px;
	margin:15px auto 25px auto;
	display:block;
	padding: 5px 20px;
}
.poem::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.poem p {
	text-indent:20px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	color:#4CAF50!important;
	font-weight: bold;
}
.b, .beyt {
	margin:auto;
	margin-bottom:0px;
	text-align:center;
	clear:both;
	scroll-margin-top:43px;
}
.b.bc .m1, .b.bc .m2 {width:100%!important;}
.m1, .mesra-1 {
	width:45%;
	float:right;
}
.m2, .mesra-2 {
	width:45%;
	float:left;
}
.m1 p,.m2 p,.mesra-1 p,.mesra-2 p {
	text-indent:0;
	margin:0;
	line-height:2;
	text-align:center;
}
.g-shadow {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
}
.ar-in-fa {
	color: #7C311E !important;
	font-weight: 700;
}
html.dark .ar-in-fa {
	color: #c75c2a !important
}
.text-green {
    color: #0b8f10 !important;
}
html.dark .text-green {
    color: #4CAF50 !important;
}
.custom-decoration:hover {
	text-decoration: none!important;
	border-bottom: 3px solid #7E5F32;
}

/* Footnotes */
sup a i {
	font-size: 1.25em;
	line-height: .05em;
	vertical-align: -.075em;
	align-items: center;
	margin-left: 2px;
	margin-right: 4px;
}
.fn-panel {
  position: fixed;
  font-size: 0.9rem;
  bottom: 0;
  left: 0;
  right: 0;
	z-index: 999999;
}
.fn-wrapper {
  display: none;
  max-width: 700px;
  max-height: 200px;
  margin: 0 auto;
  background-color: #F5F2E8;
  border-top: 3px solid #BEA47C;
  overflow:auto;
	box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.15);
}
html.dark .fn-wrapper, html[data-bs-theme="dark"] .fn-wrapper {
	background-color: var(--tertiary-300);
}

#fn-index {
  padding: 1.25rem 0 0 1.25rem;
}
#fn-close {
  padding: 1.25rem;
  margin-left: auto;
  cursor: pointer;
  color: red;
}
html[dir='rtl'] #fn-close {
  padding: 1.25rem;
  margin-right: auto;
  margin-left: 0;
}
html.dark #fn-close, html[data-bs-theme="dark"] #fn-close {
	color: #ff6b6b;
}
#fn-content {
  max-width: 640px;
  text-align: left;
  padding: 1.25rem 0 1.25rem 0.9rem;
}
#fn-content a.reversefootnote{
  display:none;
}
html[dir='rtl'] #fn-content {
  text-align: right;
	direction: rtl;
  padding: 1.25rem 0.9rem 1.25rem 0;
}
#fn-content p {
	font-size: 0.85rem;
	text-align: justify;
}
html[dir='ltr'] #fn-content p {
    text-align: left;
}
.footnotes li ,.footnotes li p, #fn-content li ,#fn-content li p {
	margin-bottom: 0;
	font-size: 0.85rem!important;
}



/* Books */

.book-list-container .accordion-button {
	padding-top: 0;
	padding-bottom: 0;
}
.book-list-container .accordion-button::after {
	margin-left: 0 !important;
	margin-right: auto;
}
html[dir='ltr'] .book-list-container .accordion-button::after {
    margin-right: 0!important;
    margin-left: auto!important;
}
.card-text strong {
    text-transform: capitalize !important;
}
.book-card {
	height: 100%;
}
.book-cover-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.book-cover {
	max-width: 100%;
	max-height: 300px;
	width: auto;
	height: auto;
	object-fit: contain;
}
.book-info {
	display: flex;
	flex-direction: column;
	text-transform: capitalize;
}
.book-info .card-text {
	margin-bottom: 0;
	font-size: 13px;
}
.book-title {
	font-size: 16px!important;
	line-height: 1.8;
	font-weight: 700;
}
.book-links, .book-volumes {
	margin-top: auto !important;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.book-list-container a.dl-btn:focus {
	color: unset !important;
}
.book-list-container .accordion-button:not(.collapsed) {
	color: var(--dark)!important;
	background-color: var(--secondary)!important;
}
html.dark .book-list-container .accordion-button:not(.collapsed) {
	color: var(--light)!important;
	background-color: var(--tertiary)!important;
}
.book-links a, .book-volumes a {
	text-align: left;
	direction: ltr;
	font-size: 12px;
	margin-top: 10px;
	font-family: sans-serif;
}
html[dir='rtl'] .book-links a, .book-volumes a {
	text-align: right;
	direction: rtl;
}
html[dir='ltr'] #book_fa .book-links a, .book-volumes a, html[dir='ltr'] #book_ar .book-links a, .book-volumes a, html[dir='ltr'] #book_urdu .book-links a, .book-volumes a {
    direction: rtl;
    text-align: right;
}
a.dl-btn {
	margin-right: 5px;
}
html[dir='rtl'] a.dl-btn {
	margin-right: 0px;
	margin-left: 5px;
}
.book-links a i, .book-volumes a i {
	font-size: 17px;
}
.volume-select {
	padding: 0.375rem 0.75rem 0.375rem 2.25rem !important;
	background-position: left .75rem center !important;
}
html[dir='ltr'] .volume-select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem!important;
    background-position: right .75rem center !important;
}

.volume-select, .volume-select option {
	font-size: 13px;
}
ul.two-column-list, ol.two-column-list {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-position: inside;
}
ol.numberList {
	text-align:justify;
}
html[dir='ltr'] ol.numberList li, html[dir='ltr'] ul:not(.nav):not(.dropdown-menu):not(.breadcrumb) li {
    text-align: left!important;
}
i.fa-file-pdf {
	color: rgba(238, 10, 20, 1);
}

i.fa-file-word {
	color: rgba(34, 80, 177, 1);
}
i.fa-globe {
	color: rgba(50, 134, 86, 1);
}
html.dark a.bg-danger-subtle{background-color:#f8d7da!important;color: #222222!important;}
html.dark a.bg-success-subtle{background-color:#d1e7dd!important;color: #222222!important;}
html.dark a.bg-primary-subtle{background-color:#cfe2ff!important;color: #222222!important;}
html.dark .book-cards .readmore-overlay {background: linear-gradient(rgba(2, 0, 36, 0) 0%, rgb(45 50 55) 100%) !important;} html.dark .book-cards .card.book-card { background-color: #2d3237;}
html.light .active>.page-link, .page-link.active { background-color: var(--tertiary)!important; border-color: var(--tertiary)!important;}
html.dark .active>.page-link, .page-link.active {	background-color: var(--quaternary)!important;	border-color: var(--quaternary)!important;}
html[dir="ltr"] .page-item:not(:first-child) .page-link { margin-left: unset; margin-right: calc(var(--bs-border-width)* -1); }
html[dir="ltr"] .page-item:first-child .page-link {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);		
}
html[dir="ltr"] .page-item:last-child .page-link {
    border-top-right-radius: unset;
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: unset;
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.book-cards[dir="ltr"] {
	direction: ltr !important;
	text-align: left;
}

hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	}
	
	hr.hr,
	hr.vr {
	border-top: none !important;
	}
	
	hr.hr.hr-blurry {
	background-color: transparent;
	background-image: linear-gradient(90deg, transparent, hsl(0deg 0% 0%), transparent);
	height: 1px;
	opacity: 0.25;
	}
	html.dark hr.hr.hr-blurry {
		background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 100%), transparent);
	}




/* ------------------------
| Quran
-------------------------*/
span.at{font-size:1.5rem;}
/* span.vn{font-size:2.5rem;font-family:"KFGQPC HAFS Uthmanic Script", "Traditional Arabic", "Simplified Arabic", "Times New Roman", Verdana, Tahoma;color:#6C3B96!important;line-height:0;padding-left:5px;} */

@media (max-width: 1199.98px) { 
	.book-cover {
		max-height: 250px;
	}
}

@media (max-width: 768px){
	.ar-t{border-left:none;text-align:center;}
	.m1, .m2 {width:100%;}
	.m1 {margin-top: 15px;}	
	ul.two-column-list, ol.two-column-list {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}	
	.m2, .mesra-2 {
		margin-bottom: 10px;
	}	
}
@media (max-width: 767.98px) { 
	.book-card .row {
		flex-direction: column;
	}
}
@media (min-width: 768px) {
    .lottie-wrapper {max-width:700px;}
}

/* Applies only on screens > 991px */
@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > a {
		 font-family: "Vazirmatn", Tahoma, Arial, "Traditional Arabic", "Simplified Arabic", Verdana;
		 font-size: 0.95rem;
		 line-height: 2.0;
	}
	html[dir="ltr"] #header .header-nav-main nav > ul > li > a {font-size: 0.8rem;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		 font-family: "Vazirmatn", Tahoma, Arial, "Traditional Arabic", "Simplified Arabic", Verdana;
		 font-size: 0.9rem;
		 line-height: 2.0;
    }
		html[dir="ltr"] #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 0.8rem;}
    html.dark #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul:not(:hover) li > a.active,
    html.dark #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul > li:hover > a 
	{
        color: var(--secondary)!important;
    }
	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
		background: var(--tertiary--100);
	}	
	html.dark #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		color: var(--primary);
	}
	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:hover > a {
		background: var(--tertiary--200);
		color: var(--secondary);
	}
    html.light #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu:not(.border-top) {
        border: 1px solid var(--secondary) !important;
    }	
	#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		letter-spacing: 0px;
	}
	.pwi-container {
		grid-template-areas: "figure text";
		grid-template-columns: auto 1fr;
		align-items: start;
	}	
	/* Solution that keeps images at top and links at bottom */
	.book-container .card {
		height: 100%!important;
	}

	.book-container .card-body {
		height: 100%!important;
		display: flex!important;
		flex-direction: column!important;
	}

	.book-container .card-body > .row {
		flex: 1!important;
		align-items: normal!important;
		min-height: 0!important;
	}

	.book-container .book-cover-container {
		display: block!important;
	}

	.book-container .book-info {
		display: flex!important;
		flex-direction: column!important;
		height: 100%!important;
	}

	.book-container .book-links {
		margin-top: auto!important;
		padding-top: 1rem!important;
	}

	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a {
		border-bottom-color: #2c2e41!important;
	}	

}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul li a {
		 font-family: "Vazirmatn", Tahoma, Arial, "Traditional Arabic", "Simplified Arabic", Verdana;
		 font-size: 0.9rem;
		 line-height: 2.0;
	}
	.page-header h1 {
		text-align: center;
	}	
    html.dark #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: var(--secondary) !important;
    }
	html.dark #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
		background: var(--tertiary);
	}	
	html.dark #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: var(--quaternary);
	}
	.pwi-fig {
		text-align: center;
	}	
}

@media (max-width: 991.98px) {
	.clear-float {
		clear: both;
		display: block;
	}
	.book-card .row {
		flex-direction: row;
	}
	.book-cover {
		max-height: 300px;
	}	
}

@media (max-width: 575px) {
	body{position:relative!important;overflow-x: hidden!important;max-width: 100%!important;}
	.home-link-container {max-width:300px!important; margin: 0 auto;}
	.lottie-wrapper {max-width:400px;}
	section#main_content { padding-left: 25px; padding-right: 25px; }
	html[dir='rtl'] .mystic-container ul.mystics li {
    background-position: top center!important;
	}
	html[dir='rtl'] .mystic-container ul.mystics li {
			padding: 60px 0px 60px 0!important;
	}
	html[dir='rtl'] .mystic-container ul.mystics li p {text-align:center!important;}
	span.at{font-size:1.25rem;}
	p.ap {font-size: 0.85rem; margin-bottom:1rem;}
	.poem {padding: 5px 15px;}
	.b.bc p { font-size: 0.9rem; }
}


@media (min-width: 1200px) {	.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {max-width: 1140px;}}
@media (min-width: 1450px) {	.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {max-width: 1320px;}}