/* Menu */

/* Menu items */

.menu__item {
	position: relative;
}

.menu__link {
	font-size: 1rem;
	line-height: 1.2rem;
	text-decoration: none;
}

.menu__link:hover,
.menu__link:focus,
.menu__link:active {
	text-decoration: none;
}

.menu__link--active-link,
.menu__link--active-branch,
.menu__submenu .menu__link--active-link,
.menu__submenu .menu__link--active-branch {
	color: var(--primary-colour);
}

.menu__link--active-branch .menu__child-toggle-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M2 0L7 4.375L12 0L14 0.875L7 7L0 0.875L2 0Z' fill='%23EA576E'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {
	.menu__link {
		font-size: 0.9rem;
	}
}
@media (min-width: 1200px) {
	.menu__link {
		font-size: 1rem;
	}
}

@media (max-width: 991px) {

	.menu__wrapper {
		display: grid;
	}

	.menu__item {
		display: block;
		width: 100%;
	}

	.menu__link {
		display: block;
		font-size: 24px;
		font-weight: 500;
	}
	.menu__link:hover {
		font-weight: 500;
	}
}

/* Menu items - top level */

.menu__item--depth-1 {
	display: inline-block;
	padding: 0.6rem 0.5rem;
}

.menu__item--depth-1 > .menu__link--active-link:after {
	bottom: -3px;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
}

@media (max-width: 991px) {
	.menu__item--depth-1 {
		padding: 0;
		margin-bottom: 14px !important;
	}

	.menu__item--depth-1 > .menu__link {
		padding: 16px 1rem;
	}

	.menu__item--depth-1 > .menu__link--active-link:after {
		content: none;
	}
}

/* Menu items - submenus */

.menu__submenu {
	display: block;
	left: 0;
	position: absolute;
	text-align: left;
	text-transform: none;
	top: 100%;
	width: 200px;
	z-index: 5;
}

.menu__item--open > .menu__submenu {
	display: block;
}

.menu__submenu--level-2 {
	transform: translateX(-50%);
}

/* Keeps the first menu item's drop down menu aligned to the left of the top level menu item */

.menu__item--depth-1:first-child .menu__submenu--level-2 {
	transform: unset;
}

.menu__submenu .menu__item {
	border-bottom: 1px solid #D1D6DC;
	padding: 0;
	width: 100%;
}

.menu__submenu .menu__link {
	display: block;
	padding: 16px 1rem;
	transition: background-color 0.3s;
	width: 100%;
}

.menu__submenu--level-3 {
	left: 100%;
	top: 0;
}


.header.mega-menu .menu__item--depth-3>p {
	margin-top: 20px;
	padding: 0 20px;
}

/* Flyouts for the last two top level menu items go left to keep page responsive */

.menu__item--depth-1:nth-last-child(-n+2) .menu__submenu--level-3 {
	left: auto;
	right: 100%;
	top: 0;
}

/* Accounts for child toggle */

.menu__submenu .menu__item--has-submenu > .menu__link {
	padding-right: 3rem;
}

@media (min-width: 992px) {
	.menu__item--has-submenu:hover>ul.menu__submenu {
		display: block;
	}

	.hs-search-field form label {
		font-size: 1rem;
	}
	
	.header.mega-menu .menu__item--depth-3>p {
		padding: 0;
	}
}

/* Creates the triangle at the top of the submenu drop down */

@media (min-width: 992px) {

	.menu__submenu {
		height: auto !important;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		position: relative;
		top: 0;
	}

	.menu__item--has-submenu:hover>.menu__submenu {

		opacity: 1;
		visibility: visible;
	}


	.menu__wrapper {
		display: flex;
		align-items: center;
	}

	.menu__item--depth-1 {
		display: flex;
		align-items: center;
		cursor: pointer;
	}


	.menu__submenu .menu__link {
		padding: 12px 1rem;
	}

	.menu__submenu--level-2 > .menu__item:first-child > .menu__link {
		position: relative;
		z-index: 2;
	}
}

@media (min-width: 992px) {
	.menu__item--depth-1 {
		padding: 0.6rem 1rem;
	}
}


