/* ===================================================================== ART IMAGE — V73 Rifiniture richieste: DESKTOP - Galleria: nota superiore grande come quella di Quadri - Acquisti: "Per fare un ordine clicca qui" sempre allineata a destra - Home: animazione centrata nello spazio disponibile - Menu: più spazio fra logo e Home MOBILE - Home: logo spostato leggermente a sinistra per centratura ottica - Galleria/Quadri: note superiori più grandi, leggibili e con font scelto ===================================================================== */ @media screen and (min-width:821px) { html { --ai-desktop-menu-left: clamp(24px, 3vw, 60px); --ai-desktop-menu-width: 145px; --ai-desktop-content-gap: 28px; --ai-desktop-right-gap: 22px; } /* --------------------------------------------------------- MENU DESKTOP — più aria sotto il logo --------------------------------------------------------- */ #aiUnifiedNavV44 .ai-v44-home { top:268px !important; } #aiUnifiedNavV44 .ai-v44-galleria { top:350px !important; } #aiUnifiedNavV44 .ai-v44-quadri { top:432px !important; } #aiUnifiedNavV44 .ai-v44-acquisti { top:514px !important; } #aiUnifiedNavV44 .ai-v44-contatti { top:596px !important; } /* --------------------------------------------------------- HOME DESKTOP — area fluida e animazione centrata --------------------------------------------------------- */ body.ai-home-page #imPage { zoom:1 !important; transform:none !important; width:calc(100vw - var(--ai-desktop-menu-left) - var(--ai-desktop-right-gap)) !important; max-width:none !important; min-width:0 !important; margin-left:var(--ai-desktop-menu-left) !important; margin-right:0 !important; box-sizing:border-box !important; } body.ai-home-page #imContent { width:calc(100% - var(--ai-desktop-menu-width) - var(--ai-desktop-content-gap)) !important; max-width:none !important; min-width:0 !important; margin-left:calc(var(--ai-desktop-menu-width) + var(--ai-desktop-content-gap)) !important; margin-right:0 !important; padding-right:0 !important; box-sizing:border-box !important; } body.ai-home-page #imContentGraphics { left:calc(var(--ai-desktop-menu-width) + var(--ai-desktop-content-gap)) !important; right:0 !important; width:auto !important; max-width:none !important; } body.ai-home-page #imContent > div[style*="width: 813px"] { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } body.ai-home-page #imCell_1, body.ai-home-page #imCellStyle_1 { width:100% !important; max-width:100% !important; box-sizing:border-box !important; } body.ai-home-page #imObjectGallery_1 { display:block !important; margin-left:auto !important; margin-right:auto !important; float:none !important; } /* --------------------------------------------------------- GALLERIA DESKTOP — stessa misura di Quadri --------------------------------------------------------- */ body.ai-gallery-page .ai-top-note-text, body.ai-gallery-page .ai-top-note-text *, body.ai-gallery-page .ai-top-note-text .fs19, body.ai-gallery-page .ai-top-note-link, body.ai-gallery-page .ai-top-note-link *, body.ai-quadri-page .ai-top-note-text, body.ai-quadri-page .ai-top-note-text *, body.ai-quadri-page .ai-top-note-text .fs19, body.ai-quadri-page .ai-top-note-link, body.ai-quadri-page .ai-top-note-link * { font-family:'Segoe Print','Chalkboard SE','Noteworthy','Bradley Hand',cursive !important; font-size:27px !important; line-height:36px !important; font-weight:500 !important; } body.ai-gallery-page .ai-top-note-link, body.ai-gallery-page .ai-top-note-link *, body.ai-quadri-page .ai-top-note-link, body.ai-quadri-page .ai-top-note-link * { font-style:italic !important; } /* --------------------------------------------------------- ACQUISTI DESKTOP — sempre sbandierata a DESTRA --------------------------------------------------------- */ body.ai-shop-page #imCell_3, body.ai-shop-page #imCellStyle_3, body.ai-shop-page #imTextObject_3, body.ai-shop-page #imTextObject_3_tab0, body.ai-shop-page #imTextObject_3 .text-inner { width:100% !important; max-width:100% !important; box-sizing:border-box !important; text-align:right !important; text-align-last:right !important; } body.ai-shop-page .ai-order-note-text { display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; text-align:right !important; text-align-last:right !important; white-space:normal !important; } } /* ========================================================= MOBILE / TELEFONO ========================================================= */ @media screen and (max-width:820px) { /* PNG con massa visiva leggermente spostata a destra: -13 px lo centra otticamente sullo schermo reale. */ body.ai-home-page #aiMobileBrandV45 img { left:0 !important; right:0 !important; margin-left:auto !important; margin-right:auto !important; transform:translateX(-13px) !important; } /* Font scelto durante la costruzione del sito: Segoe Print (con equivalenti iOS se Segoe Print non è installato). */ body.ai-gallery-page .ai-top-note-text, body.ai-gallery-page .ai-top-note-text *, body.ai-quadri-page .ai-top-note-text, body.ai-quadri-page .ai-top-note-text * { font-family:'Segoe Print','Chalkboard SE','Noteworthy','Bradley Hand',cursive !important; font-size:clamp(17px, 4.8vw, 22px) !important; line-height:1.34 !important; font-style:normal !important; font-weight:600 !important; -webkit-text-stroke:.42px rgba(0,0,0,.98) !important; text-shadow: -1.2px -1.2px 1px #000, 1.2px -1.2px 1px #000, -1.2px 1.2px 1px #000, 1.2px 1.2px 1px #000, 0 0 4px #000, 0 0 8px rgba(0,0,0,.98), 0 0 14px rgba(0,0,0,.88) !important; } body.ai-gallery-page .ai-top-note-link, body.ai-gallery-page .ai-top-note-link *, body.ai-quadri-page .ai-top-note-link, body.ai-quadri-page .ai-top-note-link * { font-family:'Segoe Print','Chalkboard SE','Noteworthy','Bradley Hand',cursive !important; font-size:inherit !important; line-height:inherit !important; font-style:italic !important; font-weight:600 !important; } } @media screen and (max-width:360px) { body.ai-home-page #aiMobileBrandV45 img { transform:translateX(-11px) !important; } body.ai-gallery-page .ai-top-note-text, body.ai-gallery-page .ai-top-note-text *, body.ai-quadri-page .ai-top-note-text, body.ai-quadri-page .ai-top-note-text * { font-size:16px !important; } }