:root {
    scroll-padding-top: 30vh;
    --main-primary-color: 133, 18, 251;
}

.bd-sidebar-toggle {
    color: #6c757d;
}

    .bd-sidebar-toggle:hover, .bd-sidebar-toggle:focus {
        color: #7952b3;
    }

    .bd-sidebar-toggle:focus {
        box-shadow: 0 0 0 3px rgba(var(--main-primary-color), 0.25);
    }

    .bd-sidebar-toggle .bi-collapse {
        display: none;
    }

    .bd-sidebar-toggle:not(.collapsed) .bi-expand {
        display: none;
    }

    .bd-sidebar-toggle:not(.collapsed) .bi-collapse {
        display: inline-block;
    }

@media (max-width: 767.98px) {
    .bd-sidebar {
        margin: 0 -.75rem 0;
    }
}

.bd-links {
    overflow: auto;
    font-weight: 600;
}

@media (min-width: 768px) {
    .bd-links {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 7rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto;
    }
}

@media (max-width: 767.98px) {
    .bd-links > ul {
        padding: 1.5rem .75rem;
        background-color: #f8f9fa;
        border-bottom: 1px solid #e9ecef;
    }
}

.bd-links a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    color: rgba(0,0,0,0.65);
    text-decoration: none;
}

    .bd-links a:hover, .bd-links a:focus {
        color: rgba(0,0,0,0.85);
        background-color: rgba(var(--main-primary-color), 0.1);
    }

.bd-links .btn {
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0,0,0,0.65);
    background-color: transparent;
    border: 0;
}

    .bd-links .btn:hover, .bd-links .btn:focus {
        color: rgba(0,0,0,0.85);
        background-color: rgba(var(--main-primary-color), 0.1);
    }

    .bd-links .btn:focus {
        box-shadow: 0 0 0 1px rgba(var(--main-primary-color), 0.7);
    }

    .bd-links .btn::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform 0.35s ease;
        transform-origin: .5em 50%;
    }

    .bd-links .btn[aria-expanded="true"] {
        color: rgba(0,0,0,0.85);
    }

        .bd-links .btn[aria-expanded="true"]::before {
            transform: rotate(90deg);
        }

.bd-links .active {
    font-weight: 600;
    color: rgba(0,0,0,0.85);
}

@media (min-width: 768px) {
    .bd-layout {
        display: grid;
        gap: 1.5rem;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 3fr;
    }
}

@media (min-width: 992px) {
    .bd-layout {
        grid-template-columns: 1fr 5fr;
    }
}

.bd-sidebar {
    grid-area: sidebar;
}

.bd-main {
    grid-area: main;
}

@media (min-width: 768px) {
    .bd-main {
        margin-top: 1.5rem !important;
        display: grid;
        gap: inherit;
        grid-template-areas: "toc" "content";
        grid-template-rows: auto 1fr;
    }
}

@media (min-width: 992px) {
    .bd-main {
        grid-template-areas: "content toc";
        grid-template-columns: 4fr 1fr;
        grid-template-rows: 1fr;
    }
}

@media (max-width: 768px) {
    .bd-main {
        grid-template-areas: "content toc";
        grid-template-columns: 4fr 1fr;
        grid-template-rows: 1fr;
    }

    footer {
        gap: 1rem;
    }
}

.bd-toc {
    grid-area: toc;
}

.bd-content {
    grid-area: content;
    min-width: 1px;
}

@media (min-width: 992px) {
    .bd-toc {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        right: 0;
        z-index: 2;
        height: calc(100vh - 7rem);
        overflow-y: auto;
    }
}

.bd-toc nav {
    font-size: .875rem;
}

    .bd-toc nav ul {
        list-style: none
    }

        .bd-toc nav ul ul {
            padding-left: 1rem;
            margin-top: .25rem
        }

    .bd-toc nav li {
        margin-bottom: .25rem;
    }

    .bd-toc nav a {
        color: inherit;
    }

        .bd-toc nav a:not(:hover) {
            text-decoration: none
        }

@media (max-width: 768px) {
    .navbar {
        position: absolute !important;
    }

    .bd-main {
        min-height: 55vh;
    }

    .logo {
        width: 200px !important;
        height: auto;
    }
}

details > summary * {
    display: inline-block !important;
    padding-left: 0.75rem;
}

details > summary em {
    padding-left: 0;
}

.alert > p {
    margin-bottom: 0 !important;
}

#lightgallery img {
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.blockquote {
    background: #f9f9f9;
    border-left: 4px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    font-size: unset !important;
}

    .blockquote p {
        display: inline;
    }

.BreadCrumbSiteMap {
    font-size: .75rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.5rem !important;
}

.border-primary {
    border-color: rgb(var(--main-primary-color)) !important;
}

/*.bd-main li {
    margin-bottom: 1rem;
}*/

.mark, mark {
/*    background-color: #fff0a3;*/
/*    background-color: rgb(var(--main-primary-color));*/
}