/*
 * =========================================================
 * NAHDA NEWS
 * Main Theme CSS
 * =========================================================
 */


/* =========================================================
   GLOBAL
========================================================= */

html,
body {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body {
	color: #171717;
	background: #fff;

	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.site-main {
	min-height: 400px;
}


/* =========================================================
   CONTAINER SAFETY
========================================================= */

.nahda-utility-bar .container,
.nahda-header .container,
.nahda-navigation .container,
.nahda-breaking .container {
	width: 100%;
	max-width: 1320px;
}


/* =========================================================
   UTILITY BAR
========================================================= */

.nahda-utility-bar {
	width: 100%;

	background: #111;
	color: #fff;

	font-size: 13px;
}

.nahda-utility-inner {
	width: 100%;
	min-height: 38px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;
}

.nahda-utility-date {
	flex: 0 0 auto;

	white-space: nowrap;

	opacity: 0.85;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.nahda-language-switcher {
	flex: 0 0 auto;

	display: flex;
	align-items: center;

	margin: 0;
	padding: 0;
}

.nahda-language-switcher ul {
	display: flex !important;

	flex-direction: row !important;
	flex-wrap: nowrap !important;

	align-items: center !important;
	justify-content: flex-end !important;

	gap: 18px !important;

	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}

.nahda-language-switcher li {
	display: inline-flex !important;

	flex: 0 0 auto;

	align-items: center;

	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}

.nahda-language-switcher li::before,
.nahda-language-switcher li::after {
	display: none !important;

	content: none !important;
}

.nahda-language-switcher a {
	display: inline-block !important;

	margin: 0 !important;
	padding: 2px 0 !important;

	color: #fff !important;

	font-size: 13px;
	line-height: 1.4;

	text-decoration: none !important;

	white-space: nowrap;

	opacity: 0.75;

	transition: opacity 0.2s ease;
}

.nahda-language-switcher a:hover {
	color: #fff !important;
	opacity: 1;
}

.nahda-language-switcher .current-lang a {
	font-weight: 700;

	opacity: 1;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.nahda-header {
	width: 100%;

	background: #fff;

	overflow: hidden;
}

.nahda-brand-row {
	width: 100%;
	min-height: 120px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 30px;
}


/* =========================================================
   LOGO
========================================================= */

.nahda-brand {
	flex: 0 1 420px;

	width: 420px;
	max-width: 420px;
	min-width: 0;

	overflow: hidden;
}

.nahda-brand .custom-logo-link {
	display: inline-flex;

	align-items: center;

	max-width: 100%;
}

.nahda-brand .custom-logo {
	display: block;

	width: auto !important;
	max-width: 100% !important;

	height: auto !important;
	max-height: 85px !important;

	object-fit: contain;
}

.nahda-site-title {
	display: inline-block;

	color: #111;

	font-size: 32px;
	font-weight: 800;
	line-height: 1;
}

.nahda-site-title:hover {
	color: #111;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.nahda-header-actions {
	flex: 0 0 auto;

	display: flex;
	align-items: center;
}

.nahda-search-button {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 8px;

	min-height: 42px;

	padding: 0 15px;

	border: 1px solid #ddd;
	border-radius: 4px;

	background: #fff;
	color: #222;

	font-family: inherit;
	font-size: 14px;

	cursor: pointer;

	transition:
		background 0.2s ease,
		border-color 0.2s ease;
}

.nahda-search-button:hover {
	background: #f5f5f5;
	border-color: #ccc;
}

.nahda-search-icon {
	font-size: 21px;
	line-height: 1;
}


/* =========================================================
   MAIN NAVIGATION
========================================================= */

.nahda-navigation {
	width: 100%;

	padding: 0;

	background: #d40000;
}

.nahda-navigation .navbar-collapse {
	min-height: 52px;
}

.nahda-navigation .navbar-nav {
	width: 100%;

	display: flex;

	flex-direction: row;

	align-items: stretch;

	margin: 0;
	padding: 0;

	list-style: none;
}

.nahda-navigation .nav-item {
	display: flex;

	align-items: stretch;

	margin: 0;
	padding: 0;
}

.nahda-navigation .nav-link {
	display: flex;

	align-items: center;
	justify-content: center;

	min-height: 52px;

	padding: 0 18px;

	color: #fff !important;

	font-size: 15px;
	font-weight: 600;

	line-height: 1.2;

	white-space: nowrap;

	transition: background 0.2s ease;
}

.nahda-navigation .nav-link:hover {
	color: #fff !important;

	background: rgba(255, 255, 255, 0.10);
}

.nahda-navigation .current-menu-item > .nav-link,
.nahda-navigation .current-menu-ancestor > .nav-link {
	color: #fff !important;

	background: rgba(255, 255, 255, 0.10);
}


/* =========================================================
   NAVIGATION TOGGLER
========================================================= */

.nahda-navigation .navbar-toggler {
	display: none;

	margin: 8px 0;

	padding: 7px 10px;

	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 4px;
}

.nahda-navigation .navbar-toggler:focus {
	box-shadow: none;
}

/* =========================================================
   BREAKING NEWS TICKER
========================================================= */

.nahda-breaking-content {
	flex: 1 1 auto;

	min-width: 0;

	overflow: hidden;
}

.nahda-breaking-track {
	display: flex;

	width: max-content;

	animation: nahda-breaking-scroll 35s linear infinite;
}

.nahda-breaking-list {
	display: flex;

	align-items: center;

	flex: 0 0 auto;

	width: max-content;

	white-space: nowrap;
}

.nahda-breaking-item {
	display: inline-flex;

	align-items: center;

	flex: 0 0 auto;

	gap: 14px;

	padding-inline-end: 38px;

	color: #333;

	font-size: 14px;

	line-height: 46px;

	white-space: nowrap;
}

.nahda-breaking-item:hover {
	color: #d40000;
}

.nahda-breaking-separator {
	display: inline-block;

	width: 6px;
	height: 6px;

	flex: 0 0 6px;

	border-radius: 50%;

	background: #d40000;
}


/* =========================================================
   LTR TICKER
========================================================= */

@keyframes nahda-breaking-scroll {

	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}

}


/* =========================================================
   PAUSE ON HOVER
========================================================= */

.nahda-breaking-content:hover .nahda-breaking-track {
	animation-play-state: paused;
}


/* =========================================================
   RTL TICKER
========================================================= */

html[dir="rtl"] .nahda-breaking-track {
	animation-name: nahda-breaking-scroll-rtl;
}

@keyframes nahda-breaking-scroll-rtl {

	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}

}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.nahda-breaking-track {
		animation: none !important;
		transform: none !important;
	}

}

/* =========================================================
   MOBILE MENU
========================================================= */

.nahda-mobile-menu .offcanvas-header {
	border-bottom: 1px solid #eee;
}

.nahda-mobile-menu .navbar-nav {
	display: flex;

	flex-direction: column;

	margin: 0;
	padding: 0;

	list-style: none;
}

.nahda-mobile-menu .nav-item {
	display: block;

	margin: 0;
	padding: 0;
}

.nahda-mobile-menu .nav-link {
	display: block;

	padding: 12px 0;

	color: #222 !important;

	font-weight: 600;

	border-bottom: 1px solid #eee;
}

.nahda-mobile-menu .nav-link:hover {
	color: #111 !important;

	background: transparent;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 992px) {

	.nahda-navigation .navbar-toggler {
		display: none;
	}

	.nahda-navigation .navbar-collapse {
		display: flex !important;
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

	.nahda-brand-row {
		min-height: 95px;
	}

	.nahda-brand {
		flex-basis: 360px;

		width: 360px;
		max-width: 360px;
	}

	.nahda-brand .custom-logo {
		max-height: 70px !important;
	}

	.nahda-site-title {
		font-size: 28px;
	}

	.nahda-navigation .navbar-collapse {
		display: none !important;
	}

	.nahda-navigation .navbar-toggler {
		display: block;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {

	.nahda-utility-inner {
		min-height: 34px;

		justify-content: center;
	}

	.nahda-utility-date {
		display: none;
	}

	.nahda-language-switcher ul {
		gap: 14px !important;
	}

	.nahda-language-switcher a {
		font-size: 12px;
	}

	.nahda-brand-row {
		min-height: 78px;

		gap: 15px;
	}

	.nahda-brand {
		flex: 1 1 auto;

		width: auto;
		max-width: 250px;
	}

	.nahda-brand .custom-logo {
		max-height: 55px !important;
	}

	.nahda-site-title {
		font-size: 23px;
	}

	.nahda-search-button {
		min-height: 38px;

		padding: 0 10px;
	}

	.nahda-breaking-inner {
		min-height: 42px;
	}

	.nahda-breaking-label {
		padding-inline-end: 12px;

		font-size: 11px;
	}

	.nahda-breaking-item {
		font-size: 13px;
	}

}


/* =========================================================
   VERY SMALL SCREENS
========================================================= */

@media (max-width: 380px) {

	.nahda-language-switcher ul {
		gap: 9px !important;
	}

	.nahda-language-switcher a {
		font-size: 11px;
	}

	.nahda-brand {
		max-width: 210px;
	}

	.nahda-search-button {
		padding: 0 8px;
	}

}

/* =========================================================
   POLYLANG - FINAL SPACING
========================================================= */

.nahda-language-switcher ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}

.nahda-language-switcher li {
	display: inline-flex !important;
	flex: 0 0 auto !important;

	margin: 0 !important;
	padding: 0 !important;
}

.nahda-language-switcher li + li {
	margin-inline-start: 18px !important;
}

.nahda-language-switcher a {
	display: inline-block !important;
	margin: 0 !important;
	padding: 2px 0 !important;

	white-space: nowrap !important;
}

/* =========================================================
   NAHDA NEWS
   HOMEPAGE
========================================================= */


/* =========================================================
   HOME HERO
========================================================= */

.nahda-home-hero {
	padding: 18px 0 0;
}

.nahda-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	gap: 12px;
}


/* =========================================================
   HERO MAIN STORY
========================================================= */

.nahda-hero-main {
	min-width: 0;
}

.nahda-hero-image {
	position: relative;

	display: block;

	width: 100%;
	height: 350px;

	background-color: #ddd;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	overflow: hidden;
}

.nahda-hero-image::after {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, 0.88),
			rgba(0, 0, 0, 0.10) 65%,
			rgba(0, 0, 0, 0)
		);
}

