/* Use custom font for headings */

:root {
    --headingsfontfamily: var(--au-font-Hatton) !important;
    --h1fontweight: 700 !important;
    --h1fontsize: 32px !important;
    --h1lineheight: 1.2em !important;
    --h1letterspacing: 0px !important;
    --h1texttransform: none !important;
    --h2fontsize: 24px !important;
    --h2fontweight: 700 !important;
    --h2lineheight: 1.3em !important;
    --h2letterspacing: 0px !important;
    --h2texttransform: none !important;
    --lion-gold-light: #e6d478;
    --lion-gold: #e1ba66;
    --lion-gold-mid: #ad955e;
    --lion-gold-dark: #51472a;
    /* --lion-offblack: #131313; */
    --lion-offblack: #333333;
    /*--lion-offblack: #ffffff; */
    --lion-black: #000000;
    --lion-gradient: radial-gradient(ellipse at center, var(--lion-offblack) 0%, var(--lion-black) 100%);
    /* --lion-gradient: var(--lion-offblack); */
    --lion-accent-size: 35vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--au-font-Hatton) !important;
    font-weight: 500 !important;
    color: var(--lion-gold-light);
}


/* Logo in header */

.brand p.site-title {
    /* Force logo to use heading styles */
    font-family: var(--headingsfontfamily), var(--nv-fallback-ff);
    /* font-size: var(--h1fontsize); */
    font-size: 1.5rem;
    font-weight: var(--h1fontweight);
    line-height: var(--h1lineheight);
    text-transform: var(--h1texttransform);
    letter-spacing: var(--h1letterspacing);
    color: var(--lion-gold-light);
}

.brand p.site-title+small {
    color: var(--lion-gold-light);
    font-family: var(--headingsfontfamily), var(--nv-fallback-ff);
    font-size: 1rem;
    line-height: 1.1;
    text-align: left;
    font-weight: 500;
    /* Hide tagline on mobile */
    display: none;
}

@media (min-width: 576px) {
    .brand .title-with-logo {
        align-items: end;
    }
    .brand p.site-title {
        /* Increase size on desktop */
        font-size: 2rem;
    }
    .brand p.site-title+small {
        /* Display tagline on desktop */
        display: block;
    }
}


/* Footer styled like business card */


/* footer#site-footer .footer-main {
    --rowbcolor: transparent;
    --bgcolor: transparent;
} */

.neve-skip-link {
    display: none;
}

header.header .header--row,
header.header .header--row-inner,
footer#site-footer .footer--row,
footer#site-footer [class*=row-inner] {
    background: none;
}

.hfg_header.site-header {
    box-shadow: none;
}

.lion-card-design,
header.header,
#header-menu-sidebar-bg,
footer#site-footer {
    position: relative;
    /* background-color: var(--lion-black);
    background-color: var(--lion-gradient); */
    background-color: var(--lion-offblack);
    /* background-image: var(--lion-gradient); */
    /* background-image: var(--lion-gradient), url(../images/tile.png);
    background-repeat: no-repeat, repeat;
    background-size: auto, 3rem;
    background-position: center; */
    background-image: url(../images/tile.png), var(--lion-gradient);
    background-repeat: repeat, no-repeat;
    background-size: 3rem, auto;
    background-position: center;
}

.lion-card-design>*,
header.header>*,
#header-menu-sidebar-bg>*,
footer#site-footer>* {
    position: relative;
    z-index: 2;
}

.lion-card-design:before,
.lion-card-design:after,
header.header:before,
header.header:after,
#header-menu-sidebar-bg:before,
#header-menu-sidebar-bg:after,
footer#site-footer:before,
footer#site-footer:after {
    content: '';
    display: block;
    width: var(--lion-accent-size);
    height: var(--lion-accent-size);
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

.lion-card-design:before,
header.header:before,
#header-menu-sidebar-bg:before,
footer#site-footer:before {
    top: 0;
    right: 0;
    background-image: url(../images/accent-top-right.png);
    background-position: top right;
}

.lion-card-design:after,
header.header:after,
#header-menu-sidebar-bg:after,
footer#site-footer:after {
    bottom: 0;
    left: 0;
    background-image: url(../images/accent-bottom-left.png);
    background-position: bottom left;
}

@media(min-width: 768px) {
     :root {
        --lion-accent-size: 10rem;
    }
}