@media (max-width: 991px) {
	.menu__submenu {
		border: none;
		border-radius: 0;
		box-shadow: none;
		position: static;
		transform: unset;
		width: 100%;
		height: 0;
		overflow: auto;
		transition: all 0.3s ease;
	}

	.menu__submenu .menu__item {
		border: none;
		padding: 0;
	}

	.menu__submenu .menu__link {
		display: block;
		padding: 16px 1rem;
		transition: none;
		background: none;
		width: 100%;
	}

	.menu__submenu .menu__item .menu__link:hover,
	.menu__submenu .menu__item .menu__link:focus {
		background-color: inherit;
		transition: none;
	}

	.menu__item--has-submenu > .menu__link {
		width: 70%;
	}

	.menu__submenu--level-2 .menu__item .menu__link {
		padding: 16px 1rem 16px 20px;
	}
	.menu__submenu--level-3 .menu__item .menu__link {
		padding: 16px 1rem 16px 20px;
	}
}

/* Menu icons */

@media(min-width: 992px) {
	.menu__submenu .menu__child-toggle {
		margin-left: auto;
		padding: 0 1.05rem;
	}

	.menu__child-toggle {
		right: 5px;
		top: 20px;
		z-index: 2;
		position: initial;
		margin-left: 5px;
		margin-top: 2px;
	}

	.menu__item--depth-1 > .menu__child-toggle {
		position: static;
		right: 0;
		top: 0;
		vertical-align: middle;
		margin-left: 5px;
	}

	.menu__child-toggle-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M2 0L7 4.375L12 0L14 0.875L7 7L0 0.875L2 0Z' fill='%232B2B2B'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		display: block;
		height: 7px;
		transition: transform 0.4s;
		width: 12px;
		border: none;
		transition: all 0.3s ease;
	}
	
	.menu__item--depth-1:hover>.cont-mobile .menu__child-toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M2 0L7 4.375L12 0L14 0.875L7 7L0 0.875L2 0Z' fill='%23EA576E'/%3E%3C/svg%3E");
	}
	
}

@media (max-width: 991px) {
	.menu__child-toggle {
		background-position: center right 30px;
		background-repeat: no-repeat;
		background-size: 20px;
		border: none;
		cursor: pointer;
		height: 54px;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 2;
	}
	

	.menu__child-toggle-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='19' viewBox='0 0 10 19' fill='none'%3E%3Cpath d='M-1.12401e-07 15.9286L6.25 9.5L-6.74404e-07 3.07143L1.25 0.5L10 9.5L1.25 18.5L-1.12401e-07 15.9286Z' fill='%23EA576E'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		height: 16px;
		margin-left: auto;
		margin-right: 1.2rem;
		transition: transform 0.4s;
		width: 20px;
	}

	{#
  .menu__item--open > .menu__child-toggle .menu__child-toggle-icon {
    transform: rotate(45deg);
    transition: transform 0.4s;
  }
	#}

}









a.mega-menu_close {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 999;
	padding: 15px;
}
@media (max-width: 991px) {
	a.mega-menu_close {
		display: none;
	}
}




/* Menu Mobile */

li.back_menu a {
	padding: 16px 1rem 16px 0;
	display: flex;
	color: var(--primary-colour);
	font-size: 15px;
	align-items: center;
	gap: 11px;
}

.menu__link p {
	margin: 12px 0 0 0;
}

@media (max-width: 991px) {
	

	li.sub_menu-title {
		display: none;
	}
	
	.cont-mobile {
		display: inline-block;
		position: relative;
		display: block;
	}

	.cont-mobile>a {
		padding: 16px 1rem;
		width: 70%;
	}

	.menu__item {
    position: initial;
	}
	
	

	.menu__submenu--level-2>ul,
	.menu__submenu--level-3>ul {
		position: absolute;
		z-index: 3;
		left: 0;
		top: 98px;
		transform: translateX(100%);
		width: 100vw;
		height: calc(100vh - 98px);
		padding: 0 45px;
		background: #faeeed;
		overflow: auto;
		padding-bottom: 50px;
		transition: all 0.5s ease;
	}
	
	.menu__submenu--level-3>ul {
		top: 0;
	}

	.header__navigation {
		overflow: hidden;
	}
	
	.open-mobile-1 >.mega-menu_wrapper > .menu__submenu--level-2>ul,
	.open-mobile-1 >.menu__submenu--level-3>ul {
		transform: translateX(0);
	}
	
	.menu__submenu--level-2 .menu__link.menu__link--toggle {
		width: 70%;
	}
}


