@font-face{
	font-family:'LPMQ'; 
	src: local('LPMQ'),
	url(fonts/LPMQ.woff2) format('woff2'),
	url(fonts/LPMQ.woff) format('woff'),
	url(fonts/LPMQ.ttf) format('truetype'),
	url(fonts/LPMQ.eot) format('embedded-opentype');
	font-weight:400;
	font-style:normal;
	font-display: swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */

.cf:after,.full:after,.row:after,.ui-helper-clearfix:after,.wrap:after {
	clear:both;
}
html{
	background: #fff;
	scroll-behavior: smooth;
}
body{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color:#212121;
}
ol,ul{
	margin:0;
	padding: 0;
}
a{
	color: #212121;
	text-decoration: none;
	-webkit-transition: all 0.1s 0s ease-in;
	-moz-transition: all 0.1s 0s ease-in;
	-o-transition: all 0.1s 0s ease-in;
	transition: all 0.1s 0s ease-in;
}
a:hover{
	color: #af862f;
	-webkit-transition: all 0.05s 0s ease-out;
	-moz-transition: all 0.05s 0s ease-out;
	-o-transition: all 0.05s 0s ease-out;
	transition: all 0.05s 0s ease-out;
}
.main{
	margin-top: 156px;
}
.wrap{
	max-width: 1000px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.rel{
	position: relative;
}
.header-nav {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	border-top: 6px solid #000a12;
	background: #f5f5f5;
	top: 0;
	position: fixed;
	height: 48px;
	left: 0;
	right: 0;
	z-index: 2;
}

.logo {
	margin: 0;
}
.logo a {
	font: 700 12px/48px sans-serif;
	float: left;
	padding: 0 12px;
	text-decoration: none;
}

#search {
	display: none;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	top: 0;
	right: 0;
	text-indent: 12px;
	font: 400 14px/24px Arial, sans-serif;
	padding:12px 0;
}
#search-box{
	box-sizing: border-box;
	position: absolute;
	top: 6px;
	right: 0;
	width:100%;
	display: block;
	border:none;
	outline:none;
	z-index: 100;
	line-height: 24px;
	padding:6px 12px 11px;
	border-bottom: 1px solid #e6e7e7;
}
#search:focus {
	outline: 0;
	color: #EAEAEA;
}

label[for="nav-trigger"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 120;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:%23212121' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none' /%3E%3C/svg%3E") 12px 12px no-repeat;
	outline: 0;
}
.nav-trigger {
	display: none;
}

.nav-trigger:checked + label {
	background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath style='fill:%23212121' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3c/svg%3e");
}

.nav-trigger:checked ~ #search {
	background: #fff;
	display: block;
	-webkit-transition: all 125ms ease;
	-moz-transition: all 125ms ease;
	-ms-transition: all 125ms ease;
	-o-transition: all 125ms ease;
	transition: all 125ms ease;
}
.list{
	columns: 3;
	column-gap: 32px;
}

.list li:before, .surah li:before{
	content:counter(step-counter);
	width:32px;
	font:700 12px/32px Helvetica,sans-serif;
	height: 32px;
	background:#38393B;
	color:#fff;
	text-align: center;
	display: inline-block;
	position: absolute;
	margin-top: -1px;
}
.list li,  .surah li{
	counter-increment: step-counter;
}

.list li, .surah li{
	border-top: 1px solid #e6e7e7;
	display: block;
	width:100%;
}
.surah li{
	padding-bottom: 30px;
}
.list a {
	padding-left: 42px;
	display:inline-block;
	font-size:18px;
	line-height:48px;
	text-decoration: none;
	font-family: 'Merriweather', georgia, serif;
	font-weight: normal;
	width: 88%;
}

.list-title, .page-title{
	font-family: 'Merriweather', georgia, serif;
	font-size: 27px;
	font-weight: 400;
	text-transform: capitalize;
}
.page-title{
	text-align: center;
}
.by{
	text-align: center;
	font-family: sans-serif;
	font-size: 13px;
	padding-bottom: 30px;
}
.bismillah {
	border-top: 1px solid #e6e7e7;
	text-align: center;
	line-height: 120px;
	margin: 0;
}
.bismillah, .arabic{
	font-family: lPMQ;
	font-size: 30px;
	direction: rtl; 
	display: block;
}
.arabic{
	line-height: 72px;
	text-align: right;
	padding-left: 32px;
	margin-bottom:0;
}

.translate{
	font-family: 'Merriweather', georgia, serif;
}
.meaning, .tafsir-link, .entry{
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

.entry h2{
	font-size: 18px;
}
.footer{
	margin-top: 30px;
	border-top: 1px solid  #e6e7e7;
	line-height: 48px;
	font-size: 0.8em;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.copyright{
	float: left;
}
.privacy{
	text-align: right;
	float: right;
}
.pad{
	margin: 30px 0;
}
.banner-bottom{
	margin:60px 0;
}
@media only screen and (max-width: 800px) {

	.list{
		columns: 2;
		column-gap: 32px;
	}
}
@media only screen and (max-width: 600px) {

	.list{
		columns: 1;
		column-gap: 0;
	}
	.bottom{
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 60px;
		background: red;
	}
}

@media (prefers-color-scheme: dark) {
	/* Dark theme styles go here */
}
.nuquran-info{
position:absolute;
 left: 0;
  right: 0;
top:60px;
margin:0 auto;
text-align:center;
font:16px/24px sans-serif;
}
.nuquran-info a{
color:#af862f;
}