:root {
    --bs-primary: #36213E;
    --bs-primary-rgb: 54, 33, 62;
    --bs-primary-bg-subtle: #513B5A;
    --bs-secondary: #226228;
    --bs-secondary-rgb: 34, 98, 40;
    --bs-secondary-bg-subtle: #A3C647;
    --bs-light: #F5F5D7;
    --bs-light-rgb: 245, 245, 215;
    --bs-light-bg-subtle: #F6F5F6;
    --bs-body-color: #626262;
    --bs-body-color-rgb: 98, 98, 98;
    --bs-link-color: var(--bs-secondary);

    --bs-link-color-rgb: var(--bs-secondary-rgb);

    --bs-body-font-family: "Fira Sans", sans-serif;
    /* --bs-heading-font-family: "Lora", serif; */

    --bs-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    --bs-border-radius: 1.5rem;
    --bs-border-radius-lg: 1rem;
    --bs-border-width: 2px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row {
    --bs-gutter-x: 1.5rem;
}
@media (max-width: 991px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row {
        --bs-gutter-x: 2.5rem;
    }
}

#primary-menu {
    --bs-nav-link-font-size: 1.1rem;
    --bs-nav-link-padding-x: 1.5rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-navbar-nav-link-padding-x: 1.5rem;
    --bs-nav-link-color: #FFF;
    --bs-navbar-active-color: var(--bs-primary);
}
.sticky #primary-menu {
    --bs-nav-link-color: var(--bs-secondary);
}

.navbar {
    --bs-navbar-active-color: var(--bs-secondary);
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.btn {
    --bs-btn-padding-x: 2.5rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-font-weight: 600;
}
.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-font-size: 0.9rem;
  --bs-btn-border-radius: var(--bs-border-radius);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-bg-subtle);
    --bs-btn-hover-border-color: var(--bs-primary-bg-subtle);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-bg-subtle);
    --bs-btn-active-border-color: var(--bs-primary-bg-subtle);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-primary > svg path {
    fill: #FFF;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-hover-border-color: var(--bs-secondary-bg-subtle);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-active-border-color: var(--bs-secondary-bg-subtle);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-secondary-reverse {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-border-color: var(--bs-secondary-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-disabled-border-color: var(--bs-secondary-bg-subtle);
}
.btn-light {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-light-outline {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-light-outline > svg path {
    fill: var(--bs-primary);
}

.list-group {
    --bs-list-group-bg: transparent;
    --bs-list-group-action-hover-bg: transparent;
    --bs-list-group-action-active-bg: transparent;
    /* --bs-list-group-color: var(--bs-secondary); */
    --bs-list-group-action-color: var(--bs-secondary);
    --bs-border-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-item-padding-y: 1rem;
}
.list-group .list-group {
    --bs-border-color: var(--bs-list-group-color);
}
.bg-primary .list-group {
    --bs-list-group-color: var(--bs-secondary-bg-subtle);
    --bs-border-color: #998DA0;
}
.list-group-flush {
    --bs-list-group-item-padding-x: 1rem;
}

.card {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2.5rem;
    --bs-card-border-width: 0;
    --bs-card-box-shadow: var(--bs-box-shadow);
    --bs-card-border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--bs-card-box-shadow);
}

.dropdown-menu {
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-border-radius: var(--bs-border-radius-lg);
    --bs-dropdown-spacer: 0;
    box-shadow: var(--bs-box-shadow);
    overflow: hidden;
}

.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: ;
}
