:root { --bs-primary: #4c4b74; }
  .btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #4c4b74;
--bs-btn-border-color: #4c4b74;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #4c4b74;
--bs-btn-hover-border-color: #4c4b74;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4c4b74;
--bs-btn-active-border-color: #4c4b74;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #4c4b74;
--bs-btn-disabled-border-color: #4c4b74;
  }
  .btn-outline-primary {
--bs-btn-color: #4c4b74;
--bs-btn-border-color: #4c4b74;
--bs-btn-hover-bg: #4c4b74;
--bs-btn-hover-border-color: #4c4b74;
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: #4c4b74;
--bs-btn-active-border-color: #4c4b74;
--bs-btn-active-color: #fff;
  }
  .bg-primary { background-color: #4c4b74 !important; color: #fff; }
  .text-primary { color: #4c4b74 !important; }
  .border-primary { border-color: #4c4b74 !important; }
  .badge.bg-primary { background-color: #4c4b74 !important; color: #fff; }
  .alert-primary { border-color: #4c4b74; color: #4c4b74; }


  
  :root { --bs-secondary: #801200; }
  .btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #801200;
--bs-btn-border-color: #801200;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #801200;
--bs-btn-hover-border-color: #801200;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #801200;
--bs-btn-active-border-color: #801200;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #801200;
--bs-btn-disabled-border-color: #801200;
  }
  .btn-outline-secondary {
--bs-btn-color: #801200;
--bs-btn-border-color: #801200;
--bs-btn-hover-bg: #801200;
--bs-btn-hover-border-color: #801200;
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: #801200;
--bs-btn-active-border-color: #801200;
--bs-btn-active-color: #fff;
  }
  .bg-secondary { background-color: #801200 !important; color: #fff; }
  .text-secondary { color: #801200 !important; }
  .border-secondary { border-color: #801200 !important; }
  .badge.bg-secondary { background-color: #801200 !important; color: #fff; }
  .alert-secondary { border-color: #801200; color: #801200; }


  
  :root { --bs-success: #287257; }
  .btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #287257;
--bs-btn-border-color: #287257;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #287257;
--bs-btn-hover-border-color: #287257;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #287257;
--bs-btn-active-border-color: #287257;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #287257;
--bs-btn-disabled-border-color: #287257;
  }
  .btn-outline-success {
--bs-btn-color: #287257;
--bs-btn-border-color: #287257;
--bs-btn-hover-bg: #287257;
--bs-btn-hover-border-color: #287257;
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: #287257;
--bs-btn-active-border-color: #287257;
--bs-btn-active-color: #fff;
  }
  .bg-success { background-color: #287257 !important; color: #fff; }
  .text-success { color: #287257 !important; }
  .border-success { border-color: #287257 !important; }
  .badge.bg-success { background-color: #287257 !important; color: #fff; }
  .alert-success { border-color: #287257; color: #287257; }


  
  .btn-alert {
--bs-btn-color: #212529;
--bs-btn-bg: #fd7e14;
--bs-btn-border-color: #fd7e14;
--bs-btn-hover-color: #212529;
--bs-btn-hover-bg: #fd7e14;
--bs-btn-hover-border-color: #fd7e14;
--bs-btn-active-color: #212529;
--bs-btn-active-bg: #fd7e14;
--bs-btn-active-border-color: #fd7e14;
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: #fd7e14;
--bs-btn-disabled-border-color: #fd7e14;
  }
  .btn-outline-alert {
--bs-btn-color: #fd7e14;
--bs-btn-border-color: #fd7e14;
--bs-btn-hover-bg: #fd7e14;
--bs-btn-hover-border-color: #fd7e14;
--bs-btn-hover-color: #212529;
--bs-btn-active-bg: #fd7e14;
--bs-btn-active-border-color: #fd7e14;
--bs-btn-active-color: #212529;
  }
  .bg-alert { background-color: #fd7e14 !important; color: #212529; }
  .text-alert { color: #fd7e14 !important; }
  .border-alert { border-color: #fd7e14 !important; }
  .badge.bg-alert { background-color: #fd7e14 !important; color: #212529; }


  
  :root { --bs-danger: #dc3545; }
  .btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
  }
  .btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-color: #fff;
  }
  .bg-danger { background-color: #dc3545 !important; color: #fff; }
  .text-danger { color: #dc3545 !important; }
  .border-danger { border-color: #dc3545 !important; }
  .badge.bg-danger { background-color: #dc3545 !important; color: #fff; }
  .alert-danger { border-color: #dc3545; color: #dc3545; }


  
  :root { --bs-warning: #ffc107; }
  .btn-warning {
--bs-btn-color: #212529;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #212529;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-active-color: #212529;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107;
  }
  .btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-hover-color: #212529;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-color: #212529;
  }
  .bg-warning { background-color: #ffc107 !important; color: #212529; }
  .text-warning { color: #ffc107 !important; }
  .border-warning { border-color: #ffc107 !important; }
  .badge.bg-warning { background-color: #ffc107 !important; color: #212529; }
  .alert-warning { border-color: #ffc107; color: #ffc107; }


  
  :root { --bs-info: #65cffa; }
  .btn-info {
--bs-btn-color: #212529;
--bs-btn-bg: #65cffa;
--bs-btn-border-color: #65cffa;
--bs-btn-hover-color: #212529;
--bs-btn-hover-bg: #65cffa;
--bs-btn-hover-border-color: #65cffa;
--bs-btn-active-color: #212529;
--bs-btn-active-bg: #65cffa;
--bs-btn-active-border-color: #65cffa;
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: #65cffa;
--bs-btn-disabled-border-color: #65cffa;
  }
  .btn-outline-info {
--bs-btn-color: #65cffa;
--bs-btn-border-color: #65cffa;
--bs-btn-hover-bg: #65cffa;
--bs-btn-hover-border-color: #65cffa;
--bs-btn-hover-color: #212529;
--bs-btn-active-bg: #65cffa;
--bs-btn-active-border-color: #65cffa;
--bs-btn-active-color: #212529;
  }
  .bg-info { background-color: #65cffa !important; color: #212529; }
  .text-info { color: #65cffa !important; }
  .border-info { border-color: #65cffa !important; }
  .badge.bg-info { background-color: #65cffa !important; color: #212529; }
  .alert-info { border-color: #65cffa; color: #65cffa; }


  
  :root { --bs-light: #e5e5e5; }
  .btn-light {
--bs-btn-color: #212529;
--bs-btn-bg: #e5e5e5;
--bs-btn-border-color: #e5e5e5;
--bs-btn-hover-color: #212529;
--bs-btn-hover-bg: #e5e5e5;
--bs-btn-hover-border-color: #e5e5e5;
--bs-btn-active-color: #212529;
--bs-btn-active-bg: #e5e5e5;
--bs-btn-active-border-color: #e5e5e5;
  }
  .bg-light { background-color: #e5e5e5 !important; color: #212529; }
  .text-light { color: #e5e5e5 !important; }


  
  :root { --bs-dark: #212529; }
  .btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
  }
  .btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-color: #fff;
  }
  .bg-dark { background-color: #212529 !important; color: #fff; }
  .text-dark { color: #212529 !important; }

#content {
  min-height: 400px;
}

/* Block sections rendered with a dark background colour get white anchor
   text so links stay readable. The render pipeline stamps .block-bg-dark
   onto the wrapping <section> when the chosen background colour's luminance
   is low. */
.block-bg-dark a,
.block-bg-dark a:visited {
  color: #fff;
  text-decoration: underline;
}
.block-bg-dark a:hover,
.block-bg-dark a:focus {
  color: #fff;
  opacity: 0.85;
}
code {
  font-size: .70em;
}

body { font-family: 'BC Sans', sans-serif; }


h1, h2, h3, h4, h5, h6 { font-family: 'League Spartan', sans-serif; }




body { font-size: 1.125rem; }


    h1 { font-size: 3.125rem; }
    h2 { font-size: 2.5rem; }
    h3 { font-size: 2.1875rem; }
    h4 { font-size: 1.875rem; }
    h5 { font-size: 1.5625rem; }
    h6 { font-size: 1.25rem; }
  

/* Per-block spacing overrides — applied by Village CMS block wrapper based on block.data.spacing */
.block-spacing-none .pt-5,
.block-spacing-none .pt-4,
.block-spacing-none .pt-3,
.block-spacing-none .pt-2,
.block-spacing-none .pt-1,
.block-spacing-none .py-5,
.block-spacing-none .py-4,
.block-spacing-none .py-3,
.block-spacing-none .py-2,
.block-spacing-none .py-1 { padding-top: 0 !important; padding-bottom: 0 !important; }
.block-spacing-none .my-5,
.block-spacing-none .my-4,
.block-spacing-none .my-3 { margin-top: 0 !important; margin-bottom: 0 !important; }

.block-spacing-compact .pt-5,
.block-spacing-compact .pt-4,
.block-spacing-compact .pt-3,
.block-spacing-compact .py-5,
.block-spacing-compact .py-4,
.block-spacing-compact .py-3 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.block-spacing-compact .my-5,
.block-spacing-compact .my-4 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

/* Edge-to-edge: override Bootstrap container width/padding inside blocks set to Edge to Edge */
.block-edge-to-edge .container,
.block-edge-to-edge .container-fluid {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* "Logo centered, nav below" mode: the logo goes full-width (centered) exactly
   when the navbar expands, so below that breakpoint it keeps its natural width
   and Bootstrap's navbar flex puts the logo left + hamburger right. Bootstrap
   has no responsive width utility, so we emit one whose breakpoint follows the
   navbar_expand setting. */@media (min-width: 992px) {
  .navbar-logo-full { width: 100% !important; }
}