/* Start:/bitrix/templates/oblako/styles.css?17501462442233*/
.card-sm .card-pinned-top-end {
  top: 1.25rem;
  right: 1.25rem;
}
.card-sm .card-pinned-top-start {
  top: 1.25rem;
  left: 1.25rem;
}

.big-card { min-height: 400px } 
@media (min-width: 576px) { .big-card { min-height: 400px } }
@media (min-width: 768px) { .big-card { min-height: 439px } }
@media (min-width: 992px) { .big-card { min-height: 387px } }
@media (min-width: 1200px) { .big-card { min-height: 466px } }
@media (min-width: 1650px) { .big-card { min-height: 546px } }

.small-card { min-height: 360px } 
@media (min-width: 1650px) { .small-card { min-height: 400px } }

@media (min-width: 768px) { .card-list-img { max-height: 100px } }

.bg-soft-light[href]:hover {
  background-color: rgb(247 250 255 / 35%)!important;
}

.text-secondary {
  color: #496374!important;
}

a h5:hover {
  color: #1366ff!important;
} 

.nav-link.small {
  font-size: .8em;
}


.card-read {
  min-height: 389px;
}

.card-transition-top {
  transition: all .2s ease-in-out;
}

.card-transition-top:hover {
  transform: translateY(-10px);
}

.card-transition-right {
  transition: all .2s ease-in-out;
}

.card-transition-right:hover {
  transform: translateX(10px);
}

.js-shuffle-item .card-title { 
  min-height: 52px;
}
@media (max-width: 576px) {
  .js-shuffle-item .card-title,
  .swiper-slide .card-title { 
    font-size: .875rem 
  } 
  .card-transition-right:hover {
    transform: translateY(-10px);
  }
}

.gradient-y-overlay-sm-gray-900::before {
  background-image: linear-gradient(to bottom, rgb(30 32 34 / 20%), rgb(30 32 34 / 75%));
}

.card,
.rounded {
  border-radius: 1.25rem !important;
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: 1.25rem !important;
  border-bottom-left-radius: 1.25rem !important;
}
.card-img, .card-img-top {
  border-top-left-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
}

/* test */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body > .gradient-x-overlay-sm-primary {
  flex-grow: 1;
}

article img + small,
article .fotorama + small {
  text-align: right;
  display: block;
  margin-top: 0.5rem;
  opacity: .6;
}

/* End */
/* /bitrix/templates/oblako/styles.css?17501462442233 */