/* =========================================================
 * PRESS 365 — Homepage Layout
 * Version: 1.0.0
 * ======================================================= */
/* =========================================================
 * PRESS 365 — Homepage Astra Layout Reset
 * ======================================================= */

/*
 * Astra applies its own vertical spacing to #primary.
 * PRESS 365 homepage manages its spacing independently.
 */

#primary.p365-homepage {
	float: none !important;

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

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


/*
 * Remove any Astra container spacing around
 * our native homepage template.
 */

#content.site-content > .ast-container {
	width: 100%;
	max-width: none;

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

/* =========================================================
 * 1. Editorial Area
 * ======================================================= */

.p365-home-editorial {
	position: relative;
padding-top: 28px;
}


/* =========================================================
 * 2. Main Editorial Grid
 * ======================================================= */

.p365-home-editorial__grid {
	display: grid;

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

	gap:
		clamp(18px, 2vw, 26px);

	align-items: stretch;

	direction: ltr;
}


.p365-home-editorial__latest {
	grid-column: 1;

	min-width: 0;

	direction: rtl;
}


.p365-home-editorial__main {
	grid-column: 2;

	display: flex;

	flex-direction: column;

	gap:
		clamp(18px, 2vw, 24px);

	min-width: 0;

	direction: rtl;
}


/* =========================================================
 * 3. Latest Sidebar
 * ======================================================= */

.p365-home-editorial__latest {
	min-width: 0;
}


/* =========================================================
 * 4. Main Content
 * ======================================================= */

.p365-home-editorial__main {
	display: flex;

	flex-direction: column;

	gap:
		clamp(18px, 2vw, 24px);

	min-width: 0;
}


/* =========================================================
 * 5. Tablet
 * ======================================================= */

@media (max-width: 1050px) {

	.p365-home-editorial__grid {
		grid-template-columns:
			minmax(220px, 0.32fr)
			minmax(0, 1fr);
	}
}


/* =========================================================
 * 6. Mobile
 * ======================================================= */
@media (max-width: 820px) {

	.p365-home-editorial {
		padding-top:
			28px;
	}


	.p365-home-editorial__grid {
		display: flex;

		flex-direction: column;

		direction: rtl;
	}
}

/* =========================================================
 * PRESS 365 — Homepage Lower Editorial Area
 * Community + Syrians Abroad
 * ======================================================= */

.p365-home-lower {
	position: relative;

	padding:
		clamp(20px, 2.5vw, 34px) 0 0;
}


.p365-home-lower__grid {
	display: grid;

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

	gap:
		clamp(18px, 2vw, 26px);

	align-items: stretch;
}


.p365-home-lower__community,
.p365-home-lower__abroad {
	min-width: 0;

	height: 100%;
}


/* =========================================================
 * Responsive
 * ======================================================= */

@media (max-width: 900px) {

	.p365-home-lower__grid {
		grid-template-columns:
			1fr;
	}
}

/* =========================================================
 * PRESS 365 — Homepage Typography Tuning
 * Desktop + Mobile
 * ======================================================= */


/* =========================================================
 * Desktop
 * ======================================================= */

/* Section titles */

.p365-latest-news__title,
.p365-politics__title,
.p365-behind-news__title,
.p365-community__title,
.p365-syrians-abroad__title,
.p365-special-reports__title,
.p365-opinions__title,
.p365-most-read__title,
.p365-video__title {
	font-size: 30px;
}


/* Hero */

.p365-home-hero__title {
	font-size: 56px;
}

.p365-home-hero__excerpt {
	font-size: 17px;
}

.p365-home-hero__category {
	font-size: 13px;
}

.p365-home-hero__secondary-title {
	font-size: 17px;
}

.p365-home-hero__secondary-category {
	font-size: 12px;
}

.p365-home-hero__secondary-time {
	font-size: 11px;
}


/* Latest News */

.p365-latest-news__item-title {
	font-size: 18px;
}

.p365-latest-news__category {
	font-size: 11px;
}

.p365-latest-news__meta {
	font-size: 11px;
}


/* Politics */

.p365-politics__card-title,
.p365-politics__item-title {
	font-size: 18px;
}


/* Behind News */

.p365-behind-news__main-title {
	font-size: 28px;
}

.p365-behind-news__side-title {
	font-size: 16px;
}


/* Community */

.p365-community__title,
.p365-community__card-title,
.p365-community__item-title {
	font-size: 17px;
}


