.hidden
{
    display:none !important;
}
html
{
    font-family:Barlow;
    font-weight:normal;
    font-size:16px;
}
body
{
    background:white;
    color:black;
    padding:0;
    margin:0;
}
.title-font
{
    font-family:Figtree;
    font-weight:900;
    text-transform: uppercase;
}
.subtitle-font
{
    font-family:Barlow;
    font-weight:bold;
}
.body-font
{
    font-family:Barlow;
    font-weight:normal;
}
.space-centre-logo
{
    background:#00a8a2;
    padding:1rem;
}
.space-centre-logo img
{
    height:4rem;
}
.content-container
{
    padding:1rem;
    max-width:960px;
    margin:0 auto;
}
h1
{
    margin-top:0;
}
form
{
    padding:0;
    margin:0;
}
.dropzone,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
button,
textarea
{
    background:none;
    border:1px solid grey;
    font-family:Barlow;
    font-size:1rem;
    padding:0.5rem;
    color: black;
}
textarea
{
    height:10rem;
}
#entry-form
{
    margin-bottom:1em;
}
.entry-section,
.entry-info,
.entry-field,
.entry-checkbox
{
    display:flex;
    margin-bottom:1rem;
}
.entry-section
{
    border-top:1px solid grey;
    padding-top:1rem;
}
.entry-field>*
{
    flex-shrink:1;
    flex-grow:1;
}
.entry-field>label
{
    flex-shrink: 0;
    flex-grow: 0;
    width:10rem;
    padding:0.5rem 1rem;
}
.entry-checkbox
{
    align-items: start;
}
.entry-checkbox>input
{
    flex-shrink: 0;
    flex-grow: 0;
    padding:0;
    margin:0.25rem 1rem;
}
.entry-checkbox>label
{
    flex-shrink: 1;
    flex-grow: 1;
}
.entry-tags
{
    display:flex;
    flex-wrap: wrap;
}
.entry-tags>div>input
{
    display:none;
}
.entry-tags>div>label
{
    display:block;
    border: 1px solid lightgray;
    border-radius:0.5em;
    margin:0.25rem 0.5rem 0 0;
    padding:0.25em 1em 0.35em 1em;
}
.entry-tags>div>input:checked + label
{
    background:#00a8a2;
    border-color: #00a8a2;
    color:white;
}
.entry-field.required>label::after,
.entry-section.required>label::after,
.entry-info.required>label::after
{
    content:'*';
    color:red;
    margin-left:0.25em;
}
input[type="submit"],
input[type="button"]
{
    border: 1px solid lightgray;
    border-radius:0.5em;
    padding:0.25em 1em 0.35em 1em;
    margin-right:1em;
    background:white;
    color:black;
}
input[type="submit"]
{
    background:#00a8a2;
    border-color:#00a8a2;
    color:white;
}
input[type="submit"]:enabled:active
{
    background:#007d79;
    border-color:#007d79;
}
input[type="button"]:enabled:active
{
    background:lightgray;
}
input[type="submit"]:disabled,
input[type="button"]:disabled
{
    opacity: 0.5;
}
.submission-list
{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:1rem;
}
.submission
{
    border:1px solid grey;
    text-align:center;
    padding:1rem;
}
.submission img
{
    width:10rem;
    height:10rem;
    object-fit: contain;
}
.submission-actions
{
    display:flex;
    gap:2rem;
    justify-content: center;
}
.mainphoto img
{
    width:100%;
    margin-bottom:1rem;
    object-fit: contain;
}
.otherphotos
{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:1rem;
}
.otherphotos img
{
    width:20%;
    object-fit: contain;
    margin-bottom:1rem;
}

@media (max-width: 719px)
{
    .entry-section,
    .entry-info,
    .entry-field
    {
        flex-direction: column;
    }
    .entry-field>label
    {
        padding-left:0;
        width:auto;
    }
    .entry-checkbox>input
    {
        margin-left:0;
    }
}
.dz-image>img
{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}