@import 'fonts.css';

@import 'normalize.css';
@import 'variables.css';
@import 'globals.css';

@import 'section.css';
@import 'newscard.css';
@import 'footer.css';
@import 'calendar.css';



.container-component>*+* {
  margin-top: 0;
}

.container-header .container-search {
  margin-top: 0;
}


.container-header {
  background-color:var(--color-header-bg);
  background-image: unset;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); /* Смещение вниз на 2px, размытие 8px, полупрозрачный чёрный */
}

.container-header .container-nav {
  padding: 0;
  align-items: center;
}

.container-header .container-nav:after {
  content:'';
  position: absolute;
  bottom: 7%; /* Смещение границы внутрь */
  border-bottom: 1px solid var(--color-gold);
  width: 100%;
  right: 0;
  z-index: -10;
}

.container-header nav {
  margin-top: 0;
}

.container-header .mod-menu {
  justify-content: center;
  align-items: center;
}

.container-header .mod-menu>li:after,
.container-header .metismenu>li>a:after, 
.container-header .metismenu>li>button:before {
  content: none;
}

/* .container-header .metismenu>li>a:after {
  content: none;
}

.container-header .metismenu>li>button:before {
  content: none;
} */

.mod-list li, 
.metismenu.mod-menu .metismenu-item {
  padding: .25rem 1rem;
  border-radius: var(--border-radius-xs);
  cursor:pointer;
  font-size: medium;
  margin: .5rem;
  font-size:.9rem;
}

/* .metismenu .metismenu-item {
  justify-content: center;
} */

.mod-list li:hover {
  box-shadow: -1px -1px 12px hsla(0, 0%, 100%, .8);
}
.mod-list li:hover>a,
.mod-menu button:hover,
.mod-menu .metismenu-item>button:hover {
  color: var(--color-gold);
}


.container-header .mod-menu>li.active {
  box-shadow: var(--shadowAfter);
}
.container-header .mod-menu>li.active>a,
.container-header .mod-menu>li.active .mod-menu__toggle-sub {
  color: var(--color-gold-light);
}

.metismenu.mod-menu .metismenu-item.active {
  box-shadow: var(--shadowAfter);
  color: var(--color-gold-light);
}
/* .metismenu>li.active>a {
  color: var(--color-gold-light);
} */

.metismenu .metismenu-item a:focus,
.metismenu .metismenu-item.active a {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.metismenu .metismenu-item>button:focus {
  outline: none !important;
  /* border: none !important;
  box-shadow: none !important; */
}

.metismenu.mod-menu .metismenu-item>ul {
  padding: 12px;
  top: 140%;
  border-radius: var(--border-radius-s);
}

.metismenu.mod-menu .mm-collapse {
  background-color:var(--color-header-bg);
  color:#fff!important;
}

.mod-list li>a {
  display:block;
  margin: 0;
  width: 100%;
  height: 100%;
  text-decoration:none;
  font-size:.9rem;
}

.mod-list li .mod-menu__sub {
    padding: 0.5em 1em;
    background-color:var(--color-header-bg);
    /* background-color: #871935; */
    border-radius: var(--border-radius-s);
    top:130%;
    /* background-color:#f5e9dc; */

}

.mod-menu__sub .nav-item {
  margin-bottom: 0.5em;
  color:white;
}
.mod-menu__sub .nav-item.active {
  box-shadow: var(--shadowAfter);
  color: var(--color-gold-light);
}

.mod-menu__sub .nav-item:hover>a:hover {
  text-decoration:none;
}

/* ---------------------------------- */

.hero-title {
  font-family:"Monomakh", sans;
  font-size: calc(24px + (68 - 24) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  line-height: 1.2;
}


/* --------------------------------------------- */

@media (max-width: 992px) {

  .nomobile {visibility: hidden;}

  .header .container-header,
  .container-header {

    position: fixed !important;
    top :auto;
    bottom: 0;
    width:100%;
    padding: 0;
    border-top: 4px solid var(--color-gold);
    box-shadow: none;
  }

  .container-header .container-nav {
    justify-content: left;
  }

  .navbar-toggler, .navbar-toggler:focus {
    position:fixed;
    bottom:25px;
    z-index:9999;
    display:block;
    width:60px;
    height:60px;
    background:var(--color-header-bg);
    border: 4px solid var(--color-gold) !important;
    border-radius:40px;
    right:15px;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  
  .metismenu.mod-menu .metismenu-item {
    /* margin-left:0;
    margin-right:0; */
    width:100%;
    height: calc-size(auto, size + 2svh);
    align-items:center;

    padding: .5rem;
    padding-left: 40%;
    /* margin-bottom:.75rem; */
}

  .navbar-collapse {
    --padding-x-right-left :calc(100vw * 0.1 / 2);
    position: fixed;
    bottom: 55px;
    left: 0;
    padding-top: 1rem;
    padding-left: var(--padding-x-right-left);
    padding-right: var(--padding-x-right-left);
    padding-bottom: 2rem;
    background-color:var(--color-header-bg);
    border-top: 4px solid var(--color-gold);
    width:100%;
    height: auto;
    overflow-y:auto;
  }

  .navbar-collapse.collapsing {
    height: auto;
    transition: left 0.2s ease;
    left:-100%;
  }

  .navbar-collapse.show {
    left: 0;
    transition: left 0.2s ease-in;
  }

  .footer .grid-child {
      padding-bottom: 5rem;
}

.footer-copyright {
  padding-bottom: 4.5rem;
}

/* .sppb-divider {
  margin-top : 40px !important;
} */

}