/* Nastaleeq RTL Typography for Mutabadil.com */

@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('fonts/JameelNooriNastaleeq.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body,
p, h1, h2, h3, h4, h5, h6,
a, span, div, li, td, th,
input, textarea, select, button,
blockquote, figcaption, caption,
.entry-title, .post-title, .page-title,
.widget-title, .site-title, .site-description,
.entry-content, .entry-summary, .comment-body,
.menu-item > a, .nav-link, .main-menu-container,
.sidebar, .footer, label,
.bs-blog-listing .listing-item .title,
.section-heading .h-text,
.post-meta, .post-summary,
.better-newsticker .heading,
.bf-breadcrumb, .breadcrumb,
.bs-pagination .page-numbers {
  font-family: 'Jameel Noori Nastaleeq', 'Noto Nastaliq Urdu', 'Gulzar', 'Urdu Typesetting', serif !important;
}

html {
  direction: rtl;
}

body {
  direction: rtl;
  text-align: right;
  line-height: 2.4;
  font-size: 16px;
}

h1, .entry-title, .post-title, .page-title, .single .title {
  font-size: 1.8em !important;
  line-height: 2.2 !important;
  font-weight: 700 !important;
}

h2, .section-heading .h-text {
  font-size: 1.5em !important;
  line-height: 2.2 !important;
  font-weight: 700 !important;
}

h3, .widget-title {
  font-size: 1.3em !important;
  line-height: 2.2 !important;
  font-weight: 700 !important;
}

h4, h5, h6 {
  font-size: 1.1em !important;
  line-height: 2.2 !important;
}

p, .entry-content p, .entry-content, .entry-summary, .post-summary {
  line-height: 2.4 !important;
  font-size: 16px;
  text-align: right;
}

.listing-item .title a,
.bs-blog-listing .listing-item .title a,
.bs-listing .listing-item .title a {
  font-size: 1.2em !important;
  line-height: 2.2 !important;
}

.listing-item .post-summary,
.listing-item .post-subtitle {
  line-height: 2.4 !important;
  font-size: 15px !important;
}

.menu-item > a, nav a, .main-menu-container a {
  font-size: 15px;
  line-height: 2.2;
}

li, ul, ol {
  line-height: 2.4;
}

blockquote, blockquote p {
  line-height: 2.4 !important;
  font-size: 17px !important;
}

.text-left { text-align: right !important; }

.site-header, .main-menu-wrapper {
  direction: rtl;
}

.post-meta {
  direction: rtl;
  text-align: right;
  line-height: 2.0;
}

.sidebar .widget {
  line-height: 2.2;
}

.comment-body, .comment-content {
  line-height: 2.4 !important;
}

.site-description {
  line-height: 2.2;
}