/* Inside Orleans - custom overrides for Phantom template */

/* Self-hosted fonts */
@font-face {
    font-family: 'Newsreader';
    src: url('/assets/fonts/newsreader-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Newsreader';
    src: url('/assets/fonts/newsreader-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Figtree';
    src: url('/assets/fonts/figtree-latin.woff2') format('woff2');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* Palette */
:root {
    --spruce: #2B4C5B;
    --amber: #D4883A;
    --brick: #A63D2F;
    --linen: #F7F3EE;
    --charcoal: #2D2D2D;
    --muted: #8A8378;
}

/* Typography overrides */
body {
    font-family: 'Figtree', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--charcoal);
    background: var(--linen);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Newsreader', Georgia, serif;
    color: var(--spruce);
}

/* Header/logo */
#header .logo .title {
    font-family: 'Newsreader', Georgia, serif;
    color: var(--spruce);
}

/* Menu */
#menu {
    background: var(--spruce);
}

/* Tile color overrides */
.tiles article .content { background: var(--spruce); }
.tiles article.style1 .content { background: var(--spruce); }
.tiles article.style2 .content { background: var(--amber); }
.tiles article.style3 .content { background: var(--brick); }
.tiles article.style4 .content { background: #3a6b5b; }
.tiles article.style5 .content { background: #5b4a2b; }
.tiles article.style6 .content { background: #4a3d5b; }

/* Links */
a { color: var(--amber); }
a:hover { color: var(--brick); }

/* Buttons */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: var(--amber);
    color: #fff;
}
input[type="submit"]:hover,
.button:hover {
    background-color: var(--brick);
}
.button.primary {
    background-color: var(--amber);
}
.button.primary:hover {
    background-color: var(--brick);
}

/* Footer */
#footer {
    background: var(--spruce);
}
#footer h2 {
    color: #fff;
}
#footer a {
    color: rgba(255,255,255,0.7);
}
#footer a:hover {
    color: #fff;
}
#footer .copyright li {
    color: rgba(255,255,255,0.4);
}

/* Inner page heading */
#main > .inner > h1 {
    font-family: 'Newsreader', Georgia, serif;
    color: var(--spruce);
    border-bottom: 2px solid var(--amber);
    padding-bottom: 0.4em;
    margin-bottom: 1em;
}

/* Image styling */
.image.main img {
    border-radius: 3px;
}

/* Hub page tile descriptions */
.tiles article h2 {
    font-family: 'Newsreader', Georgia, serif;
}