@font-face {
font-family: 'MehrNastaliqWebRegular';
src: url('https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2024/05/MehrNastaliqWebRegularurdunigaar.com_.ttf') format('truetype');
}
.post-body {
font-family: 'MehrNastaliqWebRegular', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css');
@font-face {
font-family: "Jameel nori";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2024/05/Jameel-Noori-Nastaleeq-Regular.ttf");
}
@font-face {
font-family: "kitab";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/05/Kitab-Regular.ttf");
}
@font-face {
font-family: "Aslam";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/05/Aslam.ttf");
}
@font-face {
font-family: "Al_Mushaf";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/07/Al-Qalam-Quran-Majeed.ttf");
}
@font-face {
font-family: "Al-Qalam";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/05/Al-Qalam-Quran-Majeed-Web2_D.otf");
}
.font-noori-nastaliq {
font-family: "Jameel nori", sans-serif;
}
.font-aslam {
font-family: "Aslam", sans-serif;
}
.font-al-mushaf {
font-family: "Al_Mushaf", sans-serif;
}
.font-al-qalam {
font-family: "Al-Qalam", sans-serif;
}
@font-face {
font-family: "Naskh Unicode Naskh Unicode";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2024/06/Naskh-Unicode-Naskh-Unicode.ttf");
}
@font-face { font-family: Suwar; src: url("/assets/fonts/suwar.woff2"); font-display: block; unicode-range: U+FB8C-FBB1, U+FBD3-FC1F; }
@font-face { font-family: "Aref Ruqaa"; font-display: block; src: url("/assets/fonts/logo.woff"); }
@font-face {
font-family: 'Kitab';
src: url('https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/05/Kitab-Regular.ttf') format('truetype');
}
.kitab {
font-family: 'Kitab', serif;
}
.divider
{
position: relative;
margin-top: 15px;
height: 1px;
}
.div-transparent:before
{
content: "";
position: absolute;
top: 0;
left: 5%;
right: 5%;
width: 90%;
height: 1px;
background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}
.div-dot:after
{
content: "";
position: absolute;
z-index: 1;
top: -9px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
background-color: goldenrod;
border: 1px solid rgb(48,49,51);
border-radius: 50%;
box-shadow: inset 0 0 0 2px white,
0 0 0 4px white;
}
@font-face {
font-family: "Mehr-Nastaliq-Web";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/04/Mehr-Nastaliq-Web.ttf");
}
.font-Mehr-Nastaliq-Web {
font-family: "Mehr-Nastaliq-Web", sans-serif;
}
.Madanid {
font-size: 22px;
text-align: justify;
text-indent: 25px;
font-family: Mehr-Nastaliq-Web;
line-height: 37px;
text-decoration: none;
direction: rtl;
margin-right: 10px;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
}
@font-face {
font-family: 'Payami Web';
src:
url('https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/04/Payami-Web-1-1.ttf') format('truetype');
font-weight: normal;
font-style: normal;@font-face {
font-family: "Mehr Nastaliq Web1";
src: url("https://dev-madaniduniya.pantheonsite.io/wp-content/uploads/2025/04/Mehr-Nastaliq-Web-1.ttf");
}
.mpoetry {
text-align-last: center;
text-indent: 0px;
font-family: Payami Web;
font-size: 19pt;
line-height: 39px;
margin-bottom: 0px;
margin-top: -18px;
margin-left: auto;
margin-right: auto;
}
.hawalaurdum {
font-size: 20px;
font-family: 'Jameel nori', serif;
direction: rtl;
margin: 0px;
padding: 0px;
}
.mylist {
font-family: 'Jameel nori', serif;
font-size: 19pt;
line-height: 39px;
direction: rtl;
text-align: justify;
margin-right: 40px;
margin-left: 18px;
margin-bottom: -5px;
margin-top: -5px;
text-indent: 0px;
}
.arabic-h {
font-size: 18px;
text-align: justify;
text-indent: 25px;
font-family: 'kitab', serif;
line-height: 37px;
direction: rtl;
margin-right: 10px;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
}
.h-arabic {
font-size: 16px;
font-family: kitab;
direction: rtl;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.Heading1 {
font-family: 'Aslam';
font-size: 32px;
line-height: 42px;
direction: rtl;
text-align: right;
margin-right: 18px;
margin-bottom: 0px;
margin-top: 13px;
color: #8098ff;
font-weight: bold;
}
.heading2 {
font-family: 'Aslam', serif;
font-size: 20px;
line-height: 42px;
direction: rtl;
text-align: right;
margin-right: 18px;
margin-bottom: 0px;
margin-top: 18px;
color: #8098ff;
font-weight: bold;
}
.urdu-stylee {
font-size: 22px;
text-align: justify;
text-indent: 25px;
font-family: 'Jameel nori', 'Urdu Typesetting', serif;
line-height: 39px;
direction: rtl;
margin-right: 18px;
margin-left: 18px;
margin-top: -18px;
margin-bottom: -18px;
}
.sail {
font-size: 18px;
text-align: justify;
text-indent: 25px;
font-family: 'Jameel nori', 'Urdu Typesetting', serif;
line-height: 37px;
text-decoration: none;
direction: rtl;
margin-right: 10px;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
}
.arabic-style {
font-family: 'Kitab';
font-weight: bold;
font-size: 22px;
line-height: 37px;
direction: rtl;
text-align: justify;
text-indent: 25px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: -10px;
}
.image-container {
text-align: center;
margin: 20px 0;
}
.img-rounded {
border-radius: 12px;
}
.img-shadow {
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.img-full {
width: 100%;
height: auto;
max-width: 600px;
}
.img-zoom {
transition: transform 0.3s ease;
}
.img-zoom:hover {
transform: scale(1.03);
}
.image-caption {
font-style: italic;
font-size: 14px;
color: #555;
margin-top: 8px;
}
.social-buttons {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin: 20px 0;
}
.social-btn {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: white;
font-weight: bold;
padding: 10px 16px;
border-radius: 50px;
transition: background 0.3s ease, transform 0.2s ease;
}
.social-btn:hover {
transform: translateY(-3px);
}
.social-btn i {
font-size: 16px;
}
.whatsapp { background-color: #25D366; }
.facebook { background-color: #1877f2; }
.instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.tiktok { background-color: #000000; }
.madaniduniya {
font-size: 22px;
text-align: justify;
text-indent: 25px;
font-family: Jameel nori;
line-height: 37px;
text-decoration: none;
direction: rtl;
margin-right: 10px;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
}
/* === AI Gradient Glow Buttons === */
button, .btn, .button, a.button, a.follow, input[type="submit"], input[type="button"] {
display: inline-block;
padding: 10px 25px;
border-radius: 50px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
color: white !important;
background: linear-gradient(90deg, #06b6d4, #3b82f6, #9333ea);
box-shadow: 0 0 15px rgba(147, 51, 234, 0.5);
transition: all 0.4s ease-in-out;
text-transform: uppercase;
border: none;
}
button:hover, .btn:hover, .button:hover, a.button:hover, a.follow:hover,
input[type="submit"]:hover, input[type="button"]:hover {
transform: scale(1.08);
box-shadow: 0 0 25px rgba(59, 130, 246, 0.9);
background: linear-gradient(90deg, #9333ea, #3b82f6, #06b6d4);
}
.mail-button {
background: linear-gradient(135deg, #0d6efd, #00b4d8); /* نیلا-آسمانی گرینیٹ */
border: none;
border-radius: 30px;
padding: 18px 50px; /* سائز بڑا */
font-size: 22px;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
transition: all 0.3s ease;
}
.mail-button a {
text-decoration: none;
color: #fff;
font-weight: bold;
letter-spacing: 0.5px;
}
.mail-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 123, 255, 0.5);
background: linear-gradient(135deg, #0056b3, #0099cc);
}/* Madani Duniya - Plus UI Islamic Style */
/* Urdu Font */
body{
font-family: 'Noto Nastaliq Urdu','Jameel Noori Nastaleeq';
}
/* Islamic Header Box */
.madani-header{
background:#0a6d3b;
padding:30px 15px;
text-align:center;
border-radius:12px;
color:#fff;
margin-bottom:25px;
}
.madani-header h1{
font-size:38px;
margin:0;
}
.madani-header p{
font-size:17px;
margin-top:8px;
}
/* Ayat / Hadith Box */
.madani-ayat{
background:#eaf6ef;
padding:20px;
border-right:6px solid #0a6d3b;
border-radius:10px;
font-size:20px;
margin:30px 0;
}
/* Section Heading */
.madani-title{
font-size:26px;
color:#0a6d3b;
margin:25px 0 15px;
border-bottom:2px solid #0a6d3b;
display:inline-block;
padding-bottom:5px;
}
/* Labels Box */
.madani-labels a{
display:inline-block;
background:#0a6d3b;
color:#fff;
padding:8px 14px;
margin:5px;
border-radius:30px;
font-size:15px;
text-decoration:none;
}
.madani-labels a:hover{
background:#05552e;
}
/* ===== Authors Slider Styling ===== */
.author-slider-container {
width: 100%;
padding: 15px 0;
background: transparent;
direction: rtl; /* اردو کے لیے ترتیب */
}
/* Author Card Design */
.author-card {
background: #ffffff;
border-radius: 12px;
padding: 12px 5px;
text-align: center;
transition: all 0.3s ease;
border: 1px solid #eee;
box-shadow: 0 3px 6px rgba(0,0,0,0.05);
margin-bottom: 5px;
display: flex;
flex-direction: column;
align-items: center; /* تمام مواد کو افقی طور پر درمیان میں کرے گا */
}
/* Hover effect */
.author-card:hover {
transform: translateY(-3px);
border-color: #0a6d3b;
box-shadow: 0 5px 12px rgba(10, 109, 59, 0.15);
}
/* Centered Avatar */
.circle-avatar {
width: 55px;
height: 55px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #0a6d3b;
padding: 2px;
display: block; /* بلاک لیول تاکہ مارجن آٹو کام کرے */
margin: 0 auto 8px auto; /* تصویر کو بالکل سینٹر کرنے کے لیے */
background: #fff;
}
/* Name Styling */
.author-name {
font-size: 13px;
font-weight: bold;
color: #333;
font-family: jameel nori;
font-family: 'Jameel Noori Nastaleeq', 'Urdu Typesetting', serif;
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.author-link {
text-decoration: none !important;
display: block;
}
/* --- Master Sidebar Fix For PC --- */
@media screen and (min-width: 980px) {
/* 1. سب سے پہلے رکاوٹ ہٹائیں (Most Important Step) */
body, html, .content-wrapper, .main-wrapper, .outer-wrapper, .section, .row, .post-wrapper {
overflow: visible !important;
}
/* 2. اب سائیڈ بار کو چپکائیں */
.sidebar-wrapper, #sidebar-wrapper, .sidebar-container, .sidebar, aside, .column-right-outer {
display: block !important;
position: -webkit-sticky !important;
position: sticky !important;
top: 20px !important;
bottom: auto !important;
align-self: flex-start !important; /* یہ اسے کھنچنے سے روکے گا */
height: auto !important;
z-index: 999;
}
}
