/*******************************
* corporate design definitions *
*******************************/

:root {
    --bg1:      #202020;
    --bg2:      #283844;
    --light:    #F0F0F0;
    --c1light:  #9DD1F1;
    --c1strong: #00A0C0;
    --c2light:  #FAB000;
    --c2strong: #D05010;
}

@font-face {
    font-family: "Apple SD Gothic Neo Thin";
    src: local("Apple SD Gothic Neo Thin"), url("../fonts/AppleSDGothicNeoThin.ttf") format("truetype");
    src: local("Apple SD Gothic Neo Thin"), url("../fonts/AppleSDGothicNeoThin.otf") format("opentype");
    src: local("Apple SD Gothic Neo Thin"), url("../fonts/AppleSDGothicNeoThin.eot") format("embedded-opentype");
    src: local("Apple SD Gothic Neo Thin"), url("../fonts/AppleSDGothicNeoThin.woff") format("woff");
    src: local("Apple SD Gothic Neo Thin"), url("../fonts/AppleSDGothicNeoThin.woff2") format("woff2");
}

html, body, input {
    font-family: "Apple SD Gothic Neo Thin", "Helvetica Neue", sans-serif;
    font-size: 16pt;
    color: var(--light);
    letter-spacing: 0.15em;
    line-height: 1.8em;
}

p, h1, h2, cite, a, ul, li {
    font-weight: 1;
    margin-top: 0.8rem;
    margin-bottom: 0.8em;
}

p {
    text-align: left;
}

h1 {
    font-size: 2.5rem;
    color: var(--c1strong);
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 0.10em;
}

h2 {
    font-size: 1.5rem;
    color: var(--c1light);
    text-align: center;
    line-height: 1.8em;
    letter-spacing: 0.12em;
}

i {
    font-style: italic;
    color: var(--c1light);
    font-weight: 100;
}

.smallfont {
    font-size: 0.7rem;
    line-height: 1.4em;
    letter-spacing: 0.12em;
    margin-bottom: 0.5em;
}

a, a:visited, summary {
    color: var(--c2light);
    text-decoration: none;
    cursor: pointer;
    outline: none;
    transition: color 0.5s;
}

a:hover, a:visited:hover, summary:hover {
    color: var(--c2strong);
}

li {
    list-style-type: "+ ";
    margin-left: -0.7em;
    line-height: 110%;
}
ul ul {
    margin-left: -0.8em;
}