:root {
  --bootstrap_barrio_ptitcurieux-gris-fonce: #405767;
  --bootstrap_barrio_ptitcurieux-gris-moyen: #818e96;
  --bootstrap_barrio_ptitcurieux-gris-clair: #b3b8bc;
  --bootstrap_barrio_ptitcurieux-brun-fonce: #241811;
  --bootstrap_barrio_ptitcurieux-brun: #493023;
  --bootstrap_barrio_ptitcurieux-brun-clair: #5a3a2a;
  --bootstrap_barrio_ptitcurieux-jaune: #feef22;
  --bootstrap_barrio_ptitcurieux-vert-clair: #c9e165;
 }



#navbar-main {  }

.navbar-brand {
    color: var(--bootstrap_barrio_ptitcurieux-brun);
    font-family: 'Droid serif', Serif;
    font-variant-caps: all-small-caps;
}

.navbar-brand:hover {
    color: var(--bootstrap_barrio_ptitcurieux-gris-fonce);
}

.navbar-brand img { width: clamp(3rem, 8vw, 5rem); height: auto; }
.navbar-brand .site-name {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 2.5vw + 0.5rem, 3rem);
    line-height: 1;
}
.navbar-brand .site-slogan {
    font-size: 1rem;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 2.5rem);
    line-height: 1;
}


.site-footer {
    background: linear-gradient(to bottom, var(--bootstrap_barrio_ptitcurieux-brun-clair), var(--bootstrap_barrio_ptitcurieux-brun-fonce)) !important;
    color: var(--bootstrap_barrio_ptitcurieux-gris-clair);
    margin-top: 1em;
}

.site-footer__top {
    display: flex;
}

.site-footer__top .region {
    flex: 1 1 auto !important;
}

.site-footer .block, .site-footer__top h2 {
    border: none;
}

.site-footer nav ul.nav {
    display: flex;
    flex-direction: column;
}

.site-footer a,
.site-footer a.is-active {
    color: var(--bs-link-color) !important;
}
.site-footer a:hover,
.site-footer a:focus {
    color: var(--bs-link-hover-color) !important;
}