.nahda-hero-overlay {
	position: absolute;

	z-index: 2;

	right: 0;
	bottom: 0;
	left: 0;

	padding: 28px;
	color: #fff;
}

.nahda-story-label {
	display: inline-block;

	margin-bottom: 8px;
	padding: 5px 9px;

	background: #d40000;
	color: #fff;

	font-size: 11px;
	font-weight: 800;

	line-height: 1;

	text-transform: uppercase;
}

.nahda-hero-title {
	max-width: 850px;

	margin: 0 0 8px;

	color: #fff;

	font-size: clamp(27px, 3vw, 42px);
	font-weight: 800;

	line-height: 1.08;
}

.nahda-hero-excerpt {
	max-width: 760px;

	margin-bottom: 8px;

	color: rgba(255, 255, 255, 0.94);

	font-size: 15px;
	line-height: 1.45;
}

.nahda-story-meta {
	color: #666;

	font-size: 12px;
	line-height: 1.4;
}

.nahda-hero-overlay .nahda-story-meta {
	color: rgba(255, 255, 255, 0.90);
}


/* =========================================================
   HERO SIDE STORIES
========================================================= */

.nahda-hero-side {
	display: grid;

	grid-template-rows: 1fr 1fr;

	gap: 12px;

	min-width: 0;
}

