/* Retriever megamenu. Mobile breakpoint: RMM_MOBILE_MAX = 1231px (keep in sync with MOBILE_MAX in megamenu.js).
 * Most rules start with ".rmm " on purpose: the Elementor kit styles every button and link (".elementor-kit-N button" ...), and a single class would lose to it. */

.rmm {
	--rmm-ink: #001f4a;
	--rmm-color: var(--rmm-ink);
	--rmm-hover: #d49327;
	--rmm-cta-bg: var(--rmm-ink);
	--rmm-cta-fg: #fff;
	--rmm-font-size: 16px;
	--rmm-bar-height: 50px;
	--rmm-gap: 30px;
	--rmm-panel-bg: #fff;
	--rmm-panel-shadow: 0 62px 100px 0 rgba(32, 51, 79, .11);
	--rmm-z: 999;
	position: relative;
	color: var(--rmm-color);
	font-family: "Euclid Square", sans-serif;
	font-size: var(--rmm-font-size);
}

.rmm-list,
.rmm-sub-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rmm-list {
	display: flex;
	align-items: center;
	gap: var(--rmm-gap);
	height: var(--rmm-bar-height);
}

.rmm-item {
	position: static;
	margin: 0;
}

/* Reset: every link and trigger starts as plain text. */
.rmm .rmm-link,
.rmm .rmm-trigger,
.rmm .rmm-trigger:hover,
.rmm .rmm-trigger:focus,
.rmm .rmm-trigger:active {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	font: inherit;
	letter-spacing: normal;
	line-height: var(--rmm-bar-height);
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.rmm .rmm-link,
.rmm .rmm-trigger {
	color: var(--rmm-color);
}

/* Top level: the height of the bar. */
.rmm .rmm-list > .rmm-item > .rmm-link,
.rmm .rmm-list > .rmm-item > .rmm-trigger {
	height: var(--rmm-bar-height);
}

/* Items with a panel or a flyout look like the bold, upper case top items of the old menu. The chevron sits after the label. */
.rmm .rmm-has-panel > .rmm-trigger,
.rmm .rmm-has-flyout > .rmm-trigger {
	display: flex;
	align-items: center;
	font-weight: 700;
	text-transform: uppercase;
}

.rmm .rmm-uppercase > .rmm-link,
.rmm .rmm-uppercase > .rmm-trigger { text-transform: uppercase; }
.rmm .rmm-capitalize > .rmm-link,
.rmm .rmm-capitalize > .rmm-trigger { text-transform: capitalize; }
.rmm .rmm-bold > .rmm-link,
.rmm .rmm-bold > .rmm-trigger { font-weight: 700; }

/* Chevron: drawn with a mask so it takes the colour of the text (dark, white on the inverse header, yellow on hover) and turns over when open. */
.rmm .rmm-indicator {
	flex: none;
	width: 13px;
	height: 7px;
	margin-left: 6px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.5 24.3'%3E%3Cpath d='M2.1 0 0 2.1l22.2 22.2L44.5 2.1 42.4 0 22.2 20.2z'/%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 44.5 24.3'%3E%3Cpath d='M2.1 0 0 2.1l22.2 22.2L44.5 2.1 42.4 0 22.2 20.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .25s ease;
}

.rmm .rmm-open > .rmm-trigger .rmm-indicator { transform: rotate(180deg); }

/* A button that was clicked keeps focus; the Elementor kit would colour its text white. */
.rmm .rmm-trigger:focus,
.rmm .rmm-trigger:active { color: var(--rmm-color); }

/* Hover and keyboard focus. A link with the cta-header class (a button in the site's own CSS) keeps its own colours. */
.rmm .rmm-link:not(.cta-header):hover,
.rmm .rmm-link:not(.cta-header):focus-visible,
.rmm .rmm-trigger:hover,
.rmm .rmm-trigger:focus-visible,
.rmm .rmm-has-sub.rmm-open > .rmm-trigger {
	color: var(--rmm-hover);
	font-weight: 700;
}

.rmm .rmm-link:focus-visible,
.rmm .rmm-trigger:focus-visible,
.rmm .rmm-burger:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* Button link (menu item class a-cta-header). */
.rmm .rmm-list > .rmm-item > .cta-header {
	height: auto;
	margin: 0;
	padding: .875rem 1.875rem;
	border: 2px solid var(--rmm-color);
	border-radius: 4.8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	transition: 300ms;
}

.rmm .rmm-list > .rmm-item > .cta-header:hover,
.rmm .rmm-list > .rmm-item > .cta-header:focus-visible {
	background: var(--rmm-cta-bg);
	border-color: var(--rmm-cta-bg);
	color: var(--rmm-cta-fg);
	font-weight: 700;
}

/* Icons and logo (menu labels that contain an <img>). The old Max Mega Menu CSS in the site's Additional CSS puts a white filter on
 * images with the class mega-svg; "filter: none" with more specificity switches that off, the inverse header below turns white on purpose. */
.rmm .rmm-link img,
.rmm .rmm-trigger img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	filter: none !important;
}

