/* контейнер главной картинки */

.avia-gallery-big {
  aspect-ratio: 16 / 9;
  /* 👈 выбери пропорцию */
  width: 100%;
  overflow: hidden;
}

/* картинка заполняет контейнер */

.avia-gallery-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =================================================
   ФИНАЛЬНЫЙ CSS ДЛЯ ГАЛЕРЕИ МИНИАТЮР
   только CSS, максимальная совместимость
================================================= */

/* ---------- КОНТЕЙНЕР МИНИАТЮР ---------- */

.avia-gallery-thumb {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  /* 👈 ничего не уезжает */
  padding: 0;
  justify-content: flex-start;
  /* 👈 прижимаем влево */
  -webkit-overflow-scrolling: touch;
}

/* скрыть скролл (webkit) */

.avia-gallery-thumb::-webkit-scrollbar {
  height: 0;
}

/* ---------- МИНИАТЮРЫ ---------- */

.avia-gallery-thumb a,
.avia-gallery-thumb span {
  flex: 0 0 28%;
  /* 👈 размер миниатюр */
  margin-right: 10px;
  /* отступ МЕЖДУ миниатюрами */
  cursor: pointer;
  opacity: .75;
  display: block;
  box-sizing: border-box;
}

.avia-gallery-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* активная миниатюра */

.avia-gallery-thumb .active-thumb {
  outline: none;
  opacity: 1;
  filter: brightness(1.05);
}

/* ---------- СТРЕЛКИ + ЗАТЕМНЕНИЕ ---------- */

.avia-gallery-thumb::before,
.avia-gallery-thumb::after {
  content: "";
  position: sticky;
  /* не уезжают при скролле */
  top: 0;
  width: 56px;
  height: 100%;
  /* по высоте миниатюр */
  pointer-events: none;
  z-index: 5;
  display: flex;
  align-items: center;
  /* вертикальный центр */
  justify-content: center;
  font-size: 38px;
  /* размер стрелок */
  font-weight: 700;
  line-height: 4;
  color: rgba(0,0,0,.45);
}

/* левая сторона */

.avia-gallery-thumb::before {
  content: "‹";
  left: 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,.95),
    rgba(255,255,255,0)
  );
}

/* правая сторона */

.avia-gallery-thumb::after {
  content: "›";
  right: 0;
  background: linear-gradient(
    to left,
    rgba(255,255,255,.95),
    rgba(255,255,255,0)
  );
}

/* ---------- МОБИЛКА ---------- */

@media (max-width: 768px) {
  .avia-gallery-thumb a,
  .avia-gallery-thumb span {
    flex: 0 0 40%;
  }

  .avia-gallery-thumb::before,
  .avia-gallery-thumb::after {
    width: 46px;
    font-size: 32px;
  }
}

.headerbox {
  background-color: #9b0a08;
  color: #9b0a08;
}

.main-navigation a:hover {
  color: #ab2a28;
}

#theme-sidebar h3 {
  color: #9b0a08;
  border-color: #bdbdbd;
}

#theme-sidebar a:hover {
  color: #9b0a08;
}

strong {
  color: #9b0a08;
}

.page_item.page-item-714 {
  color: #9B0A08;
}

.fas.fa-search {
  background-color: #9B0A08;
}

.inner_searchbox button[type="submit"]:hover {
  background-color: #9B0A08;
}

.main-navigation .current_page_item > a {
  color: #cc2926;
}

#pages-2.widget.widget_pages {
  border-color: #9b0a08;
}

.content-area .right-sidebar p a {
  color: #9b0a08;
}

#footer button[type="submit"] {
  background-color: #9b0a08;
}

.site-info {
  background-color: #9b0a08;
  color: #9b0a08;
}

.site-info a:hover {
  color: #9b0a08;
}

a:hover {
  color: #ababab;
}

.row {
  color: #8a0200;
}

.fas.fa-user.mb-1.me-2 {
  color: #9b0a08;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #ba1717;
  color: #ffffff;
  padding: 5px;
}

.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
  width: 300px;
}

@media (max-width: 768px) {
  .header-img,
  .single-page-img,
  .external-div {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
}

.logo p a:hover {
  color: #8c8c8c;
}