@media (min-width: 992px) {
	
	li.sub_menu-title {
		position: absolute !important;
		left: 20px;
		top: 0;
		display: block;
	}
	li.sub_menu-title p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #928C8C;
    font-size: 12px;
	}

	.cont-mobile {
		position: relative;
	}

	.menu__item--depth-1 > .cont-mobile {
		padding: .6rem 0 .6rem .5rem;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.menu__item--depth-1 > .cont-mobile > a.menu__link {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.back_menu {
		display: none;
	}
	
	.menu__submenu--level-2>ul {
    width: 380px;
	}
	
	.menu__submenu--level-2 .menu__link {
		font-size: 28px;
		font-weight: 500;
		line-height: 1.2;
	}
	
	.header.mega-menu .menu__item--depth-2:hover > .cont-mobile .menu__child-toggle {
		right: 0;
	}
	.menu__item--depth-2 >.cont-mobile>.menu__link {
    padding-right: 50px;
	}
	
	.header.mega-menu .menu__item--depth-3 >a.menu__link {
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M-1.2489e-07 17.1429L6.25 10L-7.49338e-07 2.85714L1.25 -5.46392e-08L10 10L1.25 20L-1.2489e-07 17.1429Z' fill='%232B2B2B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left top 18px;
    font-size: 24px;
	}
	.header.mega-menu .menu__item--depth-3 >a.menu__link:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M-1.2489e-07 17.1429L6.25 10L-7.49338e-07 2.85714L1.25 -5.46392e-08L10 10L1.25 20L-1.2489e-07 17.1429Z' fill='%23EA576E'/%3E%3C/svg%3E");
	}
	{#
	.header.mega-menu .menu__item--depth-3:nth-child(2) a {
    font-size: 28px;
	}
	#}
	
	.menu__submenu--level-3>ul {
		max-height: 100%;
		overflow: auto;
		max-width: 320px;
	}

}


@media (min-width: 1500px) {

	.menu__submenu--level-2>ul {
    width: 465px;
	}
	
	.header.mega-menu .mega-menu_wrapper {
		padding: 140px 80px 0 80px;
	}
	
	.menu__submenu li.menu__item--depth-2 {
    margin-bottom: 18px;
	}
	
	.header.mega-menu .menu__submenu--level-3 {
    padding-left: 110px;
		transform: translateX(465px);
	}
	
}




/* Circles Menu */

body:after {
	content: '';
	display: block;
	position: fixed;
	right: 0;
	top: 200px;
	width: 415px;
	height: calc(100vh - 200px);
	z-index: 32;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='958' height='565' viewBox='0 0 958 565' fill='none'%3E%3Cpath d='M382.12 58.6706C382.12 78.9626 365.749 95.3793 345.514 95.3793C325.278 95.3793 308.907 78.9626 308.907 58.6706C308.907 38.3786 325.278 21.962 345.514 21.962C365.749 21.962 382.12 38.3786 382.12 58.6706Z' fill='white'/%3E%3Cpath d='M616.141 58.7233C616.141 89.1344 591.558 113.732 561.285 113.732C531.012 113.732 506.428 89.0806 506.428 58.7233C506.428 28.366 530.958 3.66033 561.231 3.66033C591.504 3.66033 616.087 28.3122 616.087 58.6695' fill='white'/%3E%3Cpath d='M835.518 58.7231C835.518 91.1257 809.324 117.446 776.958 117.446C744.591 117.446 718.398 91.1796 718.398 58.7231C718.398 26.2666 744.591 0 776.958 0C809.324 0 835.518 26.2666 835.518 58.7231Z' fill='white'/%3E%3Cpath d='M731.278 205.454C731.278 239.902 703.42 267.837 669.068 267.837C634.715 267.837 606.858 239.902 606.858 205.454C606.858 171.006 634.715 143.071 669.068 143.071C703.42 143.071 731.278 171.006 731.278 205.454Z' fill='white'/%3E%3Cpath d='M616.141 352.181C616.141 382.592 591.558 407.19 561.285 407.19C531.012 407.19 506.428 382.538 506.428 352.181C506.428 321.823 531.012 297.171 561.285 297.171C591.558 297.171 616.141 321.823 616.141 352.181Z' fill='white'/%3E%3Cpath d='M382.12 352.174C382.12 372.412 365.749 388.882 345.514 388.882C325.278 388.882 308.907 372.466 308.907 352.174C308.907 331.882 325.278 315.465 345.514 315.465C365.749 315.465 382.12 331.882 382.12 352.174Z' fill='white'/%3E%3Cpath d='M958 205.453C958 245.983 925.258 278.817 884.84 278.817C844.422 278.817 811.68 245.983 811.68 205.453C811.68 164.923 844.422 132.09 884.84 132.09C925.258 132.09 958 164.923 958 205.453Z' fill='white'/%3E%3Cpath d='M846.461 352.176C846.461 390.661 815.329 421.88 776.951 421.88C738.573 421.88 707.441 390.661 707.441 352.176C707.441 313.692 738.573 282.473 776.951 282.473C815.329 282.473 846.461 313.692 846.461 352.176Z' fill='white'/%3E%3Cpath d='M734.98 498.957C734.98 462.463 705.512 432.913 669.12 432.913C632.728 432.913 603.26 462.463 603.26 498.957C603.26 535.45 632.728 565 669.12 565C705.512 565 734.98 535.45 734.98 498.957Z' fill='white'/%3E%3Cpath d='M497.304 205.45C497.304 229.779 477.659 249.479 453.397 249.479C429.136 249.479 409.491 229.779 409.491 205.45C409.491 181.121 429.136 161.421 453.397 161.421C477.659 161.421 497.304 181.121 497.304 205.45Z' fill='white'/%3E%3Cpath d='M270.582 205.446C270.582 223.693 255.821 238.495 237.625 238.495C219.429 238.495 204.668 223.693 204.668 205.446C204.668 187.199 219.429 172.451 237.625 172.451C255.821 172.451 270.582 187.253 270.582 205.446Z' fill='white'/%3E%3Cpath d='M270.582 498.957C270.582 517.204 255.821 532.006 237.625 532.006C219.429 532.006 204.668 517.204 204.668 498.957C204.668 480.71 219.429 465.962 237.625 465.962C255.821 465.962 270.582 480.764 270.582 498.957Z' fill='white'/%3E%3Cpath d='M155.445 352.178C155.445 366.387 143.959 377.852 129.842 377.852C115.725 377.852 104.239 366.333 104.239 352.178C104.239 338.022 115.725 326.503 129.842 326.503C143.959 326.503 155.445 338.022 155.445 352.178Z' fill='white'/%3E%3Cpath d='M155.445 58.6664C155.445 72.8762 143.959 84.3409 129.842 84.3409C115.725 84.3409 104.239 72.8224 104.239 58.6664C104.239 44.5104 115.725 32.9919 129.842 32.9919C143.959 32.9919 155.445 44.5104 155.445 58.6664Z' fill='white'/%3E%3Cpath d='M43.9067 205.447C43.9067 217.611 34.084 227.461 21.9533 227.461C9.82264 227.461 0 217.611 0 205.447C0 193.282 9.82264 183.432 21.9533 183.432C34.084 183.432 43.9067 193.282 43.9067 205.447Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 958px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

body.open:after,
body.openMobile:after {
	opacity: 0.6;
	visibility: visible;
}


@media (min-width: 992px) {

	body:after {
		height: 100vh;
		top: 0;
		background-position: left bottom;
	}
}
	
	

/* Megamenu CTA */

@media (max-width: 991px) {
	.mega-menu_cta {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.mega-menu_cta {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 50%;
		min-height: 100%;
		max-height: 100%;
		overflow: hidden;
		padding-top: 80px;
		z-index: 6;
	}
	
	.mega-menu_cta-wrapper {
		display: flex;
		gap: 30px;
		width: 900px;
	}
	
	.mega-menu_cta-card {
		width: 33.33333333%;
		aspect-ratio: 9 / 15;
    border-radius: 36px;
		position: relative;
		overflow: hidden;
	}
	
	.mega-menu_cta-card.card-1 {
		transform: translateY(60px);
	}

	.mega-menu_cta-card.card-2 {
		transform: translateY(150px);
	}
	
	.header.mega-menu .mega-menu_wrapper {
		overflow: visible;
		max-height: calc(100vh - 106px);
	}
	
	.header.mega-menu .menu__submenu--level-2.menu__submenu {
		max-height: 100%;
		padding-top: 60px;
		overflow: auto;
	}

	/* Megamenu CTA Cards */
	
	.mega-menu_cta-card img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100% !important;
		object-fit: cover;
	}

	.mega-menu_cta-card-content {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 15%, rgb(0 0 0 / 0%) 100%);
		color: #fff;
		padding: 90px 25px 40px 25px;
	}
	.mega-menu_cta-card-content h1,
	.mega-menu_cta-card-content h2,
	.mega-menu_cta-card-content h3,
	.mega-menu_cta-card-content h4,
	.mega-menu_cta-card-content h5,
	.mega-menu_cta-card-content h6 {
		color: #fff;
	}
	
	
	/* Megamenu CTA Image/video */

	.mega-menu_cta-image_video {
    width: 100%;
    min-height: 300px;
	}
	.mega-menu_cta-image,
	.mega-menu_cta-video {
		border-radius: 15px;
		overflow: hidden;
		margin-left: 115px;
	}

	.mega-menu_cta-image img,
	.mega-menu_cta-video video {
		width: 100%;
		max-height: 410px;
		min-height: 410px;
		object-fit: cover;
		display: block;
		object-position: left center;
	}

	.mega-menu_cta-image_video-cards {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: grid;
		align-items: center;
		gap: 30px;
		align-content: center;
	}

	.mega-menu_cta .mega-menu_cta-image_video-card.card-1 {
		max-width: 233px;
		left: 25px;
	}

	.mega-menu_cta .mega-menu_cta-image_video-card.card-2 {
		max-width: 258px;
	}

	.mega-menu_cta .mega-menu_cta-image_video-card.card-3 {
		max-width: 245px;
		left: 50px;
	}

	.mega-menu_cta .mega-menu_cta-image_video-card {
		position: relative;
	}

	.mega-menu_cta.mega-menu_image-video {
		width: 55vw;
		padding-top: 200px;
	}

	
	
	.mega-menu_cta-level_1 {
		transition: all 0.2s ease;
	}
	.mega-menu_cta-level_1.cta_level_1-hide {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	
	
	/*
	.mega-menu_cta-level_2 {
    visibility: hidden;
    opacity: 0;
		pointer-events: none;
		transition: all 0.2s ease;
	}
	.mega-menu_cta-level_2.cta_level_2-show {
		opacity: 1;
		visibility: visible;
		pointer-events: initial;
	}
	*/
	
	.mega-menu_cta.mega-menu_cta-level_2 {
		width: auto;
    left: 440px;
    margin: 0;
    top: 0;
    padding-top: 0;
    transform: none;
	}
}


@media (min-width: 1440px) {
	
	.mega-menu_cta {
		margin-right: calc((1440px - 100vw) / 2);
		width: 45vw;
		padding-top: 125px;
	}
	
	.mega-menu_cta-wrapper {
		gap: 40px;
		width: 920px;
	}
	
	.header.mega-menu .menu__submenu--level-3 {
		width: calc(100vw - ((100vw - 350px) / 2));
	}
	
	
	.mega-menu_cta.mega-menu_cta-level_2 {
    top: 30px;
    left: 480px;
	}
	
}
