/*
Theme Name: Reframe Child
Template: reframe
Description: Unlearn English customisations on a clean copy of Reframe. Holds the eye animation, the section slideshow and the site's own CSS, so the parent theme stays exactly as supplied.
Version: 1.0.0
Text Domain: reframe-child
*/

/* Glass panels, used on the homepage's Elementor sections. */
.glass {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(5px);
  isolation: isolate;
  will-change: backdrop-filter;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.glasssonly {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(5px);
  isolation: isolate;
  will-change: backdrop-filter;
  border-radius: 0;
  border: 0 solid rgba(255, 255, 255, 0.1);
}

/* Full-bleed hero on phones. */
@media (max-width: 767px) {
  .left-content,
  .left-content .inner-content,
  .picture-box,
  .picture-box .profile-frames,
  .picture-box .slideshow-imgs {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    left: 0;
    right: 0;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

/* Keeps the frame lines inside the picture box. */
.frame {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
}