@charset "UTF-8";

:root,
[data-bs-theme=light] {
    --bp-menu-bg-color: #ffffff;
    --bp-menu-color: #101010;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bp-menu-bg-color: #101010;
    --bp-menu-color: #ffffff;
}

[data-bs-theme=jenoti] {
    color-scheme: dark;
    --bp-menu-bg-color: #101010;
    --bp-menu-color: #EBBC1C;
    --bs-font-sans-serif: 'Anton', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: #EBBC1C;
    --bs-body-color-rgb: 235, 188, 28;
    --bs-body-bg: #000000;
    --bs-body-bg-rgb: 00, 00, 00;
    --bs-emphasis-color: #EBBC1C;
    --bs-emphasis-color-rgb: 235, 188, 28;
    --bs-secondary-color: rgba(235, 188, 28, 0.75);
    --bs-secondary-color-rgb: 235, 188, 28;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(235, 188, 28, 0.5);
    --bs-tertiary-color-rgb: 235, 188, 28;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #EBBC1C;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #EBBC1C;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #EBBC1C;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #EBBC1C;
    --bs-link-hover-color: #c6a53c;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #EBBC1C;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #EBBC1C;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}

[data-bs-theme=jenoti] .btn-outline-primary {
  --bs-btn-color: #EBBC1C;
  --bs-btn-border-color: #EBBC1C;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #EBBC1C;
  --bs-btn-hover-border-color: #EBBC1C;
  --bs-btn-focus-shadow-rgb: 235, 188, 28;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #EBBC1C;
  --bs-btn-active-border-color: #EBBC1C;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EBBC1C;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EBBC1C;
  --bs-gradient: none;
}

[data-bs-theme=jenoti] .form-check-input:focus {
  border-color: #EBBC1C;
  box-shadow: 0 0 0 0.25rem rgba(235, 188, 28, 0.25);
}
[data-bs-theme=jenoti] .form-control:focus {
  border-color: #EBBC1C;
  box-shadow: 0 0 0 0.25rem rgba(235, 188, 28, 0.25);
}
[data-bs-theme=jenoti] .form-select:focus {
  border-color: #EBBC1C;
  box-shadow: 0 0 0 0.25rem rgba(235, 188, 28, 0.25);
}

/* Page logo, header and footer */

.bpong-body {
    min-width: fit-content;
}

.bpong-min-width {
    min-width: 360px;
}

.jenoti-font {
    font-family: 'Anton', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.bpong-font, .bpong-logo, .bpong-logo-text {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.bpong-font-mono {
    font-family: 'PT Mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.bpong-logo, .bpong-logo-text {
    text-transform: uppercase !important;
    color: #ffffff;
}

.bpong-logo {
    font-weight: 900 !important;
}

.bpong-logo-text {
    font-weight: 400 !important;
}

@media (min-width: 576px) {
    .bpong-page-header-text {
        text-align: right !important;
    }
}

.bpong-page-header, .bpong-page-footer {
    background-color: #101010;
    color: #ffffff;
}

.bpong-page-footer a, .bpong-page-header a {
    color: #ffffff;
}

.bpong-page-footer a:hover, .bpong-page-header a:hover {
    color: #0bb4aa;
}

.bpong-page-header .offcanvas {
    background-color: var(--bp-menu-bg-color);
    color: var(--bp-menu-color);
}

.bpong-page-header .offcanvas a {
    color: var(--bp-menu-color);
}

.bpong-page-header .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%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bpong-page-header {
    background-image: url(/img/bg/bg-lbpf-blurred.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.bpong-page-title {
    color: #ffffff;
    font-size: 1rem;
}

.bpong-page-header .navbar-brand img {
    width: 20vw;
    max-width: 200px;
    min-width: 100px;
}

.bpong-page-header-text {
    text-align: center;
}

.bpong-page-footer {
    background-image: url(/img/bg/bg-lbpf-blurred.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.bpong-blink {
    animation: bpong-blink 1s linear infinite;
}

@keyframes bpong-blink {
    50% {
        opacity: 0;
    }
}

.bpong-spinner-border-small {
    width: 1rem !important;
    height: 1rem !important;
}

.bpong-nowrap {
    white-space: nowrap;
}

.bpong-gray-text {
    color: gray !important;
}

.bpong-spin {
    animation: 0.75s linear infinite spinner-border;
    -webkit-animation: 0.75s linear infinite spinner-border;
    display: inline-block;
}

/* Bullets */

ol.bpong-lst-0, ol.bpong-lst-1, ol.bpong-lst-2, ol.bpong-lst-3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol.bpong-lst-0 li, ol.bpong-lst-1 li, ol.bpong-lst-2 li, ol.bpong-lst-3 li {
    margin-top: 0;
    margin-bottom: 1rem;
}


ol.bpong-lst-0.bpong-start {
    counter-reset: bpong-lst-ctn-0 0;
}

ol.bpong-lst-0 > li {
    counter-increment: bpong-lst-ctn-0;
}

ol.bpong-lst-0 > li:before {
    content: "" counter(bpong-lst-ctn-0, decimal) ". ";
}

ol.bpong-lst-1.bpong-start {
    counter-reset: bpong-lst-ctn-1 0;
}

ol.bpong-lst-1 > li {
    counter-increment: bpong-lst-ctn-1;
}

ol.bpong-lst-1 > li:before {
    content: "" counter(bpong-lst-ctn-0, decimal) "." counter(bpong-lst-ctn-1, decimal) ". ";
}

ol.bpong-lst-2.bpong-start {
    counter-reset: bpong-lst-ctn-2 0;
}

ol.bpong-lst-2 > li {
    counter-increment: bpong-lst-ctn-2;
}

ol.bpong-lst-2 > li:before {
    content: "" counter(bpong-lst-ctn-0, decimal) "." counter(bpong-lst-ctn-1, decimal) "." counter(bpong-lst-ctn-2, decimal) ". ";
}

ol.bpong-lst-3.bpong-start {
    counter-reset: bpong-lst-ctn-3 0;
}

ol.bpong-lst-3 > li {
    counter-increment: bpong-lst-ctn-3;
}

ol.bpong-lst-3 > li:before {
    content: "" counter(bpong-lst-ctn-0, decimal) "." counter(bpong-lst-ctn-1, decimal) "." counter(bpong-lst-ctn-2, decimal) "." counter(bpong-lst-ctn-3, decimal) ". ";
}

li.bpong-li-0:before, li.bpong-li-1:before, li.bpong-li-2:before, li.bpong-li3:before {
    white-space: nowrap;
    display: inline-block;
}

li.bpong-li-0, li.bpong-li-1, li.bpong-li-2, li.bpong-li-3 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: justify;
}

li.bpong-li-0:before {
    margin-left: -1.5em;
    min-width: 1.5em;
}

li.bpong-li-0 {
    margin-left: 1.5em;
    margin-top: 2em;
}

li.bpong-li-1:before {
    margin-left: -2.5em;
    min-width: 2.5em;
}

li.bpong-li-1 {
    margin-left: 3.5em;
    margin-top: 1em;
}

li.bpong-li-2:before {
    margin-left: -3em;
    min-width: 3em;
}

li.bpong-li-2 {
    margin-left: 6.4em;
    margin-top: 1em;
}

li.bpong-li-3:before {
    margin-left: -3.5em;
    min-width: 3.5em;
}

li.bpong-li-3 {
    margin-left: 9.8em;
    margin-top: 1em;
}