@font-face {
  font-display: swap; 
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/plus-jakarta-sans-v12-latin-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/plus-jakarta-sans-v12-latin-700.woff2') format('woff2'); 
}


@font-face {
  font-display: swap; 
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/plus-jakarta-sans-v12-latin-800.woff2') format('woff2'); 
}


html, body, 
h1, h2, h3, h4, h5, h6, 
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-navbar-nav > li > a,
.uk-nav > li > a,
p, span, div, a, li, dt, dd {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

   body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #16181a; 
    color: #e0e0e0;
}

.header-bg {
    background-color: #16181a;
    border-bottom: 2px solid #cc3333; 
}

.main-bg {
    background-color: #16181a;
}

.alt-bg {
    background-color: #24272c; 
}

.footer-bg {
    background-color: #26282b; 
    border-top: 1px solid #333;
}

.footer-bottom {
    background-color: #494949;
}

.text-accent {
    color: #cc3333; 
}

.custom-logo {
    font-weight: 400;
    font-size: 1.1rem;
    letter-spacing: 2px;
    color: #ffffff;
    text-decoration: none !important;
}

.logo-sub {
    color: #aaaaaa;
    font-weight: 400;
}

.section-title {
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 1px;
    color: #ffffff;
}

.card-title {
    font-size: 1.2rem;
    font-weight: 400;
    color: #ffffff;
}


.custom-nav > li > a {
    color: #aaaaaa !important;
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 0 15px;
    min-height: 40px;
    text-transform: uppercase;
}

.custom-nav > li > a:hover {
    color: #ffffff !important;
}

.custom-nav-toggle {
    color: #ffffff !important;
}


.footer-heading {
    color: #ffffff;
    font-size: 0.9rem;
    letter-spacing: 1px;
    margin-bottom: 25px;
    font-weight: 700;
}

.footer-text {
    font-size: 0.85rem;
    line-height: 1.8;
    color: #b0b0b0;
}

.footer-text dt {
    color: #ffffff;
}

.footer-link {
    color: #cc3333; 
    text-decoration: none;
}

.footer-link:hover {
    color: #ffffff;
}


.custom-bullet-list > li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}

.custom-bullet-list > li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #cc3333;
}

.logo_top {width: 100%;max-width:400px;height:auto;}


.toc-bg {
    background-color: #24272c; 
}

.custom-toc > li > a {
    color: #aaaaaa;
    padding: 8px 0;
    font-size: 0.85rem;
    line-height: 1.4;
}

.custom-toc > li > a:hover {
    color: #ffffff;
}

.custom-toc > li.uk-active > a {
    color: #ffffff !important;
    font-weight: 700;
}

.custom-nav > li:first-child > a {
    padding-left: 0 !important;
}


.custom-mobile-nav > li {
    margin-bottom: 10px; 
}

.custom-mobile-nav > li > a {
    background-color: #26282b; 
    color: #e0e0e0 !important;
    font-size: 0.8rem !important; 
    padding: 12px 15px;
    border-radius: 4px; 
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}


.custom-mobile-nav > li > a:hover {
    background-color: #cc3333; 
    color: #ffffff !important;
}

.white-border {border: solid 3px #fff;}