:root {
    --color-light-blue: #0057B7;
    --color-dark-blue: #529ff5;
    --color-light-red: #de0000;
    --color-dark-red: #f14646;
    --color-light-green: #006400;
    --color-dark-green: #18af18;
    --color-light-orange: #ff8c00;
    --color-dark-orange: #ffab2e;
    --color-light-purple: #800080;
    --color-dark-purple: #9a389a;
    --color-border: #aaa;
    --color-light-background: #fff;
    --color-dark-background: #16161D;
    --color-light-text-primary: #000;
    --color-dark-text-primary: rgb(255, 255, 255, 0.85);
    --color-light-text-secondary: rgb(0, 0, 0, 0.65);
    --color-dark-text-secondary: rgb(255, 255, 255, 0.55);
    --color-light-input-background: #eaeaea;
    --color-dark-input-background: #222
}

.color-scheme-light {
    --color-body-background: var(--color-light-background);
    --color-body-text-primary: var(--color-light-text-primary);
    --color-body-text-secondary: var(--color-light-text-secondary);
    --color-input-background: var(--color-light-input-background);
    --color-input-text: var(--color-light-text-primary)
}

.color-scheme-light.link-hover-blue {
    --color-link-hover: var(--color-light-blue)
}

.color-scheme-light.link-hover-red {
    --color-link-hover: var(--color-light-red)
}

.color-scheme-light.link-hover-green {
    --color-link-hover: var(--color-light-green)
}

.color-scheme-light.link-hover-orange {
    --color-link-hover: var(--color-light-orange)
}

.color-scheme-light.link-hover-purple {
    --color-link-hover: var(--color-light-purple)
}

@media (prefers-color-scheme:light) {
    .color-scheme-auto {
        --color-body-background: var(--color-light-background);
        --color-body-text-primary: var(--color-light-text-primary);
        --color-body-text-secondary: var(--color-light-text-secondary);
        --color-input-background: var(--color-light-input-background);
        --color-input-text: var(--color-light-text-primary)
    }

    .color-scheme-auto.link-hover-blue {
        --color-link-hover: var(--color-light-blue)
    }

    .color-scheme-auto.link-hover-red {
        --color-link-hover: var(--color-light-red)
    }

    .color-scheme-auto.link-hover-green {
        --color-link-hover: var(--color-light-green)
    }

    .color-scheme-auto.link-hover-orange {
        --color-link-hover: var(--color-light-orange)
    }

    .color-scheme-auto.link-hover-purple {
        --color-link-hover: var(--color-light-purple)
    }
}

.color-scheme-dark {
    --color-body-background: var(--color-dark-background);
    --color-body-text-primary: var(--color-dark-text-primary);
    --color-body-text-secondary: var(--color-dark-text-secondary);
    --color-input-background: var(--color-dark-input-background);
    --color-input-text: var(--color-dark-text-primary)
}

.color-scheme-dark.link-hover-blue {
    --color-link-hover: var(--color-dark-blue)
}

.color-scheme-dark.link-hover-red {
    --color-link-hover: var(--color-dark-red)
}

.color-scheme-dark.link-hover-green {
    --color-link-hover: var(--color-dark-green)
}

.color-scheme-dark.link-hover-orange {
    --color-link-hover: var(--color-dark-orange)
}

.color-scheme-dark.link-hover-purple {
    --color-link-hover: var(--color-dark-purple)
}

@media (prefers-color-scheme:dark) {
    .color-scheme-auto {
        --color-body-background: var(--color-dark-background);
        --color-body-text-primary: var(--color-dark-text-primary);
        --color-body-text-secondary: var(--color-dark-text-secondary);
        --color-input-background: var(--color-dark-input-background);
        --color-input-text: var(--color-dark-text-primary)
    }

    .color-scheme-auto.link-hover-blue {
        --color-link-hover: var(--color-dark-blue)
    }

    .color-scheme-auto.link-hover-red {
        --color-link-hover: var(--color-dark-red)
    }

    .color-scheme-auto.link-hover-green {
        --color-link-hover: var(--color-dark-green)
    }

    .color-scheme-auto.link-hover-orange {
        --color-link-hover: var(--color-dark-orange)
    }

    .color-scheme-auto.link-hover-purple {
        --color-link-hover: var(--color-dark-purple)
    }
}

.font-smooth {
    --font-smooth-moz: grayscale;
    --font-smooth-webkit: antialiased;
    --font-smooth: always
}

