.disnaker-hero-banner {
	margin: 0 auto 56px;
	max-width: 100%;
}

/* Keep header/menu appearance stable across preset/cache differences. */
#sp-top-bar,
#sp-header,
#sp-header .container-inner {
	background-color: #80bc24;
}

/* Prevent menu row from floating over the hero/banner area. */
#sp-header {
	position: relative;
	z-index: 1000;
}

@media (min-width: 992px) {
	#sp-header .row {
		align-items: center;
		flex-wrap: nowrap;
	}

	#sp-header #sp-logo,
	#sp-header #sp-menu {
		display: flex;
		align-items: center;
	}

	#sp-header #sp-menu .sp-column {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
	}

	#sp-header #sp-menu .sp-megamenu-wrapper {
		display: flex;
		align-items: center;
	}

	#sp-header #sp-menu .sp-megamenu-parent {
		margin: 0 -10px;
	}

	#sp-header #sp-menu .sp-megamenu-parent > li > a,
	#sp-header #sp-menu .sp-megamenu-parent > li > span {
		padding: 0 10px;
	}
}

.disnaker-hero-banner img {
	display: block;
	width: 100%;
	height: auto;
}

body.disnaker-menu-is-sticky .body-innerwrapper {
	padding-top: var(--disnaker-header-height, 60px);
}

#sp-header.disnaker-fixed-menu {
	position: fixed;
	top: 0;
	left: var(--disnaker-header-left, 0);
	width: var(--disnaker-header-width, 100%);
	z-index: 1030;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

#sp-header.disnaker-fixed-menu .sp-dropdown {
	z-index: 1040;
}

#sp-header #sp-menu .sp-dropdown {
	background-color: #9bcb49;
	border-top: 2px solid rgba(0, 0, 0, 0.12);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

#sp-header #sp-menu .sp-megamenu-parent > li.active > a,
#sp-header #sp-menu .sp-megamenu-parent > li.active > span,
#sp-header #sp-menu .sp-megamenu-parent > li.current-item > a,
#sp-header #sp-menu .sp-megamenu-parent > li.current-item > span {
	color: #ffffff !important;
	font-weight: 700 !important;
	background-color: rgba(46, 92, 16, 0.38) !important;
	border-radius: 3px;
}

#sp-header #sp-menu .sp-megamenu-parent > li.current-item.active > a[aria-current="page"] {
	color: #ffffff !important;
	font-weight: 700 !important;
	background-color: rgba(46, 92, 16, 0.38) !important;
	border-radius: 3px;
}

#sp-header #sp-menu .sp-megamenu-parent > li > a,
#sp-header #sp-menu .sp-megamenu-parent > li > span {
	transition: color 0.2s ease, background-color 0.2s ease;
}

#sp-header #sp-menu .sp-megamenu-parent > li > a:hover,
#sp-header #sp-menu .sp-megamenu-parent > li > span:hover {
	color: #ffffff;
}

/* Fallback for malformed empty dropdown markup. */
#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown:empty {
	display: none !important;
}

/* Remove empty dropdown and caret for menu items like Home. */
#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child:has(> .sp-dropdown > .sp-dropdown-inner:empty) > .sp-dropdown {
	display: none !important;
}

#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child:has(> .sp-dropdown > .sp-dropdown-inner:empty) > a:after,
#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child:has(> .sp-dropdown > .sp-dropdown-inner:empty) > span:after {
	display: none !important;
	content: none !important;
}

#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child:has(> .sp-dropdown > .sp-dropdown-inner:empty):hover > .sp-dropdown {
	display: none !important;
}

#sp-header #sp-menu .sp-megamenu-parent > li.active,
#sp-header #sp-menu .sp-megamenu-parent > li.current-item {
	color: #ffffff !important;
}

#sp-header #sp-menu .sp-megamenu-parent > li.active > a:after,
#sp-header #sp-menu .sp-megamenu-parent > li.active > span:after,
#sp-header #sp-menu .sp-megamenu-parent > li.current-item > a:after,
#sp-header #sp-menu .sp-megamenu-parent > li.current-item > span:after {
	color: #ffffff !important;
}

/* Home is the first top-level item; hide its empty dropdown and caret. */
#sp-header #sp-menu .sp-megamenu-parent > li:first-child > .sp-dropdown {
	display: none !important;
}

#sp-header #sp-menu .sp-megamenu-parent > li:first-child > a:after,
#sp-header #sp-menu .sp-megamenu-parent > li:first-child > span:after {
	display: none !important;
	content: none !important;
}

body.ltr #sp-header .sp-megamenu-parent > li.active > a,
body.ltr #sp-header .sp-megamenu-parent > li.active > span,
body.ltr #sp-header .sp-megamenu-parent > li.current-item > a,
body.ltr #sp-header .sp-megamenu-parent > li.current-item > span {
	color: #ffffff !important;
	font-weight: 700 !important;
	background-color: rgba(46, 92, 16, 0.38) !important;
	border-radius: 3px;
}

body.ltr #sp-header .sp-megamenu-parent > li.active > a::after,
body.ltr #sp-header .sp-megamenu-parent > li.active > span::after,
body.ltr #sp-header .sp-megamenu-parent > li.current-item > a::after,
body.ltr #sp-header .sp-megamenu-parent > li.current-item > span::after {
	color: #ffffff !important;
}

body.ltr #sp-header .sp-megamenu-parent > li:first-child.sp-has-child > a::after,
body.ltr #sp-header .sp-megamenu-parent > li:first-child.sp-has-child > span::after {
	display: none !important;
	content: none !important;
}

#sp-right iframe[src*="youtube.com/embed"],
#sp-right iframe[src*="youtube-nocookie.com/embed"] {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	margin-bottom: 16px;
}

#sp-right .custom p:has(iframe) {
	margin-bottom: 16px;
}

@media (max-width: 767.98px) {
	.disnaker-hero-banner {
		margin-bottom: 28px;
	}
}