/* Noev Kovcheg: independently implemented presentation, not module code. */
:root {
  --cassiopeia-color-primary: #5c2a2a;
  --cassiopeia-color-link: #000;
  --link-color: #000;
  --cassiopeia-color-hover: #f8bb19;
}
html {
  background: url('/images/fon-saita%202.webp') center / cover no-repeat fixed;
}
body { background-color: rgba(232, 232, 232, .37); }
.site-grid {
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 21.875rem)) [main-end] minmax(0, 1fr) [full-end];
  animation: noev-page-enter 1s;
}
.header .grid-child, .footer .grid-child, .topbar .grid-child { max-width: 90em; }
.container-component { margin-top: 15px; border: 1px solid #dfe3e7; }
p, li, ul, td, table { font-size: 1rem !important; }
.h1, h1 { font-size: 1.875rem; }
.h2, h2 { font-size: 1.571rem; }
.h3, h3 { font-size: 1.286rem; }
.h4, h4 { font-size: 1.111rem; }
.h5, h5 { font-size: 1.05rem; }
.btn, .badge { border-radius: .3rem; }
.btn-primary { color: #fff; background-color: #5c2a2a; border-color: #5c2a2a; }
.btn-secondary { color: #353b41; background-color: #fff; border-color: #ced4da; }
.btn-info { color: #fff; background-color: #30638d; border-color: #30638d; }
.btn-success { color: #fff; background-color: #448344; border-color: #448344; }
.btn-warning { color: #fff; background-color: #ad6200; border-color: #ad6200; }
.btn-danger { color: #fff; background-color: #a51f18; }
.blog-item { background-color: rgba(255, 255, 255, .88); }
.card, .mm-collapse, .breadcrumb, .item-content, .blog-item, .item-image,
.item-page, .card-header, .left.item-image img, .category-list, .reset,
.remind, .pagination, .page-link, .login, .list-group-item, .finder,
.no-card .newsflash-horiz li, .container-component { border-radius: .3em !important; }
.item-page, .com-users, .com-users-reset, .com-users-remind, .com-users-profile,
.com-content-category, .card, .mod-articlesnews-horizontal li, .breadcrumb,
.finder, .login, .container-component {
  background-color: rgba(255, 255, 255, .88) !important;
  padding: 15px;
}
.card-header { color: #fff; background-color: #5c2a2a; }
.item-content { padding: 15px; }
.metismenu.mod-menu .metismenu-item { flex-wrap: wrap !important; padding: 15px; }
.metismenu.mod-menu .mm-collapse { background-color: #fff; }
.metismenu.mod-menu .parent > ul a,
.metismenu.mod-menu .parent > ul a:hover { color: #000; }
.container-header .metismenu > li.level-1 > ul { min-width: 15rem; }
.container-header .mod-menu, .container-header .navbar-toggler { color: #fff; }
.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before { background: #5c2a2a; opacity: 1; }
/* Empty module image settings used to request the HTML homepage as an image. */
.container-header { background: none; box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, .36); }
.footer { background: none; }
.footer .grid-child { align-items: flex-start; }
.brand-logo, .navbar-brand { font-family: Roboto; }
.navbar-brand { padding-top: 0; padding-bottom: 0; }
.result__title-text { font-size: 1.5rem; color: #5c2a2a; }
.result__item > * + * { margin-left: 1em; margin-bottom: 1em; }
@keyframes noev-page-enter { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 768px) {
  .footer .grid-child { display: flex; flex: 1 1 300px; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .site-grid { animation: none; } }