/*!
 * Vitrine — an Omeka S theme by RefBytes, built on the Theme Engine.
 *
 * The engine's stylesheet (engine/css/engine.css) styles every page from the
 * --v-* design tokens. Vitrine's look comes from its style presets and fonts
 * (config/design.php) and the touches below, which sit in the "theme" layer:
 * after the engine's layers, so they win over the engine's rules, while
 * Omeka core CSS, module CSS and an admin's custom CSS still win over both.
 */
@layer theme {
    /* Pull quote: a large opening quotation mark in the accent color. */
    .v-pullquote blockquote::before { content: "“" / ""; display: block; font-size: 2.5em; line-height: 0.6; color: var(--v-accent); }

    /* Ornament divider: two rules either side of a small diamond. */
    .v-divider--ornament { display: flex; align-items: center; justify-content: center; gap: var(--v-space-s); margin-block: var(--v-space-m); }
    .v-divider--ornament::before, .v-divider--ornament::after { content: ""; flex: 0 1 8rem; border-block-start: 1px solid var(--v-border-strong); }
    .v-divider--ornament span { width: 0.6rem; height: 0.6rem; transform: rotate(45deg); background: var(--v-accent); }
}