.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.roboto-flex {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-variation-settings:
        "slnt" 0,
        "wdth" 100,
        "GRAD" 0,
        "XOPQ" 96,
        "XTRA" 468,
        "YOPQ" 79,
        "YTAS" 750,
        "YTDE" -203,
        "YTFI" 738,
        "YTLC" 514,
        "YTUC" 712;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    backdrop-filter: blur(3px);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.bg-image {
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

@supports (-webkit-touch-callout: inherit) {
    .bg-image {
        background-image: none !important;
        background: none !important;
    }

    .ios-background {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background-size: cover !important;
        z-index: -1 !important;
    }

    .ios-content {
        position: relative !important;
        z-index: 1 !important;
    }
}

h1 {
    color: #523422;
}


h2,
h3,
h4,
h5,
h6 {
    color: #d4af37;
}

.nav-link:focus,
.nav-link:hover {
    color: #d4af37 !important;
}

.content-panel-retro {
    border-radius: 25px;
    border: 2px solid #523422;
    backdrop-filter: blur(3px);
    background-color: #FFEAC499;
    padding: 20px;
}

.content-panel {
    background-color: #000000AA;
    color: white;
    backdrop-filter: blur(3px);
    box-shadow: 0px 0px 15px #000000DD;
    padding: 20px;
    margin-bottom: 20px;
}

a:not(.nav-link):not(.btn):not(.alert-link),
a:visited:not(.nav-link):not(.btn):not(.alert-link) {
    color: #d4af37;
    text-decoration: none;
}

a:not(.nav-link):not(.btn):not(.alert-link):hover {
    color: #8f7725;
}

table tr td, table tr th, .table-bordered{
    background-color: #00000033 !important;
    border-color: #5b5644;
}

.btn-outline-gold {
    color: #d4af37;
    border-color: #d4af37;
}

.btn-outline-gold:hover {
    color: #281a11;
    background-color: #d4af37;
    border-color: #d4af37;
}

.btn-check:active+.btn-outline-gold,
.btn-check:checked+.btn-outline-gold,
.btn-outline-gold.active,
.btn-outline-gold.dropdown-toggle.show,
.btn-outline-gold:active {
    color: #281a11;
    background-color: #d4af37;
    border-color: #d4af37;
}

.btn-gold {
    color: #281a11;
    border-color: #d4af37;
    background-color: #d4af37;
}

.btn-gold:hover {
    color: #594a17;
    background-color: #d8d6cc;
    border-color: #d4af37;
}

.btn-check:active+.btn-gold,
.btn-check:checked+.btn-gold,
.btn-gold.active,
.btn-gold.dropdown-toggle.show,
.btn-gold:active {
    color: #594a17;
    background-color: #d8d6cc;
    border-color: #d4af37;
}

.border-gold:hover {
    border-color: #d4af37 !important;
}

.border-gold {
    border-color: #281a11 !important;
}