.elementor-10711 .elementor-element.elementor-element-eb3741d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10711 .elementor-element.elementor-element-eb3741d:not(.elementor-motion-effects-element-type-background), .elementor-10711 .elementor-element.elementor-element-eb3741d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://shopsurvivor.info/wp-content/uploads/2023/12/Hard-Pink-Gradient-01-scaled.jpg");background-position:-800px -82px;background-repeat:no-repeat;background-size:cover;}.elementor-10711 .elementor-element.elementor-element-e19a5db{--spacer-size:50px;}.elementor-10711 .elementor-element.elementor-element-2af8887{width:var( --container-widget-width, 100% );max-width:100%;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-10711 .elementor-element.elementor-element-2af8887 .elementor-heading-title{font-family:"Ramabhadra", Sans-serif;font-size:42px;font-weight:bold;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-1px;word-spacing:0em;color:#FFFFFF;}.elementor-10711 .elementor-element.elementor-element-32324a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}body.elementor-page-10711:not(.elementor-motion-effects-element-type-background), body.elementor-page-10711 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-10711 .elementor-element.elementor-element-eb3741d:not(.elementor-motion-effects-element-type-background), .elementor-10711 .elementor-element.elementor-element-eb3741d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-10711 .elementor-element.elementor-element-2af8887{width:100%;max-width:100%;}.elementor-10711 .elementor-element.elementor-element-2af8887 .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-10711 .elementor-element.elementor-element-eb3741d:not(.elementor-motion-effects-element-type-background), .elementor-10711 .elementor-element.elementor-element-eb3741d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-489px -338px;}.elementor-10711 .elementor-element.elementor-element-eb3741d{--padding-top:040px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-10711 .elementor-element.elementor-element-2af8887{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10711 .elementor-element.elementor-element-2af8887 .elementor-heading-title{font-size:30px;line-height:1.2em;letter-spacing:0.5px;}.elementor-10711 .elementor-element.elementor-element-32324a5{margin:0px -28px calc(var(--kit-widget-spacing, 0px) + 0px) -28px;}}/* Start custom CSS *//* Seleziona la barra di navigazione */
header.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 1000;
}

/* Cambia colore della barra quando l'utente scrolla oltre un certo punto */
header.site-header.scrolled {
  background-color: #000; /* Colore dopo lo scroll */
}

/* Aggiungi una regola per attivare la classe quando si scrolla */
body.elementor-page > header.site-header.scrolled {
  background-color: #000; /* Cambia colore come preferisci */
}



/* Se ci sono elementi che escono dalla larghezza della pagina, impediscilo */
* {
    box-sizing: border-box;  /* Garantisce che padding e border non causino overflow */
}

/* Aggiungi questa regola per evitare che qualsiasi elemento "sfondi" la larghezza della pagina */
body {
    width: 100%;
    overflow-x: hidden;
    position: relative; /* Assicura che il body non si sposti orizzontalmente */
}

/* In caso ci siano contenuti che non si adattano alla larghezza (es. larghezze fisse), nascondili */
html {
    overflow-x: hidden;
}/* End custom CSS */