body {
    margin: 0;
    padding-bottom: 60px; /* Height of the footer */
    box-sizing: border-box;
}

/* Typography */
p, h1, h2, h3 {
    font-family: "Poppins", sans-serif;
}

/* Layout */
.form-group {
    margin-bottom: 10px;
}

.form-row {
    display: flex;
    flex-direction: row;
}

.main-container {
    margin: 30px;
    margin-bottom: 100px;
}

#search-results {
    margin-bottom: 50px;
}

/* Components */
.accordion-item-map {
    height: 260%;
}

.custom-multiselect, .select2 {
    width: 100% !important;
}

.accordion {
    margin: 10px;
}

.accordion-button {
    color: #ffffff;
    background-color: #053F53;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #053F53;
}

.accordion-button .collapsed {
    color: #495057;
    background-color: red;
}

.btn, #submit {
    background-color: #053F53;
    border-color: #053F53;
    color: #ffffff;
}

.page-link {
    color: #053F53;   
}

.active>.page-link, .page-link.active {
    background-color: #053F53;
    border-color: #053F53;
    color: #ffffff;
}

.ebas-button,
.ebas-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--ebas-space-2);
border-radius: 999px;
border: 1px solid transparent;
font-weight: 600;
}

.ebas-button {
    padding: 0.75rem 1.05rem;
    text-decoration: none;
    transition: transform 160ms ease, background-color 160ms ease;
}

.ebas-button:hover {
    transform: translateY(-1px);
}

.ebas-button-primary {
    background: #053F53;
    color: #fff;
}

/* Navigation */
#main-nav {
    background-color: #053F53 !important;
    color: #ffffff !important;
    border-radius: 0 0 14px 14px !important;
}

#front-menu {
    margin: 0.5em;
}

/* Other */
pre {
    background: #ddd;
    padding: 10px;
}

footer {
    margin-top: 10px;
    padding-top: 12px;
}

table {
    table-layout: auto;
}

td {
    word-wrap: break-word;
}

label {
    margin-right: 10px;
}

#map {
    width: 100%;
    height: 535px;
}

hr.hr {
    border: 1px solid #053F53;
    opacity: 1;
    margin-top: 5px;
}