:root {
    --color-lesartsvoisins: #f0494d;
}

body {
    font-family: fengardo;
    color: var(--color-text);
    background-color: var(--color-background);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: grotesk;
    /* clear: both; */
}

hr {
    border-style: none;
    border-bottom: 1px solid var(--color-text);
}

button.toggle-darkmode {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
}

img.richtext-image.full-width {
    max-width: 100%;
    height: auto;
}

img.richtext-image.left {
    max-width: 50%;
    float: left;
    padding: 0 1rem 0 0;
    height: auto;
}

img.richtext-image.right {
    max-width: 50%;
    float: right;
    padding: 0 0 0 1rem;
    height: auto;
}

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

div.agenda-item h2,
div.agenda-item h3,
div.agenda-item h4,
div.agenda-item h5,
div.agenda-item h6 {
    text-align: center;
}

div.footer1,
div.footer2 {
    padding: 1rem;
}