/* Bootstrap Overrides - Custom Color Scheme */
/* Remove all shadows globally */
*,
*::before,
*::after {
    box-shadow: none !important;
}

/* Global Styles */
body {
    background-color: #313E50;
    color: #E1EFE6;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
}

/* Bootstrap Navbar Overrides */
.navbar {
    background-color: transparent !important;
    border: none !important;
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #E1EFE6 !important;
}

.navbar-brand:hover,
.navbar-nav .nav-link:hover {
    color: #E1EFE6 !important;
    opacity: 0.8;
}

.navbar-toggler {
    border-color: rgba(225, 239, 230, 0.3) !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 239, 230, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Bootstrap Card Overrides */
.card {
    background-color: rgba(225, 239, 230, 0.1) !important;
    border: 1px solid rgba(225, 239, 230, 0.2) !important;
    color: #E1EFE6 !important;
    box-shadow: none !important;
}

.card-body {
    color: #E1EFE6 !important;
}

.card-title {
    color: #E1EFE6 !important;
}

/* Bootstrap Button Overrides */
.btn-primary {
    background-color: rgba(225, 239, 230, 0.15) !important;
    border-color: rgba(225, 239, 230, 0.3) !important;
    color: #E1EFE6 !important;
    box-shadow: none !important;
}

.btn-primary:hover {
    background-color: rgba(225, 239, 230, 0.25) !important;
    border-color: rgba(225, 239, 230, 0.5) !important;
    color: #E1EFE6 !important;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: rgba(225, 239, 230, 0.25) !important;
    border-color: rgba(225, 239, 230, 0.5) !important;
    color: #E1EFE6 !important;
    box-shadow: none !important;
}

.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    box-shadow: none !important;
}

/* Bootstrap Form Overrides */
.form-control {
    background-color: rgba(225, 239, 230, 0.1) !important;
    border: 1px solid rgba(225, 239, 230, 0.2) !important;
    color: #E1EFE6 !important;
    box-shadow: none !important;
}

.form-control:focus {
    background-color: rgba(225, 239, 230, 0.15) !important;
    border-color: #E1EFE6 !important;
    color: #E1EFE6 !important;
    box-shadow: none !important;
}

.form-control::placeholder {
    color: rgba(225, 239, 230, 0.5) !important;
}

.form-label {
    color: #E1EFE6 !important;
}

/* Bootstrap Alert Overrides */
.alert {
    box-shadow: none !important;
    border: 1px solid !important;
}

.alert-success {
    background-color: rgba(0, 255, 0, 0.2) !important;
    border-color: rgba(0, 255, 0, 0.3) !important;
    color: #ccffcc !important;
}

.alert-danger {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-color: rgba(255, 0, 0, 0.3) !important;
    color: #ffcccc !important;
}

.alert-warning {
    background-color: rgba(255, 200, 0, 0.2) !important;
    border-color: rgba(255, 200, 0, 0.3) !important;
    color: #fff4cc !important;
}

.alert-info {
    background-color: rgba(0, 150, 255, 0.2) !important;
    border-color: rgba(0, 150, 255, 0.3) !important;
    color: #cce5ff !important;
}

/* Links */
a {
    color: #E1EFE6 !important;
}

a:hover {
    color: #E1EFE6 !important;
    opacity: 0.8;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #E1EFE6 !important;
}

/* Remove all text shadows */
* {
    text-shadow: none !important;
}

/* Slugger Table Overrides */
.slugger-table {
    color: #000000 !important;
}

.slugger-table thead {
    color: #000000 !important;
}

.slugger-table th,
.slugger-table td {
    color: #000000 !important;
}