/**
 *  @file custom.css
 *  @description A file for front-end developers to add customized styles without rebuilding the asset folder
 *    from source. The “asset” folder is volatile, meaning that it gets deleted and rebuilt when the theme assets
 *    are rebuilt using gulp. Moreover, the base CSS is compiled and difficult to work with.
 *    Use this file if you are not intending to use a gulp-based theme development workflow.
 *
 *    Some Pitts colour variables. Sorry about the Canadian spelling:
 *     var(--colour--1) // blue
 *     var(--colour--2) // Yellow
 *     var(--colour--3) // Brick
 *     var(--colour--4) // Red
 *     var(--colour--black) // Pitts black (use instead of #000000 or “black”)
 *     var(--colour--neutral-50) // 50% grey based on black colour. Other neutrals are available from 10-90 in increments of 10.
 *     var(--colour--impact) // Impact colour, used for submit buttons, high-contrast situations, etc.
 *     var(--colour--cta) // Call to action colour, used as a highlight
 */

:root {
    --colour-hrc: #541719
}

/* Historic Rural Churches */

/* Change main menu colour */

body.site-hrc #main-menu {
    background-color: var(--colour-hrc);
}

/* Change site welcome block */

body.site-hrc #welcome-block:before {
    background-color: var(--colour-hrc);
}

/* Some key colour accents */

body.site-hrc .content-label,
body.site-hrc .item-label,
body.site-hrc .filter-label,
body.site-hrc .wayfinding a.key-item-set {
    color: var(--colour-hrc);
}