/*
 * Kea Skies header stability.
 * Loaded after the main child stylesheet to remove Divi's page-load zoom/settle motion
 * from the global navigation while keeping the header calm and immediate.
 */

html body #page-container .et-l--header,
html body #page-container .et_pb_section_0_tb_header,
html body #page-container .et_pb_section_1_tb_header {
	animation: none !important;
	backface-visibility: hidden !important;
	transform: none !important;
	transition: none !important;
	will-change: auto !important;
}

html body #page-container .et-l--header *,
html body #page-container .et-l--header *::before,
html body #page-container .et-l--header *::after,
html body #page-container .et_pb_section_0_tb_header *,
html body #page-container .et_pb_section_1_tb_header * {
	animation: none !important;
	backface-visibility: hidden !important;
	transition: none !important;
	will-change: auto !important;
}

html body #page-container .et-l--header .et_animated,
html body #page-container .et-l--header .et-waypoint,
html body #page-container .et-l--header [class*="et_pb_animation_"],
html body #page-container .et_pb_section_0_tb_header.et_animated,
html body #page-container .et_pb_section_1_tb_header.et_animated,
html body #page-container .et_pb_section_0_tb_header .et_animated,
html body #page-container .et_pb_section_1_tb_header .et_animated,
html body #page-container .et_pb_section_0_tb_header [class*="et_pb_animation_"],
html body #page-container .et_pb_section_1_tb_header [class*="et_pb_animation_"] {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

html body #page-container .et-l--header img,
html body #page-container .et-l--header img.lazyload,
html body #page-container .et-l--header img.lazyloaded,
html body #page-container .et-l--header img.ls-is-cached {
	opacity: 1 !important;
	visibility: visible !important;
}

html body #page-container .et-l--header .et_pb_image_wrap,
html body #page-container .et-l--header img {
	display: block !important;
	object-fit: contain !important;
}

html body #page-container .et-l--header .login-button:hover,
html body #page-container .et-l--header .login-button:focus-visible,
html body #page-container .et-l--header .mobile-login-btn:hover,
html body #page-container .et-l--header .mobile-login-btn:focus-visible,
html body #page-container .et-l--header .XS__cart_box:hover,
html body #page-container .et-l--header .XS__cart_box:focus-visible {
	transform: none !important;
}

@media (min-width: 981px) {
	html body #page-container .et-l--header,
	html body #page-container .et-l--header .et_builder_inner_content,
	html body #page-container .et_pb_section_0_tb_header,
	html body #page-container .et_pb_row_0_tb_header {
		min-height: 70px !important;
		height: 70px !important;
	}

	html body #page-container .et_pb_section_1_tb_header {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	html body #page-container .et-l--header .et_pb_image_0_tb_header,
	html body #page-container .et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap {
		width: 198px !important;
		min-width: 198px !important;
		max-width: 198px !important;
		height: 47px !important;
		min-height: 47px !important;
		max-height: 47px !important;
	}

	html body #page-container .et-l--header .et_pb_image_0_tb_header img {
		width: 198px !important;
		min-width: 198px !important;
		max-width: 198px !important;
		height: auto !important;
		max-height: 47px !important;
	}
}

@media (min-width: 981px) and (max-width: 1100px) {
	html body #page-container .et-l--header .et_pb_image_0_tb_header,
	html body #page-container .et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap {
		width: 164px !important;
		min-width: 164px !important;
		max-width: 164px !important;
		height: 39px !important;
		min-height: 39px !important;
		max-height: 39px !important;
	}

	html body #page-container .et-l--header .et_pb_image_0_tb_header img {
		width: 164px !important;
		min-width: 164px !important;
		max-width: 164px !important;
		max-height: 39px !important;
	}
}

@media (min-width: 981px) and (max-width: 1000px) {
	html body #page-container .et-l--header .et_pb_image_0_tb_header,
	html body #page-container .et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap {
		width: 150px !important;
		min-width: 150px !important;
		max-width: 150px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
	}

	html body #page-container .et-l--header .et_pb_image_0_tb_header img {
		width: 150px !important;
		min-width: 150px !important;
		max-width: 150px !important;
		max-height: 36px !important;
	}
}

@media (max-width: 980px) {
	html body #page-container .et-l--header,
	html body #page-container .et-l--header .et_builder_inner_content,
	html body #page-container .et_pb_section_1_tb_header,
	html body #page-container .et_pb_row_1_tb_header {
		min-height: 70px !important;
		height: 70px !important;
	}

	html body #page-container .et_pb_section_0_tb_header {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	html body #page-container .et-l--header .et_pb_column_4_tb_header {
		left: 50% !important;
		width: 136px !important;
		min-width: 136px !important;
		max-width: 136px !important;
		margin-left: -68px !important;
		transform: none !important;
	}

	html body #page-container .et-l--header .et_pb_image_2_tb_header,
	html body #page-container .et-l--header .et_pb_image_2_tb_header .et_pb_image_wrap {
		width: 136px !important;
		min-width: 136px !important;
		max-width: 136px !important;
		height: 32px !important;
		min-height: 32px !important;
		max-height: 32px !important;
	}

	html body #page-container .et-l--header .et_pb_image_2_tb_header img {
		width: 136px !important;
		min-width: 136px !important;
		max-width: 136px !important;
		height: auto !important;
		max-height: 32px !important;
	}
}