/* Rosso del manuale. L'oliva è solo lo sfondo del footer. */
:root {
    --rosso: #E6361F;
    --guidata: #E6361F;
}

.navbar-brand img {
    display: block;
    height: 36px;
    width: auto;
    max-width: 70vw;
}

#footer-accademia-carrara > a img {
    display: block;
    width: 100%;
    max-width: 280px;
    height: auto;
}

@media (min-width: 768px) {
    .navbar-brand img {
        height: 52px;
        max-width: 280px;
    }
}

/* Sotto i 1200px il menu e il lockup non stanno entrambi centrati: il simbolo usciva dallo schermo. */
@media (min-width: 768px) and (max-width: 1199.98px) {
    #masthead nav.autohide {
        position: relative;
        justify-content: flex-end;
        padding-left: 220px;
        box-sizing: border-box;
    }

    #masthead .navbar-brand.abs {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        z-index: 2;
    }

    .navbar-brand img {
        height: 44px;
    }
}

/* Parallelogramma decorativo (tac): overlay sulle immagini, angolo delle card, testata mostre. */
img.tac {
    display: none !important;
}

/* Oliva del manuale. I loghi scuri del tema diventano bianchi; il lockup è già il file bianco. */
body:not(.theme-preset-active) footer#colophon,
body:not(.theme-preset-active) footer#colophon .footer-container {
    background-color: #856729;
    color: #fff;
}
footer#colophon a,
footer#colophon a:link,
footer#colophon a:visited,
footer#colophon a:hover,
footer#colophon a:active,
footer#colophon h1,
footer#colophon h2,
footer#colophon h3,
footer#colophon h4,
footer#colophon h5,
footer#colophon h6 {
    color: #fff;
}
#footer-fondazione-accademia-carrara img,
#footer-widget h3 img {
    filter: brightness(0) invert(1);
}