


@font-face {
	font-family: 'Bolder-Heading';
	src: url('/fonts/bolder/Bolder-Heading.otf');
	font-weight: bold;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Regular';
	src: url('/fonts/bolder/Bolder-Regular.otf');
	font-weight: normal;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Bold';
	src: url('/fonts/bolder/Bolder-Bold.otf');
	font-weight: bold;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Light';
	src: url('/fonts/bolder/Bolder-Light.otf');
	font-weight: normal;
	font-style: normal;
	mso-font-alt: 'Arial';
}
b {
	font-weight: normal;
	font-family: 'Bolder-Bold';
}


@font-face {
	font-family: 'Bolder-Heading';
	src: url('/fonts/bolder/Bolder-Heading.otf');
	font-weight: bold;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Regular';
	src: url('/fonts/bolder/Bolder-Regular.otf');
	font-weight: normal;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Bold';
	src: url('/fonts/bolder/Bolder-Bold.otf');
	font-weight: bold;
	font-style: normal;
	mso-font-alt: 'Arial';
}
@font-face {
	font-family: 'Bolder-Light';
	src: url('/fonts/bolder/Bolder-Light.otf');
	font-weight: normal;
	font-style: normal;
	mso-font-alt: 'Arial';
}
b {
	font-weight: normal;
	font-family: 'Bolder-Bold';
}


:root {
  --brand-primary: #00811f;
  --brand-color: var(--brand-primary);
  --brand-primary-rgb: 0,129,31;
  --brand-secondary: #004C31;
  --brand-secondary-rgb: 0,76,49;
  --brand-background: #ffffff;
  --brand-header-bg: #ffffff;
  --brand-header-fg: #000;
  --brand-footer-bg: #000000;
  --brand-footer-fg: #fff;
  --brand-table-stripe: #EFF4F6;
  --brand-table-hover: #e8edef;
  --brand-beheer-sidebar-bg: #EFF4F6;
  --brand-beheer-main-bg: #ffffff;
  --brand-font-body: Bolder-Regular, Arial, sans-serif, Helvetica;
  --brand-font-headings: Bolder-Bold, Arial, sans-serif, Helvetica;
  --brand-btn-radius: 0.375rem;

  --bs-primary: #00811f;
  --bs-primary-rgb: 0,129,31;
  --bs-secondary: #004C31;
  --bs-secondary-rgb: 0,76,49;
  --bs-body-bg: #ffffff;
  --bs-body-font-family: var(--brand-font-body);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-secondary);
}


body { font-family: var(--brand-font-body); background: var(--brand-background); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-headings); }


a { color: var(--brand-primary); }
a:hover:not(.wv-button):not(.btn), a:focus:not(.wv-button):not(.btn) { color: var(--brand-secondary); }


.btn { border-radius: var(--brand-btn-radius); }
.progress { border-radius: var(--brand-btn-radius); }
.progress-bar { border-radius: var(--brand-btn-radius); }
.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--brand-secondary);
  --bs-btn-hover-border-color: var(--brand-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--brand-secondary);
  --bs-btn-active-border-color: var(--brand-secondary);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--brand-secondary);
  --bs-btn-active-border-color: var(--brand-secondary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}


table.table-striped { --bs-table-striped-bg: var(--brand-table-stripe); }
.table-hover > tbody > tr:hover > * { --bs-table-hover-bg: var(--brand-table-hover); }
[data-bs-theme="dark"] table.table-striped { --bs-table-striped-bg: rgba(255,255,255,.055); }
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * { --bs-table-hover-bg: rgba(255,255,255,.09); }


.sidebar { background-color: var(--brand-beheer-sidebar-bg); }


:root:not([data-bs-theme="dark"]) .main-content { background-color: var(--brand-beheer-main-bg); }


.form-control:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }
.form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }


.alert-info { background-color: rgba(var(--brand-primary-rgb), .1); border-color: rgba(var(--brand-primary-rgb), .2); color: var(--brand-secondary); }


:root:not([data-bs-theme="dark"]) { color-scheme: light only; }


.catalog-hero { height: 320px; background-image: var(--catalog-hero-image, none); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: flex-end; }
.catalog-hero-text { padding: 0 0 28px 0; }
.catalog-hero-title { display: block; color: #fff; font-family: var(--brand-font-headings, sans-serif); font-size: 138px; line-height: 1; margin-left: -4px; }
.catalog-hero-subtitle { display: block; color: #fff; font-family: var(--brand-font-body, sans-serif); font-size: 66px; }
@media (max-width: 1024px) {
  .catalog-hero { height: 170px; }
  .catalog-hero-title { font-size: 69px; }
  .catalog-hero-subtitle { font-size: 33px; }
}


:root { --brand-btn-radius: 0; --catalog-hero-image: url(/img/tenants/nbr-banner.jpg); }
.catalog-hero { align-items: flex-end; overflow: hidden; }
.catalog-hero-text { padding-bottom: 0; margin-bottom: 0px; }
.catalog-hero-title {padding:0px; margin-bottom: -0.1212em; display: block; }
.catalog-hero-subtitle {padding-bottom:18px; line-height: 1; display: block; }
.public-header { padding: 0.5rem 0 !important; }
.btn-success { --bs-btn-bg: var(--brand-primary); --bs-btn-border-color: var(--brand-primary); --bs-btn-hover-bg: var(--brand-secondary); --bs-btn-hover-border-color: var(--brand-secondary); --bs-btn-active-bg: var(--brand-secondary); --bs-btn-active-border-color: var(--brand-secondary); --bs-btn-color: #fff; --bs-btn-hover-color: #fff; }
:root { --bs-border-radius: 0; --bs-border-radius-sm: 0; --bs-border-radius-lg: 0; --bs-border-radius-xl: 0; --bs-border-radius-2xl: 0; }
.sidebar { --sidebar-section-gap: 34px; background-color: #fff; }
.sidebar-nav > .sidebar-menu, .sidebar-user { background-color: var(--brand-beheer-sidebar-bg); }
[data-bs-theme="dark"] .sidebar { --brand-beheer-sidebar-bg: var(--card-bg); }

.catalog-hero-text, .catalog-hero ~ .container .tts-content > h1, .catalog-hero ~ .container .tts-content > h1 + p { padding-left: 1rem; }

body:has(.catalog-hero) .public-header .navbar-brand { padding-left: 1rem; }
#newsletter-search { font-size: 12.96px; padding: 10px 16px; width: 200px !important; }
body:has(.catalog-hero) .public-footer .col-md-3 { padding-left: calc(var(--bs-gutter-x) * .5 + 1rem); }
.catalog-hero ~ .container .tts-widget { padding-left: 1rem; }
@media (min-width: 1025px) { .catalog-hero-title { font-size: 132px; } }
