/*----- SETUP - Open -----*/
html {
	scroll-behavior: smooth;
	font-size: 16px;
}
body {
	background-color: var(--color-white);
	cursor: default;
}

#btn-hamburger {
	display: none;
}

.messages.messages--status {
	background: #f6fafd;
	border-radius: var(--border-radius);
	font-size: 0.9375rem;
	font-weight: 450;
	margin: 0.5rem 0 1rem 0;
	padding: 0.5rem 1rem;
}
#page ul.page-tabs {
	margin-top: 0.5rem !important;
}
/*----- SETUP - Close -----*/

/*----- FOCUS - Open -----*/
#page a:focus-visible {
	outline: 2px dashed var(--color-black);
	border-radius: 4px;
	outline-offset: 2px;
	transition: none !important;
}

#page .we-mega-menu-ul a:focus-visible {
	outline: 2px dashed var(--color-tertiary);
	outline-offset: 1px;
}

#page .footer a:focus-visible {
	outline: 2px dashed var(--color-white);
}
a.visually-hidden.focusable:focus {
	background: var(--color-white) !important;
	border-radius: var(--border-radius);
	color: var(--color-black) !important;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	left: 50%;
	outline-offset: -4px;
	outline: 2px dashed var(--color-tertiary);
	padding: 0.5rem 1rem;
	position: absolute !important;
	top: 0.5rem;
	transform: translateX(-50%);
	transition: none !important;
	z-index: 999;

	-webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.32);
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.32);
}
/*----- FOCUS - Close -----*/

/*----- CONTENT - Open -----*/

#page-wrapper {
	overflow: clip !important;
}
#page .main-wrapper {
	padding: 0 0 3rem 0;
	overflow: visible !important;
}
.homepage #page .main-wrapper {
	background-color: var(--color-white);
	padding-top: 0;
	z-index: 1;
}

#main-content {
	scroll-margin-top: 5rem;
}

#page .no-margin {
	margin: 0 !important;
}
#page .no-padding {
	padding: 0 !important;
}

#main-content-no-container {
	overflow: visible !important;
}

@media (min-width: 1025px) {
	.homepage #presentation {
		background-color: var(--color-slate-50);
		height: 85vh;
		margin: 0 !important;
		overflow: clip;
		position: relative;
		top: 0;
		transition: all 400ms ease-out;
		z-index: 0;
	}
	.homepage #presentation-region {
		height: 85vh;
		left: 0px;
		margin: 0 !important;
		position: fixed;
		top: 80px;
		width: 100%;
		will-change: transform;
		transition: all 400ms ease-out;
	}

	.homepage.scrolled #presentation-region {
		margin-top: -80px !important;
		/* opacity: 0.5; */
	}
}

/* Container Widths */
@media (max-width: 768px) {
	#page .footer-top .block-content,
	#page #main-content-no-container .apb-section-title,
	#page #main-content-no-container .views-element-container {
		width: 750px;
	}
}
@media (max-width: 992px) {
	#page .footer-top .block-content,
	#page #main-content-no-container .apb-section-title,
	#page #main-content-no-container .views-element-container {
		width: 970px;
	}
}
@media (max-width: 1200px) {
	#page .footer-top .block-content,
	#page #main-content-no-container .apb-section-title,
	#page #main-content-no-container .views-element-container {
		width: 1170px;
	}
}
#page .footer-top .block-content,
#page #main-content-no-container .apb-section-title,
#page #main-content-no-container .views-element-container {
	margin-left: auto !important;
	margin-right: auto !important;
	left: auto !important;
	right: auto !important;
	max-width: 1270px !important;
	padding: 0 1rem !important;
	position: relative !important;
	width: 100% !important;
}
#page #main-content-no-container .apb-section-title {
	margin-bottom: 2rem !important;
}

/* #page #main-content-no-container .views-element-container {
	margin-bottom: 4rem;
} */
#page #main-content-no-container .paragraph {
	margin-bottom: 4rem;
}
#main-content-no-container .apb-section-title .section-title-inner {
	margin-bottom: 1.5rem;
}
/*----- CONTENT - Close -----*/