/*
Theme Name: Amplify!
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress based child theme.
Author: Marco
Author URI: https://www.vectorealism.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import 
@font-face{
    font-family:"NeueHaasGroteskText Pro";
    src:url("fonts/95ea534a-2fc2-4365-9df6-5530cbc58cdf.woff2") format("woff2"),url(fonts/4b96e8db-6bb0-4bbf-8561-ad1668425256.woff") format("woff");
}
*/
@font-face {
    font-family: NHaasGrotesk;
    src: url(fonts/2DD0A1_1_0.eot);
    src: url(fonts/2DD0A1_1_0.eot?#iefix) format("embedded-opentype"), url(fonts/2DD0A1_1_0.woff2) format("woff2"), url(fonts/2DD0A1_1_0.woff) format("woff"), url(fonts/2DD0A1_1_0.ttf) format("truetype");
}
@font-face {
    font-family: NHaasGrotesk;
    src: url(fonts/2DD0A1_0_0.eot);
    src: url(fonts/2DD0A1_0_0.eot?#iefix) format("embedded-opentype"), url(fonts/2DD0A1_0_0.woff2) format("woff2"), url(fonts/2DD0A1_0_0.woff) format("woff"), url(fonts/2DD0A1_0_0.ttf) format("truetype");
    font-weight: 700;
}

.js-paint {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2; 
  pointer-events: auto;
}
.cursor-wrapper {
  cursor: url('https://amplify.vecto.studio/wp-content/uploads/2025/08/cursor.png') 24 24, crosshair;
}

body.drawing .js-paint {
  pointer-events: auto;
}


#draw {
  position: relative; /* o absolute/fixed se necessario */
  z-index: 1000; /* molto alto per stare sopra il canvas */
}

/* HEADER DESKTOP */
@media only screen and (max-width: 1280px) {
  #site-header::before {
    display: none !important;
  }
}


@keyframes scrollBackground {
  from { background-position: center top; }
  to { background-position: center bottom; }
}
#site-header::before {
  content: "";
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  height: 100%;
  background-image: 
  linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #FFFAFA 100%),
  url(https://amplify.vecto.studio/wp-content/uploads/2025/08/lattice.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: auto;
  animation: scrollBackground 50s linear infinite !important;
  z-index: -1;
}