.rmm .rmm-trigger img.mega-svg,
.rmm .rmm-top-link img.mega-svg:not(.mega-menu-logo) {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}

/* Logo: the same box as the old menu (190 x 50, the image fills it: style.css forces 190px on images with the class mega-svg and the bar is 50px high),
 * 2px higher on purpose: with the 2px margin it looks centred (optical correction). Not centred with flex: the box must start exactly 2px above the bar. */
.rmm .rmm-logo .rmm-link { display: flex; align-items: flex-start; }
.rmm .rmm-logo .rmm-link img { width: 190px !important; height: 50px !important; max-height: none; margin-top: -2px; object-fit: fill; }

/* Extra space after the logo item, and items pushed to the right edge (only the first one needs the auto margin, the PHP puts them together). */
.rmm-logo { margin-right: 50px; }
.rmm-right { margin-left: auto; }
.rmm-right + .rmm-right { margin-left: 0; }

/* Overflow ("..." item, see initOverflow in megamenu.js): once the JS has run it decides which item is the first visible right-hand one and
 * pushes it (and the rest) to the right edge; items it has moved out of the way are hidden. */
.rmm-ovf-off { display: none !important; }
/* The items from the "..." dropdown, shown in the header, look like the same items in the mobile menu of the live site: regular weight, normal case
 * (the main items are bold upper case). They do not turn bold on hover (that would move their neighbours), only change colour. */
.rmm .rmm-list > .rmm-ovf-twin > .rmm-link,
.rmm .rmm-list > .rmm-ovf-twin > .rmm-trigger {
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}
.rmm .rmm-list > .rmm-ovf-twin > .rmm-link:not(.cta-header):hover,
.rmm .rmm-list > .rmm-ovf-twin > .rmm-link:not(.cta-header):focus-visible,
.rmm .rmm-list > .rmm-ovf-twin > .rmm-trigger:hover,
.rmm .rmm-list > .rmm-ovf-twin > .rmm-trigger:focus-visible { font-weight: 400; }
@media (min-width: 1232px) {
	.rmm-ovf-ready .rmm-right { margin-left: 0; }
	.rmm-ovf-ready .rmm-right.rmm-push { margin-left: auto; }
	.rmm-list { flex-wrap: nowrap; }
	.rmm-list > .rmm-item { flex: 0 0 auto; }
}

.rmm-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Panels: hidden, then slide in. visibility keeps hidden panels out of the tab order.
 * The 16px margin is the space under the menu bar, so the panel starts where the header ends. */
