:root {
  --bs-offcanvas-zindex: 1041;
  /* 198	56	51	red color */
}

.ci1 {color: var(--I1);}
.ci2 {color: var(--I2);}
.cp1 {color: var(--P1);}
.cp2 {color: var(--P2);}
.bp1 {background-color: var(--P1);}
.bp2 {background-color: var(--P2);}
.bc1 {background-color: var(--C1);}
.bc2 {background-color: var(--C2);}

.mmb-75 {
  margin-bottom: -0.75rem;
}

.news-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news-row.row-cols-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);
}

.news-row.row-cols-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);

}

@media (min-width: 576px) {
  .news-row.row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);  
  }
}

@media (min-width: 768px) {
  .news-row.row-cols-md-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-md-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

@media (min-width: 992px) {
  .news-row.row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: calc(25% - 0.5em);
  }
  .news-row.row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

@media (min-width: 1200px) {
  .news-row.row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

.news-row > * {
  max-width: 100%;
  box-sizing: border-box;
}

.sticky-top {
  z-index: initial;
}

.emobar .emo {
  filter: grayscale(1);
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
  padding: 0 4px;
}
.emobar .emo.emo-active {
  filter: grayscale(0);
  border: 1px solid hsl(var(--pback));
}
.emobar .emo:first-child {
  filter: grayscale(0);
}

.outline-none {
  outline: none;
}

section.news iframe, article.news iframe, .article_sm iframe{
  width: 100%;
  height: 100%;
  /* height: auto; */
}

.main-image-grad {
  background-image: linear-gradient(to top, hsla(from var(--P1) H S L / 0.5), transparent 80%);
  pointer-events: none;
  overflow: hidden;
}

.not-clickable {
  pointer-events: none;
}
.clickable {
  pointer-events: auto;
}

.ms-btn-ui {
    color: var(--P1);
    border-color: var(--P1);
    background-color: hsla(from var(--I1) H S L / 0.90);
    text-decoration: none;
}
.ms-btn-ui:hover {
    color: hsl(from var(--P1) H S calc(L - 10));
    border-color: hsl(from var(--P1) H S calc(L - 10));
    background-color: var(--I1)
}
.ms-btn-ui:active {
    color: var(--P1);
    border-color: var(--P1);
    background-color: var(--I1);
}

@media (prefers-color-scheme: dark) {
  .ms-btn-ui.adaptive,
  .ms-btn-ui.adaptive:hover,
  .ms-btn-ui.adaptive:active {
    /* background-color: hsl(from var(--I2) H S calc(L - 3)); */
    background-color: hsl(from var(--I2) H S calc(L - 3) /0.5);
    border-color: hsl(from var(--I1) H S calc(L - 1) /0.5);
  }
}

/* ADS */
.banner-container .banner_item.example img {
  border: 1px dashed #AAAAAA;
}

/* menu */
.main-menu menu {
  margin: 0;
}
.main-menu .nav-link, .main-menu .nav-link a, .main-menu .menu-item a {
  color: var(--I1);
  /* padding: 0; */
  /* width: 100%; */
}
.main-menu .navbar-nav .nav-link.show,
.main-menu .nav-link a.active,
.main-menu .nav-link.active,
.main-menu .menu-item a:hover{
  color: var(--P2);
}
.main-menu .edit-link {
  color: var(--I1);
}
.main-menu .logo {
  min-width: 8rem;
}
.main-menu .dropdown-item {
  padding: 0 .5rem;
}
.main-menu .dropdown-item:focus,
.main-menu .dropdown-item:hover {
  color: var(--P1);
  background-color: hsl(from var(--P1) H S calc(L - 1) /0.2);
  width: 100%;
}
.main-menu .navbar-nav-scroll {
  overflow-y: unset;
}
@media (max-width: 992px) {
/* .main-menu  .navbar-collapse.show > menu {} */
.main-menu.navbar-expand-lg menu {
  flex-direction: column;
}
.main-menu.navbar-expand-lg menu .menu-item {
  margin-bottom: 0.3rem;
}
}

/* buttons */
.ms-btn-primary,
.ms-btn-primary > a {
    color: var(--I1);
    background-color: var(--P1);
    border-color: var(--P1);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ms-btn-primary:hover,
.ms-btn-primary:hover > a {
    color: var(--P1);
    background-color: var(--I1);
    border-color: var(--P1);
}
.ms-btn-primary.reverse,
.ms-btn-primary.reverse > a {
    color: var(--P1);
    background-color: var(--I1);
}
.ms-btn-primary.reverse:hover,
.ms-btn-primary.reverse:hover > a {
    color: var(--I1);
    background-color: var(--P1);
}

.ms-btn-secondary,
.ms-btn-secondary > a {
    color: var(--I2);
    background-color: var(--P2);
    border-color: var(--P2);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ms-btn-secondary:hover,
.ms-btn-secondary:hover > a {
    color: var(--P2);
    background-color: var(--I2);
    border-color: var(--P2);
}
.ms-btn-secondary.reverse,
.ms-btn-secondary.reverse > a {
    color: var(--P2);
    background-color: var(--I2);
}
.ms-btn-secondary.reverse:hover,
.ms-btn-secondary.reverse:hover > a {
    color: var(--I2);
    background-color: var(--P2);
}


/* paginator */

.page-item .page-link {
    color: var(--P1);
}
.page-item .page-link:hover {
    color: hsl(from var(--P1) H S calc(L - 1) /0.8);
    background-color: hsl(from var(--P1) H S calc(L - 1) /0.1);
}

.page-item.active .page-link {
    color: var(--I1);
    background-color: var(--P1);
    border-color: var(--P1);
}


/* promo block */

.promo-old-school{
    position: -webkit-sticky;
    position: sticky;
    bottom: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    box-shadow: 0 -5px 1em -4px rgb(0 0 0 / 13%);
    border: 1px solid #858585;
    border-radius: 999px;
    z-index: 3;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* padding: 1.2rem 2.5rem; */
}
@media(max-width:836px) {
    .promo-old-school{
        display: none;
    }
}

.promo-old-school a{
    color: var(--P2);
}
.toast-body a{
    color: var(--P2);
}


.news_xs, .news_sm, .news_md, .news_lg, .news_xl {
  overflow: hidden;
}

/* advert */

.banner-container img {
    max-width: 100%;
    height: auto;
}

/* go-top */
.gotop {
  z-index: 1000;
}

/* user */
address {
  margin-bottom: 0px;
}

.auto-carousel .carousel-control-next,
.auto-carousel .carousel-control-prev {
    width: 10%;
}
.carousel-control-prev[type=button],
.carousel-control-next[type=button] {
    -webkit-appearance: auto;
}

.auto-carousel .carousel-indicators {
    margin-bottom: 0;
}

.auto-carousel .carousel-caption {
    right: 0;
    left: 0;
    width: 100%;
    padding-top: clamp(0.3rem, 0.5rem + 1vw, 1.2rem);
    padding-bottom: clamp(0.3rem, 0.5rem + 1vw, 1.2rem);
    background-color: hsl(from var(--P2) H S calc(L - 10));
    /* background-color: transparent; */
}

.auto-carousel .carousel-caption a {
    color: var(--I1);
}

.news .carousel-caption h5 {
  font-size: clamp(0.7rem, 0.5rem + 1vw, 1.2rem);
  margin-top: 0;
  margin-bottom: 0;
}

/* .page-item {
    padding-top: 20px;
    padding-bottom: 0px;
}

.page-item.active .page-link {
    border-color: #457ade;
    background-color:#3f9ae6;
    color: #fff;
}

.page-item.active .page-link:hover {
    border-color: #457ade;
    background-color:#457ade;
}


.page-item .page-link:hover {
    background-color: #e1e9ec;
}

.page-item .page-link {
    color: #3f9ae6;
}

.page-link {
    text-align:center;
    color:#000;
    min-width: 3em;
    border: 0;
    opacity: .5;
}
.page-item.active .page-link {
    border:0;
    color: var(--I1);
    background-color: var(--P1);

}
.page-item .page-link:hover {
    background-color: transparent;
    color:#000000;
    text-decoration: underline;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius: 0;
} */