/* Local wiring for the recovered Uncode one-page site. */

/* The original client carousel was initialised by the theme's Owl Carousel
   script. The markup is unchanged; these rules provide the same layout for the
   local carousel controller. */
.owl-carousel-container.owl-carousel-loading {
  min-height: 0;
}
.owl-carousel-container.owl-carousel-loading .owl-carousel {
  height: auto;
}
.owl-carousel[data-rebuilt="true"] {
  display: flex;
  align-items: stretch;
  width: 100%;
  will-change: transform;
}
.owl-carousel[data-rebuilt="true"] > .tmb {
  flex: 0 0 calc(100% / var(--per-view, 6));
  max-width: calc(100% / var(--per-view, 6));
  padding-right: 0 !important;
  box-sizing: border-box;
}
.owl-carousel[data-rebuilt="true"] > .tmb .t-inside {
  width: 100%;
}

/* The archive did not preserve the theme's Isotope initialiser. The original
   item classes still carry the column count, so lay them out in the same
   proportions without changing the markup. */
.isotope-system:not(.index-single) .isotope-container {
  opacity: 1 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.isotope-container > .tmb {
  position: relative !important;
  left: auto !important;
  top: auto !important;
}
.isotope-container > .tmb-iso-w3 {
  width: 25%;
}
.isotope-container > .tmb-iso-w4 {
  width: 33.333333%;
}
.isotope-container .tmb .t-inside {
  opacity: 1 !important;
}
@media (max-width: 959px) {
  .isotope-container > .tmb-iso-w3,
  .isotope-container > .tmb-iso-w4 {
    width: 50%;
  }
}
@media (max-width: 569px) {
  .isotope-container > .tmb-iso-w3,
  .isotope-container > .tmb-iso-w4 {
    width: 100%;
  }
}

/* Media slots whose original file was never archived keep the card geometry
   and the site's dark palette instead of displaying a broken image icon. */
.t-entry-visual[data-media-missing] .t-entry-visual-cont {
  background-color: #242328;
}
.t-entry-visual[data-media-missing] .dummy {
  min-height: 1px;
}
.background-inner.bg-missing {
  background-color: #242328;
}

@media (max-width: 959px) {
  .menu-container .logo-container {
    padding: 20px 24px !important;
  }
  .main-menu-container .menu-smart a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* The archived theme used JavaScript to reveal the header background and
   animated blocks. The local build keeps the same markup; make the content
   visible without waiting for the removed third-party script. */
#page-header .header-wrapper > .header-bg-wrapper,
#page-header .header-wrapper > *,
#page-header .header-wrapper .row-container > .row-background {
  opacity: 1 !important;
}
html:not(.no-cssanimations) .animate_when_almost_visible,
html:not(.no-cssanimations) .blocks-animation .header-title > *,
html:not(.no-cssanimations) .blocks-animation .post-info {
  opacity: 1 !important;
  animation: none !important;
}

/* The cookie settings dialog is opened by the local interaction code. */
.cli-modal,
.cli-modal-backdrop {
  display: none;
}

/* Article header photographs were not preserved for most posts. Keep the
   original 300px header band and page geometry, filled with the site's dark
   media-missing colour instead of inventing a replacement image. */
#page-header .header-bg.bg-missing {
  background-color: #242328;
}