/* basic styling classes */
.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.optional {
    color: var(--text-light);
    font-style: italic;
    font-size: 1rem;
}

.inactive {
    color: var(--text-inactive);
    font-style: italic;
}

.default {
    color: var(--text);
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
}

.public-indicator {
    color: var(--red);
}

.public-indicator.public {
    color: var(--text-inactive);
}

.main-p {
    font-weight: bold;
    color: var(--hekkerij-brown-light);
}

/* image gallery */
.image-gallery {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    column-gap: 1rem;
}

.image {
    width: 100%;
}

.image-gallery.compact .image {
    max-height: 20rem;
    object-fit: cover;
    object-position: 50% 80%;
}