/* This style is based on Ayu Light from the amfora contrib/themes
   directory available at https://github.com/makew0rld/amfora/ */

/*** Text ***/
body {
    /* General settings such as the main font to use */
    font-family: Charter BT, Times, serif;
    text-align: justify;
}
p {
    /* Settings for paragraphs; i. e. for anything that is not a heading,
       a list, a blockquote, or a block of preformatted text. Note that
       links are also wrapped in 'p' tags, so the settings specified
       here also apply to those if they are not overridden further
       below. */
    color: #000000;

    /* Note that a single <br /> tag is inserted for every blank line
       in the text/gemini source file. This should be taken into account
       when specifying margins. */
    margin: 0;
}

/*** Links ***/
a > p {
    /* Default styling for links */
    color: #a37acc;
    font-size: smaller;
    text-align: left;
    margin: 0;
    padding: 0;
}
a > p > br {
    /* Display link label and url on the same line */
    display: none;
}
/* Wrap url after the link label in brackets */
a > p > span.url::before { content: '('; }
a > p > span.url::after { content: ')'; }
/* The _nolabel class describes links where no human-readable label is
   provided. In these cases, the content and the href of the a tag are
   the same. In order to not print the same url twice, the automated
   printing of the parenthesized url is disabled for those links. */
a._nolabel > p > span.url { display: none; }

a.gemini > p {
    /* Styling for links to gemini:// urls */
    color: navy;
}
a.spartan > p {
    /* Styling for links to gemini:// urls */
    color: green;
}
a.http > p, a.https > p {
    /* Styling for links to gemini:// urls */
    color: blue;
}
a.gopher > p {
    color: purple;
    /* Styling for links to gopher:// urls */
}
a.mailto > p {
    color: maroon;
    /* Styling for links to mailto: urls */
}
a.mailto > p {
    color: teal;
    /* Styling for links to mailto: urls */
}
/* Note that these selectors work for any kind of url scheme. There is no
   need to define special rules for every scheme, though, since the default
   style defined above will be applied to all urls with schemes that aren't
   explicitly mentioned in the css file. */

/*** Headings ***/
h1 {
    color: #000000;
    font-size: 150%;
    margin: 0;
    text-align: center;
}
/* h1::before { content: '# '; } */
h2 {
    color: #000000;
    font-size: 130%;
    margin: 0;
    text-align: left;
}
/* h2::before { content: '## '; }*/
h3 {
    color: #000000;
    font-size: 110%;
    margin: 0;
    text-align: left;
}
/* h3::before { content: '### '; } */

h1.title {
    /* The first heading that serves as a document title */
}
h2.subtitle {
    /* The heading directly beneath the document title that serves as
       the document subtitle */
}

/*** Lists ***/
ul {
    color: #000000;
    margin: 0;
    padding-left: .8em;
}
li {
    margin: 0;
}

/*** Blockquotes ***/

blockquote {
    color: #222222;
    margin: 0;
    padding-left: 3ex;
    padding-right: 3ex;
    border-left: 2px solid gray;
    padding-left: 0.75em;
}

/*** Preformatted text ***/

pre {
    font-family: Verily Serif Mono, DejaVu Sans Mono, monospace;
    font-size: small;
    color: #000000;
    page-break-inside: avoid;
    margin: 0;
}

/*** Colophon with additional information ***/

colophon {
    font-size: 9pt;
    color: #333333;
    margin: 0;
    padding: 0;
}

/*** Move the colophon into the page footer ***/

/* Note that a simpler but less customizable example for moving
   the colophon into the page footer is provided below */

colophon > author  { position: running(author);  }
colophon > datesep { position: running(datesep); }
colophon > date    { position: running(date);    }
colophon > urlsep  { position: running(urlsep);  }
colophon > url     { position: running(url);     }
@page {
    @bottom-right {
      font-size: 9pt;
      color: #333333;
      margin: 0;
      padding: 0;
      content: element(author)
               element(datesep)   /* The string ', ' if both author
                                     and date are specified. If either
                                     author or date are missing, this
                                     element is missing as well. */
               element(date)
               element(urlsep)    /* A single <br /> tag if either author
                                     or date are specified and if the url
                                     is specified as well. If the url is
                                     missing or if both author and date
                                     are missing, this element is missing
                                     as well. */
               element(url)   
               " - Page "counter(page) " of " counter(pages);
    }
}

/* If you want to use the default footer layout, you can also use
   the following code instead of the more involved example provided
   above. Make sure to remove the example above if you uncomment the
   one below. */
/*
colophon {
    position: running(footer);
}
@page:first {
    @bottom-right {
        content: element(footer);
    }
}
*/