form label {
display: inline-block;
}
fieldset {
display: inline-block;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
border: 1px solid var(--border);
border-radius: var(--radius-base);
padding: 0.5rem 0.75rem;
}
#pagination {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
max-width: unset;
}
#pagination ul {
text-align: center;
display: flex;
justify-content: right;
flex-direction: row;
list-style: none;
flex-wrap: wrap;
gap: 0.25rem;
padding-inline-start: 0;
}
#pagination a {
padding: 0.5rem 0.75rem;
border-radius: var(--radius-base);
color: var(--foreground-soft);
transition: background 200ms var(--ease-urban), color 200ms var(--ease-urban);
}
#pagination a:hover {
background: var(--brick-muted);
color: var(--brick-dark);
}
#pagination span {
padding: 0.5rem 0.75rem;
}
#pagination span.current,
#pagination .current {
background: var(--brick);
color: #fff;
border-radius: var(--radius-base);
font-weight: 600;
}
li .featured img {
height: 450px;
object-fit: cover;
border-radius: var(--radius-md);
}
#map {
width: 100%;
height: 600px;
margin-bottom: 5em;
border-radius: var(--radius-md);
border: 1px solid var(--border);
}
@media (max-width: 768px) {
li .featured img {
height: 250px;
}
#pagination {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
#pagination span {
padding-left: 0;
padding-right: 0;
}
}