body {
}

.lootable.list-group img {
    width: 22px;
    height: 22px;
}

.lootable.list-group h6 {
    margin-bottom: 0;
}

.list-group a p {
    margin-bottom: 0;
}

/* Apply a tan background to the whole page */
body {
    background-color: #888172;
    padding: 0px;
}

/* Style the navigation bar to match the screenshot */
main > nav:first-child, nav > .container:first-child, .nav:first-child{
    background-color: #DAD1BD;
}

/* Style the nav links */
.nav-link {
    color: black;
}

/* Style the nav links */
header a span, header a svg {
    color: white;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2em;
}

/* Change the container background and style */
section.container {
    background-color: #D3C6AC;
    border: 1px solid #a67b5b;
    border-radius: 4px;
    padding: 20px;
}

accordion-header {
    background-color: #a67b5b
}

section .list-group-item, section .card, 
section .accordion-body {
    background-color: #f5f5dc;
}

section .list-group-item:hover {
    background-color: #EDE3CE;
}

/* Style the headings to match the font and color */
h1, h2, h3, h4, h5, h6 {
    color: #a67b5b;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

/* Style the headings to match the font and color */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.card h1 a, .card h2 a, .card h3 a, .card h4 a, .card h5 a, .card h6 a {
    color: black;
    font-family: unset !important;
    font-weight: normal;
}

.pagination .page-item > .page-link {
    color: #8b5a2b;
}

.pagination .page-item > .page-link:hover {
    background-color: #EDE3CE;
}

.pagination .page-item.active > .page-link {
    background-color: #8b5a2b;
    border-color: #8b5a2b;
    color: white;
}

/* Style buttons to match the style in the screenshot */
.btn {
    background-color: #8b5a2b;
    color: white;
    border: none;
}

/* Mimic the content box with shadow */
.content-box {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 0px 20px 0px 20px;
}

/* Overwrite link colors */
a, a:hover {
    color: #8b5a2b;
}

/* Style the footer */
.footer {
    background-color: #a67b5b;
    color: white;
    padding: 10px 20px;
}