html {
    font-size: 15px !important;
}

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;
}

[data-bs-theme=dark] .datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker span.month:hover,
.datepicker span.month.focused,
.datepicker span.year:hover,
.datepicker span.year.focused,
.datepicker span.decade:hover,
.datepicker span.decade.focused,
.datepicker span.century:hover,
.datepicker span.century.focused {
    color: rgba(0, 0, 0, 0.94);
}

.ts-wrapper.form-control, .ts-wrapper.form-select {
    /*padding: 19px 4px 0 3px !important;*/
    padding: 1px 4px 0 3px !important;
}
.ts-control {
    padding-top: 25px !important;
    padding-bottom: 0 !important;
}
[data-bs-theme=dark] .ts-wrapper.multi .ts-control > div {
    background-color: #495057;
    color: #E9E9E9;
}
[data-bs-theme=dark] .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left-color: #8D8D8D;
}

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

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

.nav a {
    color: darkgray !important;
}
.nav a.active {
    font-weight: bold;
    color: lightgray !important;
}
[data-bs-theme=light] .nav a {
    color: #222 !important;
}
[data-bs-theme=light] nav .link-secondary {
    color: black !important;
}

[data-bs-theme=light] nav .nav-link:hover {
    color: black !important;
    background-color: #eee !important;
    border-radius: 4px;
}

[data-bs-theme=dark] nav .nav-link:hover {
    color: white !important;
    background-color: #4a4e52 !important;
    border-radius: 4px;
}

[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;
}

main {
    margin: 0;
}
footer {
    margin: 10px 0 30px 0;
    font-size: 90%;
}
footer ul {
    margin: 32px 10px 10px 0;
    padding: 0;
}
footer li {
    list-style-type: none;
    margin: 10px 10px 10px 0;
}

.event-info td,
.section-homepage1 td {
    vertical-align: top;
}
.event-info .square,
.section-homepage1 .square {
    background-color: #E6F0FE;
    padding: 14px 16px;
    margin: 4px 12px 0;
    border-radius: 6px;
    color: #0D6EFD;
}
[data-bs-theme=dark] .event-info .square,
[data-bs-theme=dark] .section-homepage1 .square {
    background-color: #4b4b4b;
    color: white;
}
.event-info table {
    margin-bottom: 8px;
}
.enevt-detail-description, .event-info {
    padding: 15px 12px;
    background-color: #f8f8f8;
    border-radius: 12px;
    border: 1px solid #ddd;
}
.enevt-detail-description {
    padding: 15px 20px;
}
[data-bs-theme=dark] .event-info,
[data-bs-theme=dark] .enevt-detail-description {
    background-color: #1e2226;
    border: 1px solid #3c4044;
}
@media (max-width: 768px) {
    .event-list-svg {
        height: 6.8em;
    }
    h1.event-title {
        text-align: center;
    }
}