/*
Theme Name: myour child
Template: myour
Version: 1.0.2
Text Domain: myour-child
*/
/* Compact portrait framing for the professional profile. */
.background-bg { background: #007A80; }
.background-bg .background-filter {
  inset: auto;
  top: 50%;
  left: 50%;
  width: min(280px, calc(100% - 48px));
  height: auto;
  aspect-ratio: 4 / 5;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(25, 43, 51, 0.12);
}
.background-bg .background-img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .background-bg { position: fixed; top: 0; left: 0; width: 32%; height: 100vh; }
  .wrapper { margin-left: 32%; }
}
@media (max-width: 767px) {
  .background-bg { margin-top: 80px; width: 100%; height: 280px; }
  .background-bg .background-filter { width: 180px; }
  .wrapper { margin: 0; }
}

/* Readable section anchors and portfolio navigation. */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 100px; }
.elementor-widget-image img { max-width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
