/*
Theme Name: Phlox Pro Child
Theme URI: https://averta.net/phlox/
Description: Thème enfant de Phlox Pro
Author: Ton nom
Template: phlox-pro
Version: 1.0.0
*/

/* BASE */
.mask-parallax {
  height: 60vh;
  min-height: 350px;
  position: relative;

  background-image: url("https://template10.sitessanssoucis.fr/wp-content/uploads/2026/04/reine.jpg");
  background-size: cover;
  background-position: center 0px;
  background-repeat: no-repeat;

  /* MASQUE */
  -webkit-mask-image: url("https://template10.sitessanssoucis.fr/wp-content/uploads/2026/04/crane.svg");
  mask-image: url("https://template10.sitessanssoucis.fr/wp-content/uploads/2026/04/crane.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

/* TABLETTE */
@media (max-width: 1024px) and (min-width: 769px) {
  .mask-parallax {
    -webkit-mask-size: 90%;
    mask-size: 90%;
  }
}

/* MOBILE */

@media (max-width: 768px) {
  .mask-parallax {
    -webkit-mask-size: 90%;
    mask-size: 90%;

    -webkit-mask-position: center;
    mask-position: center;
  }
}

@media (max-width: 468px) {
  .mask-parallax {
    -webkit-mask-size: 120%;
    mask-size: 120%;

    -webkit-mask-position: center;
    mask-position: center;
  }
}