.elementor-1072 .elementor-element.elementor-element-71105cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:2%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1072 .elementor-element.elementor-element-b45aa62{--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;}.elementor-1072 .elementor-element.elementor-element-b45aa62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1072 .elementor-element.elementor-element-a2d94b9{--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;--padding-top:10vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:5vw;}.elementor-1072 .elementor-element.elementor-element-0177f17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1072 .elementor-element.elementor-element-6621334 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1072 .elementor-element.elementor-element-c044079 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-087a9c3 );}.elementor-1072 .elementor-element.elementor-element-874ffca .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1072 .elementor-element.elementor-element-8f93c35 .elementor-icon-wrapper{text-align:start;}.elementor-1072 .elementor-element.elementor-element-8f93c35.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-1072 .elementor-element.elementor-element-8f93c35.elementor-view-framed .elementor-icon, .elementor-1072 .elementor-element.elementor-element-8f93c35.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1072 .elementor-element.elementor-element-8f93c35.elementor-view-framed .elementor-icon, .elementor-1072 .elementor-element.elementor-element-8f93c35.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1072 .elementor-element.elementor-element-8f93c35 .elementor-icon{font-size:33px;}.elementor-1072 .elementor-element.elementor-element-8f93c35 .elementor-icon svg{height:33px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1072 .elementor-element.elementor-element-699b935 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Gotham", Sans-serif;font-weight:400;}.elementor-1072 .elementor-element.elementor-element-699b935 .elementor-button:hover, .elementor-1072 .elementor-element.elementor-element-699b935 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1072 .elementor-element.elementor-element-699b935.elementor-element{--align-self:stretch;}.elementor-1072 .elementor-element.elementor-element-699b935 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-1072 .elementor-element.elementor-element-fa753de{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1072 .elementor-element.elementor-element-e01dfb8{width:100%;max-width:100%;font-family:"Gotham", Sans-serif;font-size:14px;font-weight:400;}.elementor-1072 .elementor-element.elementor-element-4e1d73b{--display:flex;}.elementor-1072 .elementor-element.elementor-element-4462408{width:100%;max-width:100%;font-family:"Gotham", Sans-serif;font-size:14px;font-weight:400;}.elementor-1072 .elementor-element.elementor-element-8889a87{--display:flex;}.elementor-1072 .elementor-element.elementor-element-57dd6df{width:100%;max-width:100%;font-family:"Gotham", Sans-serif;font-size:14px;font-weight:400;}.elementor-1072 .elementor-element.elementor-element-699eabc{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:12px;}.elementor-1072 .elementor-element.elementor-element-699eabc.elementor-element{--align-self:stretch;}:where( .elementor-1072 .elementor-element.elementor-element-699eabc > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Gotham", Sans-serif;font-weight:400;}.elementor-1072 .elementor-element.elementor-element-4fcbaf41{--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;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-1072 .elementor-element.elementor-element-4fcbaf41:not(.elementor-motion-effects-element-type-background), .elementor-1072 .elementor-element.elementor-element-4fcbaf41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1072 .elementor-element.elementor-element-219d1b03{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 4%) 0%;text-align:center;}.elementor-1072 .elementor-element.elementor-element-219d1b03 .elementor-heading-title{font-family:var( --e-global-typography-5fa90d9-font-family ), Sans-serif;font-size:var( --e-global-typography-5fa90d9-font-size );font-weight:var( --e-global-typography-5fa90d9-font-weight );line-height:var( --e-global-typography-5fa90d9-line-height );}.elementor-1072 .elementor-element.elementor-element-49e1b1d7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10% 10%;--row-gap:10%;--column-gap:10%;--grid-auto-flow:row;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1072 .elementor-element.elementor-element-eb28e4f{--display:flex;}.elementor-1072 .elementor-element.elementor-element-5daf41fc{text-align:center;}.elementor-1072 .elementor-element.elementor-element-5daf41fc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:400;font-style:italic;text-decoration:underline;line-height:1.3em;}.elementor-1072 .elementor-element.elementor-element-6bc7abc3{text-align:center;color:var( --e-global-color-807fa75 );}.elementor-1072 .elementor-element.elementor-element-71371909{--display:flex;}.elementor-1072 .elementor-element.elementor-element-3b888143{text-align:center;}.elementor-1072 .elementor-element.elementor-element-3b888143 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:400;font-style:italic;text-decoration:underline;line-height:1.3em;}.elementor-1072 .elementor-element.elementor-element-70cb5866{text-align:center;color:var( --e-global-color-807fa75 );}.elementor-1072 .elementor-element.elementor-element-685aebbd{--display:flex;}.elementor-1072 .elementor-element.elementor-element-18aa6735{text-align:center;}.elementor-1072 .elementor-element.elementor-element-18aa6735 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:400;font-style:italic;text-decoration:underline;line-height:1.3em;}.elementor-1072 .elementor-element.elementor-element-5ce11c6f{text-align:center;color:var( --e-global-color-807fa75 );}.elementor-1072 .elementor-element.elementor-element-4c57a86d{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1072 .elementor-element.elementor-element-71105cc{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1072 .elementor-element.elementor-element-b45aa62{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1072 .elementor-element.elementor-element-9b6cc41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-e6df88a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-f5f3f5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-9219c63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-c532ebb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-71573d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-b9c30f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-dfb98a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1072 .elementor-element.elementor-element-a2d94b9{--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;--padding-top:0vw;--padding-bottom:10vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1072 .elementor-element.elementor-element-e01dfb8{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-4462408{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-57dd6df{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-219d1b03 .elementor-heading-title{font-size:var( --e-global-typography-5fa90d9-font-size );line-height:var( --e-global-typography-5fa90d9-line-height );}.elementor-1072 .elementor-element.elementor-element-49e1b1d7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1072 .elementor-element.elementor-element-71105cc{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1072 .elementor-element.elementor-element-b45aa62{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1072 .elementor-element.elementor-element-a2d94b9{--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;--padding-top:0vw;--padding-bottom:10vw;--padding-left:3vw;--padding-right:3vw;}.elementor-1072 .elementor-element.elementor-element-0177f17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1072 .elementor-element.elementor-element-e01dfb8{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-4462408{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-57dd6df{width:100%;max-width:100%;}.elementor-1072 .elementor-element.elementor-element-4fcbaf41{--padding-top:15%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-1072 .elementor-element.elementor-element-219d1b03 .elementor-heading-title{font-size:var( --e-global-typography-5fa90d9-font-size );line-height:var( --e-global-typography-5fa90d9-line-height );}.elementor-1072 .elementor-element.elementor-element-49e1b1d7{--e-con-grid-template-columns:repeat(1, 1fr);--gap:2% 2%;--row-gap:2%;--column-gap:2%;--grid-auto-flow:row;--padding-top:0%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-1072 .elementor-element.elementor-element-5daf41fc .elementor-heading-title{font-size:20px;}.elementor-1072 .elementor-element.elementor-element-3b888143 .elementor-heading-title{font-size:20px;}.elementor-1072 .elementor-element.elementor-element-18aa6735 .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-1072 .elementor-element.elementor-element-b45aa62{--width:50vw;}.elementor-1072 .elementor-element.elementor-element-a2d94b9{--width:50vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-1072 .elementor-element.elementor-element-b45aa62{--width:100vw;}.elementor-1072 .elementor-element.elementor-element-a2d94b9{--width:93vw;}}/* Start custom CSS for container, class: .elementor-element-71105cc *//* ============================================================ RIVELIA LUXURY SYSTEM - FINAL MASTER CODE (Container CSS) ============================================================ */ /* SBLOCCO GENERALE (Fondamentale per lo sticky) */ .elementor-1072 .elementor-element.elementor-element-71105cc { overflow: visible !important; } /* ------------------------------------------------------------ 1. MOBILE & TABLET PORTRAIT (Verticale - Scroll Orizzontale) -> Funziona solo se il dispositivo è VERTICALE o < 768px ------------------------------------------------------------ */ @media (max-width: 1024px) and (orientation: portrait), (max-width: 767px) { /* A. IL BINARIO */ .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; align-items: stretch !important; gap: 0 !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll::-webkit-scrollbar { display: none; } /* B. I CONTENITORI */ .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll > .elementor-element, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll > .elementor-widget, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll .elementor-widget-container { width: 100vw !important; min-width: 100vw !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: center; height: 100% !important; } /* C. LE IMMAGINI */ .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; } /* D. LINEE */ .elementor-1072 .elementor-element.elementor-element-71105cc #lines-container-gallery { display: flex !important; justify-content: center !important; } } /* 1.1 ALTEZZE SPECIFICHE (Solo Portrait) */ @media (max-width: 767px) and (orientation: portrait) { .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll img, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll .elementor-widget-container { height: 70vh !important; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll img, .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll .elementor-widget-container { height: 80vh !important; } } /* ------------------------------------------------------------ 2. DESKTOP CLASSICO (Da 1025px in su) ------------------------------------------------------------ */ @media (min-width: 1025px) { .elementor-1072 .elementor-element.elementor-element-71105cc #lines-container-gallery { display: none !important; } .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll { display: block !important; overflow: visible !important; height: auto !important; white-space: normal !important; } .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll img { width: 100% !important; height: 100vh !important; object-fit: cover !important; object-position: center center !important; display: block !important; } } /* ============================================================ 3. MOBILE LANDSCAPE (FIX "NUCLEAR" STICKY CON SELECTOR) -> Questa è la parte che corregge lo sticky ============================================================ */ @media (max-width: 1024px) and (orientation: landscape) { /* A. IL PADRE (Forziamo la struttura affiancata) */ .elementor-1072 .elementor-element.elementor-element-71105cc, .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* CRUCIALE: flex-start impedisce alla colonna testo di stirarsi */ align-items: flex-start !important; width: 100% !important; padding-top: 0 !important; } /* B. COLONNA SINISTRA (Immagini - Binario di scorrimento) */ .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con:first-child, .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con-inner > .e-con:first-child { width: 50% !important; min-width: 50% !important; display: block !important; height: auto !important; /* TRUCCO: Forziamo la colonna sinistra a essere lunga almeno 2 volte lo schermo */ /* Senza questo, se ci sono poche foto, lo sticky non ha spazio per muoversi */ min-height: 200vh !important; } /* Reset Immagini */ .elementor-1072 .elementor-element.elementor-element-71105cc .mobile-horizontal-scroll img { display: block !important; width: 100% !important; height: auto !important; margin-bottom: 0 !important; } /* C. COLONNA DESTRA (Testo - STICKY) */ .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con:nth-child(2), .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con-inner > .e-con:nth-child(2) { width: 50% !important; min-width: 50% !important; /* 1. SCOLLEGAMENTO */ align-self: flex-start !important; /* 2. ATTIVAZIONE */ position: -webkit-sticky !important; position: sticky !important; /* 3. POSIZIONE (Regola 120px se tocca l'header) */ top: 120px !important; /* 4. ALTEZZA */ height: auto !important; max-height: 85vh !important; /* Permette scroll interno */ overflow-y: auto !important; /* 5. STILE */ z-index: 50 !important; background-color: #fff !important; padding: 20px 40px 200px 40px !important; /* Layout */ display: flex !important; flex-direction: column !important; } /* Widget interni in colonna */ .elementor-1072 .elementor-element.elementor-element-71105cc > .e-con:nth-child(2) .elementor-widget { width: 100% !important; display: block !important; } /* Pulizia */ .elementor-1072 .elementor-element.elementor-element-71105cc #lines-container-gallery { display: none !important; } }/* End custom CSS */ /* Start custom CSS *//* ================================================ RIVELIA SMART BREAKOUT (Rispetta le dimensioni) ================================================ */ /* --- SINISTRA: Allarga il contenitore a sinistra --- */ .rivelia-breakout-left { /* 1. Sposta l'inizio del box al bordo sinistro del monitor */ margin-left: calc( (100% - 100vw) / 2 ) !important; /* 2. Sblocca limiti massimi */ max-width: none !important; } /* --- DESTRA: Allarga il contenitore a destra --- */ .rivelia-breakout-right { /* 1. Sposta la fine del box al bordo destro del monitor */ margin-right: calc( (100% - 100vw) / 2 ) !important; max-width: none !important; /* 3. FONDAMENTALE: Dobbiamo assicurarci che il contenuto vada a destra */ display: flex !important; justify-content: flex-end !important; } /* --- MOBILE RESET --- */ @media (max-width: 767px) { .rivelia-breakout-left, .rivelia-breakout-right { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; display: block !important; } } /* ========================================= 1. SISTEMA OVERLAY (Testo sopra Immagine) ========================================= */ .rivelia-card { position: relative; overflow: hidden; width: 100%; height: 100%; } .rivelia-card img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top !important; } .rivelia-overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 60px; padding-left: 20px; padding-right: 20px; z-index: 10; } /* ========================================= 2. SLIDER ORIZZONTALE (Solo Mobile/Tablet) ========================================= */ @media (max-width: 1024px) { .rivelia-mobile-slider { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding-left: 20px; padding-right: 20px; scrollbar-width: none; } .rivelia-mobile-slider::-webkit-scrollbar { display: none; } .rivelia-slide { flex-shrink: 0 !important; width: 85vw; max-width: 400px; margin-right: 15px; scroll-snap-align: center; } /* Mostra le linee del mobile slider */ #rivelia-custom-pagination { display: flex !important; padding-bottom: 20px; } } /* Nascondi le linee del mobile slider su Desktop */ @media (min-width: 1025px) { #rivelia-custom-pagination { display: none !important; } } /* ========================================= 3. DESIGN DELLE LINEE (FORMA GENERALE) ========================================= */ /* Questa regola dà la forma a TUTTE le linee del sito */ .rivelia-slider-lines .swiper-pagination-bullet, #rivelia-custom-pagination .swiper-pagination-bullet { width: 25px; height: 1px; border-radius: 0px; margin: 0 5px !important; transition: all 0.3s ease; } /* Forma della linea ATTIVA (si allunga) */ .rivelia-slider-lines .swiper-pagination-bullet-active, #rivelia-custom-pagination .swiper-pagination-bullet-active { width: 40px; } /* ========================================= 4. COLORI SPECIFICI (Qui ripariamo l'errore) ========================================= */ /* A. HERO SLIDER (Quello in alto) -> NERO */ /* Usa la classe .rivelia-slider-lines */ .rivelia-slider-lines .swiper-pagination-bullet { background-color: #000000 !important; opacity: 0.2; } .rivelia-slider-lines .swiper-pagination-bullet-active { background-color: #000000 !important; opacity: 1; } /* B. MOBILE SLIDER (Quello in basso) -> BIANCO */ /* Usa l'ID #rivelia-custom-pagination */ #rivelia-custom-pagination .swiper-pagination-bullet { background-color: #FFFFFF !important; opacity: 0.3 !important; } #rivelia-custom-pagination .swiper-pagination-bullet-active { background-color: #FFFFFF !important; opacity: 1 !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Gotham'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Medium.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Book.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Light.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-Bold.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-MediumItalic.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-BookItalic.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: italic; font-weight: 300; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/Gotham-LightItalic.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: italic; font-weight: 700; font-display: auto; src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.eot'); src: url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.eot?#iefix') format('embedded-opentype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.woff2') format('woff2'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.woff') format('woff'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.ttf') format('truetype'), url('https://www.riveliafirenze.com/wp-content/uploads/2025/11/GothamBold-Italic.svg#Gotham') format('svg'); } /* End Custom Fonts CSS */