:root {
  --bs-primary-alt: #646fb7;
  --bs-primary: #004c97;
  --bs-danger: #ff0000;
}

.nav {
  --bs-nav-link-active-color: #248aff;
}

@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Medium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Semi.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url(./assets/fonts/Albra-Grotesk-Black.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Medium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Semi.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Albra Sans";
  src: url(./assets/fonts/Albra-Sans-Black.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
.p-o360 .row-top {
  background-color: #f6f6f6;
  padding: calc(var(--bs-gutter-x) * 0.5);
  margin-bottom: var(--bs-gutter-x);
  align-items: center;
}

:root {
  --bs-body-font-family: "Albra Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-heading-font-family: "Albra Sans", "Albra Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --page-header-bg-color: var(--bs-white);
  --page-header-color: var(--bs-black);
  --main-nav-bg-color: #fff;
  --main-nav-color: #000;
}

header + main {
  padding-top: var(--spacer-2);
}
@media (min-width: 576px) {
  header + main {
    padding-top: var(--spacer-3);
  }
}

.page-banner {
  height: 30px;
}

.page-header {
  height: 72px;
}

.page-header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.page-header-content .navbar {
  padding: 0;
}

.page-footer {
  padding: 1.25rem 0;
  text-align: center;
  background-color: #012855;
  color: var(--bs-white);
  font-size: 0.9rem;
}

.alert-danger {
  --bs-alert-color: var(--bs-black);
  --bs-alert-bg: var(--bs-white);
  --bs-alert-border-color: var(--bs-danger);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--bs-heading-font-family);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #004c97;
  --bs-btn-border-color: #004c97;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004180;
  --bs-btn-hover-border-color: #003d79;
  --bs-btn-focus-shadow-rgb: 38, 103, 167;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003d79;
  --bs-btn-active-border-color: #003971;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #004c97;
  --bs-btn-disabled-border-color: #004c97;
}

.module-default {
  --module-border-width: 0;
  --module-box-shadow: var(--box-shadow);
}

.module-default .module-header {
  padding-bottom: 0.5rem;
  text-align: center;
}