.rmm-panel {
	position: absolute;
	top: 100%;
	z-index: var(--rmm-z);
	box-sizing: border-box;
	margin-top: 16px;
	background: var(--rmm-panel-bg);
	box-shadow: var(--rmm-panel-shadow);
	visibility: hidden;
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

.rmm-open > .rmm-panel {
	visibility: visible;
	opacity: 1;
	transform: none;
	transition-delay: 0s;
}

/* Full-width panel: the JS sets --rmm-left and --rmm-width so it spans the whole window. The 15px padding is the same as in the old menu. */
.rmm-has-panel > .rmm-panel {
	left: var(--rmm-left, 0);
	width: var(--rmm-width, 100%);
	padding: 15px;
	/* Text in a panel that has no font of its own in the template was Roboto in the old menu, with a line height of 1.6. */
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

/* Flyout: a small dropdown under its item. */
.rmm-has-flyout { position: relative; }
.rmm-has-flyout > .rmm-panel { left: 0; min-width: 160px; }
.rmm-right.rmm-has-flyout > .rmm-panel { margin-left: -1.75rem; }

.rmm .rmm-sub-list .rmm-link {
	height: auto;
	padding: 15px 30px;
	font-family: "Euclid Square", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 35px;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Raw HTML items (the language links under Sprog): plain links that look like the other flyout links. */
.rmm .rmm-sub-list .rmm-raw > a {
	display: block;
	padding: 15px 30px;
	color: var(--rmm-color);
	font: 700 14px/35px "Euclid Square", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.rmm .rmm-sub-list .rmm-raw > a:hover,
.rmm .rmm-sub-list .rmm-raw > a:focus-visible { color: var(--rmm-hover); }

/* A sub item with its own list (Sprog > languages): button with a chevron pointing right, the list folds out beside it. */
.rmm-sub-item { position: relative; }

.rmm .rmm-sub-list .rmm-sub-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 35px;
	text-transform: uppercase;
	white-space: nowrap;
}

.rmm .rmm-sub-trigger .rmm-indicator { margin-left: 16px; transform: rotate(-90deg); }
.rmm .rmm-sub-item.rmm-open > .rmm-sub-trigger .rmm-indicator { transform: rotate(-90deg); }

.rmm-sub-panel {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: var(--rmm-z);
	min-width: 140px;
	background: var(--rmm-panel-bg);
	box-shadow: var(--rmm-panel-shadow);
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease, visibility 0s linear .2s;
}

.rmm-sub-item.rmm-open > .rmm-sub-panel {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

/* The whole header turns white while a menu is open (the JS puts rmm-active on the nav): the mobile menu and the small dropdowns (Om os, the dots).
 * The big full-width panels do it with the backdrop below instead (rmm-bd-open), so header and panel are one surface. */
.elementor-location-header > .e-parent { transition: background-color .25s ease; }

.elementor-location-header:has(.rmm-active:not(.rmm-bd-open)),
.elementor-location-header:has(.rmm-active:not(.rmm-bd-open)) > .e-parent {
	background: #fff !important;
}

/* Inverse header: a header template placed inside another header template ("Header Inverse", used over a dark hero) has white text, logo and icons
 * and sticks like the normal one (dark on a white bar). When a menu opens the header turns white and everything goes back to the normal dark colours. */
[data-elementor-type="header"] [data-elementor-type="header"] .rmm:not(.rmm-active):not(.rmm-stuck) {
	--rmm-color: #fff;
	--rmm-cta-bg: #fff;
	--rmm-cta-fg: var(--rmm-ink);
}

[data-elementor-type="header"] [data-elementor-type="header"] .rmm:not(.rmm-active):not(.rmm-stuck) .rmm-link img,
[data-elementor-type="header"] [data-elementor-type="header"] .rmm:not(.rmm-active):not(.rmm-stuck) .rmm-trigger img {
	filter: invert(1) brightness(1000%) !important;
}

/* Full-width panels on desktop: one white backdrop (.rmm-backdrop, from the top of the header to the bottom of the panel) stays behind them, the panels themselves are transparent and only their content fades.
 * Moving from one panel to the next keeps the white (no gap where the page shows through) and the backdrop grows or shrinks to the new panel's height.
 * Closing fades the backdrop and the white header together (same .25s) so it reads as one surface. */
.rmm-backdrop { display: none; }

@media (min-width: 1232px) {
	.rmm-backdrop {
		position: absolute;
		top: var(--rmm-bd-top, 0);
		left: var(--rmm-bd-left, 0);
		z-index: -1;
		display: block;
		width: var(--rmm-bd-width, 100%);
		height: var(--rmm-bd-height, 0);
		background: var(--rmm-panel-bg);
		box-shadow: var(--rmm-panel-shadow);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: height .3s cubic-bezier(.4, 0, .2, 1), opacity .25s ease, visibility 0s linear .25s;
	}

	.rmm.rmm-bd-open .rmm-backdrop {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
	}

	.rmm.rmm-bd-instant .rmm-backdrop { transition: opacity .25s ease, visibility 0s; }


	/* The nav is its own stacking layer, so the backdrop (z-index -1) is behind the menu bar and the panels but above the page. */
	.rmm {
		z-index: var(--rmm-z);
	}

	.rmm-has-panel > .rmm-panel {
		background: none;
		box-shadow: none;
		opacity: 1;
		transform: none;
		transition: visibility 0s linear .25s;
	}

	.rmm-has-panel.rmm-open > .rmm-panel { transition-delay: 0s; }

	/* Content: fades out quickly, fades in a moment later, so two panels never overlap. */
	.rmm-has-panel > .rmm-panel > :not(template) {
		opacity: 0;
		transition: opacity .15s ease;
	}

	.rmm-has-panel.rmm-open > .rmm-panel > :not(template) {
		opacity: 1;
		transition: opacity .25s ease .1s;
	}
}

/* Sticky header: the JS fixes the nav to the top of the window once the menu has scrolled out of sight. */
.rmm-wrap { position: relative; }

.rmm.rmm-stuck {
	--rmm-bar-height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99998;
	padding: 20px var(--rmm-inset-right, 15px) 20px var(--rmm-inset-left, 15px);
	background: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
	animation: rmm-drop .45s cubic-bezier(.22, .8, .3, 1) both;
}

.rmm.rmm-stuck.rmm-leaving { animation: rmm-lift .25s ease-in both; }

.rmm.rmm-stuck .rmm-list { height: auto; min-height: var(--rmm-bar-height); }
/* Stuck, the bar is 89px high (20px padding, 49px button) and the panels start 6px inside it, like the old menu: content ends up 15px further down. */
.rmm.rmm-stuck .rmm-has-panel > .rmm-panel { margin-top: 0; padding-top: 9px; }
.rmm.rmm-stuck .rmm-has-flyout > .rmm-panel { margin-top: 19px; }

body.admin-bar .rmm.rmm-stuck { top: 32px; }

@keyframes rmm-drop {
	from { opacity: 0; transform: translateY(-100%); }
	to { opacity: 1; transform: none; }
}

@keyframes rmm-lift {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(-100%); }
}

/* Mobile header bar (logo, links, burger). Only exists on mobile. */
.rmm-bar { display: none; }

/* Icon in front of a menu item (class rmm-icon-user on the menu item): the round user icon of the Log ind link. */
.rmm .rmm-icon-user > .rmm-link { display: flex; align-items: center; }

.rmm .rmm-icon-user > .rmm-link::before {
	flex: none;
	width: 25px;
	height: 25px;
	margin-right: 8px;
	background: currentColor;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M 25 2.0078125 C 12.309296 2.0078125 2.0000002 12.317108 2 25.007812 C 2 37.698518 12.309295 48.007812 25 48.007812 C 37.690705 48.007812 48 37.698518 48 25.007812 C 48 12.317108 37.690704 2.0078125 25 2.0078125 z M 25 4.0078125 C 36.609824 4.0078125 46 13.397988 46 25.007812 C 46 30.740509 43.703999 35.925856 39.988281 39.712891 C 38.158498 38.369571 35.928049 37.69558 34.039062 37.023438 C 32.975192 36.644889 32.018651 36.269758 31.320312 35.851562 C 30.651504 35.451051 30.280089 35.039466 30.083984 34.566406 C 29.992134 33.419545 30.010738 32.496253 30.017578 31.40625 C 30.13873 31.285594 30.294155 31.200823 30.417969 31.054688 C 30.709957 30.710058 31.007253 30.29128 31.291016 29.820312 C 31.777604 29.012711 32.131673 28.024913 32.330078 27.023438 C 32.63305 26.869 32.956699 26.835578 33.203125 26.521484 C 33.658098 25.941577 33.965233 25.125482 34.101562 23.988281 C 34.222454 22.984232 33.898957 22.29366 33.482422 21.763672 C 33.930529 20.298851 34.48532 17.969341 34.296875 15.558594 C 34.193203 14.232288 33.859467 12.897267 33.056641 11.787109 C 32.290173 10.727229 31.045786 9.9653642 29.453125 9.6894531 C 28.441568 8.5409775 26.834704 8 24.914062 8 L 24.904297 8 L 24.896484 8 C 20.593741 8.078993 17.817552 9.8598398 16.628906 12.576172 C 15.498615 15.159149 15.741603 18.37477 16.552734 21.722656 C 16.116708 22.25268 15.775146 22.95643 15.898438 23.988281 C 16.035282 25.125098 16.34224 25.94153 16.796875 26.521484 C 17.043118 26.835604 17.366808 26.868911 17.669922 27.023438 C 17.868296 28.024134 18.222437 29.01059 18.708984 29.818359 C 18.992747 30.289465 19.289737 30.707821 19.582031 31.052734 C 19.705876 31.198874 19.861128 31.285522 19.982422 31.40625 C 19.988922 32.49568 20.007396 33.418614 19.916016 34.566406 C 19.720294 35.037723 19.34937 35.449526 18.681641 35.851562 C 17.984409 36.271364 17.029015 36.648577 15.966797 37.029297 C 14.079805 37.705631 11.85061 38.384459 10.015625 39.716797 C 6.2976298 35.929423 4 30.742497 4 25.007812 C 4.0000002 13.397989 13.390176 4.0078125 25 4.0078125 z M 24.921875 10.001953 C 26.766001 10.003853 27.92628 10.549863 28.244141 11.107422 L 28.488281 11.535156 L 28.974609 11.601562 C 30.230788 11.776108 30.932655 12.263579 31.435547 12.958984 C 31.938439 13.654389 32.217535 14.624895 32.302734 15.714844 C 32.473134 17.894741 31.849129 20.468905 31.453125 21.660156 L 31.201172 22.416016 L 31.882812 22.830078 C 31.813472 22.787858 32.203297 23.018609 32.115234 23.75 C 32.008564 24.639799 31.781184 25.093017 31.628906 25.287109 C 31.476629 25.481202 31.411442 25.45641 31.427734 25.455078 L 30.603516 25.523438 L 30.515625 26.345703 C 30.440195 27.052169 30.04285 28.015793 29.578125 28.787109 C 29.345762 29.172767 29.098543 29.516317 28.890625 29.761719 C 28.682707 30.00712 28.461282 30.159117 28.544922 30.115234 L 28.009766 30.394531 L 28.009766 31 C 28.009766 32.324321 27.955813 33.407291 28.095703 34.949219 L 28.107422 35.082031 L 28.154297 35.207031 C 28.547829 36.266071 29.369275 37.013258 30.292969 37.566406 C 31.216662 38.119555 32.276387 38.519377 33.369141 38.908203 C 35.170096 39.549023 37.047465 40.179657 38.478516 41.111328 C 34.832228 44.16545 30.135566 46.007812 25 46.007812 C 19.866422 46.007812 15.171083 44.167232 11.525391 41.115234 C 12.964568 40.188909 14.844735 39.556492 16.642578 38.912109 C 17.73461 38.520704 18.79156 38.119183 19.712891 37.564453 C 20.634221 37.009723 21.452728 36.262662 21.845703 35.207031 L 21.892578 35.082031 L 21.904297 34.949219 C 22.043042 33.408482 21.990234 32.325309 21.990234 31 L 21.990234 30.394531 L 21.455078 30.113281 C 21.538828 30.157091 21.317362 30.005196 21.109375 29.759766 C 20.901388 29.514336 20.654237 29.172879 20.421875 28.787109 C 19.957151 28.015571 19.559775 27.05118 19.484375 26.345703 L 19.396484 25.523438 L 18.572266 25.455078 C 18.587716 25.456378 18.523206 25.481158 18.371094 25.287109 C 18.218979 25.093064 17.991921 24.640183 17.884766 23.75 C 17.797356 23.01846 18.191557 22.784891 18.117188 22.830078 L 18.751953 22.445312 L 18.566406 21.724609 C 17.705952 18.412902 17.575833 15.399621 18.460938 13.376953 C 19.345167 11.356284 21.116417 10.074289 24.921875 10.001953 z'/%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 50 50'%3E%3Cpath d='M 25 2.0078125 C 12.309296 2.0078125 2.0000002 12.317108 2 25.007812 C 2 37.698518 12.309295 48.007812 25 48.007812 C 37.690705 48.007812 48 37.698518 48 25.007812 C 48 12.317108 37.690704 2.0078125 25 2.0078125 z M 25 4.0078125 C 36.609824 4.0078125 46 13.397988 46 25.007812 C 46 30.740509 43.703999 35.925856 39.988281 39.712891 C 38.158498 38.369571 35.928049 37.69558 34.039062 37.023438 C 32.975192 36.644889 32.018651 36.269758 31.320312 35.851562 C 30.651504 35.451051 30.280089 35.039466 30.083984 34.566406 C 29.992134 33.419545 30.010738 32.496253 30.017578 31.40625 C 30.13873 31.285594 30.294155 31.200823 30.417969 31.054688 C 30.709957 30.710058 31.007253 30.29128 31.291016 29.820312 C 31.777604 29.012711 32.131673 28.024913 32.330078 27.023438 C 32.63305 26.869 32.956699 26.835578 33.203125 26.521484 C 33.658098 25.941577 33.965233 25.125482 34.101562 23.988281 C 34.222454 22.984232 33.898957 22.29366 33.482422 21.763672 C 33.930529 20.298851 34.48532 17.969341 34.296875 15.558594 C 34.193203 14.232288 33.859467 12.897267 33.056641 11.787109 C 32.290173 10.727229 31.045786 9.9653642 29.453125 9.6894531 C 28.441568 8.5409775 26.834704 8 24.914062 8 L 24.904297 8 L 24.896484 8 C 20.593741 8.078993 17.817552 9.8598398 16.628906 12.576172 C 15.498615 15.159149 15.741603 18.37477 16.552734 21.722656 C 16.116708 22.25268 15.775146 22.95643 15.898438 23.988281 C 16.035282 25.125098 16.34224 25.94153 16.796875 26.521484 C 17.043118 26.835604 17.366808 26.868911 17.669922 27.023438 C 17.868296 28.024134 18.222437 29.01059 18.708984 29.818359 C 18.992747 30.289465 19.289737 30.707821 19.582031 31.052734 C 19.705876 31.198874 19.861128 31.285522 19.982422 31.40625 C 19.988922 32.49568 20.007396 33.418614 19.916016 34.566406 C 19.720294 35.037723 19.34937 35.449526 18.681641 35.851562 C 17.984409 36.271364 17.029015 36.648577 15.966797 37.029297 C 14.079805 37.705631 11.85061 38.384459 10.015625 39.716797 C 6.2976298 35.929423 4 30.742497 4 25.007812 C 4.0000002 13.397989 13.390176 4.0078125 25 4.0078125 z M 24.921875 10.001953 C 26.766001 10.003853 27.92628 10.549863 28.244141 11.107422 L 28.488281 11.535156 L 28.974609 11.601562 C 30.230788 11.776108 30.932655 12.263579 31.435547 12.958984 C 31.938439 13.654389 32.217535 14.624895 32.302734 15.714844 C 32.473134 17.894741 31.849129 20.468905 31.453125 21.660156 L 31.201172 22.416016 L 31.882812 22.830078 C 31.813472 22.787858 32.203297 23.018609 32.115234 23.75 C 32.008564 24.639799 31.781184 25.093017 31.628906 25.287109 C 31.476629 25.481202 31.411442 25.45641 31.427734 25.455078 L 30.603516 25.523438 L 30.515625 26.345703 C 30.440195 27.052169 30.04285 28.015793 29.578125 28.787109 C 29.345762 29.172767 29.098543 29.516317 28.890625 29.761719 C 28.682707 30.00712 28.461282 30.159117 28.544922 30.115234 L 28.009766 30.394531 L 28.009766 31 C 28.009766 32.324321 27.955813 33.407291 28.095703 34.949219 L 28.107422 35.082031 L 28.154297 35.207031 C 28.547829 36.266071 29.369275 37.013258 30.292969 37.566406 C 31.216662 38.119555 32.276387 38.519377 33.369141 38.908203 C 35.170096 39.549023 37.047465 40.179657 38.478516 41.111328 C 34.832228 44.16545 30.135566 46.007812 25 46.007812 C 19.866422 46.007812 15.171083 44.167232 11.525391 41.115234 C 12.964568 40.188909 14.844735 39.556492 16.642578 38.912109 C 17.73461 38.520704 18.79156 38.119183 19.712891 37.564453 C 20.634221 37.009723 21.452728 36.262662 21.845703 35.207031 L 21.892578 35.082031 L 21.904297 34.949219 C 22.043042 33.408482 21.990234 32.325309 21.990234 31 L 21.990234 30.394531 L 21.455078 30.113281 C 21.538828 30.157091 21.317362 30.005196 21.109375 29.759766 C 20.901388 29.514336 20.654237 29.172879 20.421875 28.787109 C 19.957151 28.015571 19.559775 27.05118 19.484375 26.345703 L 19.396484 25.523438 L 18.572266 25.455078 C 18.587716 25.456378 18.523206 25.481158 18.371094 25.287109 C 18.218979 25.093064 17.991921 24.640183 17.884766 23.75 C 17.797356 23.01846 18.191557 22.784891 18.117188 22.830078 L 18.751953 22.445312 L 18.566406 21.724609 C 17.705952 18.412902 17.575833 15.399621 18.460938 13.376953 C 19.345167 11.356284 21.116417 10.074289 24.921875 10.001953 z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Hidden on desktop. Two classes, because the Elementor kit sets display on every button. */
.rmm .rmm-burger { display: none; }

@media (min-width: 1232px) {
	.rmm-hide-desktop { display: none; }
}

@media (max-width: 1231px) {
	.rmm-hide-mobile { display: none; }

	body.admin-bar .rmm.rmm-stuck { top: 46px; }

	/* The menu bar spans the whole window whatever padding the header has around it (CSS only, so it is right before any JS has run):
	 * the wrapper is as wide as the header content, which is centred, so half of its width minus half the window is the padding on the left. */
	.rmm {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}

	.rmm.rmm-stuck {
		width: auto;
		margin-left: 0;
		padding: 12px 0;
	}

	.rmm-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		min-height: 45px;
		padding: 0 32px;
	}

	.rmm-bar-left,
	.rmm-bar-right {
		display: flex;
		align-items: center;
	}

	.rmm .rmm-bar .rmm-link {
		display: block;
		height: auto;
		line-height: 45px;
	}

	.rmm .rmm-bar-left .rmm-link { display: flex; align-items: center; }
	/* Fixed width as well as height (156 x 30, the proportions of the logo): the bar must not move when the image has loaded. */
	.rmm .rmm-bar-left img { display: block; width: 155.85px !important; max-width: none; height: 30px !important; margin: 0; }
	.rmm .rmm-bar-right .rmm-link { margin-right: 20px; color: var(--rmm-color); font-size: 16px; white-space: nowrap; }
	.rmm .rmm-bar .rmm-icon-user::before { content: none; }

	/* Burger (three thin lines) and cross: the same shapes as the old menu, drawn with a mask so they take the text colour. The Elementor kit
	 * gives a focused or hovered button a coloured background, which is switched off here. */
	.rmm .rmm-burger,
	.rmm .rmm-burger:hover,
	.rmm .rmm-burger:focus,
	.rmm .rmm-burger:active {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 45px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
		color: var(--rmm-color);
		cursor: pointer;
	}

	.rmm-burger-bars {
		display: block;
		flex: none;
		width: 25px;
		height: 16px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 32'%3E%3Cpath d='M0 0v2h50V0zM0 15v2h50v-2zM0 30v2h50v-2z'/%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 50 32'%3E%3Cpath d='M0 0v2h50V0zM0 15v2h50v-2zM0 30v2h50v-2z'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.rmm-open-mobile .rmm-burger-bars {
		width: 20px;
		height: 20px;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.4 37.4'%3E%3Cpath d='M1.4 0 0 1.4l17.3 17.3L0 36l1.4 1.4 17.3-17.3L36 37.4l1.4-1.4L20.2 18.7 37.4 1.4 36 0 18.7 17.3z'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.4 37.4'%3E%3Cpath d='M1.4 0 0 1.4l17.3 17.3L0 36l1.4 1.4 17.3-17.3L36 37.4l1.4-1.4L20.2 18.7 37.4 1.4 36 0 18.7 17.3z'/%3E%3C/svg%3E");
	}

	/* The list fills the window under the bar (the JS sets --rmm-list-top) on a white background, so its text is always dark. */
	.rmm .rmm-list {
		--rmm-color: var(--rmm-ink);
		position: fixed;
		top: var(--rmm-list-top, 61px);
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--rmm-z);
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		height: auto;
		padding: 0 0 45px;
		overflow-y: auto;
		background: var(--rmm-panel-bg);
	}

	.rmm-open-mobile > .rmm-list { display: flex; }

	.rmm-logo,
	.rmm-right { margin: 0; }

	.rmm .rmm-list > .rmm-item {
		margin: 0;
		border-top: 1px solid #eee;
	}

	.rmm .rmm-list > .rmm-item > .rmm-link,
	.rmm .rmm-list > .rmm-item > .rmm-trigger {
		height: auto;
		min-height: 55px;
		padding: 4.8px 32px;
		font-size: 14px;
		line-height: 45px;
	}

	.rmm .rmm-list > .rmm-item > .rmm-link { display: block; }
	.rmm .rmm-list > .rmm-icon-user > .rmm-link { display: flex; }

	/* The chevron goes to the right edge and is bigger than on desktop. */
	.rmm .rmm-has-panel > .rmm-trigger,
	.rmm .rmm-has-flyout > .rmm-trigger {
		justify-content: space-between;
		width: 100%;
	}

	.rmm .rmm-list .rmm-indicator {
		width: 20px;
		height: 11px;
		margin-left: 16px;
	}

	/* On mobile the panels open in place under their item, like an accordion. */
	.rmm-panel,
	.rmm-has-panel > .rmm-panel,
	.rmm-has-flyout > .rmm-panel,
	.rmm-right.rmm-has-flyout > .rmm-panel,
	.rmm.rmm-stuck .rmm-has-panel > .rmm-panel,
	.rmm.rmm-stuck .rmm-has-flyout > .rmm-panel {
		position: static;
		left: auto;
		width: auto;
		margin: 0;
		padding: 0;
		box-shadow: none;
		visibility: visible;
		opacity: 1;
		transform: none;
		transition: none;
		display: none;
	}

	/* Panel content has 32px at the sides and 15px above and below (17px list padding + 15px, like the old menu). */
	.rmm .rmm-list > .rmm-has-panel > .rmm-panel,
	.rmm.rmm-stuck .rmm-list > .rmm-has-panel > .rmm-panel { padding: 15px 32px; }

	.rmm-open > .rmm-panel { display: block; }

	.rmm-sub-panel {
		position: static;
		min-width: 0;
		padding-left: 15px;
		box-shadow: none;
		visibility: visible;
		opacity: 1;
		transition: none;
		display: none;
	}

	.rmm-sub-item.rmm-open > .rmm-sub-panel { display: block; }
	.rmm .rmm-sub-trigger .rmm-indicator,
	.rmm .rmm-sub-item.rmm-open > .rmm-sub-trigger .rmm-indicator { transform: none; }
	.rmm .rmm-sub-item.rmm-open > .rmm-sub-trigger .rmm-indicator { transform: rotate(180deg); }

	/* While the menu is open the page behind it does not scroll. */
	html.rmm-lock { overflow: hidden; }
}

@media (prefers-reduced-motion: reduce) {
	.rmm-panel,
	.rmm-backdrop,
	.rmm-has-panel > .rmm-panel > :not(template) { transition: none !important; }
	.rmm.rmm-stuck,
	.rmm.rmm-stuck.rmm-leaving { animation: none; }
}

/* No underline anywhere in the menu, on hover or focus: the bar, the dropdowns and the Elementor sections that open under it. */
.rmm a,
.rmm a:hover,
.rmm a:focus,
.rmm a:active,
.rmm a:focus-visible,
.rmm *,
.rmm *:hover,
.rmm *:focus {
	text-decoration: none !important;
}
