body.ashborne-bg {
    background-image: url("../media/ashborne/game-bg.png");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ashborne-bg .landing-header[data-kt-sticky="on"],
.ashborne-bg .landing-header.kt-sticky,
.ashborne-bg .landing-header.sticky {
    background-color: rgba(123, 99, 51, 0.92) !important;
    border-bottom: 1px solid rgba(216, 196, 154, 0.35) !important;
    backdrop-filter: blur(6px);
}

.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header {
    background-color: rgba(123, 99, 51, 0.92) !important;
    border-bottom: 1px solid rgba(216, 196, 154, 0.35) !important;
    box-shadow: 0 10px 30px 0 rgba(20, 12, 6, 0.35) !important;
}

.ashborne-bg .landing-header[data-kt-sticky="on"] .menu-link,
.ashborne-bg .landing-header[data-kt-sticky="on"] .nav-link,
.ashborne-bg .landing-header.kt-sticky .menu-link,
.ashborne-bg .landing-header.kt-sticky .nav-link,
.ashborne-bg .landing-header.sticky .menu-link,
.ashborne-bg .landing-header.sticky .nav-link,
.ashborne-bg .landing-header[data-kt-sticky="on"] .menu-title-gray-500 .menu-link,
.ashborne-bg .landing-header[data-kt-sticky="on"] .menu-state-title-primary .menu-link,
.ashborne-bg .landing-header.kt-sticky .menu-title-gray-500 .menu-link,
.ashborne-bg .landing-header.kt-sticky .menu-state-title-primary .menu-link,
.ashborne-bg .landing-header.sticky .menu-title-gray-500 .menu-link,
.ashborne-bg .landing-header.sticky .menu-state-title-primary .menu-link {
    color: #f3e6c6 !important;
}

.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link,
.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link.active,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link.active {
    color: #f3e6c6 !important;
    background-color: transparent !important;
}

.ashborne-bg .landing-header[data-kt-sticky="on"] .menu-link:hover,
.ashborne-bg .landing-header[data-kt-sticky="on"] .nav-link:hover,
.ashborne-bg .landing-header[data-kt-sticky="on"] .menu-link.active,
.ashborne-bg .landing-header[data-kt-sticky="on"] .nav-link.active,
.ashborne-bg .landing-header.kt-sticky .menu-link:hover,
.ashborne-bg .landing-header.kt-sticky .nav-link:hover,
.ashborne-bg .landing-header.kt-sticky .menu-link.active,
.ashborne-bg .landing-header.kt-sticky .nav-link.active,
.ashborne-bg .landing-header.sticky .menu-link:hover,
.ashborne-bg .landing-header.sticky .nav-link:hover,
.ashborne-bg .landing-header.sticky .menu-link.active,
.ashborne-bg .landing-header.sticky .nav-link.active {
    color: #fff4d9 !important;
}

.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link:hover,
.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link.active:hover,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link:hover,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link.active:hover {
    color: #fff4d9 !important;
    background-color: transparent !important;
}

.ashborne-bg .landing-header[data-kt-sticky="on"] .logo-sticky,
.ashborne-bg .landing-header.kt-sticky .logo-sticky,
.ashborne-bg .landing-header.sticky .logo-sticky {
    display: none !important;
}

.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .logo-sticky,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .logo-sticky {
    display: none !important;
}

.ashborne-bg .landing-header[data-kt-sticky="on"] .logo-default,
.ashborne-bg .landing-header.kt-sticky .logo-default,
.ashborne-bg .landing-header.sticky .logo-default {
    display: inline-block !important;
}

.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .logo-default,
body.ashborne-bg[data-kt-sticky-landing-header="on"] .landing-header .logo-default {
    display: inline-block !important;
}

.ashborne-hero-shell {
    background: transparent !important;
}

.ashborne-hero-shell .menu-link,
.ashborne-hero-shell .nav-link,
.ashborne-hero-shell .badge,
.ashborne-hero-shell h1,
.ashborne-hero-shell h2,
.ashborne-hero-shell h3,
.ashborne-hero-shell h4,
.ashborne-hero-shell h5,
.ashborne-hero-shell p,
.ashborne-hero-shell a,
.ashborne-hero-shell span {
    font-family: "Spectral", "EB Garamond", serif !important;
    color: #bfa66b !important;
}

.ashborne-title,
.ashborne-surface h1,
.ashborne-surface h2,
.ashborne-surface h3,
.ashborne-surface h4,
.ashborne-surface h5,
.ashborne-hero-copy h1,
.ashborne-hero-copy h2,
.ashborne-hero-copy h3,
.ashborne-hero-copy h4,
.ashborne-hero-copy h5 {
    font-family: "Spectral", "EB Garamond", serif !important;
}

.ashborne-hero-copy .badge,
.ashborne-hero-copy h1,
.ashborne-hero-copy p {
    color: #bfa66b !important;
}

.ashborne-surface .card.card-flush {
    background: rgba(0, 0, 0, 0.8) !important;
    border-color: rgba(216, 196, 154, 0.35) !important;
}

.ashborne-surface .card.card-flush.border,
.ashborne-surface .card.card-flush.border-gray-200,
.ashborne-surface .border.border-gray-200,
.ashborne-surface .rounded.border.border-gray-200 {
    border-color: rgba(216, 196, 154, 0.35) !important;
}

.ashborne-surface .card.card-flush h2,
.ashborne-surface .card.card-flush h3,
.ashborne-surface .card.card-flush h4,
.ashborne-surface .card.card-flush h5 {
    color: #d8c49a !important;
}

.ashborne-surface .card.card-flush p,
.ashborne-surface .card.card-flush li,
.ashborne-surface .card.card-flush .text-muted {
    color: #d0c7b4 !important;
}

.ashborne-surface h1,
.ashborne-surface h2,
.ashborne-surface h3,
.ashborne-surface h4,
.ashborne-surface h5,
.ashborne-surface .text-dark {
    font-family: "Spectral", "EB Garamond", serif !important;
    color: #bfa66b !important;
}

.ashborne-surface p,
.ashborne-surface .text-muted {
    font-family: "Spectral", "EB Garamond", serif !important;
    color: #d8c49a !important;
}

.ashborne-bg .btn.btn-primary {
    background-color: #7b6333 !important;
    border-color: #7b6333 !important;
    color: #f3e6c6 !important;
}

.ashborne-bg .btn.btn-primary:hover,
.ashborne-bg .btn.btn-primary:focus {
    background-color: #8e7540 !important;
    border-color: #8e7540 !important;
    color: #fff4d9 !important;
}

.ashborne-bg .btn.btn-light {
    background-color: rgba(20, 16, 10, 0.72) !important;
    border-color: rgba(191, 166, 107, 0.55) !important;
    color: #d8c49a !important;
}

.ashborne-bg .btn.btn-light:hover,
.ashborne-bg .btn.btn-light:focus {
    background-color: rgba(30, 22, 12, 0.86) !important;
    border-color: rgba(216, 196, 154, 0.7) !important;
    color: #f2e2bb !important;
}

.ashborne-bg .btn.btn-light-primary {
    background-color: rgba(0, 0, 0, 0.55) !important;
    border-color: rgba(216, 196, 154, 0.45) !important;
    color: #d8c49a !important;
}

.ashborne-bg .btn.btn-light-primary:hover,
.ashborne-bg .btn.btn-light-primary:focus {
    background-color: rgba(0, 0, 0, 0.75) !important;
    border-color: rgba(216, 196, 154, 0.65) !important;
    color: #f0dfb8 !important;
}

.ashborne-bg .badge.badge-light-primary {
    background-color: rgba(191, 166, 107, 0.2) !important;
    border: 1px solid rgba(216, 196, 154, 0.45) !important;
    color: #d8c49a !important;
}

.ashborne-bg .badge.badge-light {
    background-color: rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(216, 196, 154, 0.35) !important;
    color: #cdbb95 !important;
}

.ashborne-surface .form-control {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(216, 196, 154, 0.45) !important;
    color: #f3e6c6 !important;
}

.ashborne-surface .form-control::placeholder {
    color: rgba(216, 196, 154, 0.75) !important;
}

.ashborne-surface .form-control:focus {
    border-color: rgba(242, 226, 187, 0.8) !important;
    box-shadow: 0 0 0 0.2rem rgba(191, 166, 107, 0.2) !important;
}