body {
	background: var(--default-light-grey);
	min-height: 100vh;	
}
#page-wrapper {
	margin: auto;
}
.block-page-title-block {
    margin-block-end: var(--sp1) !important;
}
.page-title .title-prefix {
    filter: opacity(70%);
    font-size: 0.65em;
    font-weight: normal;
    display: block;
    padding-right: 0.6em;
}
.no-title .block-page-title-block {
	display: none;
}
.block-system-main-block {
	margin-block-end: 0.5em;
}
.social-bar {
	display: none;
}

.scrollable {
	overflow-y: auto;
	max-height: 100%;
}
.main-content {
	margin-inline-end: 0 !important;
}
.region--hero {
	background: var(--brand-admin-light);
}
@media (min-width: 1275px) {
	.region--hero {
		position: fixed;
		right: 0;
		width: 180px;
		z-index: 99999;
	}
}


pre.sf-dump, 
pre.sf-dump .sf-dump-default {
	z-index: 100 !important;
	text-align: left !important;
}

@media (max-width: 1275px) {
	.help-blurb {
		width: 100% !important;
	}
	.help-blurb ul {
		margin: 0;
	}
}
*[data-big-pipe-placeholder-id] {
	margin-block-end: 0 !important;
}


.block-vrsim-classes-block-classselector,
*[data-big-pipe-placeholder-id*="vrsim_portal_vrsimclassselector"] {
	min-height: 4em;
	margin-block-end: 0 !important;
}

.eu-cookie-compliance-banner .popup-content {
	--color-text-primary-medium: var(--brand-color-secondary);
	--color--primary-30: var(--brand-color-secondary);
	--color--primary-40: var(--brand-color-secondary);
	--color-text-primary-loud: white;
	background: var(--brand-color-primary) !important;
}
.eu-cookie-compliance-banner .popup-content,
.eu-cookie-compliance-banner h2 {
	color: white !important;
	font-size: 1.5rem;
}
.eu-cookie-compliance-banner button:not(.find-more-button):hover {
	outline: 1px solid white;
}
.eu-cookie-compliance-banner p {
	font-size: 0.85rem;
}
.eu-cookie-compliance-banner .find-more-button {
	font-size: 1rem;
	opacity: 0.85;
}
.eu-cookie-compliance-banner .find-more-button:hover {
	opacity: 1;
}
/*
.layout-main {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}*/
.page-headless .main-content__container,
.page-headless .layout-main,
.page-headless .main-content,
.page-headless .region--content {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
body:has(> #page-wrapper.page-headless) #toolbar-administration,
body:has(> * > #page-wrapper.page-headless) #toolbar-administration {
	display: none;
}

fieldset.p-0 .fieldset__wrapper {
	padding: 0;
}
#page {
	min-height: 100vh;
    display: flex;
    flex-direction: column;	
}
#main-wrapper {
	flex-grow: 1;
}