/* Syrians Abroad */

.p365-syrians-abroad__card-title,
.p365-syrians-abroad__item-title {
	font-size: 17px;
}


/* Special Reports */

.p365-special-reports__main-title {
	font-size: 38px;
}

.p365-special-reports__main-excerpt {
	font-size: 15px;
}

.p365-special-reports__side-title {
	font-size: 18px;
}


/* Opinions */

.p365-opinions__article-title {
	font-size: 23px;
}

.p365-opinions__excerpt {
	font-size: 14px;
}

.p365-opinions__author-info strong {
	font-size: 13px;
}


/* Most Read */

.p365-most-read__item-title {
	font-size: 19px;
}

.p365-most-read__meta,
.p365-most-read__views {
	font-size: 11px;
}


/* Video */

.p365-video__main-title {
	font-size: 29px;
}

.p365-video__main-excerpt {
	font-size: 14px;
}

.p365-video__side-title {
	font-size: 16px;
}


/* =========================================================
 * Mobile
 * ======================================================= */

@media (max-width: 680px) {

	/* General section headings */

	.p365-latest-news__title,
	.p365-politics__title,
	.p365-behind-news__title,
	.p365-community__title,
	.p365-syrians-abroad__title,
	.p365-special-reports__title,
	.p365-opinions__title,
	.p365-most-read__title,
	.p365-video__title {
		font-size: 26px;
	}


	/* Hero */

	.p365-home-hero__title {
		font-size: 34px;
		line-height: 1.35;
	}

	.p365-home-hero__excerpt {
		font-size: 16px;
		line-height: 1.8;
	}

	.p365-home-hero__category {
		font-size: 12px;
	}

	.p365-home-hero__meta {
		font-size: 12px;
	}

	.p365-home-hero__cta {
		font-size: 14px;
	}

	.p365-home-hero__secondary-title {
		font-size: 16px;
		line-height: 1.6;
	}

	.p365-home-hero__secondary-category {
		font-size: 12px;
	}

	.p365-home-hero__secondary-time {
		font-size: 11px;
	}


	/* Latest News */

	.p365-latest-news__item-title {
		font-size: 16px;
		line-height: 1.65;
	}

	.p365-latest-news__category {
		font-size: 10px;
	}

	.p365-latest-news__meta {
		font-size: 11px;
	}


	/* Latest Live Sidebar */

	.p365-latest__title {
		font-size: 24px;
	}

	.p365-latest__item-title {
		font-size: 15px;
		line-height: 1.7;
	}

	.p365-latest__time,
	.p365-latest__category {
		font-size: 11px;
	}


	/* Politics */

	.p365-politics__card-title,
	.p365-politics__item-title {
		font-size: 16px;
		line-height: 1.65;
	}


	/* Behind News */

	.p365-behind-news__main-title {
		font-size: 24px;
		line-height: 1.55;
	}

	.p365-behind-news__side-title {
		font-size: 15px;
		line-height: 1.65;
	}


	/* Community */

	.p365-community__card-title,
	.p365-community__item-title {
		font-size: 16px;
		line-height: 1.65;
	}


	/* Syrians Abroad */

	.p365-syrians-abroad__card-title,
	.p365-syrians-abroad__item-title {
		font-size: 16px;
		line-height: 1.65;
	}


	/* Special Reports */

	.p365-special-reports__main-title {
		font-size: 30px;
		line-height: 1.5;
	}

	.p365-special-reports__main-excerpt {
		font-size: 15px;
	}

	.p365-special-reports__side-title {
		font-size: 16px;
	}


	/* Opinions */

	.p365-opinions__article-title {
		font-size: 19px;
		line-height: 1.6;
	}

	.p365-opinions__excerpt {
		font-size: 14px;
		line-height: 1.85;
	}

	.p365-opinions__author-info strong {
		font-size: 13px;
	}


	/* Most Read */

	.p365-most-read__item-title {
		font-size: 16px;
		line-height: 1.65;
	}

	.p365-most-read__meta,
	.p365-most-read__views {
		font-size: 11px;
	}


	/* Video */

	.p365-video__main-title {
		font-size: 23px;
		line-height: 1.55;
	}

	.p365-video__main-excerpt {
		font-size: 14px;
		line-height: 1.8;
	}

	.p365-video__side-title {
		font-size: 15px;
		line-height: 1.65;
	}
}