/* Pied de page (templates/footer.html)
 *
 * Reprend, limitees au pied de page (.site-footer), les regles Bootstrap 5.3
 * dont il a besoin : le pied de page ne recharge plus Bootstrap.
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&display=swap');

/* .container */
.site-footer {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px)  { .site-footer { max-width: 540px; } }
@media (min-width: 768px)  { .site-footer { max-width: 720px; } }
@media (min-width: 992px)  { .site-footer { max-width: 960px; } }
@media (min-width: 1200px) { .site-footer { max-width: 1140px; } }
@media (min-width: 1400px) { .site-footer { max-width: 1320px; } }

/* .row .row-cols-1 .row-cols-sm-2 .row-cols-md-5 .py-5 .my-5 .border-top .border-bottom */
.site-footer .footer-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem -0.75rem;
    padding: 3rem 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.site-footer .footer-grid > * {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-bottom: 1rem;
}
@media (min-width: 576px) { .site-footer .footer-grid > * { width: 50%; } }
@media (min-width: 768px) { .site-footer .footer-grid > * { width: 20%; } }

/* .nav .flex-column .nav-item .mb-2 .nav-link .p-0 .text-muted */
.site-footer h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}
.site-footer ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.site-footer li {
    margin-bottom: 0.5rem;
}
.site-footer ul a:not(.social-instagram):not(.social-facebook) {
    display: block;
    padding: 0;
    color: rgba(33, 37, 41, 0.75);
    text-decoration: none;
}
.site-footer ul a:not(.social-instagram):not(.social-facebook):hover {
    color: rgba(33, 37, 41, 0.9);
}
.site-footer .footer-muted {
    color: rgba(33, 37, 41, 0.75);
}

.site-footer .logo {
    text-decoration: none;
    font-family: lato;
    color: var(--gris-marque);
}

.site-footer .social-instagram {
    color: #E4405F;
    text-decoration: none;
    font-weight: bold;
}
.site-footer .social-facebook {
    color: #1877F2;
    text-decoration: none;
    font-weight: bold;
}

/* Texte « Canopy Festy » sous le logo, un peu detache */
.site-footer .logo img + img {
  display: block;
  margin-top: 8px;
}