@import "1-base/reset.css"; 
@import "1-base/variables.css"; 
@import "1-base/typography.css"; 
@import "1-base/utils.css"; 

@import "7-vendors/css/bootstrap.css";
@import "7-vendors/css/monstroid.css"; 

@import "./ui/pagination.css";
@import "./ui/tags.css";

/* @import "header.css"; */
@import "default-color.css";

@import "review-slider.css"; 
@import "youtube.css"; 
@import "yandex-map.css"; 
@import "main-slider.css"; 
@import "show.css"; 
@import "./afisha/_main.css"; 
@import "slide-slick.css";
@import "repertoire.css";
@import "persons.css";

html, main {
    min-height: 100%;
}
body {
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
.page {
    display: flex;
    flex-direction: column;
}
#main {
    flex: 1 0 auto;
}

h1,h2,h3,h4,h5,h6{
    color: var(--S_HEADERS_COLOR);
}

#audioButton.active .audio-on {
    display: inline-block;
}
#audioButton .audio-on {
    display: none;
}
#audioButton.active .audio-off {
    display: none
}
#audioButton .audio-off {
    display: inline-block;
}

.page-content ul,
.html-block ul {
    list-style-type: disc;
}

.page-content ol,
.html-block ol { 
    list-style-type: decimal;
    list-style-position: inside;
}

.page-content ul li,
.html-block ul li,
.page-content ol li,
.html-block ol li {
    display: list-item;
}

/* ограничил по просьбе организаторов  */
@media (min-width: 1600px) {
    .container {
        max-width: 1200px;
    }
}