.nahda-hero-secondary {
	min-height: 0;
}

.nahda-secondary-image {
	position: relative;

	display: block;

	width: 100%;
	height: 100%;
	min-height: 169px;

	background-color: #ddd;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	overflow: hidden;
}

.nahda-secondary-image::after {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, 0.88),
			rgba(0, 0, 0, 0.08) 75%
		);
}

.nahda-secondary-overlay {
	position: absolute;

	z-index: 2;

	right: 0;
	bottom: 0;
	left: 0;

	padding: 20px;
	color: #fff;
}

.nahda-secondary-title {
	margin: 0 0 6px;

	color: #fff;

	font-size: clamp(19px, 2vw, 27px);
	font-weight: 800;

	line-height: 1.12;
}

.nahda-secondary-overlay .nahda-story-meta {
	color: rgba(255, 255, 255, 0.9);
}


/* =========================================================
   COMMON SECTION
========================================================= */

.nahda-category-section,
.nahda-politics-section {
	padding-top: 24px;
}

.nahda-section-header {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 12px;
}

.nahda-section-title {
	display: flex;

	align-items: center;

	gap: 10px;

	margin: 0;

	color: #102536;

	font-size: 25px;
	font-weight: 800;

	line-height: 1.1;
}

.nahda-section-marker {
	display: inline-block;

	width: 5px;
	height: 27px;

	flex: 0 0 5px;

	background: #d40000;
}

.nahda-view-all {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	color: #064c91;

	font-size: 13px;
	font-weight: 700;

	white-space: nowrap;
}

.nahda-view-all:hover {
	color: #d40000;
}

.nahda-view-all span {
	font-size: 18px;
	line-height: 1;
}


/* =========================================================
   NEWS CARDS
========================================================= */

.nahda-news-card {
	height: 100%;

	background: #fff;
}

.nahda-card-image {
	display: block;

	width: 100%;

	overflow: hidden;

	background: #eee;
}

.nahda-card-image img {
	display: block;

	width: 100%;
	height: 145px;

	object-fit: cover;

	transition: transform 0.3s ease;
}

.nahda-news-card:hover .nahda-card-image img {
	transform: scale(1.035);
}

.nahda-card-content {
	padding-top: 9px;
}

.nahda-card-title {
	margin: 0 0 6px;

	font-size: 17px;
	font-weight: 750;

	line-height: 1.2;
}

.nahda-card-title a {
	color: #111;
}

.nahda-card-title a:hover {
	color: #064c91;
}

.nahda-card-date {
	color: #777;

	font-size: 12px;
}


/* =========================================================
   POLITICS FEATURED
========================================================= */

.nahda-politics-featured {
	height: 100%;

	border: 1px solid #e4e4e4;

	background: #fff;
}

.nahda-politics-image {
	display: block;

	height: 100%;

	overflow: hidden;
}

.nahda-politics-image img {
	display: block;

	width: 100%;
	height: 100%;

	min-height: 250px;

	object-fit: cover;
}

.nahda-politics-content {
	display: flex;

	flex-direction: column;
	justify-content: center;

	height: 100%;

	padding: 22px;
}

.nahda-politics-title {
	margin: 0 0 12px;

	font-size: 23px;
	font-weight: 800;

	line-height: 1.2;
}

.nahda-politics-title a {
	color: #111;
}

.nahda-politics-title a:hover {
	color: #064c91;
}

.nahda-politics-excerpt {
	margin: 0 0 12px;

	color: #555;

	font-size: 14px;

	line-height: 1.5;
}


/* =========================================================
   POLITICS SIDE NEWS
========================================================= */

.nahda-side-news {
	display: flex;

	flex-direction: column;
}

.nahda-side-news-item {
	display: flex;

	gap: 12px;

	padding: 9px 0;

	border-bottom: 1px solid #e5e5e5;
}

.nahda-side-news-item:first-child {
	padding-top: 0;
}

.nahda-side-news-item:last-child {
	border-bottom: 0;
}

.nahda-side-news-image {
	display: block;

	width: 95px;
	height: 62px;

	flex: 0 0 95px;

	overflow: hidden;

	background: #eee;
}

.nahda-side-news-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.nahda-side-news-content {
	min-width: 0;
}

.nahda-side-news-title {
	margin: 0 0 4px;

	font-size: 14px;
	font-weight: 750;

	line-height: 1.25;
}

.nahda-side-news-title a {
	color: #111;
}

.nahda-side-news-title a:hover {
	color: #064c91;
}


/* =========================================================
   HOME CTA
========================================================= */

.nahda-home-cta {
	padding: 28px 0;
}

.nahda-brand-cta,
.nahda-newsletter {
	height: 100%;

	min-height: 125px;
}


/* =========================================================
   BRAND CTA
========================================================= */

.nahda-brand-cta {
	position: relative;

	display: flex;
	align-items: center;

	padding: 24px 28px;

	background:
		linear-gradient(
			90deg,
			rgba(4, 31, 50, 0.95),
			rgba(4, 31, 50, 0.68)
		);

	overflow: hidden;
}

.nahda-brand-cta::before {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			135deg,
			transparent 0%,
			rgba(255, 255, 255, 0.05) 50%,
			transparent 100%
		);
}

.nahda-brand-cta-content {
	position: relative;

	z-index: 1;

	display: flex;

	align-items: center;
	justify-content: space-between;

	width: 100%;

	gap: 20px;
}

.nahda-brand-cta h2 {
	max-width: 420px;

	margin: 0;

	color: #fff;

	font-size: 22px;
	font-weight: 800;

	line-height: 1.25;
}

