:root {
    --bs-primary: #284e29;
    --bs-secondary: #c2cf00;
    --bs-tertiary: #edf1c5;
    --bs-primary-rgb: 40, 78, 41;
    --bs-secondary-rgb: 194, 207, 0;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
    --bs-heading-color: var(--bs-primary);
    --bs-body-font-family: 'Open Sans', sans-serif;
    --bs-headings-font-family: 'Ropa Sans', sans-serif;
    --wm-bs-card-inner-border-radius: calc(1rem - (var(--bs-border-width)));
}
#mainnav {
    height: 100vh;
}
#mainnav .offcanvas {
  --bs-offcanvas-width: 75vw;
}
#mainnav .nav-link i.bi {
  transition: transform 0.25s ease;
}
#mainnav .nav-link:not(.collapsed) i.bi {
  transform: rotate(90deg);
}
.card {
    border-radius: 1rem;
}
small, .small {
    font-size: 0.75rem !important;
    line-height: 1 !important;
}
.smaller {
    font-size: 0.6rem !important;
    line-height: 1 !important;
}
.card-header:first-child {
    border-radius: var(--wm-bs-card-inner-border-radius) var(--wm-bs-card-inner-border-radius) 0 0;
}

@media(max-width: 47.99rem) {
    #mainnav {
        height: auto;
    }
}