body {
    padding-bottom: 20px;
    --bs-btn-active-border-color: #555;
}

a {
    text-decoration: none;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #474848;
}

[data-bs-theme=light] .dropdown-menu {
    --bs-dropdown-link-hover-bg: #f1f1f1;
    --bs-dropdown-link-active-bg: #d6d6d6;
    --bs-dropdown-link-active-color: black;
}

nav .link-secondary {
    color: white !important;
    font-weight: bold;
}

nav .link-secondary:hover {
    color: darkgray !important;
}

[data-bs-theme=light] nav .link-secondary {
    color: black !important;
}

[data-bs-theme=light] nav .nav-link:hover {
    color: gray !important;
}

[data-bs-theme=light] #logo-light {
    display: block !important;
}
[data-bs-theme=light] #logo-dark {
    display: none !important;
}

[data-bs-theme=dark] #logo-light {
    display: none !important;
}

[data-bs-theme=dark] #logo-dark {
    display: block !important;
}

/* Картинка свитчера темы */
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.bd-masthead {
    --bd-violet-rgb: 112.520718,44.062154,249.437846;
    --bd-accent-rgb: 255,228,132;
    --bd-pink-rgb: 214,51,132;
    /*padding: 3rem 0;*/
    background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);
}

.featurette-divider {
    margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: yellow !important;
}

.modal {
    backdrop-filter: blur(3px);
}

/* Thin out the marketing headings */
.featurette-heading {
    letter-spacing: -.05rem;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}
@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}
@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

.bd-mode-toggle {
    /*z-index: 1500;*/
}
.bd-mode-toggle .dropdown-menu .active .bi {
    /*display: block !important;*/
}

label.required:after {
    content: ' *';
    color: red;
}