@font-face {
    font-family: "Avenir";
    src: url("../font/Avenir.ttc") format("truetype");
}

@font-face {
    font-family: "Avenir Next";
    src: url("../font/Avenir\ Next.ttc") format("truetype");
}

/* Prevent flash of unstyled content (FOUC) for dynamically loaded header */
#header-placeholder {
    min-height: 100px;
}

#header-placeholder:empty {
    opacity: 0;
}

#header-placeholder:not(:empty) {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}