.nahda-brand-cta .btn {
	flex: 0 0 auto;

	padding: 9px 15px;

	font-size: 13px;
	font-weight: 700;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.nahda-newsletter {
	padding: 20px 24px;

	background: #f2f2f2;
}

.nahda-newsletter h2 {
	margin: 0 0 5px;

	color: #102536;

	font-size: 18px;
	font-weight: 800;
}

.nahda-newsletter p {
	margin: 0 0 12px;

	color: #555;

	font-size: 13px;
	line-height: 1.4;
}

.nahda-newsletter-form {
	display: flex;

	gap: 0;
}

.nahda-newsletter-form .form-control {
	height: 39px;

	border-radius: 3px 0 0 3px;

	border-color: #ddd;

	font-size: 13px;
}

.nahda-newsletter-form .btn {
	min-width: 105px;

	border-radius: 0 3px 3px 0;

	font-size: 13px;
	font-weight: 700;
}


/* =========================================================
   HOME LINKS / IMAGE HOVER
========================================================= */

.nahda-hero-image,
.nahda-secondary-image,
.nahda-card-image,
.nahda-politics-image {
	transition: opacity 0.2s ease;
}

.nahda-hero-image:hover,
.nahda-secondary-image:hover,
.nahda-card-image:hover,
.nahda-politics-image:hover {
	opacity: 0.96;
}


/* =========================================================
   DESKTOP WIDTH
========================================================= */

@media (min-width: 1200px) {

	.nahda-hero-image {
		height: 350px;
	}

	.nahda-secondary-image {
		min-height: 169px;
	}

	.nahda-card-image img {
		height: 145px;
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

	.nahda-home-hero {
		padding-top: 15px;
	}

	.nahda-hero-grid {
		grid-template-columns: 1fr;
	}

	.nahda-hero-image {
		height: 390px;
	}

	.nahda-hero-side {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
	}

	.nahda-secondary-image {
		height: 220px;
		min-height: 220px;
	}

	.nahda-card-image img {
		height: 180px;
	}

	.nahda-politics-image img {
		min-height: 300px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

	.nahda-category-section,
	.nahda-politics-section {
		padding-top: 22px;
	}

	.nahda-section-title {
		font-size: 22px;
	}

	.nahda-section-marker {
		width: 4px;
		height: 23px;
		flex-basis: 4px;
	}

	.nahda-hero-image {
		height: 330px;
	}

	.nahda-hero-overlay {
		padding: 20px;
	}

	.nahda-hero-title {
		font-size: 27px;
	}

	.nahda-hero-excerpt {
		font-size: 13px;
	}

	.nahda-hero-side {
		grid-template-columns: 1fr;
	}

	.nahda-secondary-image {
		height: 220px;
		min-height: 220px;
	}

	.nahda-card-image img {
		height: 220px;
	}

	.nahda-card-title {
		font-size: 16px;
	}

	.nahda-politics-content {
		padding: 18px;
	}

	.nahda-politics-title {
		font-size: 21px;
	}

	.nahda-brand-cta-content {
		align-items: flex-start;

		flex-direction: column;
	}

	.nahda-brand-cta h2 {
		font-size: 20px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

	.nahda-home-hero {
		padding-top: 10px;
	}

	.nahda-section-header {
		margin-bottom: 10px;
	}

	.nahda-section-title {
		font-size: 20px;
	}

	.nahda-view-all {
		font-size: 12px;
	}

	.nahda-hero-image {
		height: 300px;
	}

	.nahda-hero-title {
		font-size: 24px;
	}

	.nahda-hero-excerpt {
		display: none;
	}

	.nahda-secondary-image {
		height: 190px;
		min-height: 190px;
	}

	.nahda-secondary-title {
		font-size: 20px;
	}

	.nahda-card-image img {
		height: 200px;
	}

	.nahda-side-news-image {
		width: 90px;
		height: 60px;

		flex-basis: 90px;
	}

	.nahda-newsletter-form {
		flex-direction: column;

		gap: 8px;
	}

	.nahda-newsletter-form .form-control,
	.nahda-newsletter-form .btn {
		width: 100%;

		border-radius: 3px;
	}

}


/* =========================================================
   RTL HOMEPAGE
========================================================= */

html[dir="rtl"] .nahda-hero-overlay,
html[dir="rtl"] .nahda-secondary-overlay {
	text-align: right;
}

html[dir="rtl"] .nahda-section-title {
	flex-direction: row;
}

html[dir="rtl"] .nahda-side-news-item {
	flex-direction: row;
}

html[dir="rtl"] .nahda-newsletter-form .form-control {
	border-radius: 0 3px 3px 0;
}

html[dir="rtl"] .nahda-newsletter-form .btn {
	border-radius: 3px 0 0 3px;
}

html[dir="rtl"] .nahda-brand-cta-content {
	flex-direction: row;
}


/* =========================================================
   RTL MOBILE
========================================================= */

@media (max-width: 767.98px) {

	html[dir="rtl"] .nahda-brand-cta-content {
		flex-direction: column;
		align-items: flex-start;
	}

}

@media (max-width: 575.98px) {

	html[dir="rtl"] .nahda-newsletter-form {
		flex-direction: column;
	}

	html[dir="rtl"] .nahda-newsletter-form .form-control,
	html[dir="rtl"] .nahda-newsletter-form .btn {
		border-radius: 3px;
	}

}

/* =========================================================
   INDIA + WORLD SIDE-BY-SIDE
========================================================= */

.nahda-home-category-pair {
	width: 100%;
}

.nahda-home-category-pair .nahda-category-section {
	height: 100%;
}

@media (min-width: 992px) {

	.nahda-home-category-pair .nahda-category-section {
		padding-bottom: 0;
	}

}

@media (max-width: 991.98px) {

	.nahda-home-category-pair .nahda-category-section {
		padding-bottom: 0;
	}

}

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

.nahda-footer {
	width: 100%;

	margin-top: 35px;

	background: #071b2b;
	color: #fff;
}


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

.nahda-footer-main {
	display: grid;

	grid-template-columns:
		minmax(240px, 1.6fr)
		minmax(130px, 0.8fr)
		minmax(130px, 0.8fr)
		minmax(150px, 0.9fr)
		minmax(180px, 1.1fr);

	gap: 45px;

	padding: 50px 0 38px;
}


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

.nahda-footer-brand {
	min-width: 0;
}

.nahda-footer-logo {
	margin-bottom: 15px;
}

.nahda-footer-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.nahda-footer-logo .custom-logo {
	display: block;

	width: auto !important;
	max-width: 210px !important;

	height: auto !important;
	max-height: 70px !important;

	object-fit: contain;
}

.nahda-footer-site-title {
	color: #fff;

	font-size: 32px;
	font-weight: 800;

	line-height: 1;
}

.nahda-footer-site-title:hover {
	color: #fff;
}

.nahda-footer-description {
	max-width: 310px;

	margin: 0 0 20px;

	color: rgba(255, 255, 255, 0.72);

	font-size: 13px;

	line-height: 1.6;
}


/* =========================================================
   SOCIAL
========================================================= */

.nahda-footer-social {
	display: flex;

	align-items: center;

	gap: 14px;
}

.nahda-social-link {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 31px;
	height: 31px;

	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;

	color: #fff;

	font-size: 14px;
	font-weight: 700;

	line-height: 1;

	transition:
		background 0.2s ease,
		border-color 0.2s ease;
}

.nahda-social-link:hover {
	background: #d40000;

	border-color: #d40000;

	color: #fff;
}


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

.nahda-footer-column {
	min-width: 0;
}

.nahda-footer-title {
	margin: 0 0 16px;

	color: #fff;

	font-size: 15px;
	font-weight: 800;

	line-height: 1.2;
}

.nahda-footer-links {
	display: flex;

	flex-direction: column;

	gap: 8px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.nahda-footer-links li {
	margin: 0;
	padding: 0;

	list-style: none;
}

.nahda-footer-links a {
	color: rgba(255, 255, 255, 0.72);

	font-size: 13px;

	line-height: 1.4;

	text-decoration: none;

	transition: color 0.2s ease;
}

.nahda-footer-links a:hover {
	color: #fff;
}


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

.nahda-footer-message {
	display: flex;

	flex-direction: column;

	align-items: flex-end;
	justify-content: flex-end;

	min-width: 0;
}

.nahda-footer-map {
	position: relative;

	width: 180px;
	height: 95px;

	margin-bottom: 12px;

	display: flex;

	align-items: center;
	justify-content: center;

	opacity: 0.15;

	overflow: hidden;
}

.nahda-footer-map::before {
	content: "";

	position: absolute;

	width: 150px;
	height: 75px;

	border: 2px dotted #fff;

	border-radius: 50%;
}

.nahda-footer-map span {
	position: relative;

	color: #fff;

	font-size: 21px;
	font-weight: 800;

	letter-spacing: 2px;
}

.nahda-footer-message p {
	margin: 0;

	color: rgba(255, 255, 255, 0.7);

	font-size: 12px;

	text-align: right;
}


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

.nahda-footer-bottom {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	padding: 17px 0;

	border-top: 1px solid rgba(255, 255, 255, 0.12);

	color: rgba(255, 255, 255, 0.62);

	font-size: 12px;
}

.nahda-footer-tagline {
	text-align: right;
}


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

@media (max-width: 991.98px) {

	.nahda-footer-main {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 35px;
	}

	.nahda-footer-brand {
		grid-column: span 2;
	}

	.nahda-footer-message {
		align-items: flex-start;
	}

	.nahda-footer-message p {
		text-align: left;
	}

}


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

@media (max-width: 575.98px) {

	.nahda-footer {
		margin-top: 25px;
	}

	.nahda-footer-main {
		grid-template-columns: 1fr;

		gap: 28px;

		padding: 35px 0 28px;
	}

	.nahda-footer-brand {
		grid-column: auto;
	}

	.nahda-footer-logo .custom-logo {
		max-width: 180px !important;
		max-height: 60px !important;
	}

	.nahda-footer-description {
		max-width: 100%;
	}

	.nahda-footer-message {
		align-items: flex-start;
	}

	.nahda-footer-map {
		width: 150px;
		height: 70px;
	}

	.nahda-footer-message p {
		text-align: left;
	}

	.nahda-footer-bottom {
		flex-direction: column;

		align-items: flex-start;

		gap: 8px;

		font-size: 11px;
	}

	.nahda-footer-tagline {
		text-align: left;
	}

}


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

html[dir="rtl"] .nahda-footer-message {
	align-items: flex-start;
}

html[dir="rtl"] .nahda-footer-message p {
	text-align: left;
}

html[dir="rtl"] .nahda-footer-bottom {
	direction: rtl;
}

html[dir="rtl"] .nahda-footer-tagline {
	text-align: left;
}

@media (max-width: 991.98px) {

	html[dir="rtl"] .nahda-footer-message {
		align-items: flex-start;
	}

	html[dir="rtl"] .nahda-footer-message p {
		text-align: left;
	}

}

@media (max-width: 575.98px) {

	html[dir="rtl"] .nahda-footer-bottom {
		align-items: flex-start;
	}

	html[dir="rtl"] .nahda-footer-tagline {
		text-align: left;
	}

}

/* =========================================================
   NAHDA HOMEPAGE TOPIC BAR
========================================================= */

.nahda-topic-bar {
	width: 100%;

	padding: 14px 0 10px;

	background: #fff;
}

.nahda-topic-list {
	display: grid;

	grid-template-columns:
		repeat(8, minmax(0, 1fr));

	gap: 12px;

	width: 100%;

	overflow: hidden;
}

.nahda-topic-card {
	position: relative;

	display: block;

	width: 100%;

	height: 88px;

	border-radius: 4px;

	background: #ddd;

	overflow: hidden;

	color: #fff;

	text-decoration: none;

	box-shadow:
		0 1px 4px rgba(0, 0, 0, 0.12);
}

.nahda-topic-image {
	position: absolute;

	inset: 0;
}

.nahda-topic-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform 0.3s ease;
}

.nahda-topic-card::after {
	content: "";

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, 0.78),
			rgba(0, 0, 0, 0.05)
		);
}

.nahda-topic-overlay {
	position: absolute;

	z-index: 2;

	right: 0;
	bottom: 0;
	left: 0;

	display: flex;

	align-items: flex-end;
	justify-content: center;

	min-height: 45px;

	padding: 8px;

	text-align: center;
}

.nahda-topic-title {
	display: block;

	color: #fff;

	font-size: 14px;
	font-weight: 800;

	line-height: 1.15;

	text-shadow:
		0 1px 3px rgba(0, 0, 0, 0.7);
}

.nahda-topic-card:hover {
	color: #fff;
}

.nahda-topic-card:hover .nahda-topic-image img {
	transform: scale(1.06);
}


/* =========================================================
   TOPIC BAR TABLET
========================================================= */

@media (max-width: 991.98px) {

	.nahda-topic-list {
		grid-template-columns:
			repeat(4, minmax(0, 1fr));

		gap: 10px;
	}

	.nahda-topic-card {
		height: 90px;
	}

}


/* =========================================================
   TOPIC BAR MOBILE
========================================================= */

@media (max-width: 575.98px) {

	.nahda-topic-bar {
		padding: 10px 0;
	}

	.nahda-topic-list {
		display: flex;

		gap: 8px;

		overflow-x: auto;
		overflow-y: hidden;

		padding-bottom: 3px;

		scrollbar-width: thin;
	}

	.nahda-topic-card {
		width: 115px;
		min-width: 115px;

		height: 78px;
	}

	.nahda-topic-title {
		font-size: 12px;
	}

}


/* =========================================================
   RTL TOPIC BAR
========================================================= */

html[dir="rtl"] .nahda-topic-list {
	direction: rtl;
}

/* =========================================================
   NAHDA SINGLE ARTICLE
========================================================= */

.nahda-single-page {
	padding: 20px 0 50px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.nahda-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 8px;

	margin-bottom: 25px;

	color: #777;

	font-size: 12px;
}

.nahda-breadcrumb a {
	color: #555;
}

.nahda-breadcrumb a:hover {
	color: #d40000;
}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.nahda-article-header {
	margin-bottom: 25px;
}

.nahda-article-category {
	margin-bottom: 12px;
}

.nahda-article-category a {
	display: inline-block;

	padding: 5px 10px;

	background: #d40000;
	color: #fff;

	font-size: 11px;
	font-weight: 800;

	line-height: 1;

	text-transform: uppercase;
}

.nahda-article-title {
	max-width: 900px;

	margin: 0 0 15px;

	color: #111;

	font-size: clamp(34px, 4vw, 54px);
	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1px;
}

.nahda-article-subtitle {
	max-width: 850px;

	margin-bottom: 22px;

	color: #555;

	font-size: 19px;

	line-height: 1.55;
}


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

.nahda-article-meta {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #e5e5e5;
}

.nahda-article-author {
	display: flex;

	align-items: center;

	gap: 12px;
}

.nahda-author-avatar img {
	width: 48px;
	height: 48px;

	object-fit: cover;
}

.nahda-author-byline {
	color: #555;

	font-size: 13px;
}

.nahda-author-byline a {
	color: #111;

	font-weight: 800;
}

.nahda-article-details {
	display: flex;

	align-items: center;

	gap: 8px;

	margin-top: 4px;

	color: #777;

	font-size: 12px;
}

.nahda-article-share {
	display: flex;

	align-items: center;

	gap: 7px;
}

.nahda-article-share > span {
	margin-inline-end: 5px;

	color: #666;

	font-size: 12px;
	font-weight: 700;
}

.nahda-share-button {
	width: 32px;
	height: 32px;

	padding: 0;

	border: 0;
	border-radius: 3px;

	background: #122d42;
	color: #fff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}

.nahda-share-button:hover {
	background: #d40000;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.nahda-article-hero {
	margin: 0 0 25px;
}

.nahda-article-hero img {
	display: block;

	width: 100%;
	max-height: 600px;

	object-fit: cover;
}

.nahda-article-hero figcaption {
	padding-top: 8px;

	color: #777;

	font-size: 11px;
	line-height: 1.5;
}


/* =========================================================
   KEY POINTS
========================================================= */

.nahda-key-points {
	margin: 25px 0;

	padding: 20px 24px;

	border-inline-start: 4px solid #d40000;

	background: #f3f5f7;
}

.nahda-key-points h2 {
	margin: 0 0 12px;

	color: #d40000;

	font-size: 15px;
	font-weight: 800;

	text-transform: uppercase;
}

.nahda-key-points ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

.nahda-key-points li {
	position: relative;

	margin-bottom: 8px;
	padding-inline-start: 22px;

	color: #333;

	font-size: 14px;

	line-height: 1.5;
}

.nahda-key-points li:last-child {
	margin-bottom: 0;
}

.nahda-key-points li::before {
	content: "✓";

	position: absolute;

	inset-inline-start: 0;

	color: #d40000;

	font-weight: 900;
}


/* =========================================================
   ARTICLE CONTENT
========================================================= */

.nahda-article-content {
	color: #292929;

	font-size: 17px;

	line-height: 1.8;
}

.nahda-article-content > * {
	max-width: 100%;
}

.nahda-article-content p {
	margin: 0 0 22px;
}

.nahda-article-content h2 {
	margin: 38px 0 15px;

	color: #111;

	font-size: 28px;
	font-weight: 800;

	line-height: 1.2;
}

.nahda-article-content h3 {
	margin: 30px 0 12px;

	color: #111;

	font-size: 22px;
	font-weight: 800;
}

.nahda-article-content img {
	max-width: 100%;
	height: auto;
}

.nahda-article-content blockquote {
	margin: 30px 0;

	padding: 18px 25px;

	border-inline-start: 4px solid #d40000;

	color: #111;

	background: #f8f8f8;

	font-size: 22px;
	font-weight: 700;

	line-height: 1.5;
}

.nahda-article-content blockquote p {
	margin: 0;
}

.nahda-article-content ul,
.nahda-article-content ol {
	margin: 0 0 25px;

	padding-inline-start: 25px;
}


/* =========================================================
   TAGS
========================================================= */

.nahda-article-tags {
	display: flex;

	align-items: center;
	flex-wrap: wrap;

	gap: 10px;

	margin-top: 30px;
	padding-top: 20px;

	border-top: 1px solid #eee;
}

.nahda-article-tags > strong {
	font-size: 13px;
}

.nahda-tag-list {
	display: flex;

	flex-wrap: wrap;

	gap: 7px;
}

.nahda-tag-list a {
	padding: 6px 11px;

	border-radius: 3px;

	background: #f1f2f3;
	color: #555;

	font-size: 12px;
}

.nahda-tag-list a:hover {
	background: #d40000;
	color: #fff;
}


/* =========================================================
   AUTHOR BOX
========================================================= */

.nahda-author-box {
	display: flex;

	align-items: center;

	gap: 20px;

	margin-top: 35px;
	padding: 24px;

	border: 1px solid #e1e5e8;

	background: #f3f7fa;
}

.nahda-author-box-avatar {
	flex: 0 0 auto;
}

.nahda-author-box-avatar img {
	width: 90px;
	height: 90px;

	border-radius: 50%;

	object-fit: cover;
}

.nahda-author-label {
	display: block;

	margin-bottom: 4px;

	color: #777;

	font-size: 11px;
	font-weight: 800;

	text-transform: uppercase;
}

.nahda-author-box-content h2 {
	margin: 0 0 7px;

	font-size: 21px;
	font-weight: 800;
}

.nahda-author-box-content h2 a {
	color: #111;
}

.nahda-author-box-content p {
	margin: 0 0 8px;

	color: #555;

	font-size: 13px;

	line-height: 1.6;
}

.nahda-author-profile-link {
	color: #d40000;

	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   REACTIONS
========================================================= */

.nahda-reactions {
	margin-top: 30px;

	padding-top: 20px;

	border-top: 1px solid #eee;
}

.nahda-reactions h2 {
	margin: 0 0 15px;

	font-size: 18px;
	font-weight: 800;
}

.nahda-reaction-list {
	display: flex;

	flex-wrap: wrap;

	gap: 8px;
}

.nahda-reaction-list button {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	padding: 8px 13px;

	border: 1px solid #ddd;
	border-radius: 20px;

	background: #fff;
	color: #333;

	font-size: 12px;

	cursor: pointer;
}

.nahda-reaction-list button:hover {
	border-color: #d40000;
	color: #d40000;
}


/* =========================================================
   POST NAVIGATION
========================================================= */

.nahda-post-navigation {
	display: grid;

	grid-template-columns: 1fr 1fr;

	margin-top: 30px;

	border: 1px solid #e2e2e2;
}

.nahda-prev-post,
.nahda-next-post {
	min-width: 0;

	padding: 18px;
}

.nahda-next-post {
	border-inline-start: 1px solid #e2e2e2;

	text-align: right;
}

.nahda-post-navigation a {
	color: #111;

	font-size: 14px;
	font-weight: 800;
}

.nahda-post-navigation a:hover {
	color: #d40000;
}


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

.nahda-single-sidebar {
	position: sticky;

	top: 20px;
}

.nahda-sidebar-box {
	margin-bottom: 25px;

	padding: 20px;

	border: 1px solid #e5e5e5;

	background: #fff;
}

.nahda-sidebar-box h2 {
	margin: 0;

	font-size: 20px;
	font-weight: 800;
}

.nahda-sidebar-heading {
	display: flex;

	align-items: center;
	justify-content: space-between;

	margin-bottom: 15px;

	padding-inline-start: 10px;

	border-inline-start: 4px solid #d40000;
}

.nahda-sidebar-heading a {
	color: #004b9b;

	font-size: 11px;
	font-weight: 800;
}


/* =========================================================
   ARTICLE OUTLINE
========================================================= */

.nahda-article-outline {
	background: #f4f6f8;
}

.nahda-article-outline h2 {
	margin-bottom: 15px;
}

.nahda-article-outline ul {
	position: relative;

	margin: 0;
	padding: 0 0 0 18px;

	list-style: none;

	border-inline-start: 2px solid #c7d0d8;
}

.nahda-article-outline li {
	position: relative;

	margin-bottom: 14px;
}

.nahda-article-outline li:last-child {
	margin-bottom: 0;
}

.nahda-article-outline li::before {
	content: "";

	position: absolute;

	inset-inline-start: -25px;
	top: 5px;

	width: 9px;
	height: 9px;

	border: 2px solid #143c5c;
	border-radius: 50%;

	background: #fff;
}

.nahda-article-outline a {
	color: #333;

	font-size: 13px;
}

.nahda-article-outline a:hover {
	color: #d40000;
}


/* =========================================================
   SIDEBAR NEWSLETTER
========================================================= */

.nahda-sidebar-newsletter {
	margin-bottom: 25px;

	padding: 25px;

	background: #08253a;
	color: #fff;
}

.nahda-sidebar-newsletter h2 {
	margin: 0 0 10px;

	color: #fff;

	font-size: 21px;
	font-weight: 800;

	line-height: 1.2;
}

.nahda-sidebar-newsletter p {
	margin: 0 0 18px;

	color: rgba(255, 255, 255, 0.75);

	font-size: 12px;

	line-height: 1.5;
}

.nahda-sidebar-newsletter-form {
	display: flex;
}

.nahda-sidebar-newsletter-form input {
	min-width: 0;

	flex: 1;

	padding: 11px;

	border: 0;

	font-size: 12px;
}

.nahda-sidebar-newsletter-form button {
	padding: 0 15px;

	border: 0;

	background: #d40000;
	color: #fff;

	font-size: 12px;
	font-weight: 700;
}


/* =========================================================
   SIDEBAR STORIES
========================================================= */

.nahda-sidebar-story {
	display: grid;

	grid-template-columns: 80px minmax(0, 1fr);

	gap: 12px;

	margin-bottom: 14px;
	padding-bottom: 14px;

	border-bottom: 1px solid #eee;
}

.nahda-sidebar-story:last-child {
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: 0;
}

.nahda-sidebar-story-image img {
	display: block;

	width: 80px;
	height: 58px;

	object-fit: cover;
}

.nahda-sidebar-story h3 {
	margin: 0 0 5px;

	font-size: 13px;
	font-weight: 800;

	line-height: 1.25;
}

.nahda-sidebar-story h3 a {
	color: #222;
}

.nahda-sidebar-story h3 a:hover {
	color: #d40000;
}

.nahda-sidebar-story time {
	color: #888;

	font-size: 10px;
}


/* =========================================================
   RELATED SIDEBAR
========================================================= */

.nahda-related-sidebar article {
	display: grid;

	grid-template-columns: 90px minmax(0, 1fr);

	gap: 12px;

	margin-bottom: 15px;
	padding-bottom: 15px;

	border-bottom: 1px solid #eee;
}

.nahda-related-sidebar article:last-child {
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: 0;
}

.nahda-related-sidebar img {
	width: 90px;
	height: 62px;

	object-fit: cover;
}

.nahda-related-sidebar h3 {
	margin: 0;

	font-size: 13px;
	line-height: 1.3;
}

.nahda-related-sidebar h3 a {
	color: #222;
}

.nahda-related-sidebar h3 a:hover {
	color: #d40000;
}


/* =========================================================
   MOST READ
========================================================= */

.nahda-most-read {
	margin: 0;
	padding: 0;

	list-style: none;

	counter-reset: most-read;
}

.nahda-most-read li {
	display: grid;

	grid-template-columns: 30px minmax(0, 1fr);

	gap: 10px;

	align-items: center;

	margin-bottom: 12px;
	padding-bottom: 12px;

	border-bottom: 1px solid #eee;
}

.nahda-most-read li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: 0;
}

.nahda-most-read-number {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 25px;
	height: 25px;

	background: #d40000;
	color: #fff;

	font-size: 12px;
	font-weight: 800;
}

.nahda-most-read a {
	color: #222;

	font-size: 13px;
	font-weight: 700;

	line-height: 1.3;
}

.nahda-most-read a:hover {
	color: #d40000;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

	.nahda-single-sidebar {
		position: static;

		margin-top: 40px;
	}

	.nahda-article-title {
		font-size: 42px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {

	.nahda-single-page {
		padding-top: 15px;
	}

	.nahda-article-title {
		font-size: 32px;

		letter-spacing: -0.5px;
	}

	.nahda-article-subtitle {
		font-size: 16px;
	}

	.nahda-article-meta {
		align-items: flex-start;

		flex-direction: column;
	}

	.nahda-article-share {
		width: 100%;
	}

	.nahda-article-content {
		font-size: 16px;

		line-height: 1.75;
	}

	.nahda-article-content blockquote {
		font-size: 19px;
	}

	.nahda-author-box {
		align-items: flex-start;

		flex-direction: column;
	}

	.nahda-post-navigation {
		grid-template-columns: 1fr;
	}

	.nahda-next-post {
		border-top: 1px solid #e2e2e2;
		border-inline-start: 0;

		text-align: start;
	}

	.nahda-sidebar-newsletter-form {
		flex-direction: column;

		gap: 8px;
	}

	.nahda-sidebar-newsletter-form button {
		padding: 10px;
	}

}


/* =========================================================
   RTL
========================================================= */

html[dir="rtl"] .nahda-next-post {
	text-align: left;
}

html[dir="rtl"] .nahda-article-meta {
	direction: rtl;
}

html[dir="rtl"] .nahda-article-share {
	direction: rtl;
}

@media (max-width: 575.98px) {

	html[dir="rtl"] .nahda-next-post {
		text-align: start;
	}

}

/* =========================================================
   EDITOR'S NOTE
========================================================= */

.nahda-editor-note {
	position: relative;

	margin: 35px 0;

	padding: 28px 30px;

	border: 1px solid #dce4e9;

	background: #f3f7fa;
}

.nahda-editor-note::before {
	content: "";

	position: absolute;

	top: 0;
	bottom: 0;

	inset-inline-start: 0;

	width: 4px;

	background: #d40000;
}

.nahda-editor-note-label {
	margin-bottom: 8px;

	color: #d40000;

	font-size: 11px;
	font-weight: 900;

	letter-spacing: 0.5px;

	text-transform: uppercase;
}

.nahda-editor-note h2 {
	margin: 0 0 12px;

	color: #111;

	font-size: 23px;
	font-weight: 800;
}

.nahda-editor-note-text {
	color: #444;

	font-size: 15px;

	line-height: 1.7;
}

.nahda-editor-note-text p {
	margin: 0 0 10px;
}

.nahda-editor-note-text p:last-child {
	margin-bottom: 0;
}

.nahda-editor-note-byline {
	margin-top: 15px;

	color: #777;

	font-size: 12px;
	font-weight: 700;
}


/* =========================================================
   ARTICLE SETTINGS - ADMIN
========================================================= */

.nahda-admin-article-settings h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.nahda-admin-article-settings h3:first-child {
	margin-top: 0;
}

.nahda-admin-article-settings hr {
	margin: 25px 0;

	border: 0;
	border-top: 1px solid #ddd;
}