/*
 * Single-blog-post bridge for the reusable PyaliChai Header/Footer widgets.
 * This file does not alter the article/template itself.
 */
.pyalichai-blog-global-header,
.pyalichai-blog-global-footer {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.pyalichai-blog-global-header {
	z-index: 100;
	background: #211f40;
}

/* The approved Header navigation is intentionally absolute because it overlays
 * the homepage hero. Blog posts do not have that hero, so reserve the same
 * navigation height here and keep the white navigation readable. */
.pyalichai-blog-global-header .pyalichai-header__navigation,
.pyalichai-blog-global-header__nav-space {
	background: #211f40;
}

.pyalichai-blog-global-header__nav-space {
	height: 112px;
}

.pyalichai-blog-global-header > .elementor-element,
.pyalichai-blog-global-footer > .elementor-element,
.pyalichai-blog-global-header .elementor-widget-container,
.pyalichai-blog-global-footer .elementor-widget-container {
	margin: 0;
	padding: 0;
	max-width: none;
}

@media (max-width: 502px) {
	.pyalichai-blog-global-header__nav-space {
		height: 90px;
	}
}

/* When the plugin supplies the global site Header/Footer, hide the equivalent
 * containers from classic themes and Elementor Theme Builder to prevent
 * duplicate Header/Footer output. */
body > #masthead,
body > .site-header,
body > header.site-header,
body > #page > #masthead,
body > #page > .site-header,
body > #page > header.site-header,
body > .elementor-location-header,
body > #page > .elementor-location-header,
body > #colophon,
body > .site-footer,
body > footer.site-footer,
body > #page > #colophon,
body > #page > .site-footer,
body > #page > footer.site-footer,
body > .elementor-location-footer,
body > #page > .elementor-location-footer {
	display: none !important;
}