/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Global navbar dropdown polish.
   Applies to all pages using the shared Blocksy header. */
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu {
	overflow: hidden;
}

body[data-header*="type-1"] #header [data-id="menu"] .sub-menu .ct-menu-link {
	border-radius: 0 !important;
	margin: 0 !important;
	position: relative;
}

body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li > .ct-menu-link:hover,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li > .ct-menu-link:focus-visible,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li:hover > .ct-menu-link,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li:hover > .ct-sub-menu-parent > .ct-menu-link,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li[class*="current-menu-item"] > .ct-menu-link,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li[class*="current_page_item"] > .ct-menu-link,
body[data-header*="type-1"] #header [data-id="menu"] .sub-menu li[class*="current-menu-ancestor"] > .ct-menu-link {
	background: #f1f8f1 !important;
	box-shadow: inset 4px 0 0 #276929 !important;
	color: #276929 !important;
}

body[data-header*="type-1"] #header [data-id="menu"] .sub-menu .ct-menu-link:focus-visible {
	outline: 2px solid #276929;
	outline-offset: -2px;
}

body[data-header*="type-1"] #header [data-device="desktop"] [data-row="middle"] > .ct-container-fluid {
	padding-inline: clamp(28px, 2vw, 40px) !important;
}

/* Secondary content pages share the same compact hero rhythm as district pages. */
body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) {
	align-items: center !important;
	border-radius: 0 0 18px 18px !important;
	box-shadow: 0 14px 30px rgba(20, 62, 30, .13) !important;
	min-height: 300px !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background:
		linear-gradient(112deg, rgba(13, 47, 24, .93) 0%, rgba(20, 62, 30, .82) 52%, rgba(32, 90, 40, .60) 100%),
		url(https://malawi.hosted.suez-airclimate.com/wp-content/uploads/2025/05/UnderstangClimate._ding.jpg) !important;
	background-size: cover, cover !important;
	background-position: center 38%, center 38% !important;
	background-repeat: no-repeat, no-repeat !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero)::before,
body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero)::after {
	background: none !important;
	opacity: 0 !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) .wrap {
	width: 100% !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 34px 30px !important;
	text-align: left !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__crumb, .mw-cr__crumb, .mw-ct__crumb, .mw-ul__crumb, .mw-so__crumb, .mw-fl__crumb, .mw-dr__crumb, .mw-me__crumb) {
	display: none !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) h1 {
	color: #8fd08f !important;
	font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	letter-spacing: -.02em !important;
	line-height: 1.08 !important;
	max-width: 760px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .22) !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) .sub {
	color: #eaf3ea !important;
	font-size: 15.5px !important;
	line-height: 1.55 !important;
	max-width: 650px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__hero .accent, .mw-cr__accent, .mw-ct__accent, .mw-ul__accent, .mw-so__accent, .mw-fl__accent, .mw-dr__accent, .mw-me__accent) {
	width: 48px !important;
	height: 4px !important;
	margin: 14px 0 !important;
	background: #8fd08f !important;
	border-radius: 3px !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__stats, .mw-dp__badge) {
	display: none !important;
}

body:is(.page-id-2771, .page-id-2797) .mw-dp__hero .btn {
	display: none !important;
}

body:is(.page-id-2771, .page-id-2797) .mw-dp__keys {
	display: none !important;
}

.mw-st__cico::before {
	content: "";
	width: 22px;
	height: 22px;
	background: currentColor;
	color: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h12'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h9'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h12'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h9'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mw-st__cico svg {
	display: none !important;
}

.mw-st__quote {
	padding-left: 44px !important;
}

.mw-st__quote::before {
	left: 18px !important;
	top: 4px !important;
}

/* First-level section banners use the same photo treatment. */
body:is(.page-id-1687, .page-id-1734, .page-id-1740) .entry-content :where(.mw-dp__hero, .mw-cr__hero, .mw-di__hero) {
	background:
		linear-gradient(112deg, rgba(13, 47, 24, .93) 0%, rgba(20, 62, 30, .82) 52%, rgba(32, 90, 40, .60) 100%),
		url(https://malawi.hosted.suez-airclimate.com/wp-content/uploads/2025/05/UnderstangClimate._ding.jpg) !important;
	background-size: cover, cover !important;
	background-position: center 38%, center 38% !important;
	background-repeat: no-repeat, no-repeat !important;
}

body:is(.page-id-1687, .page-id-1734, .page-id-1740) .entry-content :where(.mw-dp__hero, .mw-cr__hero, .mw-di__hero)::before {
	background: none !important;
}

body:is(
	.page-id-2386,
	.page-id-2421,
	.page-id-2437,
	.page-id-2771,
	.page-id-2797,
	.page-id-2807,
	.page-id-2811,
	.page-id-2924
) :where(.mw-dp__deco, .mw-cr__deco, .mw-ct__deco, .mw-ul__deco, .mw-so__deco, .mw-fl__deco, .mw-dr__deco, .mw-me__deco) {
	display: none !important;
}

@media (max-width: 600px) {
	body:is(
		.page-id-2386,
		.page-id-2421,
		.page-id-2437,
		.page-id-2771,
		.page-id-2797,
		.page-id-2807,
		.page-id-2811,
		.page-id-2924
	) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) {
		min-height: 260px !important;
	}

	body:is(
		.page-id-2386,
		.page-id-2421,
		.page-id-2437,
		.page-id-2771,
		.page-id-2797,
		.page-id-2807,
		.page-id-2811,
		.page-id-2924
	) :where(.mw-dp__hero, .mw-cr__hero, .mw-ct__hero, .mw-ul__hero, .mw-so__hero, .mw-fl__hero, .mw-dr__hero, .mw-me__hero) h1 {
		font-size: 30px !important;
	}
}