.text-shadow {
    --text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.site-header-align-left {
    --site-header-align: left
}

.site-header-align-center {
    --site-header-align: center
}

.site-header-align-right {
    --site-header-align: right
}

.site-title-weight-bolder {
    --site-title-weight: 900
}

.site-title-weight-bold {
    --site-title-weight: 700
}

.site-title-weight-normal {
    --site-title-weight: 400
}

.site-desc-weight-normal {
    --site-desc-weight: 400
}

.site-desc-weight-thin {
    --site-desc-weight: 200
}

.site-desc-style-normal {
    --site-desc-style: normal
}

.site-desc-style-italic {
    --site-desc-style: italic
}

.text-align-left {
    --content-text-align: left
}

.text-align-center {
    --content-text-align: center
}

.text-align-right {
    --content-text-align: right
}

.text-align-justify {
    --content-text-align: justify
}

.text-hyphens {
    --content-hyphens: auto;
    --content-hyphens-limit-chars: 5 2 2;
    --content-hyphens-limit-lines: 2;
    --content-hyphens-limit-last: always
}

.site-footer-align-left {
    --site-footer-align: left
}

.site-footer-align-center {
    --site-footer-align: center
}

.site-footer-align-right {
    --site-footer-align: right
}

html {
    line-height: 1.2;
    -webkit-text-size-adjust: 100%
}

body {
    background-color: var(--color-body-background);
    color: var(--color-body-text-primary);
    font-size: var(--font-size);
    -moz-osx-font-smoothing: var(--font-smooth-moz, auto);
    -webkit-font-smoothing: var(--font-smooth-webkit, auto);
    font-smooth: var(--font-smooth, auto);
    margin: 0;
    text-shadow: var(--text-shadow, unset);
}

.site {
    margin: 0 auto;
    word-wrap: break-word
}

.site-header {
    text-align: var(--site-header-align)
}

.site-title-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;

}

.site-title-group .icon-wwg {
    width: 40px;
    height: 40px;
}


.site-primary {
    margin-bottom: 4em
}

article,
div,
footer,
header,
main,
nav,
section {
    display: block
}

.text-secondary {
    color: var(--color-body-text-secondary)
}

.has-small-font-size {
    font-size: .8em
}

.has-large-font-size {
    font-size: 2em;
    line-height: 1.2
}

.has-drop-cap:not(:focus)::first-letter {
    float: left;
    font-size: 5em;
    font-style: normal;
    font-weight: 700;
    margin: 0 .1em 0 0;
    text-transform: uppercase
}

.has-drop-cap:not(:focus)::after {
    content: "";
    display: table;
    clear: both
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    transition: all .2s ease-in-out
}

a:focus,
a:hover {
    color: var(--color-link-hover);
    cursor: pointer;
    text-decoration: inherit;
    transition: all .2s ease-in-out
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1em 0
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.25em
}

h3 {
    font-size: 1em
}

h4 {
    font-size: .93em
}

h5 {
    font-size: .87em
}

h6 {
    font-size: .8em
}

b,
strong {
    font-weight: 700
}

em {
    font-style: italic
}

u {
    text-decoration: underline
}

var {
    font-style: italic
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

del,
s,
strike {
    text-decoration: line-through
}

dl {
    display: block;
    box-sizing: border-box
}

address {
    font-style: italic
}

abbr,
acronym {
    cursor: help;
    text-decoration: underline dotted
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

big {
    font-size: 1.2em
}

small {
    font-size: .8em
}

ins {
    text-decoration: underline
}

blockquote cite {
    display: block;
    font-size: .9em;
    font-style: normal;
    margin-top: .5em
}

cite {
    font-style: italic
}

code,
kbd,
pre {
    font-family: monospace, monospace;
    font-size: 1em;
    white-space: normal
}

code,
kbd {
    background-color: var(--color-input-background);
    display: inline-block;
    padding: .1em;
    text-indent: 0
}

.wp-block-code code {
    padding: 1em
}

dt {
    font-variant: small-caps
}

dd {
    margin: 0 0 1em 2em
}

.wp-block-group {
    padding: 1em 2em
}

.wp-block-cover {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em
}

.aligncenter {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.alignleft {
    float: left;
    margin-bottom: 1em !important;
    margin-right: 1em !important;
    text-align: left
}

.alignright {
    float: right;
    margin-bottom: 1em !important;
    margin-left: 1em !important;
    text-align: right
}

.alignnone {
    height: auto;
    margin: 0 0 1em
}

.alignwide {
    width: 75vw;
    margin-top: 2em;
    margin-bottom: 2em
}

.alignfull {
    width: 100vw;
    margin-top: 2em;
    margin-bottom: 2em
}

.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
    padding-right: 1em;
    padding-left: 1em
}

.alignfull .wp-block-media-text__content {
    padding: 1em
}

.list-no-disc {
    padding: 0
}

.list-no-disc li {
    list-style: none
}

.list-inline {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.list-inline li {
    display: inline-block
}

table {
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse
}

th {
    background-color: var(--color-input-background);
    border-style: solid;
    border-width: 1px;
    padding: .4em
}

td {
    border-style: solid;
    border-width: 1px;
    padding: .4em
}

hr {
    border-top: 1px solid var(--color-border);
    border-bottom: 0;
    box-sizing: content-box;
    display: block;
    height: 0;
    margin: 4em auto;
    overflow: visible;
    width: 50%
}

.site-title {
    font-size: 1.5em;
    font-weight: var(--site-title-weight);
    margin: 0
}

.site-description {
    font-size: 1em;
    font-style: var(--site-desc-style);
    font-weight: var(--site-desc-weight);
    margin: .5em 0 0;
    color: #777;
}

.site-footer {
    font-size: .9em;
    margin: 2em 0 2em;
    text-align: var(--site-footer-align)
}


.site-footer-align-right .navigation-menu .menu-item {
    border-right: 0;
    border-left: 1px solid var(--color-border);
    margin-right: 0;
    margin-left: .5rem;
    padding-right: 0;
    padding-left: .5rem
}

.site-footer-align-right .navigation-menu .menu-item:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0
}