:root {
    --bs-primary-rgb: 0, 70, 89;
    --bs-primary: #004659;
    --bs-secondary: #ccff00;
    --bs-secondary-rgb: 204, 255, 0;
    --bs-light: #eee;
    --bs-light-rgb: 238, 238, 238;
    --bs-body-color: #000;
    --bs-body-color-rgb: 0, 0, 0;

    /* Typography */
    --bs-body-font-family: "Arial", sans-serif;

}

body {
    hyphens: auto;
    hyphenate-limit-chars: 7 4 5;
}

/* Button Styles */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-color: white;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-primary);
}

/* Link-Styles */

a {
    color: var(--bs-primary);
    text-decoration: none;
}

.whitelink a {
    color: white;
    text-decoration: none;
}

.whitelink a:hover {
    color: white;
    text-decoration: underline;
}

a:hover {
    color: #01303d;
}

/* Listen-Styles */

ul {
    list-style: none;
    padding-left: 0rem;
}

ul li {
    position: relative;
    padding-left: 1rem;
}

li::before {
    position: absolute;
    top: 9px;
    left: 1px;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 5px;
    background-color: var(--bs-body-color);
}

/* Custom Styles*/
.mt-custom {
    margin-top: 100px;
}

.custom-jb-container {
    margin-bottom: 1rem;

    ul {
        margin-bottom: 0rem;
    }
}