:root
{
    --noir: #000;
    --beige: #f0eee9;
    --beige2: #ebe7e0;
    --beige3: #F6F6F6;
    --beige4: #FAF7F0;
    --blanc: #ffffff;
    --jaune: #fffede;
    --orange: #feae62;
    --taupe: #8e8d8a;
    --vert: #DDFFBB;
    --brun: #e8d5cc;
    --rose: #FCD1D1;
    --rose-gris: #AD9D9D;
    --brunF: #bda18a;
    --Mauve: #F1E3FF;
    --vert: #D8E2DC;
}




/* Footer */
h4
{
    color: var(--orange);
}

a
{
    text-decoration: none;
    color: var(--orange);
}

.site-footer
{
    background-color: var(--jaune);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}


.site-footer .site-title
{
    font-size: 3rem;
    letter-spacing: 1px;
    margin-bottom: .25rem;
}

.site-footer .site-sub
{
    color: var(--orange);
    margin-bottom: 1rem;
}


.site-footer h4
{
    font-size: 1.05rem;
    margin-bottom: 0.8rem;
}

.site-footer p,
.site-footer .small
{
    color: rgba(0, 0, 0, .65);
}

.location h5
{
    margin-bottom: .25rem;
    font-size: 1rem;
}

.map-wrapper
{
    margin-top: .75rem;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

#mapid
{
    height: 180px;
    width: 100%;
    display: block;
}


/* separators between columns on md+ */
@media (min-width: 768px)
{
    .site-footer .row>.col-md-4
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .site-footer .row>.col-md-4:not(:last-child)
    {
        border-right: 1px solid rgba(0, 0, 0, 0.04);
    }

    #mapid
    {
        height: 220px;
    }
}


/* Footer bottom */
.site-footer .footer-bottom
{
    border-top: 1px dashed rgba(0, 0, 0, 0.05);
    padding-top: 1rem;
    margin-top: 1.5rem;
    color: rgba(0, 0, 0, 0.6);
}


/* Responsive tweaks under 1200px */
@media (max-width: 1200px)
{
    .site-footer .site-title
    {
        font-size: 1.5rem;
    }

    #mapid
    {
        height: 180px;
    }

    .site-footer .row>.col-md-4
    {
        border-right: none;
        padding-left: .75rem;
        padding-right: .75rem;
    }
}


/* Small screens */
@media (max-width: 576px)
{
    .site-footer .site-title
    {
        font-size: 1.25rem;
    }

    #mapid
    {
        height: 140px;
    }

    .social-link
    {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}