/* Additions for the rebuilt site. The theme's own styles are in index.css. */

.pre_loader[hidden] { display: none; }

/* Full-height sections (previously sized by a script on load and resize). */
#fullpage .fp-section { height: 100vh; }
#fullpage .fp-tableCell { height: 100vh; }
/* Centre the slider dots whatever their width. */
#section0 .fp-slidesNav.bottom { margin-left: 0; transform: translateX(-50%); }

/* Keep the sections' own stacking order beneath the fixed header and menu. */
#fullpage { position: relative; isolation: isolate; }

@media (max-width: 992px) {
  .wpt_page_first .fp-section,
  #fullpage .fp-tableCell { height: auto; }
}

/* Portfolio grid (previously positioned by a layout script). */
.izotope_container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#section3 .izotope_item { position: relative; float: none; }
#section3 .izotop_show img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
}

/* Inline SVG icons (previously an icon font loaded from a third party). */
svg.icon {
  display: inline-block;
  height: 1em;
  width: auto;
  vertical-align: -0.125em;
  overflow: visible;
}
i:has(> svg.icon) { font-style: normal; }

/* Popup fade, as configured on the old site. */
.mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.1s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-wrap { opacity: 0; transition: opacity 0.1s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready { opacity: 1; }

/* The whole tile opens the gallery or link. */
#section3 .izotope_item { cursor: pointer; }