/* ==========================================================================
   Into Industries: base comune
   Font, colori del kit Elementor e le poche regole del tema Hello Elementor
   da cui dipendeva la resa (fondo #EEEEEE, testo #333, link #c36).
   ========================================================================== */

@font-face { font-family: "Helvetica Neue Light"; src: url("/wp-content/uploads/2025/09/HelveticaNeueLight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Helvetica Neue Regular"; src: url("/wp-content/uploads/2025/09/HelveticaNeue-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Helvetica Neue Medium"; src: url("/wp-content/uploads/2025/09/HelveticaNeueMedium.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Helvetica Neue Bold"; src: url("/wp-content/uploads/2025/09/HelveticaNeueBold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Raster Forge"; src: url("/wp-content/uploads/2025/09/RasterForge.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Aston Script"; src: url("/wp-content/uploads/2025/09/Aston-Script.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: "Silkscreen Expanded"; src: url("/wp-content/uploads/2025/09/slkscre.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; }
@font-face { font-family: eicons; src: url("../fonts/eicons.woff2") format("woff2"); font-weight: 400; font-style: normal; }

:root {
    --ii-bianco: #ececec;       /* Bianco Principale */
    --ii-arancio: #ff5e00;      /* Arancione Hover */
    --ii-grigio-chiaro: #eeeeee;/* Testo grigio su nero, e fondo pagina */
    --ii-nero: #111111;
    --ii-testo: #7a7a7a;
    --ii-font-light: "Helvetica Neue Light", sans-serif;
    --ii-font-regular: "Helvetica Neue Regular", sans-serif;
    --ii-font-medium: "Helvetica Neue Medium", sans-serif;
    --ii-font-bold: "Helvetica Neue Bold", sans-serif;
    --ii-font-pixel: "Raster Forge", sans-serif;
    --ii-font-script: "Aston Script", sans-serif;
    --ii-font-silk: "Silkscreen Expanded", sans-serif;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* html body: deve vincere su global-settings.css di Oxygen, caricato dopo. */
html body {
    margin: 0;
    background-color: var(--ii-grigio-chiaro);
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #c36;
    background-color: transparent;
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
    word-wrap: normal !important;
}

/* Oxygen avvolge ogni shortcode in un div: non deve aggiungere niente. */
.oxy-shortcode,
.bde-shortcode {
    display: contents;
}

.ii-eicon {
    display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.ii-eicon--menu::before { content: "\e816"; }
.ii-eicon--chiudi::before { content: "\e87f"; }

/* Visibilita' per breakpoint, stessi limiti del kit: 767 / 1024. */
@media (min-width: 1025px) {
    .ii-solo-tablet,
    .ii-solo-mobile { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ii-solo-desktop,
    .ii-solo-mobile { display: none !important; }
}
@media (max-width: 767px) {
    .ii-solo-desktop,
    .ii-solo-tablet,
    .ii-solo-desktop-tablet { display: none !important; }
}