.iq_hambutt {
	display: grid;
	grid-template-columns: 1fr 90px;
	gap: 0.5rem;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	width: 126px;
	align-items: center;
}

.hamburger_box {
	display: flex;
	justify-content: end;
	align-items: center;
	position: fixed;
	right: 16px;
	top: 16px;
	z-index: 25;
}

.toggled .hamburger_box {
	transform: translateY(2px) translateX(2px);
}

.hamburger {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 56px;
	transition: var(--transition);
}

.hamburger_lady {
	display: flex;
	width: 56px;
	height: 12px;
	background: url(/site/assets/images/menu_bg.svg) center;
	background-size: 160px 160px;
	background-position-x: -15px;
	transition: var(--transition);

}

.iq_hambutt:hover .hamburger_lady {
	background-position-x: 0;
	filter: hue-rotate(72deg) brightness(116%) saturate(116%);
	transition: var(--transition);
}

.menu_label {
	background-color: var(--neutral-black);
	color: var(--neutral-white, #FFF);
	text-align: right;
	font-size: 14px;
	font-weight: 800;
	line-height: 16px;
	letter-spacing: 0.56px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: end;
	text-align: right;
	max-width: 56px;
}

#hambutt:hover .menu-label {
	color: white;
}

#hambutt:focus .menu-label {
	color: var(--violet);
}

.toggled .hamburger {
	transform: translateX(16px);
	transition: var(--transition);
}

.toggled .hl_1 {
	transform-origin: 40px 1px;
	transform: rotate(45deg) translateY(30px);
	transition: var(--transition);
}

.toggled .hl_2 {
	height: 0;
	width: 0;
	transition: var(--transition);
}

.toggled .hl_3 {
	transform-origin: 42px 12px;
	transform: rotate(-45deg) translateY(-30px);
	transition: var(--transition);
}

/* top nav */

