/*
 * Decorative layer shared by the inner pages
 * (Gallery, Curriculum, Training, Careers, Contact, Programs).
 * Reuses the theme's own artwork and effects, as on Home and About:
 *   - section textures via data-bg-src
 *   - floating decorations that drift with the mouse (.parallax-wrap / .parallax-element)
 *     and with scrolling (data-vs-gsap-parallax-speed)
 * Decorations sit behind the content, never take clicks,
 * and are hidden below 992px like the theme's own decorations.
 */

.deco-section {
  position: relative;
  /* clip (not hidden) keeps position: sticky working inside the section */
  overflow-x: clip;
}

/* keep the texture at its natural scale on tall sections instead of stretching it */
.deco-section[data-bg-src] {
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: top center;
}

.deco-section > .container,
.deco-section > .container-fluid {
  position: relative;
  z-index: 2;
}

.deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  line-height: 0;
}

.deco img {
  display: block;
  width: 100%;
  height: auto;
}

/* sizes */
.deco--xs { width: 70px; }
.deco--sm { width: 100px; }
.deco--md { width: 140px; }
.deco--lg { width: 190px; }

/* softer artwork (large clouds/doodles) */
.deco--soft { opacity: 0.6; }

/* laptops: shrink so they stay in the side margins */
@media (max-width: 1399px) {
  .deco--sm { width: 80px; }
  .deco--md { width: 105px; }
  .deco--lg { width: 140px; }
}

/* tablets and phones: hidden, same as the theme's decorations */
@media (max-width: 991px) {
  .deco { display: none; }
}

/* Smaller gap between the top banner and the first section (inner pages).
   Theme default: 120px desktop / 80px mobile. Applied by adding class "tight-top"
   to a page's first section. To revert, remove the class or delete this block. */
.space.tight-top {
  padding-top: 40px;
}

@media (max-width: 991px) {
  .space.tight-top {
    padding-top: 30px;
  }
}

/* Palm tree "planted" on the section's bottom edge, exactly like Home/About
   (theme .vs-about--ele1: natural size, bottom 0, 10% from the right, no movement).
   To revert, delete this block and restore the pages from the backup. */
.deco--planted {
  width: 131px;
  bottom: 0;
  right: 10%;
}