/* Import Cormorant font */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@400;600;700&display=swap');

/* Dark green header background */
header.small {
    background-color: #0A5732;
    padding: 20px;
    position: relative;
}

/* Site title (logo) — plain white, static, no hover/visited change */
.site-title,
.site-title:hover,
.site-title:visited,
.site-title:active {
    color: #faf9f6 !important;
    text-decoration: none !important;
}

/* "The Mill Museum Digital Archives" link — no underline ever, even on hover */
.archive-title-link,
.archive-title-link:hover,
.archive-title-link:visited {
    font-family: 'Cormorant', serif;
    font-size: 2em;
    font-weight: 600;
    color: #faf9f6 !important;
    margin-left: 30px;
    letter-spacing: 0.5px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
}

/* Back-to-main-site link, top right — underline on hover stays */
.back-to-main-site,
.back-to-main-site:visited {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: 'Cormorant', serif;
    font-size: 1.2em;
    color: #faf9f6 !important;
    text-decoration: none !important;
}
.back-to-main-site:hover {
    text-decoration: underline !important;
}
/* Stack the "back to main site" text above the logo, inside the same link */
.back-to-main-site {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* keeps text + logo right-aligned under the top-right link */
}

/* The logo image itself */
.back-to-main-site::after {
    content: '';
    display: block;
    width: 90px;      /* bump this up/down to resize */
    height: 90px;
    margin-top: 10px;
    background-image: url('https://millmuseum.org/wp-content/uploads/2026/05/cropped-museumlogo-TRANSPARENTcorners-150x150.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}