/*----- SETUP - Open -----*/
body {
	background-color: var(--color-white);
	cursor: default;
}
/*----- SETUP - Close -----*/

/*----- FOCUS - Open -----*/
#page a:focus-visible {
	outline: 2px dashed #000000;
	border-radius: 4px;
	outline-offset: 2px;
	transition: none !important;
}
#page header .search-box-content :focus-visible,
#page .we-mega-menu-ul a:focus-visible {
	outline: 2px dashed #000000;
	outline-offset: 1px;
}
#page .footer a:focus-visible {
	outline: 2px dashed #ffffff;
}
a.visually-hidden.focusable:focus {
	background: #ffffff !important;
	border-radius: var(--border-radius);
	color: #000000 !important;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	left: 50%;
	outline-offset: -4px;
	outline: 2px dashed #000000;
	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 -----*/

/*----- PAGE HEADER - Open -----*/
#page .page-header {
	background-color: var(--color-dark);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 300px;
}
#page .page-header-container {
	position: relative;
	z-index: 2;
}
#page .page-header__cover-image--img,
#page .page-header__cover-image {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	max-width: none !important;
	top: 0;
	width: 100%;
}
#page .page-header__cover-image--img {
	object-fit: cover;
	object-position: 50% 50%;
}

/* TITLE */
#page .page-title-container {
	padding: 1rem 0;
	position: relative;
}
#page .page-title-container .container {
	z-index: 2;
	position: relative;
}
#page .page-header h1.page-title {
	color: var(--color-white);
	margin-bottom: 0 !important;
}
#page .page-title-container::before {
	background: var(--color-dark);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
}

/* BREADCRUMBS */
#page .breadcrumb-container {
	margin-bottom: 0;
	padding: 0.5rem 0;
	position: relative;
}
#page .breadcrumb-container .container {
	z-index: 2;
	position: relative;
}
#page .breadcrumb-container .breadcrumb {
	background: none;
	border-radius: 0;
	color: var(--color-white);
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
#page .breadcrumb-container::before {
	background: var(--color-dark);
	content: '';
	display: block;
	height: 100%;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

/* SEARCH */
#page .search-opener {
	cursor: pointer;
}
/*----- PAGE HEADER - Close -----*/

/*----- CONTENT - Open -----*/
#presentation-region {
	background-color: var(--color-light);
}
.homepage #presentation-region {
	background-color: var(--color-dark);
	min-height: 80vh;
}
#main-content {
	scroll-margin-top: 80px;
}
/*----- CONTENT - Close -----*/

/*----- FOOTER - Open -----*/
#page .footer {
	background-color: var(--color-light);
}
/*----- FOOTER - Close -----*/

/*----- TRANSITION - Open -----*/
#edit-cancel,
#page input[type='submit'],
#page a {
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
/*----- TRANSITION - Close -----*/