.nav_link {
	font-size: 1.125rem;
	padding-bottom: 4px;
	text-decoration: none;
	color: var(--neutral-white, #FFF);
	border-radius: 20px;
	background: transparent;
	display: flex;
	width: fit-content;
	padding: 12px 8px;
	justify-content: center;
	align-items: center;
}

.topnav .nav_link {
	color: var(--neutral-white, #FFF);
	font-size: var(--typography-size-sm, 18px);
	font-style: normal;
	font-weight: var(--typography-weight-bold, 700);
	line-height: var(--typography-line-height-sm, 24px);
	/* 133.333% */
}

.topnav .nav_link:hover {
	background: var(--brand-pink-30, #EA79A9);
	color: var(--neutral-grey-50, #222529);
}

.topnav .nav_link:focus {
	background: var(--brand-pink-30, #EA79A9);
	background: var(--neutral-grey-10, #ADB9CC);
}

.search-link {
	margin-right: 0;
	display: flex;
	justify-content: center;
	padding: 10px;
}

.search-icon {
	margin-top: 0.1rem;
	margin-right: 0.5rem;
}

.topnav-link-active,
.topnav-link:hover,
.topnav-link:focus {
	color: white;
	border-color: var(--red);
}

/* breadcrumbs */

.breadcrumbs {
	padding: 0;
	font-size: var(--typography-size-md, 24px);
	font-weight: var(--typography-weight-extraBold, 800);
	line-height: var(--typography-line-height-md, 32px);
	/* 133.333% */
	letter-spacing: 1.92px;
	text-transform: uppercase;
}

.breadcrumb-list {
	padding: 0;
	margin: 0 0 0.2rem 0;
}

.breadcrumbs ol {
	margin-block: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.breadcrumbs li {
	display: flex;
	padding-bottom: 0;
	margin-bottom: 0;
	width: fit-content;
	align-items: center;
	gap: 4px;
}

.breadcrumb-link {
	background-color: transparent;
	padding: 0;
	text-decoration: none;
	color: var(--brand-pink-30) !important;
}

.breadcrumb-link:hover {
	text-decoration: underline;
	color: var(--neutral-white) !important;
}


.breadcrumb-separator::after {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	content: '/';
	line-height: 1;
	margin-top: -2px;
}

.nav_main {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--layout-margin, 24px);

	a {
		text-decoration: none;
	}
}

@container (min-width: 480px) {
	.nav_main {
		grid-template-columns: repeat(3, 1fr);
	}
}

@container (min-width: 768px) {
	.nav_main {
		grid-template-columns: repeat(6, 1fr);
	}
}

.nav_section_link {
	display: grid;
	grid-template-columns: 1fr 32px;
	gap: 8px;
	align-items: center;
	/* top-nav */

	font-size: var(--typography-size-xs, 14px);
	font-weight: var(--typography-weight-bold, 700);
	line-height: var(--typography-line-height-xsl, 18px);
	/* 128.571% */
	/* 133.333% */
	padding-bottom: var(--button-padding-top-bottom, 16px);
	border-bottom: 1px solid var(--neutral-grey-30);
	color: var(--brand-pink-30);

}

.nav_section_link:hover {
	color: white !important;
}

.nav_section_link>.nsl_text {
	display: flex;
	align-items: center;
	min-height: 48px;
	background-color: var(--neutral-black);
}

.nav_section_icon {
	display: flex;
	width: 20px;
	height: 20px;
	padding: 1px;
	align-items: center;
	justify-content: center;

	svg {
		width: 100%;
		height: 100%;
	}

}

a:hover .nav_section_link {
	color: white !important;
}

a:hover .nav_section_icon {
	background-color: var(--brand-pink-30);
	border-radius: 4px;
	color: var(--neutral-white, #FFF);
	transition: var(--transition);
}


.nav_section_submenu {
	display: flex;
	flex-direction: column;
	padding-block: var(--layout-margin, 24px);
	align-items: flex-start;
	gap: var(--layout-margin, 24px);
	align-self: stretch;

	a {
		color: var(--neutral-white);
		font-size: var(--typography-size-xs, 14px);
		font-weight: var(--typography-weight-medium, 500);
		line-height: var(--typography-line-height-xsl, 18px);
		/* 128.571% */
	}

	a:hover {
		color: var(--neutral-white);
		text-decoration: underline;
	}
}


/* nav */
#iq_nav {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	flex: 1;
	max-height: calc(100vh - 16px);
}

@container (min-width: 768px) {
	#iq_nav {
		max-height: calc(100vh - 114px);
	}
}

#iq_nav .iqhni_summary {
	display: none;
}

.iq_nav_scroll {
	flex: 1;
	overflow-y: auto;
	padding: 16px var(--layout-margin, 16px);
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}


.iq_search {
	display: grid;
	width: 100%;
	max-width: 320px;
	column-gap: 24px;
	row-gap: 24px;
	align-items: center;

}

@media(min-width: 768px) {
	.iq_search {
		grid-template-columns: fit-content(100%) 1fr;
		max-width: 820px;
		padding: 0;
	}
}

.iq_search label {
	color: var(--neutral-white);

	/* site-search */
	font-size: var(--search-heading, 28px);
	font-weight: var(--typography-weight-extra-bold, 800);
	line-height: var(--search-heading, 28px);
	/* 100% */
	letter-spacing: 1.68px;
	text-transform: uppercase;
	/* 128.571% */
}

.iqs_input_row {
	display: flex;
	align-items: center;
	border: 2px solid var(--neutral-white);
	background: var(--neutral-grey-50, #222529);
	border-radius: var(--button-corner-radius, 8px);
	width: 100%;
}

.iq_search input[type="text"],
input[type="email"] {

	background: url(/site/assets/images/search.svg) transparent no-repeat 8px center;
	font-size: var(--typography-size-xs, 14px);
	font-weight: var(--typography-weight-extra-bold, 800);
	line-height: var(--typography-line-height-sm, 22px);
	padding: 2px 4px 2px 36px;
	border: 0;
	min-height: 36px;
	display: flex;
	align-items: center;
	width: 100%;
	border-radius: 0;
	color: var(--neutral-white);
}

.iq_search button {
	border: 0;
	display: flex;
	padding: var(--button-padding-top-bottom, 12px) var(--button-padding-left-right, 24px);
	justify-content: center;
	align-items: center;
	border-radius: 0 var(--button-corner-radius, 8px) var(--button-corner-radius, 8px) 0;
	border-left: 2px solid var(--neutral-white);
	height: 36px;
	background-color: var(--brand-purple-10);
	color: var(--neutral-black, #000);
	text-align: center;
	/* button-large */
	font-size: var(--typography-size-sm, 16px);
	font-weight: var(--typography-weight-semi-bold, 600);
	line-height: var(--typography-line-height-sm, 22px);
	/* 137.5% */
}

#iq_nav a {
	text-decoration-thickness: 2px;
}

.iqn_grid {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.iqn_grid>div {
	flex: 1;
}

.iqn_footer {
	min-height: 80px;
	padding: var(--gap);
	border-top: 1px solid var(--light-grey, #575B62);
}

.iqn_footer_grid {
	align-items: end;
	display: grid;
	gap: var(--gap);

}

.ifg_ilogo,
.ifg_hlf {
	display: flex;
	align-items: center;
}

.iqn_footer_grid a:hover {
	text-decoration: none;
}

.iqn_grid a {
	display: block;
	padding: 0.5rem;
}

@media(min-width: 992px) {

	.iqn_grid {
		flex-direction: row;
	}

	.iqn_footer_grid {
		gap: var(--gap);
		grid-template-columns: 256px 1fr 182px;
		align-items: center;
	}

}

.ifg_centre {
	align-items: end;
	align-content: end;

}

.ifg_links {
	display: grid;
	gap: var(--gap);
	grid-template-columns: 1fr;
	margin-top: auto;
}


.ifg_links a {
	color: var(--white);
}

@media(min-width: 576px) {
	.ifg_links {
		display: flex;
		gap: var(--gap)
	}

}

.ifg_ilogo {
	display: flex;
}

.ifg_logo svg {
	width: 100%;
	height: auto;
}

.credits {
	opacity: 0.9;
	font-size: 12px;
	padding-top: var(--gap);
}

@media(min-width: 768px) {
	.credits {
		text-align: right;
	}
}

.iqn_kids {
	padding-left: 1rem;
	column-count: 2;
}

@media(min-width: 768px) {

	.iqn_kids {
		padding-left: 3rem;
	}

}

@media(min-width: 996px) {

	.iqn_kids {
		padding-left: 6rem;
	}

}

.iqn_kids a {
	color: var(--purple);
}

.nav-grid .nav-item {
	flex: 1;
}

.nav-indent {
	padding-left: 1rem;
	border-left: 2px solid var(--mauve);
}

.nav-indent .nav-item a {
	padding: 0.25rem 0;
}


/** seach bits **/

.search_results_container .inqs_sidebar{
	top:0;
}

.search_result {
	display: grid;
	grid-template-columns: 32px 1fr;
	gap: 24px;
	text-decoration: none;
}

@container (min-width: 768px) {
	.search_result {
		grid-template-columns: 88px 1fr;
	}
}

.st_symbol {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	color: white;
	gap: 12px;

	svg {
		width: 100%;
		height: auto;
	}
}

.sr_content {
	display: flex;
	padding: var(--layout-margin, 24px);
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.sr_title {
	color: var(--brand-pink-30, #EA79A9);
}

.search_result:hover .sr_title {
	text-decoration: underline;
}

.inq_subnav {
	padding-left: var(--Layout-Margin, 24px);
	height: 100%;
}

.inq_subnav_list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.inq_subnav_link {
	color: var(--neutral-grey-50, #222529);
	font-size: var(--typography-size-sm, 18px);
	font-weight: var(--typography-weight-bold, 700);
	line-height: var(--typography-line-height-sm, 24px);
	text-decoration: none;
	display: flex;
	padding: 12px 16px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 20px;
	background: transparent;
	position: relative;
}

.inqs_level_1 {
	border-bottom: 1px solid var(--neutral-grey-10, #ADB9CC);
	padding-bottom: 8px;
}

.child_list {
	padding-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cl_level_3 {
	padding-top: 0;
	margin-left: 1rem;
}

.child_list .inq_subnav_link {
	font-size: var(--typography-size-xs, 14px);
	font-style: normal;
	font-weight: var(--typography-weight-bold, 700);
	line-height: var(--typography-line-height-xsl, 18px);
	padding-left: 32px;
	padding-block: 8px;
	background-image: url(/site/assets/images/bullet.svg);
	background-size: 6px 6px;
	background-position: 16px center;
	background-repeat: no-repeat;
}

.inq_subnav_link:hover {
	background-color: var(--brand-purple-10, #B190E6);
	color: var(--neutral-grey-50, #222529);
}

.inq_subnav_link:active,
.inq_subnav_link:focus {
	background-color: var(--neutral-grey-10, #ADB9CC);
}

.inq_subnav_link_active{
	background-color: var(--neutral-grey-30, #31363D);
	color: var(--neutral-grey-5, #CED5E0);
}

.child_list .inq_subnav_link_active {
	background-image: url(/site/assets/images/bullet_white.svg);
	background-color: var(--neutral-grey-30, #31363D);
	color: var(--neutral-grey-5, #CED5E0);
}