/* Note on font property;
Format is font-style font-variant font-weight font-size/line-height font-family
Mandatory: font-size and font-family
Prop font-size only takes one value, and must be used with line-height. Prop inherit does not work well
*/
/* Body font: lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    src:
        url('/fonts/lato-v15-latin-regular.woff2') format('woff2'),
         url('/fonts/lato-v15-latin-regular.woff') format('woff');
    font-display: swap;
}
/* lato-italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: normal;
    src:
        url('/fonts/lato-v15-latin-italic.woff2') format('woff2'),
         url('/fonts/lato-v15-latin-italic.woff') format('woff');
    font-display: swap;
}

/* lato-bold - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src: url('/fonts/lato-v24-latin-700.woff2') format('woff2');
}

/* lato-bold italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: bold;
  src: url('/fonts/lato-v24-latin-700italic.woff2') format('woff2');
}

/* Heading font: lora-regular - latin */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: normal;
    src:
        url('/fonts/lora-v13-latin-regular.woff2') format('woff2'),
         url('/fonts/lora-v13-latin-regular.woff') format('woff');
    font-display: swap;
}

/* lora-italic - latin */
@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: normal;
    src:
        url('/fonts/lora-v13-latin-italic.woff2') format('woff2'),
         url('/fonts/lora-v13-latin-italic.woff') format('woff');
    font-display: swap;
}

/* lora-700 - latin */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: bold;
    src:
        url('/fonts/lora-v13-latin-700.woff2') format('woff2'),
         url('/fonts/lora-v13-latin-700.woff') format('woff');
    font-display: swap;
}

/* lora-700italic - latin */
@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: bold;
    src:
        url('/fonts/lora-v13-latin-700italic.woff2') format('woff2'),
         url('/fonts/lora-v13-latin-700italic.woff') format('woff');
    font-display: swap;
}
/* Variables */
:root {
    --main-bg-colour: #fcfcfc;
    --body-bg-colour: white;
    --border-colour: gray;
    --table-border-colour: #26bb98;
    --heading-colour: #0000c0;
    --link-colour: #660099;
    --link-colour-hover: #708090;
    --footer-sidebar-colour: #2f4f4f;
    --body-font: 'Lato'; /* Sans serif */
    --heading-font: 'Lora'; /* Serif */
    --new-specialnote-bg-colour: yellow;
    --new-specialnote-text-colour: red;
}

/* End variables */
main {
    /* Should be same as header image*/
    border: 1px solid var(--border-colour);
}

body {
    background: var(--main-bg-colour) scroll;
    font-family:
        var(--body-font), sans-serif;
}

main a:link {
    color: var(--link-colour);
}

main a:hover {
    color: var(--link-colour-hover);
}

#colleft img {
    /* From the vault image */
    margin-left: auto;
    margin-right: auto;
    padding: 2em 0 0 0;
}

#prologue {
    /* Comment */
    line-height: 1.2em;
}

#searchinfo {
    border: 1px solid var(--border-colour);
    font-size: 0.9em;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}

#TOC {
    border: 1px solid var(--border-colour);
    margin-bottom: 0.5em;
    margin-top: 0;
}

.austudygraphic/* Used in studyingAuscharts */ {
    clear: both;
    margin: 1em auto 1em auto;
}

.boxed {
    text-align: center;
}

#colleft, #colright {
    font-size: 0.9em;
}

.footnote {
    font-size: 0.8em;
    line-height: 1.2em;
}
/* Destroy after all converted to figure and figcaption */

.new {
    background-color: var(--new-specialnote-bg-colour);
    color: Red;
    font-weight: bold;
}

.specialnote {
    background-color: var(--new-specialnote-bg-colour);
    color: var(--new-specialnote-text-colour);
    font-weight: bold;
}

aside.callout {
    background-color: #eee8aa;
    color: black;
}

aside.pullquote {
    color: var(--new-specialnote-text-colour);
}

aside.pullquote p {
    font: 1.25em/1.1em var(--heading-font) serif;
}

figure {
    margin: 0 0.5em 0.25em 0;
}

aside.pullquote p::after {
    content: '\201D';
}

aside.pullquote p::before {
    content: '\201C';
}

blockquote.quote {
    display: block;
    background-color: #eaeaea;
    border-left: 1px solid var(--border-colour);
    border-right: 1px solid var(--border-colour);
    font: normal 1.05em var(--heading-font) serif;
    margin: 0.5em 1.5em 0.5em 1.5em;
    padding: 0.5em 0.5em 0.25em 0.5em;
}

/* Note on font property;
Format is font-style font-variant font-weight font-size/line-height font-family
Mandatory: font-size and font-family
Prop font-size only takes one value, and must be used with line-height. Prop inherit does not work well
*/

figcaption, p.caption {
    color: var(--footer-sidebar-colour);
    font-size: 0.75em;
    margin: 0.5em 0 1em 0;
    text-align: left;
}

footer {
    border: 1px solid var(--border-colour);
    color: var(--footer-sidebar-colour);
    line-height: 1.2em;
}

footer p {
    font-size: 0.8em;
    margin: 0.5em;
    padding: 0 0 0.5em 0;
}
.strike {
    text-decoration: line-through;
}
h1, h2, h3, h4, h5 {
    color: var(--heading-colour);
    font-family: var(--heading-font), serif;
}
h1 {
    font-size: 2em;
}
h4 {
    font-style: italic;
}

h5 {
    font-style: italic;
}

nav#generalinfo {
    border: 1px solid var(--border-colour);
    margin-bottom: 1em;
    padding: 0.25em;
}

nav#navinfo, nav#bookinfo {
    border: 1px solid var(--border-colour);
    margin-top: 1em;
    padding: 0.25em;
}

nav#newsinfo {
    border: 1px solid blue;
    color: blue;
    margin-top: 1em;
}

nav#newsinfo a {
    color: blue;
}
nav#newsinfo p {
    color: black;
    margin: 0.5em;
}

nav#relatedinfo {
    border: 1px solid var(--border-colour);
    margin-bottom: 0.5em;
    margin-top: 1em;
}

p.intro {
    color: var(--heading-colour);
    font-family: var(--heading-font);
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0;
    padding: 0.75em 0 0.75em 0;
}

p.introfirstpar:first-line {
    font-weight: bold;
}

ul li {
    line-height: 1.5em;
}

nav#bookinfo:before {
    /* Otherwise treated as inline */
    content: 'Books To Ponder & Places To Go';
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    text-align: center;
}

nav#navinfo:before {
    /* Otherwise treated as inline */
    content: "Other Rooms in Dr Garry's Terrace";
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    text-align: center;
}

/*
h2 + p::first-letter
{
    color : #2F4F4F;
    float : left;
    font : 4em Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
    margin-right : 0.25em;
}
h3 + p::first-letter
{
    color : #2F4F4F;
    float : left;
    font : 4em Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
    margin-right : 0.25em;
}

h4 + p::first-letter
{
    color : #2F4F4F;
    float : left;
    font : 4em Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
    margin-right : 0.25em;
}
*/