/* * ============================================================================ * ASOR — templates/ja_lawfirm/css/custom.css * ============================================================================ * Come orientarsi: Cerca (Ctrl+F / Cmd+F) la stringa "SECTION:" per saltare tra * le macro-aree (home, contatti, footer, ecc.). Il file è molto grande: non è * realistico commentare ogni singola proprietà; i blocchi SECTION raggruppano * ciò che di solito si modifica insieme. * * Indice — parole chiave da cercare nel file: * SECTION: VARIABILI-TIPOGRAFIA-GLOBALE * SECTION: VARIABILI-GLOBALI-PALETTE * SECTION: HEADER-TOPBAR-BASE * SECTION: HOME-SLIDESHOW-HERO * SECTION: CTA-ACMHERO-LEGACY * SECTION: PAGINA-CONTATTI-ITEMID-121 * SECTION: PAGINE-INTERNE-NON-HOME * SECTION: HOME-MODULO-FORM-JA * SECTION: HOME-MODULI-ACM-FEATURES * SECTION: FOOTER-E-NEWSLETTER * SECTION: HOME-STATIC-ASOR-BODY * SECTION: COLORI-BLU-4CARD-HOME * SECTION: BADGE-NUMERO-BLU * SECTION: OVERRIDE-MENU-MEDIAQUERY * * ── COLORI BLU 4 CARD HOME — cerca: 🔵 BLU · oppure i codici esatti ── * #475966 = fascia Joomla / Wayback (grigio-blu sotto le 4 foto) * #436a8a = barra sotto titolo "Diritto Civile" ecc. (solo .features-item) * #243b55 = blu ASOR attuale in custom.css (fascia + override .asor-home) * #5a7fa0 = barra titolo solo mobile (file asor-mobile-features129-swiper.css) * Titolo oro sulla barra: #c29032 (Joomla) — vedi .acm-features.style-1 .features-title * Cerchi numerati: #898989 Joomla | #1a8f3c verde (override in fondo file, ~riga 9173) * Override attivo fuori da custom.css: templates/ja_lawfirm/css/asor-features-129-no-blue-box.css * * ── SOLO HOME (index.php) — cerca nel file: 🟨 HOME ── * 🟨 HOME · TOPBAR + HEADER → .ja-topbar, #t3-header (orari, numero, menu) * 🟨 HOME · HERO → #acm-slideshow-89 (logo, A.SO.R, testo intro) * 🟨 HOME · 4 CARD SERVIZI → #acm-features-129 (carousel in cima) * 🟨 HOME · UNA STORIA UNICA → #acm-features-92 * 🟨 HOME · ULTIME NOVITÀ → #acm-features-94 * 🟨 HOME · PERCHÉ NOI → #acm-features-95 * 🟨 HOME · FORM CONTATTI → #ja-form “Raccontaci il tuo caso” * 🟨 HOME · CTA CHIAMACI → nav.t3-navhelper (fascia bassa) * 🟨 HOME · FOOTER → #t3-footer.asor-footer * (Override dedicati fuori da questo file: asor-hero-logo-form-fix.css, asor-mobile-*.css) * ============================================================================ */ /* SECTION: VARIABILI-TIPOGRAFIA-GLOBALE — titoli (home itemid-101, contatti itemid-121, resto Poppins) */ /*tutti i titoli tranne quelli della home (e quelli "icofont" più sotto definiti)*/ h2,h3,h4,h5{font-family: "Poppins",sans-serif;} .itemid-101 h2,.itemid-101 h3,.itemid-101 h4,.itemid-101 h5{font-family: "Playfair Display", serif;} .itemid-121 h2,.itemid-121 h3,.itemid-121 h4,.itemid-121 h5{font-family: "Playfair Display", serif;} /* SECTION: VARIABILI-GLOBALI-PALETTE — :root colori ASOR */ /*****SITO ASOR JA_LAWFIRM****/ /* * Palette ASOR (aggiornamento da toni CEDIM legacy). * Uso: preferire queste variabili nei nuovi blocchi; il file sotto usa i valori letterali sostituiti. */ :root { --asor-navy: #243b55; --asor-navy-deep: #152a40; --asor-navy-mid: #1c3550; --asor-ink: #2a3542; --asor-gold-accent: #d4b56a; --asor-muted: #5a6778; --asor-blue-soft: #5a7d9a; --asor-blue-mid: #3d6d95; --asor-navy-alt: #2a4055; /* 🔵 BLU · PALETTE HOME 4 CARD (Joomla / Wayback — cercare 🔵 BLU nel file) */ --asor-joomla-fascia-4card: #475966; /* fascia: section.wrap.t3-sections, #acm-features-129 */ --asor-joomla-barra-titolo: #436a8a; /* barra sotto foto: .features-item */ --asor-joomla-titolo-oro: #c29032; /* testo: .features-title */ --asor-blu-asor-fascia: #243b55; /* valore attuale custom.css (≠ Joomla) */ } /*font generale*/ body{ font-size:16px; } /* 🟨 HOME · TOPBAR + HEADER — fascia alta (.ja-topbar) + menu (#t3-header) solo home itemid-101 Orari sx, numero blu centro, email dx. Override: asor-desktop-topbar.css, asor-mobile-overrides-final.css */ /* SECTION: HEADER-TOPBAR-BASE — offset header / topbar (regole storiche tema) */ /*riga alta con main menu e logo law firm*/ .t3-header { top: 82px; } /* .topbar-left{ height:40px !important; } */ /*scritta sx giorni della settimana*/ .topbar-left p{ margin-top: 22px; font-size: 17px; } /*indirizzo email in alto a dx*/ .ja-topbar .topbar-list > li a{ font-size: 17px !important; color:#fff !important; } /* 🟨 HOME · HERO — slideshow in cima (#acm-slideshow-89): logo ::before, titolo A.SO.R, paragrafo Override logo dimensioni: asor-hero-logo-form-fix.css (caricato dopo) */ /* SECTION: HOME-SLIDESHOW-HERO — hero #acm-slideshow-89 (logo ::before, titoli, bottoni) */ /*logo in cima alla home (al di fuori dei mediaquery successivi)*/ #acm-slideshow-89 .slider-content-inner.container:before{ content:url(https://www.asor.info/images/Logo-ASOR-200px.png); text-align:center; margin-left:auto; margin-right:auto; margin-top:-90px; margin-bottom:-25px; } /* Titoli slideshow home: testo bianco; oro #d4b56a usato per voci menu attive sotto */ #acm-slideshow-89 h1{ color: #fff; /*font-size: 70px;*/ font-size: 48px; margin-top:8px; } /*scritta "ASOR" prima riga slideshow in cima home*/ #acm-slideshow-89 h1:before{ content:'A.SO.R'; display: block; color: #fff; /*font-size: 88px;*/ font-size: 55px; text-align:center; margin-left:auto; margin-right:auto; MARGIN-bottom: -25px !important; margin-top: -20px !important; } /*topbar — altezza fissa solo desktop (mobile: auto via FORCE in fondo file) */ @media (min-width: 992px) { .ja-topbar { height: 80px; } } /* Numero blu topbar desktop — dimensione Joomla header (~131×55 px) */ .topbar-list li a img, .ja-topbar .asor-topbar-call-wrap--wide .asor-numero-blu-forma:not(.asor-numero-blu-forma--compact):not(.asor-numero-blu-forma--floating) .asor-numero-blu-img { width: 131px !important; max-width: min(131px, 38vw) !important; height: auto !important; max-height: 55px !important; object-fit: contain !important; vertical-align: middle !important; display: block !important; margin: 0 !important; } /*testo dell'email sulla dx nella topbar su*/ .ja-topbar .topbar-list > li a { font-size: 20px !important; } /*scritta degli orari a sx nella topbar*/ .topbar-left p { margin-top: 10px; font-size: 20px; } /*blocco del logo e dei titoli in cima alla home sullo slideshow*/ .slideshow .slider-content-inner { top: 47% !important; } /*testo dello slideshow in cima alla home*/ #acm-slideshow-89 p{ font-size: 21px !Important; line-height: 31px !Important; margin-top: -10px !Important; } /* Sfondo slideshow testata — blu ASOR */ #acm-slideshow-89 .swiper-slide.swiper-slide-active { background-color: #243b55; } /*colore bottone dx slideshow*/ #acm-slideshow-89 .swiper-button-white.swiper-button-next { background: #1c3550 no-repeat center center; } /*colore bottone sx slideshow*/ #acm-slideshow-89 .swiper-button-white.swiper-button-prev { background: #1c3550 no-repeat center center; } /*sfondo numeri statistici*/ .uber-stats .stats-list { background: #152a40 !Important; } /*colore sfondo striscia sottile sotto i numeri statistici*/ .uber-stats { background-color: #243b55 !important; } /*colore sfondo sezione subito sotto slideshow e numeri statistici*/ #acm-features-92.acm-features.style-1 { background-color: #243b55; } /*INIZIO VOCI MENU SELEZIONATE************/ /*voce*/ .t3-mainnav .t3-navbar .navbar-nav > li.active > a,.t3-mainnav .t3-navbar .navbar-nav > li.active > span{ color: #d4b56a; } /*voce menu*/ .t3-mainnav .t3-navbar .navbar-nav > li > a,.t3-mainnav .t3-navbar .navbar-nav li span{ font-size:16px; } /*sottovoci menu */ .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li > a{ font-size:17px; } /*linea di separazione fra sottovoci menu*/ .t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li { border-bottom: 1px solid #333; } /*triangolino*/ .t3-megamenu .nav > .dropdown.active > .dropdown-toggle .caret { border-top-color: #d4b56a; border-bottom-color: #d4b56a; } /*colore sottolineatura voce menu*/ .t3-mainnav .t3-navbar .navbar-nav > li.active > a::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > a:hover::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > a:focus::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > a:active::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > span::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > span:hover::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > span:focus::after, .t3-mainnav .t3-navbar .navbar-nav > li.active > span:active::after { background-color: #d4b56a; } /*larghezza intera barra main menu. NB. Se la si diminuisce, al cambio di larghezza schermo, può andare a capo*/ .t3-mainnav .t3-navbar .navbar-nav { min-width: 880px; } /*FINE VOCI MENU**************************/ /*testo di "16 anni di esperienza..."*/ #acm-features-92 p{ font-size: 21px !Important; line-height: 1.7; } /*sottotitoli della home (da non confondere coi testi normali)*/ .itemid-101 .short-title{ font-size: 22px !Important; } /*visibilità immagini anteprima di tutti i blog*/ .blog .item-image img { z-index: 2 !Important; } /*riquadro chiama subito subpages*/ .chiamsub{ background-color: #2a4055 !important; border-radius: 8px !important; padding: 1px 18px 30px 18px !important; } /*bottoni chiama subito barra laterale*/ .btn-chiam{ border:none!important; border-radius: 10px !important; box-shadow: 3px 3px 3px 0px #333 !important; font-weight: 900 !important; display: block !important; width: unset !important; margin-left: auto; margin-right: auto; } /*bottoni chiama subito "bottom con riquadro"*/ .btn-chiam-bottom{ border:none!important; border-radius: 10px !important; box-shadow: 3px 3px 3px 0px #333 !important; font-weight: 900 !important; font-size: 25px !important; display: block !important; width: 450px !important; margin-left: auto; margin-right: auto; } .btn-success::before{ border:none!important; } .chiamsub .btn-success:before{ content: unset !important; border:none !important; position:unset !important; } /*spazio sopra bottone chiamaci e sopra numero verde nel bottom con riquadro*/ .btn-spazio-sopra{ margin-top:23px !important; } /*inizio colore sfondo riquadro primo articolo blog, normativa e news*/ .items-leading .leading .article-intro { background: #243b55 !important; } .items-leading .leading { background: #243b55 !important; } /***fine colore sfondo riquadro primo articolo blog, normativa e news*/ /*colore trasaparente testata blog, normativa e news*/ .ja-masthead::before { background-color: #243b55 !important; } /*colore di tutti i bottoni*/ .btn-primary { background-color: #243b55 !important; border-color: #243b55 !important; } .btn-primary::before { border: 1px solid #898989 !important; } .back-to-top .btn { background-color: #898989 !important; } /*etichette del modulo dei 3 blog*/ .nav-tabs > li > a{ color: #fff; font-size: 26px; } .nav-tabs > li.active > a { color: #fff; font-size: 26px; } /*fine etichette*/ /*icone grandi modulo dei 3 blog*/ .acm-features.style-2 .features-item .features-icon { color: #ffffff; background-color: #243b55 !important; } .acm-features.style-2 .features-item .features-icon::after { border: 1px solid #243b55 !important; } /*fine icone grandi*/ /*video home*/ .video-asor{ margin-top:50px; margin-bottom:50px; margin-left:10%; } /* SECTION: CTA-ACMHERO-LEGACY — .acm-hero generico (vecchio riquadro “numero verde”; sovrascritto dal navhelper sotto) */ /*colore trasparente riquadro numero verde in basso*/ .acm-hero { background-color: #5a6778 !important; } /*scritta sotto al numero verde nel riquadro omonimo in basso*/ .acm-hero .hero-line-2 { font-size: 40px !important; line-height: 40px !important; } .acm-hero .hero-line-1 { line-height: 60px !important; } .acm-hero .hero-line-3 { line-height: 60px !important; } /*bordo bianco nel riquadro del numero verde in basso*/ .acm-hero .hero-content { padding-top: 80px !important; padding-bottom: 50px !important; } /*titoli testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { color: #fff !important; } /*titoli dei moduli home*/ h3.block-title{ font-size:60px !important; } /* SECTION: PAGINA-CONTATTI-ITEMID-121 — pagina Contatti Joomla (indirizzo, email, .itemid-121) */ /************INIZIO INDIRIZZO PAGINA CONTATTI*******************/ /**riquadro con indirizzo in pagina contatti**/ .itemid-121 #t3-mainbody{ width:90% !important; max-width:1200px !Important; } /*indirizzo pagina contatti*/ .indirizzo, .testo-email{ font-size: 20px !Important; } @media screen and (min-width: 414px) and (max-width: 470px){ .indirizzo, .testo-email{ font-size: 20px !Important; } } @media screen and (max-width: 413px){ .indirizzo, .testo-email{ font-size: 16px !Important; } } @media screen and (min-width: 260px) and (max-width: 320px){ .testo-email{ font-size: 14px !Important; letter-spacing:-1px; } } @media screen and (max-width: 260px){ .testo-email{ font-size: 12px !Important; letter-spacing:-1px; } } /*********FINE INDIRIZZO PAGINA CONTATTI*********/ /* --- PAGINA-CONTATTI-ITEMID-121 (continua): Chronoforms / display-section1 --- */ /***INIZIO MODULO CONTATTI CHRONOFORMS***********/ /*bottone invia*/ #button7{ margin-top:25px !important; border-radius: 0px !important; } /*cancellazione copyright*/ .chronoforms6_credits{ display: none !Important; } /*larghezza massima di tutti i campi*/ .ui.form .field { max-width: 600px !Important; } /*colore del bordo dei campi*/ .ui.form input, .ui.form textarea, .ui ::before, .ui ::after{ border-color: #444 !important; } form#display-section1 p, form#display-section1 label{ color:#000 !important; font-weight: 600 !important; } /*altezza textarea pagina contatti*/ textarea#messaggio{ height:120px; } /***FINE MODULO CONTATTI CHRONOFORMS***********/ /* Restyling professionale form contatti (desktop + mobile) */ .itemid-121 .semanticui-body.G2-joomla.chronoforms.index { max-width: 760px; margin: 18px auto 28px !important; padding: 24px 22px; background: #ffffff; border: 1px solid #d7dbe1; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); } .itemid-121 form#display-section1.ui.form { max-width: 100% !important; margin: 0 auto !important; } .itemid-121 form#display-section1 .field { max-width: 100% !important; margin-bottom: 14px !important; } .itemid-121 form#display-section1 .field > label { font-size: 15px; font-weight: 600 !important; margin-bottom: 6px !important; color: #1f2b36 !important; } .itemid-121 form#display-section1 input[type="text"], .itemid-121 form#display-section1 input[type="email"], .itemid-121 form#display-section1 input[type="tel"], .itemid-121 form#display-section1 textarea { width: 100%; min-height: 42px; border: 1px solid #b8c1cc !important; border-radius: 5px !important; background: #fff !important; padding: 9px 11px !important; color: #1f2b36; box-sizing: border-box; } .itemid-121 form#display-section1 textarea#messaggio { min-height: 140px; resize: vertical; } .itemid-121 form#display-section1 .ui.checkbox label { font-weight: 500 !important; margin-left: 6px; } .itemid-121 form#display-section1 #button7.ui.button { margin-top: 12px !important; border-radius: 5px !important; padding: 11px 20px !important; font-weight: 700; font-size: 15px; border: 1px solid #c29032 !important; background: #c29032 !important; color: #fff !important; } .itemid-121 form#display-section1 #button7.ui.button:hover { background: #aa7d2e !important; border-color: #aa7d2e !important; } @media (max-width: 767px) { .itemid-121 .semanticui-body.G2-joomla.chronoforms.index { margin: 14px 0 22px !important; padding: 16px 14px; border-radius: 6px; } .itemid-121 form#display-section1 .field > label { font-size: 14px; } .itemid-121 form#display-section1 #button7.ui.button { width: 100%; } } /* SECTION: PAGINE-INTERNE-NON-HOME — mainbody, masthead, articoli (body:not .itemid-101), singole itemid */ /* Spazio iniziale pagine interne: +100px su tutte, esclusa home */ body:not(.itemid-101) #t3-mainbody { margin-top: 100px !important; } /* Diritto Civile: abbassa leggermente il titolo "A.S.O.R." nella fascia */ .itemid-181 div.ja-masthead .ja-masthead-detail { padding-top: 58px !important; padding-bottom: 8px !important; } @media (min-width: 992px) { .itemid-181 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 50px !important; } } /*colore email di pagina contatti e pagina esaarco*/ .itemid-121 span a, .itemid-161 span a{ color:#243b55 !important; } /* Override definitivo: pagina Diritto Civile, stacca il titolo A.S.O.R dal blocco sopra */ @media (min-width: 992px) { .itemid-181 .wrap.t3-masthead .ja-masthead.has-bg .ja-masthead-detail { padding-top: 20px !important; padding-bottom: 20px !important; } .itemid-181 .wrap.t3-masthead .ja-masthead.has-bg .ja-masthead-detail .ja-masthead-title { margin-top: 0 !important; position: relative !important; top: 50px !important; } } /* Fix definitivo mobile: hamburger allineato in alto a destra nell'header */ @media (max-width: 1024px) { #t3-header.t3-header { position: relative !important; top: 0 !important; min-height: 56px !important; height: 56px !important; padding: 0 !important; } #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { position: relative !important; min-height: 56px !important; height: 56px !important; margin: 0 !important; } #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { position: static !important; margin: 0 !important; height: 56px !important; min-height: 56px !important; } /* Annulla vecchi offset che abbassavano il pulsante */ #t3-header.t3-header .navbar-toggle-btn + .btn, #t3-header.t3-header .navbar-header .off-canvas-toggle { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 50% !important; right: 10px !important; left: auto !important; transform: translateY(-50%) !important; z-index: 30 !important; } } /* ============================================================ FIX finale mobile sottopagine: hamburger nella barra header (come in home), non dentro la topbar ============================================================ */ @media (max-width: 991px) { /* Sottopagine: stesso carbone della home, non barra chiara (statica: .asor-home; Joomla home: .itemid-101) */ body:not(.asor-home):not(.itemid-101) #t3-header.t3-header { position: relative !important; top: 0 !important; min-height: 56px !important; height: 56px !important; background: #3f4349 !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; z-index: 12 !important; } body:not(.asor-home):not(.itemid-101) #t3-header.t3-header > .container, body:not(.asor-home):not(.itemid-101) #t3-header.t3-header > .container > .row { min-height: 56px !important; height: 56px !important; } body:not(.asor-home):not(.itemid-101) #t3-header.t3-header #t3-mainnav, body:not(.asor-home):not(.itemid-101) #t3-header.t3-header #t3-mainnav .navbar-header { position: static !important; height: 56px !important; min-height: 56px !important; margin: 0 !important; } body:not(.asor-home):not(.itemid-101) #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; margin: 0 !important; z-index: 40 !important; } } /* ============================================================ Tablet 992–1024 sottopagine: topbar compatta (stesso range del CTA nascosto) Non applicare a ≥1025: altrimenti si annulla space-between e il numero blu “esce fuori linea” ============================================================ */ @media (min-width: 992px) and (max-width: 1024px) { body:not(.asor-home):not(.itemid-101) .ja-topbar .container { display: flex !important; align-items: center !important; justify-content: center !important; gap: 28px; } body:not(.asor-home):not(.itemid-101) .ja-topbar .topbar-left, body:not(.asor-home):not(.itemid-101) .ja-topbar .topbar-right { float: none !important; width: auto !important; text-align: center !important; margin: 0 !important; } body:not(.asor-home):not(.itemid-101) .ja-topbar .topbar-list { justify-content: center !important; align-items: center !important; gap: 14px !important; padding: 0 !important; margin: 0 !important; } body:not(.asor-home):not(.itemid-101) .ja-topbar .topbar-list .logo-item img { margin-top: 0 !important; } body:not(.asor-home):not(.itemid-101) .ja-topbar .topbar-left p { margin: 0 !important; } } /* h2 di pagina contatti*/ .itemid-121 h2{ /*font-family: "Poppins",sans-serif;*/ letter-spacing: 1px; } /*testo pagina contatti e pagina esaarco*/ .itemid-121 .text-info, .popin, .itemid-161 .text-info{ color:#000 !Important; margin-top: -10px; } /*innalzamento fascia "16 anni di esperienza..."*/ #acm-features-92{ margin-top: 144px !important;/*era 240px*/ } /*titolo nel riquadro con cornice "chiamaci" nel bottom*/ .hero-line-1{ font-size: 40px !important; line-height: 40px !important; font-weight: 600 !important; } /*riduzione altezza riquadro "chiamaci" bottom*/ .riduzione-altezza{ height:80% !important; } /*****INIZIO CLASSI DEL MODULO CHIAMACI SUBITO CON RIQUADRO NEL BOTTOM COPIATE DALL'ORIGINALE********************/ .acm-hero { position: relative; } .acm-hero .hero-bg img { width: 100%; opacity: 0.3; } .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; } /*larghezza a tutto schermo di riquadro chiamaci subito con n.verde in posizione navhelper di tutte le pagine*/ nav.wrap.t3-navhelper > .container{ width:100% !important; max-width: none !important; } /*cancellazione bordo bianco fra riquadro chiamaci subito con n.verde in posizione navhelper e sezione footer*/ .t3-navhelper{ padding:0px !important; } /*riquadro intorno a indirizzo e n.verde */ .popin{ border: solid 1px #666 !important; border-radius: 10px !important; box-shadow: 10px 10px 10px #666 !important; padding: 25px !important; } nav.wrap.t3-navhelper .acm-hero .container { margin-left: -585px; left: 50%; right: auto; } nav.wrap.t3-navhelper .acm-hero .container { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #ffffff; text-align: center; } nav.wrap.t3-navhelper .container { width: 1170px; } nav.wrap.t3-navhelper .container { margin-right: auto; padding-left: 15px; padding-right: 15px; } .clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { content: " "; display: table; } nav.wrap.t3-navhelper .acm-hero .container { color: #ffffff; text-align: center; } nav.wrap.t3-navhelper .container::after{ clear: both; content: " "; display: table; } nav.wrap.t3-navhelper .acm-hero .hero-content { padding: 52px 26px; border: 2px solid #ffffff; width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; padding-top: 80px !important; padding-bottom: 50px !important; } /* Foto 1: cornice bianca su tutti e quattro i lati (la SECTION navhelper sovrascrive con !important) */ nav.wrap.t3-navhelper .acm-hero .hero-content { min-height: 250px; } nav.wrap.t3-navhelper .acm-hero .hero-icon { font-size: 93px; position: absolute; top: 0; left: 0; margin-top: -50px; width: 100%; height: 100px; line-height: 100px; text-align: center; } /* Icona cornetta telefono — IcoFont (come Joomla), fallback FA4 se IcoFont assente */ nav.wrap.t3-navhelper .acm-hero .hero-icon .icofont-ui-dial-phone::before { content: "\ed30" !important; font-family: "IcoFont" !important; font-weight: normal !important; font-style: normal !important; speak: none; color: #ffffff !important; display: inline-block; } nav.wrap.t3-navhelper .acm-hero .hero-icon::before, .acm-hero .hero-icon::after { content: ""; height: 2px; background-color: #ffffff; position: absolute; width: calc(50% - 70px); } .acm-hero .hero-icon::before { left: 15px; top: 50%; margin-top: -1px; } .icofont { font-family: 'IcoFont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icofont { font-family: 'IcoFont' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .acm-hero .hero-icon::after { right: 15px; top: 50%; margin-top: -1px; } nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 60px !important; } nav.wrap.t3-navhelper .hero-line-1 { font-size: 40px !important; font-weight: 600 !important; } nav.wrap.t3-navhelper .acm-hero .hero-line-2 { font-size: 40px !important; line-height: 40px !important; } /********************************FINE CLASSI COPIATE DA MODULO CHIAMACI CON RIQUADRO IN BOTTOM***************************/ /*allargamento contenitore prima striscia*/ .slideshow .slider-content-inner{ width:100% !important; } /*restringimento testo sotto il titolo in cima home*/ .slideshow .slider-content-inner p.hidden-xs.item-desc.ja-animation{ max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; } /*sfondo terza striscia home*/ .acm-features.style-2 { background-color: #5a7d9a !important; } /*sfondo quarta striscia home*/ .acm-features-95 { background-color: #3d6d95 !important; } /*immagine / foto sotto a perché affidarsi a noi*/ #acm-features-95 .block-bg img{ max-width: 60% !important; } /*sfondo strisca "Perché affidarsi a noi?"*/ #acm-features-95{ background-color: #243b55 !important; } /* 🟨 HOME · BLOCCHI CENTRALI — #acm-features-129 / 92 / 94 / 95 (fascie sotto l’hero) */ /* SECTION: HOME-MODULI-ACM-FEATURES — #acm-features-129/92/94/95, carousel servizi, “Una storia unica”, ecc. */ /* 🟨 HOME · 4 CARD SERVIZI — #acm-features-129 (Diritto civile, Lavoro, Famiglia, Sovraindebitamento) * * 🔵 BLU · RIGHE CHIAVE (cerca "🔵 BLU" nel file) * Fascia larga sotto hero → #243b55 (riga ~850 section.wrap.t3-sections) * → Joomla originale: #475966 (vedi blocco ~5027 e asor-features-129-no-blue-box.css) * Barra sotto ogni foto/titolo → #436a8a (riga ~5032 .features-item) * → NON confondere con .swiper-slide (stesso selettore ma effetto diverso) * Titolo sulla barra → color #c29032 in .features-title (riga ~880), NON è blu */ #acm-features-129 .container{ margin-top: -310px !important; } #acm-features-129 { padding-top: 0px !important; padding-bottom: 0px !important; height: auto !important; min-height: 0 !important; } section.wrap.t3-sections{ background-color: #243b55 !important; /* 🔵 BLU fascia — Joomla usa #475966 (riga ~5065) */ } /*cancellazione 4 anteprime ripetute*/ .itemid-101 #acm-features-92 .relative{ display:none !important; } /*fine innalzamento 4 ant...*/ /*sfondo striscia "Frequenlty Asked.." FAQ*/ #mod-100{ background-color: #2a3542; } /*sfondo striscia "Interviste e rassegna stampa"*/ .news-blog.latestnews { padding: 104px 0; background-color: #2a3542; } /*sottotitolo sotto titolo sito in home*/ .slideshow .slider-content-inner p.hidden-xs.item-desc.ja-animation { margin-top: -20px; line-height: 32px; } /*4 box con foto e titolo cliccabile in cima alla home*/ /*height / width module id: 129 on homepage*/ /* 🔵 BLU · padding/margin card — il background-color #436a8a è alla riga ~5070 (blocco AIRA) */ #acm-features-129.acm-features.style-1 .features-item { background-color: #243b55 !important; background: #495d6a !important; padding: 19px 5px 0 5px !important; margin: -26px auto 0 auto !important; position: relative !important; text-align: center !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; display: block !important; } #acm-features-129 .asor-129-slide, #acm-features-129 .swiper-slide.col.asor-129-slide { text-align: center !important; } .acm-features.style-1 .features-item { padding: 19px 5px 0px 5px !important; margin: -26px 26px 0px !important; } .acm-features.style-1 .features-title { font-size: 17px; /* colore titolo oro Joomla: #c29032 — non è definito in questo blocco */ } /*altezza 4 box in cima alla home*/ .acm-features.style-1 .swiper-slide { min-height: 225px !important;/*era 270px*/ max-height: 225px !important;/*era 270px*/ /* 🔵 se anche background #436a8a (riga ~5070), il blu avvolge anche la foto — vedi .features-item */ } #acm-features-129 .asor-129-slide, #acm-features-129 .swiper-slide.col.asor-129-slide { min-height: 0 !important; max-height: none !important; height: auto !important; background: transparent !important; background-color: transparent !important; text-align: center !important; } #acm-features-129 .asor-129-photo, #acm-features-129 .asor-129-photo a { background: transparent !important; background-color: transparent !important; } /*abbassamento 4 box in cima alla home*/ #acm-features-129 .relative{ margin-top:10px !important; } /* 🟨 HOME · ULTIME NOVITÀ — #acm-features-94 (tab infortunistica / tabs + elenco articoli) Override titoli: asor-features-94-cover.css */ /* sottotitolo "resta informato…" in home (#acm-features-94); #acm-features-92 in asor-features-92-storia.css */ #acm-features-94 p.short-title{ color:#000 !important; font-size: 33px !important; } /*titolo "10 anni di esperienza", "resta informato sui temi della malasanità", "Perché affidarsi a noi? " in home*/ .acm-features.style-1 .block-title, .acm-features.style-2 .block-title, #acm-features-95 .block-title{ width: 100% !important; font-size: 36px !important;/*era 50px*/ color:#fff !important; text-transform: uppercase; } /* 🟨 HOME · UNA STORIA UNICA — #acm-features-92 (fascia “Una storia unica” + carousel) Override titoli: asor-features-92-storia.css */ /*fascia di "10 anni di esperienza"*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 730px; } /*spazio sopra il paragrafo di "10 anni di esperienza"*/ #acm-features-92 p { margin-top: -20px !important; } /*cancellazione titolo scheda*/ .acm-features.style-2 .nav-tabs { display:none !important; } /*titolo dentro riquadro sinistra di "ultime novità" in home*/ #features-0 h3.features-title{ font-size:30px !important; } /*sfondo riquadro*/ .acm-features.style-2 .features-item{ background-image:url(https://www.asor.info/images/Logo-AIRA-sfondo-riquadro-Ultime-novita.jpg) } /* 🟨 HOME · PERCHÉ AFFIDARSI A NOI — #acm-features-95 (Serietà, Affidabilità, Esperienza + logo) Override titoli/logo: asor-features-95-perche.css */ /*fascia "Perché affidarsi a noi" in home*/ #acm-features-95 .short-title { margin-top:-35px; } #acm-features-95 .block-title { text-transform: uppercase !important; margin-bottom: 40px !important; } /*sfondo 3 riquadri "Perché affidarsi a noi" in home*/ #acm-features-95 .features-item-inner{ background-color:#fff !important; } /*foto in "Perché affidarsi a noi" in home*/ #acm-features-95 .block-bg{ padding: 10px !important; } /* 🟨 HOME · FORM CONTATTI — #ja-form “Raccontaci il tuo caso” (pannello bianco + sfondo foto) Override layout mobile: asor-mobile-form-ja.css, asor-hero-logo-form-fix.css */ /* SECTION: HOME-MODULO-FORM-JA — modulo “Raccontaci il tuo caso” #ja-form (home itemid-101 + regole collegate) */ /*******INIZIO MODULO CONTATTI HOME**********/ .itemid-121 address{ margin-bottom: 0px !important; line-height: 1.76 !important; } /*titolo*/ #ja-form .block-title { line-height: 1.2 !important; font-size: 40px !important; margin-top: 0 !important; margin-bottom: 8px !important; } /*testo chiamaci (sotto titolo, senza sovrapposizione) */ #ja-form .form-info p{ margin-top: 12px !important; margin-bottom: 18px !important; line-height: 1.45 !important; } /*area messaggio*/ div#ja-form ul.form-list li textarea { height: 110px !important; line-height: 25px !important; } /*spazio sopra il form*/ div#ja-form #ja_quicks_contact { margin-top: 0px !important; } /*bottone invia*/ #ac-submit span{ display:none !important; } #ac-submit::after{ content:"INVIA" !important; } #ac-submit{ margin-top:10px !important; } #ja_quicks_contact input{ height: 32px !important; } /*modulo contatti della home, spostamento a dx. NB DA RIFARE PER SCEHRMI PIù PICCOLI****/ .itemid-101 #ja-form .col-md-5.ja-contact-form{ float:right !important; padding-bottom: 20px !important; margin-top: 40px; width: 430px; margin-right: 5%; } .itemid-101 #ja-form .container { width: 100%; } /*modulo contatti della home, titolo*/ .itemid-101 #ja-form .block-title { font-size: 34px !important; } /*modulo contatti della home,bordo esterno bottone invia*/ .itemid-101 div#ja-form ul.form-list li .btn-primary::before { border: 1px solid #c29032 !important; } /*modulo contatti della home,bottone invia*/ .itemid-101 div#ja-form ul.form-list li .btn-primary { background-color: #c29032 !important; border: 1px solid #c29032 !important; } /*sfondo fascia modulo contatti home*/ .itemid-101 #ja-form { height: 670px; } /* Home statica: layout split (foto sx | form dx) — non applicare il vecchio float/larghezza fissa al pannello .asor-home-form-panel */ body.asor-home #ja-form .col-md-5.ja-contact-form:not(.asor-home-form-panel) { float: right !important; padding-bottom: 20px !important; margin-top: 40px; width: 430px; margin-right: 5%; } body.asor-home #ja-form .container:not(.asor-home-form-outer), body.asor-home #ja-form .container-fluid.asor-home-form-outer { width: 100%; max-width: 100%; } body.asor-home #ja-form .block-title { font-size: 34px !important; } body.asor-home div#ja-form ul.form-list li .btn-primary::before { border: 1px solid #c29032 !important; } body.asor-home div#ja-form ul.form-list li .btn-primary { background-color: #c29032 !important; border: 1px solid #c29032 !important; } body.asor-home #ja-form { height: 670px; } /*sfondo fascia modulo contatti valutazione del caso in home*/ #ja-form{ background-image: url('https://www.asor.info/images/scontro-automobilistico-fascia-contatti-home-ASOR-03.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: left center; /* Riempimento dove la foto non arriva (es. a destra del form su desktop) — allineato al blu sito */ background-color: #243b55 !Important; } /* Modifica 8: desktop — non forzare larghezza fissa sul form split home */ @media (min-width: 992px) { body.asor-home #ja-form .col-md-5.ja-contact-form:not(.asor-home-form-panel), body.itemid-101 #ja-form .col-md-5.ja-contact-form { width: 520px !important; max-width: 46% !important; margin-right: 4% !important; } body.asor-home #ja-form .ja-contact-form:not(.asor-home-form-panel), body.itemid-101 #ja-form .ja-contact-form { padding: 56px 44px 48px 44px !important; } body.asor-home #ja-form .block-title, body.itemid-101 #ja-form .block-title { font-size: 38px !important; } body.asor-home #ja-form, body.itemid-101 #ja-form { min-height: 700px !important; height: auto !important; } } /*******FINE MODULO CONTATTI HOME*************/ /*******INIZIO SLIDESHOW FOOTER DELLA HOME***************/ /*logo nel footer della home*/ #acm-slideshow-130 .slider-content-inner.container::before{ content:url(https://www.asor.info/images/Logo-ASOR-150px.png); text-align:center; margin-left:auto; margin-right:auto; margin-top:-270px; margin-bottom:-20px; } /* Slideshow footer: titolo in colore inchiostro ASOR */ #acm-slideshow-130 h1{ color: #2a3542; font-size:74px; } /* Sfondo slideshow footer — blu ASOR */ #acm-slideshow-130 .swiper-slide.swiper-slide-active { background-color: #243b55; } /*larghezza max testo titolo nello slideshow del footer*/ #acm-slideshow-130 .item-title.ja-animation{ max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; } /*allargamento contenitore slideshow nel footer e innalzamento contenuto*/ #t3-footer .container{ width:100% !important; margin-top: -100px; margin-left:0px !important; margin-right:0px !important; padding-right:0px !important; padding-left: 0px !important; } /*restringimento testo sotto il titolo slideshow del footer */ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; font-size: 26px !Important; line-height: 36px; margin-top: 10px; } /*altezza slideshow footer*/ #acm-slideshow-130{ height: 400px !important; } /*striscia vuota sul bordo inferiore dello schermo*/ .t3-copyright{ padding-bottom:0px; } /**********FINE SLIDESHOW FOOTER HOME***************/ /*spaziatura sinistra riquadro nel footer con numero verde*/ .t3-spotlight.t3-footnav.row{ margin-left: 7% !important; } /*fascia del grande riquadro azzurro "chiama ora" sopra bottom*/ nav.wrap.t3-navhelper > .container { padding-left: 0px !important; padding-right: 0px !important; } /*cancellazione logo T3*/ .poweredby .t3-logo, .poweredby .t3-logo-small { display: none; } /*pulsante faq in cima alla home*/ .bottone-faq{ border:1px solid #000 !Important; background-color: #f4e8c4; padding-left:25px; padding-right:25px; padding-top:12px; padding-bottom:12px; color:#000 !Important; border-radius:6px; font-weight:900; } /*pulsante faq in cima alla home*/ .ja-topbar .topbar-list > li a.bottone-faq { color:#000 !Important; font-weight:600 !Important; font-size:18px !important; } /*innalzamento titolo articoli sottopagine .article-title, .article-header h1{ margin-top: -45px !important; }*/ /*larghezza riquadri menu aperti*/ .t3-megamenu .mega > .mega-dropdown-menu{ min-width:260px; } /*risoluzione errore visualizzazione immagini di copertina in antemprime articoli nei blog*/ .blog .article-intro{ position: unset !important; } /*sottotitolo intestazione azzurra in cima alle sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-description { margin-top: 0px !important; font-size: 22px !important; } /*riduzione altezza header delle sottopagine*/ div.ja-masthead .ja-masthead-detail { padding-top: 150px !important; padding-bottom: 60px !important; } /*riduzione2 altezza header delle sottopagine*/ div.ja-masthead { height: 320px; } /*innalzamento sidebar sottopagine*/ .t3-sidebar { padding-top: 0px; margin-top: -12px; } /*riquadro ultime novità home - titolo*/ #features-0 h3.features-title, #features-1 h3.features-title, #features-2 h3.features-title{ font-size: 40px !important; line-height: 1.2; } /*riquadro ultime novità home - testo*/ #features-0 p, #features-1 p, #features-2 p { font-size: 22px; line-height: 1.4; text-align: justify; } /*titoli articoli nelle 4 anteprime in cima alla home*/ #acm-features-129 h3 a{ font-size: 21px; } /*aggiustamento titoli coprenti immagini in anteprime articoli blog*/ .blog .item-image img { margin-bottom: 20px !important; } /*sfondo fascia 4 immagini anteprime articoli in cima a home, che appare quando lo schermo si restringe molto*/ .itemid-101 .acm-features.style-1{ background: #243b55; } /*altro sfondo trasparente fascia 4 immagini anteprime articoli in cima a home, che appare quando lo schermo si restringe ancora*/ .itemid-101 .t3-wrapper { background: #243b55; } /*************************************************************************************/ /***************** INIZIO ADATTAMENTO RESPONSIVE INTERO SITO *************************/ /*************************************************************************************/ @media screen and (min-width: 1930px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -115px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -60px !important; /*era -20px*/ } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 207px;/*era 265px*/ } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 60px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } .slideshow .slider-content-inner { top: 49% !important; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1770px) and (max-width: 1930px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 0px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 75px; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -115px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -60px !important;/*era -20px*/ } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 207px;/*era 265px*/ } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 60px; } /*innalzamento titolo su testata sottopagine*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } .slideshow .slider-content-inner { top: 49% !important; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 600px; } } @media screen and (min-width: 1570px) and (max-width: 1770px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 90px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 180px; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -115px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -60px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 207px;/*era 265px*/ } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 60px; } /*innalzamento titolo su testata sottopagine*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } .slideshow .slider-content-inner { top: 49% !important; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 580px; } } @media screen and (min-width: 1370px) and (max-width: 1570px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 185px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 280px; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -50px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -58px !important;/*era -20px*/ } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 207px;/*era 265px*/ } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 60px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } .slideshow .slider-content-inner { top: 50% !important; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 600px; } } @media screen and (min-width: 1280px) and (max-width: 1370px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 280px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 310px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 860px; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -50px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -60px !important;/*era -30px*/ } /*diminuzione altezza seconda fascia blu testata sottopagine (era 245px)*/ div.ja-masthead { height: 207px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 54px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } #acm-slideshow-89.slideshow{ height:670px; } .slideshow .img-bg img { width: 107% !important; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 600px; } } @media screen and (min-width: 1200px) and (max-width: 1280px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*cancellazione altro menu*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ display:none !important; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 113%; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 280px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 310px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 840px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active { height: 660px; } /*cancellazione hamburger doppio che appare solo a 1199px precisi*/ .navbar-header button.btn.btn-primary.off-canvas-toggle.hidden-lg.hidden-md{ display: none !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -50px !important; content: url(https://www.asor.info/images/Logo-ASOR-110px.png) !important; margin-top: -60px !important; /*era -30px*/ } /*diminuzione altezza seconda fascia blu testata sottopagine (era 245px)*/ div.ja-masthead { height: 207px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 10px; font-size: 54px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead { height: 245px; } /*cancellazione logo law firm*/ .logo{ display:none; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 640px; } } @media screen and (min-width: 1165px) and (max-width: 1200px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /* spostamento hamburger*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ margin-left: 0px !important; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 120%; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 280px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 310px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 890px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active { height: 640px; } /*cancellazione hamburger doppio che appare solo a 1199px precisi*/ .navbar-header button.btn.btn-primary.off-canvas-toggle.hidden-lg.hidden-md{ display: none !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -50px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 203px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px; font-size: 50px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*cancellazione logo law firm*/ .logo{ display:none; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 660px; } } @media screen and (min-width: 1200px) and (max-width: 1200px){ /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: 12px; font-size: 38px; } /*altezza secondo riquadro azzurro testata con titolo*/ .itemid-144 div.ja-masthead { height: 245px; } } @media screen and (min-width: 1065px) and (max-width: 1165px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /* spostamento hamburger*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ margin-left: 0px !important; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 1430px; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 500px; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 270px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 1440px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active { height: 700px; } /*rimpicciolimento titolo "ASOR..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before { font-size: 70px; letter-spacing: 4px; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1 { font-size: 62px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p { font-size: 24px !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -40px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 203px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px; font-size: 50px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*cancellazione logo law firm*/ .logo{ display:none; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 680px; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 1025px) and (max-width: 1065px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /* spostamento hamburger*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ margin-left: 0px !important; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 1450px; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-200px.png); margin-top: 500px !Important; } /*4 immagini anteprime articoli*/ #acm-features-129 { margin-top: 265px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 1460px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active { height: 710px; } /*rimpicciolimento titolo "ASOR..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before { font-size: 69px; letter-spacing: 4px; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1 { font-size: 60px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p { font-size: 24px !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -40px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 203px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px; font-size: 50px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*cancellazione logo law firm*/ .logo{ display:none; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 670px; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 993px) and (max-width: 1025px){ /*alternanza delle topbar*/ .customtopbar-max912px{ display:none; } /*cancellazione menu doppio con riquadro nero*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /* spostamento hamburger*/ .navbar-header .btn.btn-primary.off-canvas-toggle{ margin-left: 0px !important; } /*logo ASOR*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 230px; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 130% !important; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 285px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 750px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 600px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 66px; letter-spacing: 4px; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 58px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p{ font-size: 22px !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -40px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 203px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px; font-size: 50px; } /*innalzamento titolo su testata sottopagina "risarcimento da trasf..."*/ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px; font-size: 38px; } /*cancellazione logo law firm*/ .logo{ display:none; } /*centratura scritta ASOR nel footer*/ .copyright .custom { margin-top: 20px; width: 250px; margin-left: auto; margin-right: auto; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { background-color: #243b55; height: 660px; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 911px) and (max-width: 992px){ /*allargamento topbar-left*/ .topbar-left { width: 100%; } .orari-e-email-max992px{ float:left; color:#fff; margin-top: 15px; } .n-verde-max992px{ float:right; width: 280px; } /*altezza barra hamburger e icona lawfirm*/ .t3-header { height: 0px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger*/ #t3-mainnav{ margin-top: -50px !important; } /*logo home*/ #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 455px; } /*allargamento immagine slideshow per estenderla sotto le scritte*/ .slideshow .img-bg { width: 1240px; } /*evita che le scritte sullo slideshow siano tagliate*/ .itemid-101 .slider-content-inner.container{ height: 1224px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 285px; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 608px; } /*rimpicciolimento titolo "ASOR..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 66px; letter-spacing: 4px; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 52px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p{ font-size: 22px !important; } /*altezza della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92.acm-features.style-1 { height:1100px; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -47px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 190px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px; font-size: 40px; } swiper-container slideshow-top swiper-container-horizontal swiper-container-android{ height: 610px; } } @media screen and (min-width: 991px) and (max-width: 992px){ /*cancellazione doppio hamburger*/ .navbar-header .btn.btn-primary.navbar-toggle-btn{ display:none !important; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 888px) and (max-width: 911px){ /*allargamento topbar-left*/ .topbar-left { width: 100%; } .orari-e-email-max992px{ float:left; color:#fff; margin-top: 15px; } .n-verde-max992px{ float:right; width: 185px; margin-right: 100px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger home*/ .itemid-101 #t3-mainnav{ margin-top: -55px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 130px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 285px; } /*abbassamento immagine sfondo slideshow tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 112%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 580px; width: 1055px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 58px; letter-spacing: 4px; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 50px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p{ font-size: 20px !important; } /*altezza della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92.acm-features.style-1 { height:1105px; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -47px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 190px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 238px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -31px; font-size: 40px; } .slideshow .slider-content-inner p.hidden-xs.item-desc.ja-animation { max-width: 810px !important; margin-left: 2%; margin-right: auto !important; } /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ visibility: hidden; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 641px) and (max-width: 888px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; } .n-verde-max992px{ float:right; width: 185px; margin-right: 100px; margin-left: 60px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger home*/ .itemid-101 #t3-mainnav{ margin-top: -55px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -290px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 140px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 285px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 191%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 600px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 50px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 38px; } /*rimpicciolimento sottotitolo "Associazione per ..." su slideshow in cima a home*/ #acm-slideshow-89 p{ font-size: 20px !important; } /*annulla la cancellazione del testo in cima home su schermi piccoli*/ #acm-slideshow-89 p.hidden-xs { display: block !important; } /*altezza della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92.acm-features.style-1 { height:820px !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -47px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 190px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 238px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -32px; font-size: 37px; } /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ display:none; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 554px) and (max-width: 641px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; } .n-verde-max992px{ float:right; width: 180px; margin-right: 60px; margin-left: 20px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger home*/ .itemid-101 #t3-mainnav{ margin-top: -55px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -290px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 80px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 230px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 185%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 50px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 38px; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -47px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 190px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 236px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -29px; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 860px; } /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ display:none; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 505px) and (max-width: 554px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*rimpicciolimento n.verde*/ .n-verde-max992px a img{ width:74%; } .n-verde-max992px{ float:left; width: 180px; margin-left: 20px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger home*/ .itemid-101 #t3-mainnav{ margin-top: -55px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -310px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-150px.png); margin-top: 40px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 230px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 203%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 50px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 38px; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -63px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 175px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 238px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -44px; margin-left: 70px; } .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 880px; } /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ display:none; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media screen and (min-width: 401px) and (max-width: 505px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*rimpicciolimento n.verde*/ .n-verde-max992px a img{ width:68%; margin-left:10px; } .n-verde-max992px{ float:left; width: 180px; margin-right: 100px; /*questo serve solo per farlo andare a capo su un'altra riga*/ } /*cancellazione logo lawfirm*/ .logo { display: none; } /*innalzamento hamburger home*/ .itemid-101 #t3-mainnav{ margin-top: -55px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -290px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-85px.png); margin-top: -25px; margin-bottom: 0px; } /*posizione verticale 4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 110px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 255%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 40px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 28px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:unset !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 70% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 130px !important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 22px !Important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 37px !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 280px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -8px !important; } /*innalzamento del solo titolo titolo "staff tecnico scientifico" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px !important; } /*altezza seconda fascia home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 1050px !important; } /*font RESTA INFORMATO SUI TEMI DELL’INFORTUNISTICA STRADALE*/ #acm-features-94 p.short-title { font-size: 32px !important; } /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ display:none; } /*barra hamburger e logo*/ .t3-header { top: 0px; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } @media (max-width: 400px){ /*terzo riquadro a dx nel footer con link-logo ASOR (ex CEDIM)*/ #Mod138{ display:none; } /*barra hamburger e logo*/ .t3-header { top: 0px !important; } /*barra hamburger e logo*/ .itemid-101 .t3-header { top: 82px; } } /*SOLO ABBASSAMENTO TITOLO SU TESTATA SOTTOPAGINE*/ @media screen and (min-width: 445px) and (max-width: 504px){ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -9px; } } @media screen and (min-width: 360px) and (max-width: 400px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*rimpicciolimento n.verde*/ .n-verde-max992px a img{ width:68%; } .n-verde-max992px{ float:left; width: 180px; margin-right: 100px; /*questo serve solo per farlo andare a capo su un'altra riga*/ } /*cancellazione logo lawfirm*/ .logo { display: none; } /*fissaggio barra n.verde e email*/ .ja-topbar { position: fixed !important; } /*innalzamento e fissaggio hamburger*/ #t3-mainnav{ margin-top: -25px !important; position: fixed; margin-left: 284px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -290px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-85px.png); margin-top: -25px; margin-bottom: 0px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 120px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 283%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 40px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 28px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:200px !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 70% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 130px !important; } /*font della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 p { font-size: 18px !Important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 20px !Important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; text-align: left; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 32px !important; } /*cancellazione modulo orari dal footer per allargare quello iscriz. a newsletter*/ #Mod132, #Mod133{ display: none !important; } /*allargamento modulo iscriz.newsletter*/ .t3-footnav .col-lg-4.col-md-4.col-sm-4.col-xs-6{ width:100% !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 280px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -8px !important; } /*innalzamento del solo titolo titolo "staff tecnico scientifico" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -30px !important; } /*altezza seconda fascia home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 900px !important; } /*font RESTA INFORMATO SUI TEMI DELL’INFORTUNISTICA STRADALE*/ #acm-features-94 p.short-title { font-size: 30px !important; } } @media screen and (min-width: 320px) and (max-width: 360px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*modulo orari ed email*/ .orari-e-email-max992px p{ font-size:15.5px; letter-spacing:-0.5px; } /*rimpicciolimento n.verde*/ .n-verde-max992px a img{ width:68% } .n-verde-max992px{ width: 180px; margin-top: -4px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*fissaggio barra n.verde e email*/ .ja-topbar { position: fixed !important; } /*innalzamento e fissaggio hamburger*/ #t3-mainnav{ margin-top: -25px !important; position: fixed; margin-left: 243px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -290px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-85px.png); margin-top: -58px; margin-bottom: 3px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 92px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 318%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 32px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 24px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:191px !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 65% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 96px !important; } /*font della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 p { font-size: 18px !Important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 18px !Important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; text-align: left; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 28px !important; } /*cancellazione modulo orari dal footer per allargare quello iscriz. a newsletter*/ #Mod132, #Mod133{ display: none !important; } /*allargamento modulo iscriz.newsletter*/ .t3-footnav .col-lg-4.col-md-4.col-sm-4.col-xs-6{ width:100% !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 280px; } /*dimensione titolo testata pagina "errata diagnosi*/ .itemid-143 div.ja-masthead .ja-masthead-detail .ja-masthead-title { font-size: 29px !important; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*innalzamento del solo titolo titolo "staff tecnico scientifico" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; } /*altezza seconda fascia home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 980px !important; } /*font RESTA INFORMATO SUI TEMI DELL’INFORTUNISTICA STRADALE*/ #acm-features-94 p.short-title { font-size: 28px !important; } } @media screen and (min-width: 299px) and (max-width: 320px){ /*cancellazione della sola riga degli orari*/ .orari{ display:none; } /*modulo orari ed email*/ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*modulo orari ed email*/ .orari-e-email-max992px p{ font-size:15.5px; letter-spacing:-0.5px; } /*rimpicciolimento n.verde*/ .n-verde-max992px a img{ width:65%; } .n-verde-max992px{ float:left; width: 180px; margin-top: -4px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*fissaggio barra n.verde e email*/ .ja-topbar { position: fixed !important; } /*innalzamento e fissaggio hamburger*/ #t3-mainnav{ margin-top: -25px !important; position: fixed; margin-left: 222px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -330px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-85px.png); margin-top: -66px; margin-bottom: 3px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 92px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 341%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 32px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 24px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:172px !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 65% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 86px !important; } /*altezza della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92.acm-features.style-1 { height:1210px !important; } /*font della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 p { font-size: 18px !Important; } /*titolo */ .itemid-101 .short-title{ line-height: 1.4; } /*fascia notizie sulla malasanità*/ #acm-features-94.acm-features.style-2 { padding-top: 70px; } /*fascia riquadro bianco notizie sulla malasanità*/ #acm-features-94 .features-item { padding: 25px !Important; } /*titolo fascia notizie sulla malasanità*/ #acm-features-94 #features-0 h3.features-title, #acm-features-94 #features-1 h3.features-title, #acm-features-94 #features-2 h3.features-title { font-size: 32px !important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; } /*titoli schede riquadri fascia notizie sulla malasanità*/ #acm-features-94 .nav-tabs > li > a { font-size: 18px; } /*fascia perché affidarsi a noi*/ #acm-features-95 .block-title { font-size: 40px !important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 18px !Important; margin-left: -10px; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 36px !important; } /*cancellazione modulo orari dal footer per allargare quello iscriz. a newsletter*/ #Mod132, #Mod133{ display: none !important; } /*allargamento modulo iscriz.newsletter*/ .t3-footnav .col-lg-4.col-md-4.col-sm-4.col-xs-6{ width:100% !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 315px; } /*posizione titolo testata pagina "errata diagnosi*/ .itemid-143 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px !important; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*innalzamento del solo titolo titolo "staff tecnico scientifico" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; } } @media screen and (min-width: 320px) and (max-width: 320px){ /*dimensione titolo testata pagina "errata diagnosi*/ .itemid-143 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } } @media screen and (min-width: 299px) and (max-width: 309px){ /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*posizione titolo testata pagina "errata diagnosi*/ .itemid-143 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -36px !important; } /*innalzamento deli soli titoli "staff tecnico scientifico", "sedi operative", "partners cedim" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-153 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-154 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; } /*font RESTA INFORMATO SUI TEMI DELL’INFORTUNISTICA STRADALE*/ #acm-features-94 p.short-title { font-size: 26px !important; } } @media screen and (min-width: 245px) and (max-width: 299px){ /*cancellazione della sola riga degli orari in topbar */ .orari{ display:none; } /*modulo orari ed email in topbar */ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*modulo orari ed email in topbar*/ .orari-e-email-max992px p{ font-size:15.5px; letter-spacing:-0.5px; } /*rimpicciolimento n.verde in topbar */ .n-verde-max992px a img{ width:68%; } .n-verde-max992px{ float:left; width: 180px; margin-top: -4px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*fissaggio barra n.verde e email*/ .ja-topbar { position: fixed !important; } /*innalzamento e fissaggio hamburger*/ #t3-mainnav{ margin-top: -25px !important; position: fixed; margin-left: 167px !important; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -330px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-70px.png); margin-top: -117px; margin-bottom: 9px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 82px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 416%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 28px; letter-spacing: 4px; margin-bottom: 0px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 20px; line-height: 23px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:160px !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 65% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -18px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 76px !important; } /*altezza della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92.acm-features.style-1 { height:2405px; } /*font della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 p { font-size: 18px !Important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 17px !Important; letter-spacing:-1px; margin-left: -22px; } /*titolo */ .itemid-101 .short-title{ line-height: 1.4; } /*fascia notizie sulla malasanità*/ #acm-features-94.acm-features.style-2 { padding-top: 70px; } /*fascia riquadro bianco notizie sulla malasanità*/ #acm-features-94 .features-item { padding: 25px !Important; } /*titolo fascia notizie sulla malasanità*/ #acm-features-94 #features-0 h3.features-title, #acm-features-94 #features-1 h3.features-title, #acm-features-94 #features-2 h3.features-title { font-size: 32px !important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; text-align: left; } /*titoli schede riquadri fascia notizie sulla malasanità*/ #acm-features-94 .nav-tabs > li > a { font-size: 18px; } /*fascia perché affidarsi a noi*/ #acm-features-95 .block-title { font-size: 40px !important; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 22px !important; } /*cancellazione modulo orari dal footer per allargare quello iscriz. a newsletter*/ #Mod132, #Mod133{ display: none !important; } /*allargamento modulo iscriz.newsletter*/ .t3-footnav .col-lg-4.col-md-4.col-sm-4.col-xs-6{ width:100% !important; } /*logo stemma CEDIM a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 307px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*innalzamento dei soli titoli "staff tecnico scientifico", "sedi operative", "partners cedim" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-153 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-154 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 259px; } /*testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { font-size: 28px !important; margin-top: -21px !important; } /*cancellazione microstemma laterale, per mancanza di spazio*/ .itemid-144 .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { display:none; } /*altezza seconda fascia home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 1110px !important; } /*font RESTA INFORMATO SUI TEMI DELL’INFORTUNISTICA STRADALE*/ #acm-features-94 p.short-title { font-size: 24px !important; } } @media screen and (min-width: 245px) and (max-width: 278px){ /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*innalzamento dei soli titoli "staff tecnico scientifico", "codice etico", "sedi operative", "partners cedim" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-151 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-153 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-154 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; width: 200px !important; } /*altezza seconda fascia home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 1215px; } } @media screen and (min-width: 222px) and (max-width: 245px){ /*cancellazione della sola riga degli orari in topbar */ .orari{ display:none; } /*modulo orari ed email in topbar */ .orari-e-email-max992px{ float:left; color:#fff; margin-top: -20px; } /*modulo orari ed email in topbar*/ .orari-e-email-max992px p{ font-size:15.5px; letter-spacing:-0.5px; } /*rimpicciolimento n.verde in topbar */ .n-verde-max992px a img{ width:68%; } .n-verde-max992px{ float:left; width: 180px; margin-top: -4px; } /*cancellazione logo lawfirm*/ .logo { display: none; } /*sostituzione email in topbar con una più corta ("contatti")*/ .orari-e-email-max992px p a:before{ content:' contatti'; color:#fff; } /*cancellazione email lunga in topbar*/ .orari-e-email-max992px p a span{ display:none; } /*fissaggio barra n.verde e email*/ .ja-topbar { position: fixed !important; } /*innalzamento e fissaggio hamburger*/ #t3-mainnav{ margin-top: -25px !important; position: fixed; margin-left: 148px; } /*posizione verticale 4 anteprime articoli home*/ #acm-features-129 .container { margin-top: -330px !important; } #acm-slideshow-89 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-70px.png); margin-top: -83px; margin-bottom: 3px; } /*4 immagini anteprime articoli*/ #acm-features-129{ margin-top: 110px; } /*abbassamento immagine sfondo slideshow in cima home tramite allargamento proporzionale*/ #acm-slideshow-89 .img-bg{ width: 458%; } /*aumenta altezza slideshow in cima home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active{ height: 500px; } /*rimpicciolimento titolo "CEDIM..." su slideshow in cima a home*/ #acm-slideshow-89 h1::before{ font-size: 32px; letter-spacing: 4px; margin-bottom: -9px !important; } /*rimpicciolimento titolo "...Trib..." su slideshow in cima a home*/ #acm-slideshow-89 h1{ font-size: 24px; } /*altezza 4 anteprime articoli in cima a home*/ #acm-features-129 .swiper-container.swiper-container-horizontal{ height:154px !important; } /*foto di copertina delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-image { max-width: 65% !important; } /*innalzamento titolo cliccabile delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } /*paginazione delle 4 anteprime articoli in cima a home*/ #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 0px; } /*innalzamento fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 { margin-top: 86px !important; } /*font della fascia "10 anni di esperienza in casi di..."*/ #acm-features-92 p { font-size: 18px !Important; } /*font news,normativa e blog*/ #acm-features-94 .nav-tabs li a { font-size: 22px !Important; display: block; margin-left: 7px; margin-right: 7px; } /*consente allineamento centrato di news,normativa e blog*/ #acm-features-94 .nav-tabs > li + li { margin-left: 0px; } /*titolo, incluso titolo "RESTA INFORMATAO INFORTUNISTICA STRADALE"*/ .itemid-101 .short-title,#acm-features-94 p.short-title{ line-height: 1.4; font-size: 21px !important; } /*fascia notizie sulla malasanità*/ #acm-features-94.acm-features.style-2 { padding-top: 70px; } /*fascia riquadro bianco notizie sulla malasanità*/ #acm-features-94 .features-item { padding: 25px !Important; } /*titolo fascia notizie sulla malasanità*/ #acm-features-94 #features-0 h3.features-title, #acm-features-94 #features-1 h3.features-title, #acm-features-94 #features-2 h3.features-title { font-size: 32px !important; } /*testi riquadri fascia notizie sulla malasanità*/ #features-0 p, #features-1 p, #features-2 p { font-size: 18px; text-align: left; } /*fascia perché affidarsi a noi*/ #acm-features-95 .block-title { font-size: 40px !important; } /*font "testimonianza" home e "10 anni di esperienza in casi di..."*/ .acm-testimonials.style-1 h3.block-title, #acm-features-92 h3.block-title{ font-size: 30px !important; padding-left: 7px; padding-right: 7px; } /*cancellazione modulo orari dal footer per allargare quello iscriz. a newsletter*/ #Mod132, #Mod133{ display: none !important; } /*allargamento modulo iscriz.newsletter*/ .t3-footnav .col-lg-4.col-md-4.col-sm-4.col-xs-6{ width:100% !important; } /*logo stemma ASOR a sx di ogni intestazione di sottopagina*/ .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -28px !important; } /*diminuzione altezza seconda fascia blu testata sottopagine*/ div.ja-masthead { height: 206px; } /*innalzamento titolo su testata sottopagine*/ div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -16px !important; } /*altezza seconda fascia blu testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead { height: 259px; } /*testata pagina "Risarcimento da trasfusioni di sangue infetto" */ .itemid-144 div.ja-masthead .ja-masthead-detail .ja-masthead-title { font-size: 25px !important; margin-top: -21px !important; } /*cancellazione microstemma laterale, per mancanza di spazio*/ .itemid-144 .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { display:none; } /*innalzamento dei soli titoli "staff tecnico scientifico", "codice etico", "sedi operative", "partners ASOR" su testata sottopagine*/ .itemid-152 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-151 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-153 div.ja-masthead .ja-masthead-detail .ja-masthead-title, .itemid-154 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -35px !important; width: 200px !important; } /*altezza seconda fasci home*/ .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: 1260px; } } /***************************************************************************/ /**************FINE PARTE PRIMA ADATTAMENTO RESPONSIVE**********************/ /****************************************************************/ /************INIZIO RESPONSIVE SOTTOPAGINE***********************/ @media (min-width:911px) and (max-width:990px){ /*hamburger menu*/ .navbar-toggle-btn + .btn{ margin-top: -43px !important; } } @media (min-width:991px) and (max-width:1164px){ /*hamburger menu*/ .navbar-toggle-btn + .btn{ margin-top: 90px !important; } } @media (min-width:991px){ /*barra menu*/ .t3-mainnav .t3-navbar { margin-left: auto; margin-right: auto; width: 1130px; } } /****************************************************************/ /************INIZIO RESPONSIVE PAGINA CONTATTI*******************/ @media (min-width: 222px) and (max-width: 260px){ /*hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-right: -26px !important; } } @media (min-width: 260px) and (max-width: 298px){ /*hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-right: -46px !important; } } @media (min-width: 333px) and (max-width: 360px){ /*hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-right: -35px !important; } } @media (min-width: 376px) and (max-width: 401px){ /*hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-right: -40px !important; } } @media (min-width: 222px) and (max-width: 401px){ /*cancellazione topbar*/ .itemid-121 .ja-topbar { display: none !important; } /*innalzamento hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-top: -35px !important; } /*logo stemma ASOR a sx di ogni intestazione*/ .itemid-121 .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -140px !important; } /*diminuzione altezza seconda fascia blu testata*/ .itemid-121 div.ja-masthead { height: 96px; } /*cancellazione titolo ripetitivo su testata*/ .itemid-121 div.ja-masthead .ja-masthead-detail .ja-masthead-title { display: none !important; } /*cancellazione rotellina per stampa in alto a dx*/ .itemid-121 #t3-content article aside.article-aside{ display: none !important; } /*innalzamento pagina contatti*/ .itemid-121 .t3-content { padding-top: 0px; margin-top: -39px; } .itemid-121 header{ margin-top:50px; } } @media (min-width: 400px) and (max-width: 800px){ /*cancellazione topbar*/ .itemid-121 .ja-topbar { display: none !important; } /*innalzamento hamburger*/ .itemid-121 .navbar-toggle-btn + .btn { margin-top: 0px !important; } /*logo stemma ASOR a sx di ogni intestazione*/ .itemid-121 .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-75px.png) !important; margin-top: -140px !important; } /*diminuzione altezza seconda fascia blu testata*/ .itemid-121 div.ja-masthead { height: 96px; } /*innalzamento titolo testata*/ .itemid-121 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -126px !important; } /*cancellazione della sparizione dell'hamburger*/ .itemid-121 .navbar-header .hidden-sm { display: unset !important; } /*innalzamento pagina contatti*/ .itemid-121 .t3-content { padding-top: 0px; margin-top: -53px; } } @media (min-width: 993px){ /*hamburger*/ .itemid-121 .t3-header { top: 30px; } } @media (min-width: 800px) and (max-width: 1199px){ /*cancellazione topbar*/ .itemid-121 .ja-topbar { display: none !important; } /*innalzamento hamburger pag.contatti*/ .itemid-121 .navbar-toggle-btn + .btn { margin-top: -12px !important; } /*logo stemma ASOR a sx di ogni intestazione*/ .itemid-121 .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { float: left; display: block; margin-left: -15px !important; content: url(https://www.asor.info/images/Logo-ASOR-85px.png) !important; margin-top: -124px !important; } /*diminuzione altezza seconda fascia blu testata*/ .itemid-121 div.ja-masthead { height: 130px; } /*innalzamento titolo testata*/ .itemid-121 div.ja-masthead .ja-masthead-detail .ja-masthead-title { margin-top: -116px !important; font-size: 44px; } .itemid-121 .navbar-header .hidden-sm { display: unset !important; } /*innalzamento pagina contatti*/ .itemid-121 .t3-content { padding-top: 0px; } } @media (min-width: 1165px) and (max-width: 1280px){ /*annullamento, nella pagina contatti, della cancellazione hamburger doppio che appare solo a 1199px precisi*/ .navbar-header button.btn.btn-primary.off-canvas-toggle.hidden-lg.hidden-md{ display: unset !important; } } @media (min-width: 800px) and (max-width: 910px){ /*hamburger pagina contatti*/ .itemid-121 #t3-mainnav{ margin-top: 32px; } } /*prima delle 3 colonne del footer in pag. contatti*/ @media (min-width: 910px){ .itemid-121 .t3-spotlight.t3-footnav.row .col-sm-6{ width: 33.333%; } } @media (min-width: 768px) and (max-width: 910px){ /*cancellazione terza colonna nel footer e larghezza delle due rimanenti*/ .t3-spotlight.t3-footnav.row .col-sm-6{ width: 50% !important; } .col-sm-4 { width: 50% !important; } #Mod138{ display:none !important; } } /****************************************************************/ /*************FINE RESPONSIVE PAGINA CONTATTI*******************/ /*cancellazione doppie voci di menu su mobile*/ #Mod135{ display:none; } @media screen and (min-width: 200px) and (max-width: 992px){ /*alternanza delle topbar su schermi piccoli*/ .customtopbar-min913px,.topbar-list{ display:none; } } @media screen and (min-width: 641px) and (max-width: 992px){ /*aumento altezza della topbar trasparente*/ .ja-topbar { height: 100px; } } /*posizione hamburger menu*/ @media screen and (max-width: 1199px){ .navbar-header, #t3-mainnav { max-width: 50px !important; float: right !important; } #t3-header .container { width: 100% !important; } .ja-topbar.clearfix .container{ width: 100% !important; } } /*cancellazione secondo doppione di hamburger main menu che appare sotto i 992px*/ @media screen and (min-width: 160px) and (max-width: 320px){ .navbar-header button.btn.btn-primary.navbar-toggle-btn{ display: none !important; } #t3-mainnav { margin-right: 30px; margin-top: -28px !important; } } /*cancellazione secondo doppione di hamburger main menu che appare sotto i 992px*/ @media screen and (min-width: 320px) and (max-width: 991px){ .navbar-header button.btn.btn-primary.navbar-toggle-btn{ display: none !important; } #t3-mainnav { margin-right: 30px; } } /*modulo topbar in cima alla pagina*/ @media screen and (min-width:880px) and (max-width:991px){ .topbar-left{ height:40px !important; } } /*regolazione visibilità main menu a tendina*/ @media screen and (min-width:992px) and (max-width:1199px){ .t3-mainnav .t3-navbar-collapse { margin-left: -300px; } .t3-navbar-collapse ul.level0 li:nth-child(4), .t3-navbar-collapse ul.level0 li:nth-child(5){ margin-left: 15px; } } /*eliminazione doppio riquadro tendina main menu a tendina su schermi piccoli/medi */ @media screen and (max-width:991px){ .t3-mainnav .t3-navbar-collapse { display: none; } } /*cancellazione pulsante aggiuntivo "torna su"*/ #toTop { display: none !important; } /*********************************************************************************************/ /*INIZIO RESPONSIVE DEL RIQUADRO CHIAMA SUBITO N.VERDE NEL FOOTER****************************/ /*********************************************************************************************/ @media screen and (min-width: 2560px) and (max-width: 4096px){ /**/ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { width: 4096px !important; margin-left: 0px !important; margin-top: -140px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 38px !important; font-size: 32px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:25%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:31% !important; font-size: 20px !important; line-height: 28px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 470px !important; } /*cornice bianca*/ .riduzione-altezza { height: 80% !important; margin-top: 20px; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:50px; } } @media screen and (min-width: 2560px) and (max-width: 3240px){ /**/ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { width: 3240px !important; margin-left: 0px !important; margin-top: -110px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:25%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:31% !important; font-size: 20px !important; line-height: 28px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 460px !important; } /*cornice bianca*/ .riduzione-altezza { height: 80% !important; margin-top: 15px; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:50px; } } @media screen and (min-width: 1920px) and (max-width: 2560px){ /**/ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { width: 2560px !important; margin-left: 0px !important; margin-top: -80px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:25%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:31% !important; font-size: 20px !important; line-height: 28px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 460px !important; } /*cornice bianca*/ .riduzione-altezza { height: 80% !important; margin-top: 10px; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:50px; } } @media screen and (min-width: 1700px) and (max-width: 1920px){ /**/ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { width: 1920px !important; margin-left: 0px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:25%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:31% !important; font-size: 20px !important; line-height: 28px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 435px !important; } .riduzione-altezza { height: 73% !important; margin-top: 10px; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:40px; } } @media screen and (min-width: 1501px) and (max-width: 1700px){ /**/ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { width: 1700px !important; margin-left: 0px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:25%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:31% !important; font-size: 20px !important; line-height: 28px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 435px !important; } .riduzione-altezza { height: 73% !important; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:40px; } } @media screen and (min-width: 1200px) and (max-width: 1500px){ nav.wrap.t3-navhelper .acm-hero .container{ left: 50%; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 1580px; margin-left:-80px; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:30%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:30% !important; font-size: 18px !important; line-height: 30px !important; } /*paddinge dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 450px !important; } .riduzione-altezza { height: 76% !important; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:35px; } } @media screen and (min-width: 992px) and (max-width: 1199px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container{ margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 1580px; margin-left:-220px; } nav.wrap.t3-navhelper .acm-hero .container{ left: unset; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:35%; } /*spazio fra prima scritta e icona del telefono*/ .btn-spazio-sopra { margin-top: 19px !important; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:35% !important; font-size: 18px !important; line-height: 30px !important; } /*paddinge dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 450px !important; } .riduzione-altezza { height: 76% !important; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:35px; } } @media screen and (min-width: 767px) and (max-width: 991px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container{ margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 1600px; margin-left:-320px; } nav.wrap.t3-navhelper .acm-hero .container{ left: unset; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1{ line-height: 36px !important; font-size: 28px !important; margin-top: 20px; } /*spazio fra prima scritta e icona del telefono*/ .btn-spazio-sopra { margin-top: 9px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:37%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:37% !important; font-size: 18px !important; line-height: 30px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:0px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 450px !important; } .riduzione-altezza { height: 76% !important; } /*margine sopra scritta*/ .aumento-altezza .hero-content-inner{ margin-top:35px; } } @media screen and (min-width: 558px) and (max-width: 766px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 1580px; margin-left:-320px; } nav.wrap.t3-navhelper .acm-hero .container { left: unset; } /*cornice bianca riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 10%; border-top: 2px solid #fff; width: 80%; display: block; padding-top: 10% !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 36px !important; font-size: 26px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:57%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:57% !important; font-size: 19px !important; line-height: 30px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:28px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 500px !important; } } @media screen and (min-width: 450px) and (max-width: 558px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 360%; margin-left:-350px; } nav.wrap.t3-navhelper .acm-hero .container { left: unset; } /*cornice bianca riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 5%; border-top: 2px solid #fff; width: 90%; display: block; padding-top: 15% !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 36px !important; font-size: 26px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:65%; } /*bottone chiama subito footer*/ a.btn-chiam-bottom{ width:65% !important; font-size: 19px !important; line-height: 30px !important; } /*padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content{ padding-top:28px !important; padding-bottom:0px !important; } /*diminuzione altezza intero riquadro*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ height: 500px !important; } } @media screen and (min-width: 400px) and (max-width: 450px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 360%; margin-left:-240px; } /*cornice bianca riquadro numero verde nel footer e padding dentro cornice*/ nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 13%; border-top: 2px solid #fff; width: 320px; display: block; padding-top: 24px !important; padding-bottom:0px !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 34px !important; font-size: 23px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:80%; } /*botton chiama subito footer*/ a.btn-chiam-bottom{ width:80% !important; font-size: 18px !important; line-height: 24px !important; } } @media screen and (min-width: 363px) and (max-width: 400px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 370%; margin-left:-240px; } /*cornice bianca riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 13%; border-top: 2px solid #fff; width: 320px; display: block; padding-top: 10% !important; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 32px !important; font-size: 24px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:80%; } /*botton chiama subito footer*/ a.btn-chiam-bottom{ width:85% !important; font-size: 18px !important; line-height: 24px !important; } } @media screen and (min-width: 320px) and (max-width: 362px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 390%; margin-left:-240px; } nav.wrap.t3-navhelper .acm-hero .hero-content { border-top: 2px solid #fff; margin-left: 23%; width: 280px; display: block; padding-top: 10% !important; height: 360px; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 30px !important; font-size: 22px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:80%; } /*botton chiama subito footer*/ a.btn-chiam-bottom{ width:85% !important; font-size: 18px !important; line-height: 24px !important; } } @media screen and (min-width: 260px) and (max-width: 320px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 490%; margin-left:-280px; } nav.wrap.t3-navhelper .acm-hero .container { left: unset; } nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 2%; border-top: 2px solid #fff;/*era #2a3542*/ width: 98%; display: block; padding: 15px; padding-top: 10% !important; margin-top: -10px; height: 380px; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 28px !important; font-size: 20px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:80%; } /*botton chiama subito footer*/ a.btn-chiam-bottom{ width:85% !important; font-size: 18px !important; line-height: 24px !important; } } @media screen and (min-width: 220px) and (max-width: 260px){ /*riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .container { margin-left: -220px; } /*sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img{ width: 565%; /*margin-left:-330px;*/ } nav.wrap.t3-navhelper .acm-hero .container { left: unset; } nav.wrap.t3-navhelper .acm-hero .hero-content { margin-left: 2%; border-top: 2px solid #ffffff;/*era #2a3542*/ width: 98%; display: block; padding: 15px; padding-top: 10% !important; margin-top: -10px; height: 380px; } /*testo chiamaci subito riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { line-height: 28px !important; font-size: 18px !important; } /*n.verde nel riquadro del footer*/ img.btn-spazio-sopra{ width:80%; } /*botton chiama subito footer*/ a.btn-chiam-bottom{ width:85% !important; font-size: 16px !important; line-height: 23px !important; } } /*troncamento sfondo stretta di mano in riquadro numero verde nel footer*/ nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg{ width: 100%; overflow: hidden; } /* CTA navhelper (pagine interne): foto cover stretta di mano — come home */ html:not(.itemid-101.home) nav.wrap.t3-navhelper, html:not(.itemid-101.home) nav.wrap.t3-navhelper > .container, html:not(.itemid-101.home) nav.wrap.t3-navhelper .custom, html:not(.itemid-101.home) nav.wrap.t3-navhelper .section-inner.acm-inview { background: transparent !important; } html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero { position: relative !important; overflow: hidden !important; min-height: clamp(300px, 36vw, 460px) !important; padding: clamp(18px, 3vw, 32px) clamp(12px, 3vw, 36px) !important; background: transparent url("/images/stretta-di-mano-cover.png") center center / cover no-repeat !important; } html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero .hero-bg, html:not(.itemid-101.home) nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg { display: block !important; visibility: visible !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 0 !important; } html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero .hero-bg img, html:not(.itemid-101.home) nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { display: none !important; visibility: hidden !important; } html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero::after { content: "" !important; position: absolute !important; inset: 0 !important; background: rgba(55, 68, 82, 0.42) !important; z-index: 1 !important; pointer-events: none !important; } /****************************************************************************************/ /************FINE RESPONSIVE RIQUADRO CHIAMA SUBITO N.VERDE NEL FOOTER*******************/ /****************************************************************************************/ /********************************************************************************/ /************INIZIO MODULO DI CONTATTO DELLA HOME********************************/ /********************************************************************************/ @media screen and (min-width:450px) and (max-width:510px){ .itemid-101 #ja-form .col-md-5.ja-contact-form, body.asor-home #ja-form .col-md-5.ja-contact-form:not(.asor-home-form-panel) { width: 100%; float: unset !important; padding: 25px !important; margin-right: unset !important; } /*abbassamento titolo del modulo contatto home*/ .itemid-101 #ja-form .form-info, body.asor-home #ja-form .form-info { margin-top: 20px; } /*altezza modulo contatto home*/ .itemid-101 #ja-form, body.asor-home #ja-form { height: 750px; } } @media screen and (min-width:320px) and (max-width:450px){ .itemid-101 #ja-form .col-md-5.ja-contact-form, body.asor-home #ja-form .col-md-5.ja-contact-form:not(.asor-home-form-panel) { width: 100%; float: unset !important; padding: 25px !important; } /*abbassamento titolo del modulo contatto home*/ .itemid-101 #ja-form .form-info, body.asor-home #ja-form .form-info { margin-top: 20px; } /*altezza modulo contatto home*/ .itemid-101 #ja-form, body.asor-home #ja-form { height: 750px; } } @media screen and (min-width:220px) and (max-width:319px){ .itemid-101 #ja-form .col-md-5.ja-contact-form, body.asor-home #ja-form .col-md-5.ja-contact-form:not(.asor-home-form-panel) { width: 108%; float: unset !important; padding: 20px !important; margin-left: -4%; } /*abbassamento titolo del modulo contatto home*/ .itemid-101 #ja-form .form-info, body.asor-home #ja-form .form-info { margin-top: 20px; } .itemid-101 #ja-form .block-title, body.asor-home #ja-form .block-title { font-size: 30px !important; } /*altezza modulo contatto home*/ .itemid-101 #ja-form, body.asor-home #ja-form { height: 750px; } /* interlinea di "accetto la privacy" */ #row_term_condition label { line-height: 22px; } } /********************************************************************************/ /************FINE MODULO DI CONTATTO DELLA HOME***********************************/ /********************************************************************************/ @media screen and (min-width:293px) and (max-width:418px){ /* altezza dei 4 riquadri delle statistiche in home*/ .uber-stats.style-1 li.col.col-sm-3.col-xs-6.stats-asset{ width: 100%; } } /*allargamento slideshow del footer*/ #acm-slideshow-130{ width: 100%; height: 600px; } /************* INIZIO SLIDESHOW NEL FOOTER **************************************/ @media screen and (min-width:1782px) and (max-width:1920px){ #acm-slideshow-130{ height: 420px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: -200px !important; } } /*slideshow nel footer*/ @media screen and (min-width:1683px) and (max-width:1781px){ #acm-slideshow-130{ height: 450px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: -150px !important; } } /*slideshow nel footer*/ @media screen and (min-width:1550px) and (max-width:1682px){ #acm-slideshow-130{ height: 450px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: -90px !important; } } /*slideshow nel footer*/ @media screen and (min-width:1371px) and (max-width:1549px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 0px !important; } } /*slideshow nel footer*/ @media screen and (min-width:1277px) and (max-width:1370px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 250px !important; } } /*slideshow nel footer*/ @media screen and (min-width:1166px) and (max-width:1276px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 250px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 65px !important; } /*testo p sotto il titolo*/ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ font-size: 22px !Important; } } /*slideshow nel footer*/ @media screen and (min-width:1026px) and (max-width:1165px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 530px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 58px !important; } /*testo p sotto il titolo*/ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ font-size: 22px !Important; } } /*slideshow nel footer*/ @media screen and (min-width:993px) and (max-width:1025px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 215px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 58px !important; } /*testo p sotto il titolo*/ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ font-size: 22px !Important; } } /*slideshow nel footer*/ @media screen and (min-width:912px) and (max-width:992px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 430px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 50px !important; } /*testo p sotto il titolo*/ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ font-size: 20px !Important; } } /*slideshow nel footer*/ @media screen and (min-width:767px) and (max-width:911px){ #acm-slideshow-130{ height: 400px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 230px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 44px !important; } /*testo p sotto il titolo*/ #acm-slideshow-130 .slider-content-inner p.hidden-xs.item-desc.ja-animation{ font-size: 18px !Important; } } /*slideshow nel footer*/ @media screen and (min-width:600px) and (max-width:766px){ #acm-slideshow-130{ height: 340px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 210px !important; } /*titolo*/ #acm-slideshow-130 h1{ font-size: 44px !important; padding-left: 20px; padding-right: 20px; } /*annulla la cancellazione del testo in cima home su schermi piccoli #acm-slideshow-89 p.hidden-xs { display: block !important; }*/ } /*slideshow nel footer*/ @media screen and (min-width:500px) and (max-width:599px){ #acm-slideshow-130{ height: 290px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 220px !important; } #acm-slideshow-130 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-110px.png); } /*titolo*/ #acm-slideshow-130 h1{ font-size: 44px !important; padding-left: 20px; padding-right: 20px; } .copyright .custom p a{ font-size: 14px !important; } } /*slideshow nel footer*/ @media screen and (min-width:367px) and (max-width:499px){ #acm-slideshow-130{ height: 300px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 220px !important; } #acm-slideshow-130 .img-bg { width: 140%; } #acm-slideshow-130 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-110px.png); } /*titolo*/ #acm-slideshow-130 h1{ font-size: 40px !important; padding-left: 20px; padding-right: 20px; } .copyright .custom p a{ font-size: 14px !important; } } /*slideshow nel footer*/ @media screen and (min-width:302px) and (max-width:366px){ #acm-slideshow-130{ height: 360px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 155px !important; } #acm-slideshow-130 .img-bg { width: 250%; } #acm-slideshow-130 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-110px.png); } /*titolo*/ #acm-slideshow-130 h1{ font-size: 40px !important; padding-left: 20px; padding-right: 20px; } .copyright .custom p a{ font-size: 14px !important; } } /*slideshow nel footer*/ @media screen and (min-width:274px) and (max-width:301px){ #acm-slideshow-130{ height: 400px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 165px !important; } #acm-slideshow-130 .img-bg { width: 310%; } #acm-slideshow-130 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-110px.png); } /*titolo*/ #acm-slideshow-130 h1{ font-size: 40px !important; padding-left: 20px; padding-right: 20px; } .copyright .custom p a{ font-size: 14px !important; } } /*slideshow nel footer*/ @media screen and (min-width:220px) and (max-width:274px){ #acm-slideshow-130{ height: 440px !important; } #acm-slideshow-130 .slider-content-inner.container:before{ margin-top: 155px !important; } #acm-slideshow-130 .img-bg { width: 390%; } #acm-slideshow-130 .slider-content-inner.container::before { content: url(https://www.asor.info/images/Logo-ASOR-110px.png); } /*titolo*/ #acm-slideshow-130 h1{ font-size: 38px !important; padding-left: 15px; padding-right: 15px; } .copyright .custom p a{ font-size: 13px !important; } } /*********** FINE SLIDESHOW NEL FOOTER *******************************/ /*********************************************************************/ /************************************************************************************************************/ /*****INIZIO REGOLE DI JOOMLART PER RENDERE LA TOPBAR TRASPARENTE (INIZIO THREAD 23-09-2019)*****************/ @media (max-width: 992px) { .t3-header { background-color: transparent!important; z-index: 3; position: absolute; } .itemid-101 .t3-header { top: 52px; } } @media (max-width: 992px) { .ja-topbar { background-color: rgba(0, 0, 0, 0.4)!important; position: absolute; z-index: 2; } } /*****FINE REGOLE DI JOOMLART PER RENDERE LA TOPBAR TRASPARENTE***************************/ .copyright .custom{ margin-top: 20px; } .copyright .custom p a{ line-height: 24px !important; } /***********************************************************************************************/ /********************************INIZIO REGOLE AIRA*********************************************/ /* SECTION: COLORI-BLU-4CARD-HOME — regole duplicate / legacy (confrontare con blocco 🟨 HOME · 4 CARD ~850) */ /***********************************************************************************************/ /*colorazione grigio chiaro dello slideshow home*/ #acm-slideshow-89 .swiper-slide.swiper-slide-active { background-color: #8a959d; /*grigio #8a959d;*/ } /* 🔵 BLU · FASCIA LARGA 4 CARD — background su section + moduli (valore ATTUALE #243b55; Joomla #475966) */ /*striscia scura grigio scuro seconda fascia subito sotto slideshow, con le 4 anteprime articoli*/ section.wrap.t3-sections,.itemid-101 .acm-features.style-1,#acm-features-92.acm-features.style-1,#acm-features-129.acm-features.style-1 { background: #243b55; /* blu ASOR — Joomla originale: #475966 */ background-color: #243b55 !Important; /* blu ASOR — Joomla originale: #475966 */ } /* 🔵 BLU · BARRA SOTTO FOTO — solo .features-item fuori da #129 */ /*colore azzurro logo per box titoli 4 anteprime in cima home*/ .acm-features.style-1 .features-item { background-color: #436a8a !important; } #acm-features-129 .swiper-slide, #acm-features-129.acm-features.style-1 .swiper-slide, #acm-features-129 .swiper-slide.col { background-color: transparent !important; background: transparent !important; } /*colore grigrio fascia home (quella col riquadro col logo chiarissimo di sfondo)*/ .acm-features.style-2 { background-color: #8a959d !important; } /*sfondo 4 riquadri statistiche*/ .section-inner.acm-inview .uber-stats.style-1 li{ background-color:#436a8a; } /*sfondo sezione testimonianze*/ .section-inner.acm-inview .acm-testimonials { background-color: #8a959d; } /*cancellazione metadescription sotto il titolo del blog*/ div.ja-masthead .ja-masthead-detail .ja-masthead-description{ display:none; } /***********************************************************************************************/ /********************************INIZIO REGOLE ASOR*********************************************/ /***********************************************************************************************/ /*restringimento voci menu*/ .t3-mainnav .t3-navbar .navbar-nav > li + li { margin-left: 22px !important; } /*avvicinamento triangolino dei sottomenu*/ .t3-megamenu .nav > .dropdown > .dropdown-toggle .caret { margin-left: 5px !important; } /*cancellazione titoli nei blog*/ .view-article .ja-masthead-title{display:none !important} .ja-masthead.has-bg .ja-masthead-title{display:none !important} /*...ma visibili in pag.contatti fino a 1200px*/ @media (max-width:1199px){ .itemid-121 .view-article .ja-masthead-title{display:block !important} .itemid-121 .ja-masthead.has-bg .ja-masthead-title{display:block !important} } /* Logo seconda fascia home — non sulla home statica (Safari non gestisce bene content:url su ::before) */ #acm-features-92:not(.asor-home-storia-unica) h3.block-title:before { content: url(/images/Logo-ASOR-200px.png); width: 150px !important; max-width: 150px !important; margin-top: 7px; margin-bottom: -8px; display: block; margin-left: auto; margin-right: auto; } /* Home statica: linea + titoli in HTML; niente pseudo-elemento immagine */ #acm-features-92.asor-home-storia-unica h3.block-title:before, #acm-features-92.asor-home-storia-unica h3:before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; overflow: hidden !important; } /*innalzamento titolo e testo dentro riquadri "Perché affidarsi a noi"*/ .acm-features.style-3.has-bg#acm-features-95 .features-title { margin-top:10px; } /*innalzamento titolo e testo dentro riquadri "Perché affidarsi a noi"*/ .acm-features.style-3.has-bg#acm-features-95 p { line-height:26px; } /*immagine cliccabile con logo, nella destra del footer*/ .bottone-footer-right{ margin-top: 57px; } /*blocco del n.verde ed email nel footer*/ .n-verde-footer{ width: 220px !important; float: left; } /*bottoni social nel footer*/ #Mod133 .social-list{ margin-top: 10px; } /*larghezza campo email modulo newsletter del footer*/ #t3-footer div.acymailing_module{ max-width: 78% !important; } /*padding destro articoli sottopagine*/ @media(min-width:1200px){ .t3-content { padding-right: 70px; } /**/ .bottone-footer-right{ float: right; margin-right: 160px; } /*barra menu pagina contatti*/ .itemid-121 .t3-mainnav .t3-navbar{ margin-left: auto; margin-right: auto; width: 1110px; margin-top: 60px; } /*hamburger pagina contatti*/ .itemid-121 .navbar-header { float: left; display: none; } } /*larghezza blocco testo della seconda fascia home*/ .section-inner .block-intro { width: 91% !important; } /*aspetto dei 4 cerchi sotto i numeri delle anteprime articoli in cima home*/ .acm-features.style-1 .count { background-color: #898989 !important; border: none !important; } /*freccetta nel riquadro torna su*/ .fa.fa.long-arrow-up { font-size:22px !important; } @media (max-width:767px){ /*cancellazione su piccoli schermi del bottone verso sito cedim che ora ha il logo Asor*/ .bottone-footer-right{display:none!important} } /*diminuzione dell'innalzamento della fascia copyright*/ #t3-footer .container{ margin-top: -50px; } @media (max-width: 991px){ .navbar-toggle-btn + .btn{ margin-top: 16px; } } /*trasformazione layout del modulo a schede, in home, "Ultime novità" @media (max-width:992px) and (max-width:1200px){ .itemid-101 .hidden-sm { display: none !important; } /*ritaglio foto del modulo a schede, in home, "Ultime novità" .acm-features.style-2 .features-title { margin-top: -80px; background: #fff; backface-visibility: hidden; padding-top: 7px; } } */ /* Ridimensionamento foto "Ultime novità" — vedi asor-features-94-cover.css */ @media (min-width: 992px) { html.itemid-101 #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs, body.itemid-101 #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs { overflow: hidden !important; } html.itemid-101 #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs img, body.itemid-101 #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs img, #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs img { height: 100% !important; max-width: 159% !important; margin-left: -125px !important; } } @media (max-width: 991px){ #acm-features-94 #features-0{ overflow: hidden; } #acm-features-94 #features-0 .col-md-6.features-image.hidden-sm.hidden-xs img{ height: 100%; margin-left: -125px; } } /*Fine ridimensionamento*/ /* Override stabilizzazione mobile: menu hamburger sempre visibile e cliccabile */ @media (max-width: 991px){ /* Larghezza auto: evita riga a tutta pagina con icona “centrata” */ #t3-mainnav .navbar-header{ display: flex !important; justify-content: flex-end !important; align-items: center !important; text-align: right !important; width: auto !important; max-width: none !important; } #t3-mainnav .navbar-header .navbar-toggle-btn, #t3-mainnav .navbar-header .off-canvas-toggle{ display: inline-block !important; visibility: visible !important; opacity: 1 !important; margin-top: 0 !important; margin-left: 0 !important; position: relative; z-index: 1005; } #t3-mainnav .t3-navbar{ display: none !important; } #t3-off-canvas{ z-index: 1006; } } /* Fix sovrapposizione blocchi home (desktop/tablet largo) */ @media (min-width: 992px){ .itemid-101 #acm-features-129, .itemid-101 #acm-features-129 .container, .itemid-101 #acm-features-129 .relative, .itemid-101 #acm-features-92 { margin-top: 0 !important; } .itemid-101 #acm-features-129, .itemid-101 #acm-features-92.acm-features.style-1 { height: auto !important; min-height: 0 !important; } .itemid-101 #acm-features-129 .swiper-wrapper.equal-height, .itemid-101 #acm-features-129 .swiper-slide.col { height: auto !important; max-height: none !important; } } /* Fix layout card sezione "Perché affidarsi a noi?" */ .itemid-101 #acm-features-95 .container{ max-width: 1170px; margin-left: auto; margin-right: auto; } @media (min-width: 992px){ .itemid-101 #acm-features-95 .row.equal-height.equal-height-child{ display: flex; align-items: stretch; gap: 24px; margin-left: 0; margin-right: 0; } .itemid-101 #acm-features-95 .row.equal-height.equal-height-child > .features-item{ float: none; width: calc((100% - 48px) / 3); padding-left: 0; padding-right: 0; } .itemid-101 #acm-features-95 .features-item-inner{ min-height: 240px; padding: 26px 30px; } } /* Uniforma stile icone nelle 3 card */ .itemid-101 #acm-features-95 .features-icon{ font-size: 52px !important; line-height: 1 !important; color: #c29032 !important; display: inline-block; min-height: 56px; } /* Rimozione definitiva slider card "Malpratica..." (blocco errato) */ .itemid-101 #acm-features-92 .relative{ display: none !important; height: 0 !important; overflow: hidden !important; } /* Desktop: rimozione completa card con loghi nella seconda fascia */ @media (min-width: 992px){ .itemid-101 #acm-features-92 .relative, .itemid-101 #acm-features-92 .swiper-container, .itemid-101 #acm-features-92 .swiper-wrapper, .itemid-101 #acm-features-92 .swiper-slide { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } } /* Kill-switch definitivo: rimuove le card duplicate della sezione 92 */ #acm-features-92 .relative, #acm-features-92 .swiper-container, #acm-features-92 .swiper-wrapper, #acm-features-92 .swiper-slide, #acm-features-92 .swiper-button-next, #acm-features-92 .swiper-button-prev, #acm-features-92 .swiper-pagination { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Uniforma font titoli/sottotitoli su tutto il sito */ h1, h2, h3, h4, h5, h6, .block-title, .short-title, .module-title, .features-title, .ja-masthead-title, .article-title, .hero-line-1, .hero-line-2, .hero-line-3 { font-family: "Playfair Display", serif !important; letter-spacing: 0.3px; } /* ============================================================================= Masthead: elimina foto duplicata (stessa immagine della copertina articolo) + header mobile/tabella: fascia solida come layout di riferimento ============================================================================= */ .wrap.t3-masthead .ja-masthead, div.ja-masthead { background-image: none !important; background-repeat: no-repeat !important; background-size: auto !important; background-color: #ffffff !important; height: auto !important; min-height: 0 !important; } div.ja-masthead::before, div.ja-masthead:before, .ja-masthead::before { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } div.ja-masthead .ja-masthead-detail { padding-top: 28px !important; padding-bottom: 28px !important; } div.ja-masthead .ja-masthead-detail .ja-masthead-title { color: #243b55 !important; } /* Con sfondo foto rimosso, il titolo nella fascia torna utile (prima era nascosto) */ .ja-masthead.has-bg .ja-masthead-title { display: block !important; } /* Pagine articolo (.item-page): il titolo c’è già nell’H1 → non ripeterlo in masthead */ .t3-wrapper:has(.item-page article .article-header .article-title) .ja-masthead.has-bg .ja-masthead-title { display: none !important; } .t3-wrapper:has(.item-page article .article-header .article-title) .ja-masthead.has-bg .ja-masthead-detail { padding-top: 16px !important; padding-bottom: 16px !important; } /* Sottopagine: niente header/topbar “fluttuanti” trasparenti sopra la foto masthead */ @media (max-width: 992px) { .t3-wrapper > .ja-topbar { position: relative !important; z-index: 4; /* Stesso carbone della home (#3f4349), non grigio “sporco” (#6d6e71) */ background-color: #3f4349 !important; height: auto !important; min-height: 0 !important; } .t3-wrapper > #t3-header.t3-header { position: relative !important; top: 0 !important; z-index: 5; background-color: #ffffff !important; border-bottom: 1px solid #e8e8e8; } /* Sottopagine: barra menu come home (scura), non bianca */ .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header { background-color: #3f4349 !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } /* Home: sotto c’è lo slideshow → ripristina overlay compatto */ .t3-wrapper:has(> .wrap.t3-slideshow) > .ja-topbar { position: absolute !important; z-index: 2; background-color: rgba(0, 0, 0, 0.38) !important; } .t3-wrapper:has(> .wrap.t3-slideshow) > #t3-header.t3-header { position: absolute !important; top: 52px; z-index: 3; background-color: transparent !important; border-bottom: none; } } /* 🟨 HOME · CTA CHIAMACI SUBITO — nav.t3-navhelper (fascia blu prima del footer, bottone verde) Override dimensioni testo: asor-navhelper-cta.css */ /* ============================================================================= SECTION: CTA-NAVHELPER-CHIAMACI — fascia “Chiamaci subito” (nav.wrap.t3-navhelper + .acm-hero) Riferimento visivo: foto 1 — sfondo blu-grigio a tutta larghezza + cornice bianca interna al contenuto ============================================================================= */ nav.wrap.t3-navhelper { position: relative; z-index: 2; clear: both; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; } nav.wrap.t3-navhelper > .container { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } nav.wrap.t3-navhelper .custom, nav.wrap.t3-navhelper .section-inner.acm-inview { width: 100% !important; max-width: none !important; } nav.wrap.t3-navhelper .section-inner.acm-inview { overflow: hidden; } html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero { background-color: #5b6a7a !important; } nav.wrap.t3-navhelper .acm-hero { width: 100% !important; max-width: none !important; position: relative !important; overflow: visible !important; padding: clamp(20px, 4vw, 40px) clamp(14px, 4vw, 48px) clamp(28px, 5vw, 44px) !important; box-sizing: border-box; } nav.wrap.t3-navhelper .acm-hero > .container.riduzione-altezza { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; -webkit-transform: none !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: none !important; padding-left: clamp(16px, 4vw, 56px) !important; padding-right: clamp(16px, 4vw, 56px) !important; float: none !important; } nav.wrap.t3-navhelper .acm-hero .hero-content { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: min(96vw, 1320px) !important; margin: 0 auto !important; height: auto !important; min-height: 240px !important; padding: 36px clamp(18px, 3.5vw, 40px) 32px !important; border: 2px solid #ffffff !important; box-sizing: border-box !important; background: transparent !important; } nav.wrap.t3-navhelper .acm-hero .hero-icon.hidden-xs { position: relative !important; top: auto !important; left: auto !important; margin: 0 auto 0 !important; width: 100% !important; max-width: min(96vw, 1200px) !important; height: auto !important; line-height: 1.2 !important; padding-bottom: 0 !important; margin-bottom: 14px !important; border-bottom: none !important; color: #fff !important; } /* Foto 3 / ref.: messaggio principale in serif bianco */ nav.wrap.t3-navhelper .acm-hero .hero-line-1 { font-family: "Playfair Display", Georgia, serif !important; color: #fff !important; } @media (max-width: 767px) { /* Su mobile Bootstrap nasconde .hidden-xs: riattiviamo l'icona solo nel navhelper */ nav.wrap.t3-navhelper .acm-hero .hero-icon.hidden-xs { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 auto 0 !important; font-size: 68px !important; height: auto !important; min-height: 72px !important; line-height: 72px !important; padding-bottom: 0 !important; margin-bottom: 12px !important; border-bottom: none !important; color: #fff !important; } } nav.wrap.t3-navhelper .acm-hero .hero-content-inner { width: 100%; text-align: center; } nav.wrap.t3-navhelper a.btn-chiam-bottom, nav.wrap.t3-navhelper .btn-chiam-bottom { width: 346px !important; max-width: min(346px, 92vw) !important; min-height: 58px !important; height: 58px !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; padding: 0 14px !important; line-height: 1.15 !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important; } @media (max-width: 520px) { nav.wrap.t3-navhelper .btn-chiam-bottom { width: min(346px, 92vw) !important; max-width: 92vw !important; } } /* --------------------------------------------------------------------------- CTA “cornetta / Chiamaci Subito”: tutta larghezza viewport (come #t3-footer) Tutte le pagine (home + interne): stessa resa “edge to edge”. Rompe il limite legacy 1170px / -585px ancora presente più sopra nel file. --------------------------------------------------------------------------- */ .t3-wrapper > nav.wrap.t3-navhelper { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50% !important; right: auto !important; margin-left: -50vw !important; margin-right: -50vw !important; box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; } nav.wrap.t3-navhelper > .container { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Annulla vecchie regole generiche “navhelper .container { width:1170px }” e centrature absolute */ nav.wrap.t3-navhelper .container { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; float: none !important; } nav.wrap.t3-navhelper .acm-hero .container, nav.wrap.t3-navhelper .acm-hero .container.riduzione-altezza { position: relative !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; -webkit-transform: none !important; width: 100% !important; max-width: none !important; } nav.wrap.t3-navhelper .acm-hero { width: 100% !important; max-width: none !important; } /* Sidebar: banner chiamsub visibile (dettaglio in asor-sidebar-restore.css) */ /* Masthead articoli: niente logo float “strano” quando il titolo fascia è nascosto */ .t3-wrapper:has(.item-page article .article-header .article-title) .wrap.t3-masthead .ja-masthead .ja-masthead-detail::before { content: none !important; display: none !important; margin: 0 !important; } .t3-wrapper:has(.item-page article .article-header .article-title) .wrap.t3-masthead { border-bottom: 1px solid #e8e8e8; } /* Email nel corpo articolo: più leggibile su sfondo bianco */ .item-page .article-content a[href^="mailto:"] { color: #243b55 !important; text-decoration: underline; } .item-page .article-content a[href^="mailto:"]:hover { color: #2a4055 !important; } /* 🟨 HOME · FOOTER — #t3-footer.asor-footer (orari, numero blu, social, logo, newsletter) Vale anche sulle altre pagine; stesso markup includes/footer.php */ /* ============================================================================= SECTION: FOOTER-E-NEWSLETTER — #t3-footer.asor-footer (orari, numero blu, social, logo, newsletter, copyright) Footer unico (tutte le pagine + home): griglia 3 colonne, sfondo #212121 ============================================================================= */ #t3-footer.asor-footer { /* Foto 1: nero pieno su tutta la larghezza */ background-color: #000000 !important; color: #f0f0f0; padding: 48px 0 0; margin-top: 0 !important; clear: both; position: relative; z-index: 2; width: 100% !important; max-width: none !important; box-sizing: border-box; } /* Footer incluso dopo la chiusura di .t3-wrapper (includes/footer.php): figlio di body = stessa resa “tutto schermo” ovunque */ body > #t3-footer.asor-footer { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } #t3-footer.asor-footer > .container.asor-footer-main { margin-top: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: clamp(16px, 4vw, 56px) !important; padding-right: clamp(16px, 4vw, 56px) !important; width: 100% !important; max-width: none !important; } #t3-footer.asor-footer .asor-footer-grid { margin-left: 0 !important; margin-right: 0 !important; } #t3-footer.asor-footer .asor-footer-col { margin-bottom: 28px; } @media (min-width: 992px) { #t3-footer.asor-footer .asor-footer-col { margin-bottom: 0; } #t3-footer.asor-footer .asor-footer-col--brand { text-align: right; display: flex; justify-content: flex-end; align-items: flex-start; } #t3-footer.asor-footer .asor-footer-brand { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 16px; text-align: right; } #t3-footer.asor-footer .asor-footer-brand-logo { max-width: 120px; height: auto; } #t3-footer.asor-footer .asor-footer-brand-tagline { font-family: "Playfair Display", Georgia, serif; font-size: 22px; line-height: 1.25; color: #fff; } } #t3-footer.asor-footer .asor-footer-hours p { margin: 0 0 14px; font-size: 15px; line-height: 1.45; color: #fff !important; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-weight: 400; } #t3-footer.asor-footer .asor-footer-hours .fas, #t3-footer.asor-footer .asor-footer-hours .fab { margin-right: 8px; opacity: 0.9; } #t3-footer.asor-footer .asor-footer-numero { margin: 0 0 4px; } #t3-footer.asor-footer .asor-footer-numero .asor-numero-blu-forma { vertical-align: top; } #t3-footer.asor-footer .asor-footer-email { margin-top: 16px; } #t3-footer.asor-footer .asor-footer-email a { color: #fff !important; font-size: 16px; text-decoration: none; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } #t3-footer.asor-footer .asor-footer-email a:hover { text-decoration: underline; color: #e8d4a8 !important; } #t3-footer.asor-footer .asor-footer-email .fas, #t3-footer.asor-footer .asor-footer-email .fab { margin-right: 8px; } #t3-footer.asor-footer .asor-footer-social { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 12px; } #t3-footer.asor-footer .asor-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.9); color: #fff !important; font-size: 18px; transition: background 0.2s ease, border-color 0.2s ease; } #t3-footer.asor-footer .asor-footer-social a .fab, #t3-footer.asor-footer .asor-footer-social a .fas { line-height: 1; pointer-events: none; } #t3-footer.asor-footer .acysubbuttons .fa { line-height: 1; font-size: 16px; } #t3-footer.asor-footer .asor-footer-social a:hover { background: rgba(255, 255, 255, 0.1); color: #fff !important; } #t3-footer.asor-footer .asor-footer-newsletter-title { font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; color: #fff !important; font-size: 22px; margin: 0 0 18px; font-weight: 700; line-height: 1.25; } #t3-footer.asor-footer .asor-footer-newsletter-title span { display: inline-block; padding-bottom: 6px; border-bottom: 3px solid #c29032; } #t3-footer.asor-footer .asor-footer-acymailing { max-width: 100% !important; } #t3-footer.asor-footer .acymailing_form { width: 100%; border-collapse: separate; border-spacing: 0; } #t3-footer.asor-footer .acymailing_form tr { display: flex; width: 100%; align-items: stretch; } #t3-footer.asor-footer .acyfield_email { flex: 1 1 auto; padding-right: 0; } #t3-footer.asor-footer .acyfield_email .inputbox { width: 100% !important; max-width: 100% !important; box-sizing: border-box; background: #2c2c2c !important; border: 1px solid #4a4a4a !important; color: #eee !important; padding: 12px 14px !important; font-size: 15px; border-radius: 4px 0 0 4px; height: 46px; } #t3-footer.asor-footer .acysubbuttons { flex: 0 0 auto; } #t3-footer.asor-footer .acysubbuttons .btn, #t3-footer.asor-footer .acysubbuttons .subbutton { min-height: 46px; height: 46px; padding: 0 18px !important; border-radius: 0 4px 4px 0 !important; background-color: #243b55 !important; border-color: #243b55 !important; color: #fff !important; } #t3-footer.asor-footer .asor-footer-brand { display: flex; flex-direction: row; align-items: center; gap: 18px; } @media (min-width: 992px) { #t3-footer.asor-footer .asor-footer-brand { justify-content: flex-end; } } @media (max-width: 991px) { #t3-footer.asor-footer .asor-footer-brand { justify-content: flex-start; } } #t3-footer.asor-footer .asor-footer-brand-logo { width: 110px; max-width: 130px; height: auto; display: block; } #t3-footer.asor-footer .asor-footer-brand-text { display: flex; flex-direction: column; font-family: "Playfair Display", serif !important; color: #fff; text-align: left; line-height: 1.15; } #t3-footer.asor-footer .asor-footer-brand-name { font-size: 32px; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 4px; } #t3-footer.asor-footer .asor-footer-brand > .asor-footer-brand-tagline { display: block; max-width: 11em; margin: 0; font-family: "Playfair Display", Georgia, serif !important; font-size: clamp(1rem, 2.2vw, 1.35rem); font-weight: 600; letter-spacing: 0.03em; line-height: 1.28; color: #ffffff !important; text-align: left; } #t3-footer.asor-footer .asor-footer-copyright { background: #000000 !important; padding: 26px 12px 32px !important; margin-top: 12px; border-top: 1px solid #2a2a2a; } #t3-footer.asor-footer .asor-footer-copyright .container { margin-top: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: clamp(16px, 4vw, 56px) !important; padding-right: clamp(16px, 4vw, 56px) !important; width: 100% !important; max-width: none !important; } #t3-footer.asor-footer .asor-footer-copy-title { font-family: "Playfair Display", serif !important; color: #fff !important; font-size: 28px; margin: 0 0 6px; font-weight: 700; } #t3-footer.asor-footer .asor-footer-copy-line { color: #e0e0e0 !important; margin: 6px 0; font-size: 15px; font-weight: 400; line-height: 1.45; } #t3-footer.asor-footer .asor-footer-copy-line--lead { font-family: "Playfair Display", serif !important; font-size: 17px; font-weight: 600; margin-top: 0; margin-bottom: 10px; color: #fff !important; } /* Torna su: visibile anche su mobile, stile coerente col footer */ #back-to-top .btn { background-color: #2a2a2a !important; border: 1px solid #666 !important; color: #fff !important; } #back-to-top .btn:hover { background-color: #243b55 !important; border-color: #243b55 !important; } @media (max-width: 767px) { .back-to-top { bottom: 88px !important; } } /* Il bottone “torna su” resta utilizzabile anche su smartphone */ #back-to-top.hidden-xs.hidden-sm { display: block !important; } /* ============================================================================= Tablet / smartphone: hamburger in alto a destra nel blocco bianco #t3-header (specificità > #t3-mainnav .navbar-header; bottone absolute se serve) ============================================================================= */ @media (max-width: 991px) { #t3-header.t3-header { position: relative !important; } #t3-header.t3-header .container { padding-left: 12px; padding-right: 12px; } #t3-header.t3-header .container > .row { display: flex !important; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-left: 0; margin-right: 0; min-height: 52px; } #t3-header.t3-header .logo, #t3-header.t3-header .logo.col-xs-6, #t3-header.t3-header .logo.col-sm-3 { flex: 1 1 auto; width: auto !important; max-width: 100% !important; float: none !important; padding-right: 54px !important; box-sizing: border-box; } #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav.col-xs-6, #t3-header.t3-header #t3-mainnav.col-sm-9 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; /* così .off-canvas-toggle absolute si ancora a #t3-header, non alla navbar */ position: static !important; } #t3-header.t3-header #t3-mainnav .navbar-header { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; min-height: 0; position: static !important; } #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 50% !important; right: 12px !important; left: auto !important; transform: translateY(-50%) !important; float: none !important; margin: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; min-width: 44px !important; padding: 0 !important; border-radius: 4px; z-index: 20 !important; } #t3-header.t3-header .off-canvas-toggle .fa { font-family: "FontAwesome" !important; font-weight: normal !important; margin: 0; line-height: 1; font-size: 20px; } } /* Annulla “posizione hamburger” legacy (max-width:50px) solo dentro #t3-header */ @media screen and (max-width: 1199px) { #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { max-width: none !important; float: none !important; } } /* Stabilizzazione definitiva mobile: stesso posizionamento hamburger su home e sottopagine */ @media (max-width: 991px) { #t3-header.t3-header { top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 52px !important; } #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { margin-top: 0 !important; margin-bottom: 0 !important; } /* Annulla i vecchi offset .navbar-toggle-btn + .btn che spostavano il pulsante in basso */ #t3-header.t3-header .navbar-toggle-btn + .btn, #t3-header.t3-header .navbar-header .off-canvas-toggle { margin-top: 0 !important; margin-right: 0 !important; } #t3-header.t3-header .off-canvas-toggle { top: 50% !important; right: 12px !important; transform: translateY(-50%) !important; } } /* ============================================================================= Topbar fissa su tutte le pagine: stesso colore sempre (come riferimento utente) ============================================================================= */ .ja-topbar, .t3-wrapper > .ja-topbar, .header-bg .ja-topbar { background-color: #3f4349 !important; color: #ffffff !important; } /* Header continuo: rimuove lo "stacco" scuro tra topbar e barra menu */ .ja-topbar, .t3-wrapper > .ja-topbar { margin-bottom: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } #t3-header.t3-header { margin-top: 0 !important; border-top: 0 !important; box-shadow: none !important; } #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { margin-top: 0 !important; border-top: 0 !important; } /* Rimuove il logo "Law Firm" dalla barra menu (desktop) */ @media (min-width: 992px) { #t3-header.t3-header .logo { display: none !important; width: 0 !important; max-width: 0 !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav.col-sm-9 { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; padding-left: 0 !important; } } /* Desktop: barra menu scura sulle sottopagine (NON in home: lì menu trasparente sullo slideshow) */ @media (min-width: 992px) { .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .t3-header, .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .itemid-101 .t3-header { position: absolute !important; top: 52px !important; transform: none !important; z-index: 20 !important; background-color: #3f4349 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar { position: relative !important; z-index: 30 !important; } .t3-wrapper > .ja-topbar .container, .t3-wrapper > .ja-topbar .topbar-left, .t3-wrapper > .ja-topbar .topbar-right, .t3-wrapper > .ja-topbar .topbar-list, .t3-wrapper > .ja-topbar .logo-item, .t3-wrapper > .ja-topbar .email-item { position: relative !important; z-index: 31 !important; } .header-bg .t3-header { background-color: #3f4349 !important; } #t3-header.t3-header::before, #t3-header.t3-header::after, .ja-topbar::before, .ja-topbar::after { content: none !important; display: none !important; border: 0 !important; box-shadow: none !important; } .t3-wrapper > .ja-topbar + #t3-header.t3-header { margin-top: -1px !important; } #t3-header.t3-header { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; } #t3-header.t3-header .container > .row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-left: 0 !important; margin-right: 0 !important; } #t3-mainnav { margin-top: 0 !important; display: block !important; width: 75% !important; max-width: 75% !important; float: left !important; } html.itemid-101.home #t3-mainnav, .itemid-101 #t3-mainnav { margin-top: 0 !important; display: flex !important; width: auto !important; max-width: none !important; float: none !important; flex: 1 1 auto !important; justify-content: flex-end !important; } /* In alcune sottopagine vecchie regole nascondono logo/menu desktop */ #t3-header.t3-header .logo { display: block !important; min-height: 50px !important; width: 25% !important; max-width: 25% !important; float: left !important; } html.itemid-101.home #t3-header.t3-header .logo { width: auto !important; max-width: 200px !important; float: none !important; flex: 0 0 auto !important; } #t3-header.t3-header .logo .logo-image { display: block !important; } #t3-header.t3-header .t3-mainnav .t3-navbar { display: block !important; } #t3-header.t3-header .navbar-header .off-canvas-toggle { display: none !important; } } /* ============================================================================ OVERRIDE FINALE (vincolo massimo) - NON HOME Usa la struttura pagina: la home contiene .wrap.t3-slideshow, le altre no ============================================================================ */ /* Non-home: spazio iniziale contenuto */ .t3-wrapper:not(:has(> .wrap.t3-slideshow)) #t3-mainbody { margin-top: 100px !important; } /* Non-home mobile: hamburger nella barra header, a destra, centrato verticalmente */ @media (max-width: 991px) { .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header { position: relative !important; top: 0 !important; min-height: 56px !important; height: 56px !important; background: #3f4349 !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; z-index: 40 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header > .container, .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header > .container > .row, .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header #t3-mainnav, .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header #t3-mainnav .navbar-header { min-height: 56px !important; height: 56px !important; margin: 0 !important; position: static !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 50% !important; right: 10px !important; left: auto !important; transform: translateY(-50%) !important; margin: 0 !important; z-index: 60 !important; } } /* Non-home tablet (992–1024): topbar compatta centrata — sotto 1025 il CTA wide è nascosto */ @media (min-width: 992px) and (max-width: 1024px) { .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .container { display: flex !important; align-items: center !important; justify-content: center !important; gap: 28px !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .topbar-left, .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .topbar-right { float: none !important; width: auto !important; text-align: center !important; margin: 0 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .topbar-list { justify-content: center !important; align-items: center !important; gap: 14px !important; padding: 0 !important; margin: 0 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .topbar-left p { margin: 0 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) > .ja-topbar .topbar-list .logo-item img { margin-top: 0 !important; } } /* Non-home desktop largo: stessa riga della home (orari | numero bombato | email), niente “center” che sballa il CTA */ @media (min-width: 1025px) { .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .ja-topbar .container.asor-topbar-row { justify-content: space-between !important; align-items: center !important; gap: 16px !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .asor-topbar-call-wrap.asor-topbar-call-wrap--wide { flex: 0 0 auto !important; align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .ja-topbar .container.asor-topbar-row .topbar-left.pull-left { text-align: left !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) .ja-topbar .container.asor-topbar-row .topbar-right.pull-right { text-align: right !important; } } /* #acm-features-95 titoli: gerarchia in asor-features-95-perche.css */ /* ============================================================================ SECTION: OVERRIDE-MENU-MEDIAQUERY — normalizzazione topbar/hamburger/breakpoint (tutte le pagine) NORMALIZZAZIONE FINALE (anti-conflitti) - Topbar centrata su tutti i device - Hamburger in alto a destra su mobile/tablet ============================================================================ */ /* Topbar centrata desktop + tablet */ .ja-topbar .container { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; } .ja-topbar .topbar-left, .ja-topbar .topbar-right { float: none !important; width: auto !important; text-align: center !important; margin: 0 !important; } .ja-topbar .topbar-list { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; } .ja-topbar .topbar-left p { margin: 0 !important; } .ja-topbar .topbar-list .logo-item img { margin-top: 0 !important; } /* Nascosto sotto 1025px: fino a 1024 la topbar usa ancora il layout “compatto” (max912 + n-verde a sx) */ .asor-topbar-call-wrap.asor-topbar-call-wrap--wide { display: none !important; } /* Desktop largo: topbar a 3 colonne (orari | numero compatto | email) + logo header proporzionato */ @media (min-width: 1025px) { .asor-topbar-call-wrap.asor-topbar-call-wrap--wide { display: flex !important; } /* Layout 3 colonne: vedi asor-desktop-topbar.css */ .ja-topbar .container.asor-topbar-row { display: grid !important; align-items: center !important; gap: 16px !important; } .ja-topbar .container.asor-topbar-row .topbar-left.pull-left { text-align: left !important; min-width: 0; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right { text-align: right !important; } .asor-topbar-call-wrap { align-items: center !important; justify-content: center !important; margin: 0 !important; } .asor-topbar-call-link { display: inline-block !important; line-height: 0 !important; } .asor-topbar-call-img { display: block !important; width: auto !important; max-width: 200px !important; height: auto !important; max-height: 50px !important; object-fit: contain !important; } /* CTA telefono centrale topbar — riquadro bianco, grafica ~131×55 px */ .asor-topbar-call-wrap .asor-numero-blu-forma:not(.asor-numero-blu-forma--compact):not(.asor-numero-blu-forma--floating) { display: inline-block !important; width: auto !important; max-width: min(137px, 42vw) !important; min-width: 0 !important; padding: 3px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 10px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09) !important; line-height: 0 !important; text-align: center !important; box-sizing: border-box !important; } .asor-topbar-call-wrap .asor-numero-blu-forma:not(.asor-numero-blu-forma--compact):not(.asor-numero-blu-forma--floating) .asor-numero-blu-img { width: 131px !important; min-width: 0 !important; max-width: min(131px, 38vw) !important; height: auto !important; max-height: 55px !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin: 0 !important; } /* Orari (sx) + email (dx): leggermente più grandi su desktop largo */ .ja-topbar .container.asor-topbar-row .customtopbar-min913px p { font-size: 22px !important; line-height: 1.35 !important; } .ja-topbar .container.asor-topbar-row .topbar-list .email-item a { font-size: 22px !important; } } @media (min-width: 992px) { #t3-header .logo .logo-img { max-height: 72px !important; width: auto !important; height: auto !important; object-fit: contain !important; } } /* Topbar centrata mobile (stack ordinato e centrato) */ @media (max-width: 768px) { .ja-topbar .container { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } .ja-topbar .topbar-left, .ja-topbar .topbar-right, .ja-topbar .topbar-right .custom { width: 100% !important; text-align: center !important; } .ja-topbar .topbar-list { flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; gap: 6px !important; } } /* Hamburger sempre in alto a destra (mobile + tablet) */ @media (max-width: 1199px) { #t3-header.t3-header { position: relative !important; top: 0 !important; } #t3-header.t3-header .container, #t3-header.t3-header .container > .row, #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { position: static !important; } #t3-header.t3-header .navbar-toggle-btn + .btn, #t3-header.t3-header .navbar-header .off-canvas-toggle { margin: 0 !important; } #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; transform: none !important; z-index: 100 !important; } } /* Home mobile: logo grosso hero più in alto (non più margin-top 175px) */ @media (max-width: 768px) { .itemid-101 #acm-slideshow-89 .slider-content-inner { top: 40% !important; text-align: center !important; padding-top: 30px !important; } .itemid-101 #acm-slideshow-89 .slider-content-inner.container::before { display: block !important; margin-top: -6px !important; transform: scale(0.9) translateY(30px) !important; margin-bottom: -10px !important; position: relative !important; z-index: 2 !important; } .itemid-101 #acm-slideshow-89 h1::before { margin-top: 0 !important; margin-bottom: 6px !important; text-align: center !important; } .itemid-101 #acm-slideshow-89 h1 { margin-top: 6px !important; line-height: 1.12 !important; text-align: center !important; } .itemid-101 #acm-slideshow-89 p { margin-top: 8px !important; text-align: center !important; } } /* ======================================================================== MOBILE (tutte le pagine): logo sito a sinistra + numero blu a destra ======================================================================== */ @media (max-width: 768px) { /* Topbar in una riga: logo sinistra, numero destra */ .ja-topbar .container { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding-left: 10px !important; padding-right: 10px !important; position: relative !important; } /* Inserisce logo sito a sinistra */ .ja-topbar .container::before { content: ""; display: block; width: 56px; height: 56px; min-width: 56px; background: url("/templates/ja_lawfirm/images/logo.png") center center / contain no-repeat; order: 1; } /* Mantiene testo orari sopra, centrato */ .ja-topbar .topbar-left.pull-left { width: 100% !important; order: 2; text-align: center !important; } /* Blocco destro con numero blu */ .ja-topbar .topbar-right.pull-right { width: auto !important; order: 3; margin-left: auto !important; text-align: right !important; } .ja-topbar .topbar-right.pull-right .topbar-list { flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; width: auto !important; padding: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .email-item { display: none !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { width: 175px !important; max-width: 175px !important; margin: 0 !important; display: block !important; } } /* Override finale colore titolo "UNA STORIA UNICA" */ .itemid-101 #acm-features-95 h3.block-title, .itemid-101 #acm-features-95 .block-title { color: #ffffff !important; } /* "UNA STORIA UNICA" in home: è un p.short-title */ #acm-features-92 p.short-title { color: #ffffff !important; } /* Override globale classe short-title */ .short-title { color: #ffff !important; } /* ============================================================ Hamburger allineato uguale alla home (tutte le pagine/articoli) ============================================================ */ @media (max-width: 1199px) { #t3-header.t3-header { position: relative !important; top: 0 !important; min-height: 56px !important; height: 56px !important; padding: 0 !important; } #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row, #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { position: static !important; min-height: 56px !important; height: 56px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #t3-header.t3-header .navbar-toggle-btn + .btn, #t3-header.t3-header .navbar-header .off-canvas-toggle { margin: 0 !important; } #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 50% !important; right: 10px !important; left: auto !important; transform: translateY(-50%) !important; z-index: 120 !important; } #t3-header.t3-header .off-canvas-toggle::before { line-height: 1 !important; } } /* Posizionamento reale del bottone quando viene spostato nella topbar via JS */ @media (max-width: 1199px) { .ja-topbar .container { position: relative !important; } .ja-topbar .container .asor-mobile-hamburger-slot:not(.asor-joomla-hamburger-topright) { position: absolute !important; top: 6px !important; right: 8px !important; left: auto !important; z-index: 300 !important; width: 54px; height: 54px; } .ja-topbar .container .asor-mobile-hamburger-slot .off-canvas-toggle { position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; transform: none !important; margin: 0 !important; width: 54px !important; height: 54px !important; z-index: 301 !important; } /* Rimuove fascia "LAW FIRM" + linea sotto in mobile/tablet */ #t3-header.t3-header { min-height: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; } #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row, #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { min-height: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } #t3-header.t3-header .logo, #t3-header.t3-header .logo-image, #t3-header.t3-header .logo-image span, #t3-header.t3-header .site-slogan { display: none !important; } /* Off-canvas menu centrato e più leggibile su mobile */ .t3-off-canvas .t3-off-canvas-body .module-ct { padding: 18px 14px !important; } /* Rimuove intestazione "SIDEBAR" e barra superiore del pannello */ .t3-off-canvas .t3-off-canvas-header { display: none !important; } .t3-off-canvas .t3-off-canvas-body { padding-top: 6px !important; border-top: 0 !important; } .t3-off-canvas { border-top: 0 !important; } .t3-off-canvas .t3-off-canvas-body .nav > li > a, .t3-off-canvas .t3-off-canvas-body .nav > li > span, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span { width: 100% !important; text-align: center !important; font-size: 18px !important; line-height: 1.35 !important; padding: 12px 10px !important; letter-spacing: 0.2px; } .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span { font-size: 17px !important; } .t3-off-canvas .t3-off-canvas-body .dropdown-menu { padding-left: 0 !important; } .t3-off-canvas .t3-off-canvas-body .nav > li.dropdown > a:before, .t3-off-canvas .t3-off-canvas-body .nav > li.dropdown > span:before { display: none !important; } /* Off-canvas a tutta larghezza: rimuove la colonna vuota a destra */ .t3-off-canvas, .off-canvas-effect-4.t3-off-canvas, .off-canvas-effect-1.t3-off-canvas, .off-canvas-effect-2.t3-off-canvas, .off-canvas-effect-3.t3-off-canvas { width: 100vw !important; max-width: 100vw !important; left: 0 !important; right: auto !important; z-index: 9999 !important; } .off-canvas-open .t3-wrapper, .off-canvas-effect-4.off-canvas-open .t3-wrapper { transform: none !important; -webkit-transform: none !important; left: 0 !important; } .off-canvas-open .t3-off-canvas, .off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas { transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; visibility: visible !important; } /* Voci menu realmente centrate a piena larghezza */ .t3-off-canvas .t3-off-canvas-body .nav, .t3-off-canvas .t3-off-canvas-body .dropdown-menu { width: 100% !important; text-align: center !important; } .t3-off-canvas .t3-off-canvas-body .nav > li, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li { width: 100% !important; } } /* Kill switch definitivo "LAW FIRM" su mobile/tablet */ @media (max-width: 1199px) { #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #t3-header.t3-header .logo, #t3-header.t3-header .logo-image, #t3-header.t3-header .logo-image img, #t3-header.t3-header .logo-image span, #t3-header.t3-header .logo-image small, #t3-header.t3-header .logo-text, #t3-header.t3-header .logo-text a, #t3-header.t3-header .site-slogan { display: none !important; content: none !important; visibility: hidden !important; } } /* Contenitore header mobile/tablet: nessun bordo/linea, sfondo trasparente */ @media (max-width: 1199px) { #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row, #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { background: transparent !important; background-color: transparent !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; } } /* Kill definitivo testo "LAW FIRM" + linea contenitore mobile/tablet */ @media (max-width: 1199px) { #t3-header .logo-text, #t3-header .logo-text a, #t3-header .logo-text .site-slogan, #t3-header .logo-image span, #t3-header .logo-image small { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; overflow: hidden !important; } #t3-header.t3-header > .container > .row, #t3-header.t3-header > .container, #t3-header.t3-header { border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; } } /* Hard hide legacy header strip on mobile only (LAW FIRM source) */ @media (max-width: 991px) { #t3-header.t3-header { display: block !important; position: relative !important; background: transparent !important; border: 0 !important; min-height: 0 !important; height: auto !important; overflow: visible !important; } #t3-header.t3-header .logo, #t3-header.t3-header .logo-text, #t3-header.t3-header .site-slogan, #t3-header.t3-header .logo-image span, #t3-header.t3-header .logo-image small { display: none !important; } #t3-header.t3-header #t3-mainnav, #t3-header.t3-header .navbar-header { display: block !important; height: 56px !important; min-height: 56px !important; position: static !important; } /* Hamburger sempre visibile in mobile */ #t3-header.t3-header .off-canvas-toggle, .ja-topbar .asor-mobile-hamburger-slot, .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } #t3-header.t3-header .off-canvas-toggle { position: absolute !important; top: 8px !important; right: 10px !important; left: auto !important; transform: none !important; z-index: 1000 !important; } } /* Hamburger custom a 3 linee leggere */ .off-canvas-toggle .asor-hamburger-lines { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 32px; height: 18px; } .off-canvas-toggle .asor-hamburger-lines > span { display: block; width: 32px; height: 2px; border-radius: 2px; background: #ffffff; } /* Solo linee: rimuove box blu/bordo del pulsante hamburger */ #t3-header .off-canvas-toggle, .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; border-radius: 0 !important; } /* Mobile/tablet: elimina definitivamente il quadrato/bordo attorno all'hamburger */ @media (max-width: 991px) { #t3-header .off-canvas-toggle, #t3-header .off-canvas-toggle:hover, #t3-header .off-canvas-toggle:focus, #t3-header .off-canvas-toggle:active, #t3-header .off-canvas-toggle.btn, #t3-header .off-canvas-toggle.btn-primary, #t3-header .off-canvas-toggle.btn-primary:hover, #t3-header .off-canvas-toggle.btn-primary:focus, #t3-header .off-canvas-toggle.btn-primary:active, .ja-topbar .asor-mobile-hamburger-slot, .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { background: transparent !important; border: 0 !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; border-radius: 0 !important; } .ja-topbar .asor-mobile-hamburger-slot { border: 0 !important; box-shadow: none !important; outline: none !important; width: 46px !important; height: 46px !important; top: 8px !important; right: 8px !important; display: block !important; pointer-events: auto !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; pointer-events: auto !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .asor-hamburger-lines { width: 30px !important; height: 20px !important; gap: 6px !important; pointer-events: none !important; /* click passa al bottone */ } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .asor-hamburger-lines > span { width: 30px !important; height: 2px !important; background: #ffffff !important; border-radius: 2px !important; display: block !important; } /* Elimina la linea del contenitore visibile in mobile */ .ja-topbar, .ja-topbar .container, .ja-topbar .container::before, .ja-topbar .container::after, #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: none !important; background-image: none !important; } } /* Desktop/tablet larghi: menu desktop sempre visibile */ @media (min-width: 992px) { #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { display: block !important; height: auto !important; min-height: 52px !important; overflow: visible !important; } #t3-header.t3-header > .container > .row { display: flex !important; align-items: center !important; justify-content: space-between !important; } #t3-header .t3-mainnav .t3-navbar { display: block !important; visibility: visible !important; opacity: 1 !important; } #t3-header .off-canvas-toggle, .ja-topbar .asor-mobile-hamburger-slot { display: none !important; } } /* Desktop home: stemma centrale slideshow più contenuto (proporzioni tipo versione precedente) */ @media (min-width: 992px) { html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-slideshow-89 .slider-content-inner.container::before, body.itemid-101 #acm-slideshow-89 .slider-content-inner.container::before, body.asor-home #acm-slideshow-89 .slider-content-inner.container::before { display: block !important; margin-left: auto !important; margin-right: auto !important; transform: scale(0.78) !important; transform-origin: center top !important; } } /* 🟨 HOME · LAYOUT GLOBALE HOME — body.asor-home / itemid-101 (sfondi blu, spacing, header vetro) Regole “static index.php”; spesso sovrascritte dai file asor-mobile-*.css */ /* SECTION: HOME-STATIC-ASOR-BODY — body.asor-home / index statico (carousel blu, spacing, slideshow, header vetro) */ /* HOME · #acm-features-129 — wrapper carousel TRASPARENTI (fascia = section #475966) */ .asor-home #acm-features-129.acm-features.style-1 { height: auto !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background-color: transparent !important; background: transparent !important; } .asor-home #acm-features-129 .container, .asor-home #acm-features-129 .relative, .asor-home #acm-features-129 .swiper-container, .asor-home #acm-features-129 .swiper-wrapper { background-color: transparent !important; background: transparent !important; } .asor-home #acm-features-129.acm-features.style-1 .swiper-slide.col { background-color: transparent !important; /* slide trasparente */ background: transparent !important; } .asor-home section.wrap.t3-sections > .section-inner:first-of-type { background-color: #243b55 !important; background: #495d6a !important; } /* Home: elimina fasce bianche (body/t3-wrapper visibili tra blocchi e dietro frecce swiper) */ body.asor-home { background-color: #243b55 !important; /* 🔵 BLU pagina intera home */ } .asor-home .t3-wrapper { background-color: #243b55 !important; /* 🔵 BLU */ } .asor-home #system-message-container { background-color: #243b55 !important; /* 🔵 BLU */ margin: 0 !important; padding: 0 !important; } .asor-home #system-message-container:empty { display: none !important; } /* Vince sul legacy #acm-features-129 { height: 120px } (righe ~782) */ .asor-home #acm-features-129 { height: auto !important; max-height: none !important; } /* Swiper: altezza auto anche senza :has / itemid (prima contava solo media query vecchie) */ .asor-home #acm-features-129 .swiper-container, .asor-home #acm-features-129 .swiper-container.swiper-container-horizontal { height: auto !important; min-height: 0 !important; background-color: transparent !important; background: transparent !important; /* .count bottom:-20px + altezza cerchio ~40px: serve spazio sotto o overflow taglia */ padding-bottom: 32px !important; overflow: visible !important; box-sizing: border-box !important; } .asor-home #acm-features-129 .swiper-wrapper { overflow: visible !important; } .asor-home #acm-features-129 .relative { overflow: visible !important; } /* Frecce: non restare su “striscia” bianca fuori dal blocco (tema usa left/right -80px) */ @media (min-width: 992px) { .asor-home #acm-features-129 .swiper-button-prev.swiper-button-white { left: 8px !important; right: auto !important; } .asor-home #acm-features-129 .swiper-button-next.swiper-button-white { right: 8px !important; left: auto !important; } } /* Fallback Joomla / browser senza :has */ html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1, body.itemid-101 #acm-features-129.acm-features.style-1 { height: auto !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background-color: transparent !important; background: transparent !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .container, html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .relative, html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .swiper-wrapper, body.itemid-101 #acm-features-129 .container, body.itemid-101 #acm-features-129 .relative, body.itemid-101 #acm-features-129 .swiper-wrapper { background-color: transparent !important; background: transparent !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .swiper-container, html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .swiper-container.swiper-container-horizontal, body.itemid-101 #acm-features-129 .swiper-container, body.itemid-101 #acm-features-129 .swiper-container.swiper-container-horizontal { background-color: transparent !important; background: transparent !important; padding-bottom: 32px !important; overflow: visible !important; box-sizing: border-box !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .swiper-wrapper, body.itemid-101 #acm-features-129 .swiper-wrapper { overflow: visible !important; } /* Cerchi 1–4: numeri centrati (line-height fisso + font può troncare) */ .asor-home #acm-features-129.acm-features.style-1 .swiper-slide .count, html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .swiper-slide .count, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide .count { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; padding: 0 !important; font-weight: 600 !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .swiper-slide.col, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col { background-color: transparent !important; background: transparent !important; overflow: visible !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) section.wrap.t3-sections > .section-inner:first-of-type, body.itemid-101 section.wrap.t3-sections > .section-inner:first-of-type { background-color: #243b55 !important; background: #495d6a !important; } /* Modifica 4 (doc 04-05-2026): home desktop — 4 riquadri sezioni; 04-05-2026 bis: card e foto più grandi (solo ≥992px) */ @media (min-width: 992px) { html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129 .swiper-container.swiper-container-horizontal, body.itemid-101 #acm-features-129 .swiper-container.swiper-container-horizontal, .asor-home #acm-features-129 .swiper-container.swiper-container-horizontal { height: auto !important; min-height: 0 !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .swiper-slide.col, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col, .asor-home #acm-features-129.acm-features.style-1 .swiper-slide.col { min-height: 0 !important; max-height: none !important; height: auto !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .features-image, body.itemid-101 #acm-features-129.acm-features.style-1 .features-image, .asor-home #acm-features-129.acm-features.style-1 .features-image { width: 200px !important; max-width: 100% !important; height: 200px !important; min-height: 0 !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .features-item, body.itemid-101 #acm-features-129.acm-features.style-1 .features-item, .asor-home #acm-features-129.acm-features.style-1 .features-item { padding: 12px 10px 10px !important; min-height: 0 !important; margin-left: auto !important; margin-right: auto !important; display: block !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .features-title, body.itemid-101 #acm-features-129.acm-features.style-1 .features-title, .asor-home #acm-features-129.acm-features.style-1 .features-title { font-size: 21px !important; } } /* Modifica 5 (doc 04-05-2026): home desktop — fascia blu sotto le 4 sezioni più sottile (riduce padding tema su #acm-features-129 + #acm-features-92 e spazio paginazione swiper) */ @media (min-width: 992px) { html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1, body.itemid-101 #acm-features-129.acm-features.style-1, .asor-home #acm-features-129.acm-features.style-1 { /* Respiro tra ultima riga hero e thumbnails (~8px) + margin-bottom .item-desc (~10px) ≈ 10–18px */ padding-top: 44px !important; padding-bottom: 4px !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .swiper-pagination, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-pagination, .asor-home #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 3px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-129.acm-features.style-1 .swiper-slide.col, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col, .asor-home #acm-features-129.acm-features.style-1 .swiper-slide.col { margin-bottom: 4px !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-92.acm-features.style-1, body.itemid-101 #acm-features-92.acm-features.style-1, .asor-home #acm-features-92.acm-features.style-1 { padding-top: 12px !important; padding-bottom: 24px !important; height: auto !important; min-height: 0 !important; max-height: none !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) .section-inner.acm-inview #acm-features-92.acm-features.style-1, body.itemid-101 .section-inner.acm-inview #acm-features-92.acm-features.style-1 { height: auto !important; min-height: 0 !important; max-height: none !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-92 p.short-title, body.itemid-101 #acm-features-92 p.short-title { margin-top: 0 !important; margin-bottom: 6px !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-92:not(.asor-home-storia-unica) h3:before, body.itemid-101 #acm-features-92:not(.asor-home-storia-unica) h3:before { margin-top: 0 !important; margin-bottom: -10px !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-92.asor-home-storia-unica p.block-title, body.itemid-101 #acm-features-92.asor-home-storia-unica p.block-title { margin-top: 4px !important; margin-bottom: 8px !important; } html body .t3-wrapper:has(> .wrap.t3-slideshow) #acm-features-92 p.block-intro, body.itemid-101 #acm-features-92 p.block-intro { margin-top: 0 !important; margin-bottom: 0 !important; } } /* Modifica 6 disattivata — layout cover #acm-features-94 in asor-features-94-cover.css */ /* Mobile: hamburger sempre visibile su tutte le pagine */ @media (max-width: 991px) { #t3-header .off-canvas-toggle, .ja-topbar .asor-mobile-hamburger-slot { display: block !important; visibility: visible !important; opacity: 1 !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; } } /* Off-canvas mobile: voci madri evidenziate + sottomenu animato */ @media (max-width: 991px) { .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item > a, .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item > span { font-weight: 700 !important; letter-spacing: 0.4px; color: #1f2b36 !important; position: relative; } .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item > a::after, .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item > span::after { content: "\25BE"; position: absolute; right: 18px; top: 50%; width: auto; height: auto; color: #c29032; font-size: 14px; font-weight: 700; line-height: 1; transform: translateY(-52%); transition: transform 220ms ease, color 220ms ease; } .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item.asor-submenu-open > a::after, .t3-off-canvas .t3-off-canvas-body .nav > li.asor-parent-item.asor-submenu-open > span::after { content: "\25B4"; transform: translateY(-52%); color: #1f2b36; } .t3-off-canvas .t3-off-canvas-body .nav > li .asor-submenu { max-height: 0; overflow: hidden; } .t3-off-canvas .t3-off-canvas-body .nav > li.asor-submenu-open .asor-submenu { padding-top: 2px !important; padding-bottom: 4px !important; } /* Rimuove la linea orizzontale residua sotto/attorno all'header mobile */ .t3-wrapper > #t3-header.t3-header, #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } /* Home mobile: blocca sempre lo stile "professionale" (come stato dopo click) */ .t3-wrapper:has(> .wrap.t3-slideshow) > .ja-topbar, body.itemid-101 .t3-wrapper > .ja-topbar { position: relative !important; z-index: 4 !important; background-color: #3f4349 !important; } .t3-wrapper:has(> .wrap.t3-slideshow) > #t3-header.t3-header, body.itemid-101 .t3-wrapper > #t3-header.t3-header { position: relative !important; top: 0 !important; z-index: 5 !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================================== Topbar styles moved from header.php (cleanup phase) ========================================================================== */ .topbar-list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px; } .logo-item img { width: 155px; margin-top: -4px; border-radius: 10px; overflow: hidden; } .topbar-icon { display: inline-block; margin-right: 8px; line-height: 1; font-size: 16px; } .topbar-list li a { font-size: 16px; color: #fff; text-decoration: none; } @media (max-width: 768px) { .topbar-list { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 8px 12px; margin: 0; gap: 6px; width: 100%; list-style: none; } /* Solo layout mobile max912 (orari+logo+numero in stack); min913 è desktop */ .customtopbar-min913px { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .customtopbar-max912px { display: block !important; } /* Rimosso display:none su .customtopbar-max912px: in conflitto con layout ASOR (mobile riappare con regole body) */ .logo-item img { width: 190px; max-width: 100%; margin-top: 0; margin-left: -4px; display: block; } .topbar-list li { display: block; margin-bottom: 6px; width: auto; list-style: none; padding-left: 0; margin-left: 0; } .topbar-list li:last-child { margin-bottom: 0; } .topbar-list li i.icofont-email { margin-right: 6px; } .topbar-list li a[href^="tel"] { font-size: 20px; font-weight: bold; } .topbar-list li a[href^="mailto"] { display: inline-block; text-align: left; font-size: 16px; line-height: 1.2; } .topbar-list .email-item { order: 1; } .topbar-list .logo-item { order: 2; margin-left: 0 !important; } .topbar-list .email-item .email-icon { margin-right: 6px; font-size: 16px; vertical-align: middle; display: inline-block; line-height: 1; } } @media (min-width: 769px) { .ja-topbar .topbar-right.pull-right { float: right !important; } .topbar-list { align-items: center; justify-content: flex-end; gap: 12px; padding-top: 6px; } .topbar-list .logo-item { order: 1; margin-top: -7px; } .topbar-list .email-item { order: 2; margin-top: 0; } .topbar-list .email-item .email-icon { font-size: 16px; margin-right: 8px; } } /* ========================================================================== FINAL MOBILE OVERRIDE (single source of truth) - Consolidates topbar + hamburger behavior on mobile/tablet ========================================================================== */ @media (max-width: 1024px) { .customtopbar-min913px { display: none !important; } .customtopbar-max912px { display: block !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { display: block !important; visibility: visible !important; opacity: 1 !important; color: #fff !important; text-align: center !important; } .ja-topbar .container { display: flex !important; flex-direction: column !important; align-items: center !important; position: relative !important; margin-top: -8px !important; padding-bottom: 10px !important; } .ja-topbar .container::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 50% !important; transform: translateX(-50%) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important; pointer-events: none !important; } .ja-topbar .topbar-left.pull-left, .ja-topbar .topbar-left.pull-left p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { text-align: justify !important; text-justify: inter-word !important; padding-left: 0 !important; padding-right: 0 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { display: block !important; margin-top: 8px; color: #fff !important; font-size: 16px !important; font-weight: 500 !important; text-align: center !important; width: 100% !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { color: #fff !important; text-decoration: none !important; font-size: 16px !important; font-weight: 500 !important; display: inline-block !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .email-item { display: none !important; } .ja-topbar .topbar-right.pull-right { order: 1 !important; width: 100% !important; margin-left: 0 !important; margin-top: -4px !important; margin-bottom: 50px !important; float: none !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left { order: 2 !important; width: 100% !important; float: none !important; margin: 0 !important; } .ja-topbar .topbar-right.pull-right .custom, .ja-topbar .topbar-right.pull-right .topbar-list, .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { width: 100% !important; } .ja-topbar .topbar-right.pull-right .topbar-list { justify-content: center !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { width: auto !important; max-width: 150px !important; height: auto !important; margin: 0 auto !important; display: block !important; } #t3-header .off-canvas-toggle, .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; } } @media (max-width: 768px) { .ja-topbar .topbar-left.pull-left { display: block !important; width: 100% !important; } .ja-topbar .topbar-right.pull-right .topbar-list { width: 100% !important; align-items: center !important; justify-content: center !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 150px !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { font-size: 14px !important; line-height: 1.35 !important; } } /* ============================================================================= CTA "Chiamaci subito" (navhelper): il JPG riquadro contiene ancora grafica verde a bassa opacità. Lo nascondiamo: restano sfondo .acm-hero, PNG blu e testo. ============================================================================= */ /* Home: cover stretta di mano visibile; altre pagine: nascondi vecchio JPG con grafica verde */ html:not(.itemid-101.home) nav.wrap.t3-navhelper .acm-hero .hero-bg { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Corpo articolo: CTA con PNG blu al posto del vecchio JPG a tutta larghezza */ .article-content a > img[src="/images/numero_blu_asor_cta.png"], .article-content a > img[src="/images/numero_blu_20260501.png"], .article-content a > img[src="/images/numero_blu.png"] { display: block; max-width: 180px; width: 100%; height: auto; margin: 0.75em auto; } /* Mobile topbar: layout finale come riferimento approvato */ @media (max-width: 1024px) { .ja-topbar .container { align-items: stretch !important; margin-top: 0 !important; padding: 8px 12px 8px !important; } .ja-topbar .container::after { display: none !important; } .ja-topbar .topbar-left.pull-left { order: 1 !important; width: 100% !important; margin: 0 !important; } .ja-topbar .topbar-right.pull-right { order: 2 !important; width: 100% !important; margin: 6px 0 0 !important; float: none !important; text-align: left !important; } .ja-topbar .topbar-left.pull-left p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { text-align: center !important; text-justify: auto !important; margin: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list { justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { margin: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 200px !important; margin: 0 !important; } } @media (max-width: 768px) { .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 190px !important; } } /* Mobile 678px style: allineamento come riferimento CEDIM */ @media (max-width: 768px) { .ja-topbar .container { display: block !important; padding: 8px 10px 6px !important; } .ja-topbar .topbar-left.pull-left { width: 100% !important; padding-right: 62px !important; margin: 0 !important; float: none !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { margin: 0 !important; text-align: left !important; line-height: 1.2 !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { font-size: 14px !important; font-weight: 700 !important; white-space: nowrap !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { margin-top: 3px !important; font-size: 12px !important; text-align: left !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 12px !important; } .ja-topbar .topbar-right.pull-right { width: 100% !important; margin: 6px 0 0 !important; float: none !important; text-align: left !important; } .ja-topbar .topbar-right.pull-right .topbar-list { width: auto !important; justify-content: flex-start !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 158px !important; margin: 0 !important; } } /* Mobile fine-tuning: testo centrato + logo piccolo vicino hamburger + numero a sinistra */ @media (max-width: 768px) { #t3-header .logo, #t3-header .logo-image, #t3-header .logo-image span, #t3-header .site-slogan { display: none !important; } .ja-topbar .n-verde-max992px { display: none !important; } .ja-topbar .container { position: relative !important; padding: 0 10px 0 !important; } .ja-topbar .topbar-left.pull-left { position: relative !important; width: 100% !important; padding: 0 72px 0 44px !important; margin: 0 !important; } .ja-topbar .topbar-left.pull-left::before { content: ""; position: absolute; left: 6px; top: 2px; transform: none; width: 30px; height: 30px; background-image: url("/images/logo-mobile-header-asor.png"); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; z-index: 2; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari, .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { text-align: center !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px { max-width: 305px !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; white-space: nowrap !important; margin: 0 !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p br { display: none !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { display: block !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.05 !important; white-space: nowrap !important; padding-top: 1px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { display: block !important; margin-top: 0 !important; font-size: 10px !important; line-height: 1.05 !important; } .ja-topbar .topbar-right.pull-right { float: left !important; clear: both !important; text-align: left !important; margin: 6px 0 0 !important; position: static !important; top: auto !important; } .ja-topbar .topbar-right.pull-right .topbar-list { justify-content: flex-start !important; padding-left: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { margin-left: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 132px !important; margin-left: 0 !important; } } /* FINAL MOBILE LAYOUT (replica riferimento CEDIM) */ @media (max-width: 768px) { .ja-topbar .container { position: relative !important; min-height: 58px !important; padding: 6px 58px 6px 60px !important; display: block !important; } /* nasconde il riquadro numero blu nella riga topbar */ .ja-topbar .topbar-right.pull-right, .ja-topbar .topbar-right.pull-right .custom, .ja-topbar .topbar-right.pull-right .topbar-list, .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { display: none !important; } .ja-topbar .topbar-left.pull-left { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; position: relative !important; } .ja-topbar .topbar-left.pull-left::before { content: ""; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url("/images/logo-mobile-header-asor.png") center/cover no-repeat; border-radius: 50%; z-index: 2; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px { max-width: 100% !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { margin: 0 !important; text-align: center !important; white-space: normal !important; line-height: 1.15 !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p br { display: block !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { display: block !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.15 !important; white-space: nowrap !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 11px !important; line-height: 1.15 !important; text-align: center !important; } .ja-topbar .asor-mobile-hamburger-slot { top: 4px !important; right: 6px !important; width: 50px !important; height: 50px !important; } } /* Pixel-match mobile to reference screenshot */ @media (max-width: 768px) { .ja-topbar .container { min-height: 66px !important; padding: 7px 60px 7px 62px !important; } .ja-topbar .topbar-left.pull-left::before { left: -52px !important; top: 50% !important; transform: translateY(-50%) !important; width: 42px !important; height: 42px !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { margin: 0 !important; display: block !important; text-align: center !important; line-height: 1.2 !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { display: block !important; text-align: center !important; font-size: 12px !important; line-height: 1.2 !important; margin-bottom: 2px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { display: block !important; width: 100% !important; text-align: center !important; margin-top: 0 !important; font-size: 11px !important; line-height: 1.2 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { display: inline-block !important; text-align: center !important; font-size: 11px !important; } .ja-topbar .asor-mobile-hamburger-slot { top: 8px !important; right: 8px !important; } } /* Final spacing tune (reference match around 678px) */ @media (min-width: 560px) and (max-width: 768px) { .ja-topbar .container { min-height: 64px !important; padding: 5px 58px 5px 60px !important; } .ja-topbar .topbar-left.pull-left::before { left: -50px !important; width: 44px !important; height: 44px !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; margin-top: -1px !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { font-size: 12px !important; line-height: 1.12 !important; margin: 0 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 11px !important; line-height: 1.1 !important; font-weight: 700 !important; margin: 0 !important; } .ja-topbar .asor-mobile-hamburger-slot { top: 6px !important; right: 6px !important; width: 48px !important; height: 48px !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { width: 48px !important; height: 48px !important; } } /* Final requested tweak: raise logo + schedule only */ @media (max-width: 768px) { .ja-topbar .topbar-left.pull-left::before { transform: translateY(-50px) !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { position: relative !important; top: -50px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { position: relative !important; top: -60px !important; font-size: 12px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { position: relative !important; top: 0 !important; font-size: 12px !important; } } /* Solo rimozione spazio sotto email */ @media (max-width: 768px) { .ja-topbar, .ja-topbar .container { margin-bottom: 0 !important; padding-bottom: 0 !important; min-height: auto !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p, .ja-topbar .topbar-left.pull-left .topbar-email-mobile { margin-bottom: 0 !important; padding-bottom: 0 !important; } .ja-topbar + #t3-header, .ja-topbar + .wrap.t3-slideshow { margin-top: -75px !important; } } /* Chiusura finale: alza logo/orario e numero blu sotto logo */ @media (max-width: 768px) { .ja-topbar .topbar-left.pull-left::before { transform: translateY(-65px) !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { top: -65px !important; } .ja-topbar .topbar-right.pull-right, .ja-topbar .topbar-right.pull-right .custom, .ja-topbar .topbar-right.pull-right .topbar-list, .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { display: block !important; } .ja-topbar .topbar-right.pull-right { position: absolute !important; left: 8px !important; top: 48px !important; float: none !important; clear: none !important; margin: 0 !important; z-index: 3 !important; } .ja-topbar .topbar-right.pull-right .topbar-list { margin: 0 !important; padding: 0 !important; } .ja-topbar .topbar-right.pull-right .topbar-list .email-item { display: none !important; } .ja-topbar .topbar-right.pull-right .topbar-list .logo-item img { max-width: 132px !important; margin: 0 !important; display: block !important; } } /* Numero blu fuori header ma allineato sotto logo */ @media (max-width: 768px) { .ja-topbar, .ja-topbar .container { overflow: visible !important; } .ja-topbar .topbar-right.pull-right { top: calc(100% - 6px) !important; left: 8px !important; } } /* Sposta orario/email a destra mantenendo centratura tra logo e hamburger */ @media (max-width: 768px) { .ja-topbar .topbar-left.pull-left .orari-e-email-max992px { max-width: calc(100% - 200px) !important; margin: 0 auto !important; transform: translateX(16px) !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p { margin-top: 0 !important; /* override dell'inline style margin-top:-10px */ text-align: center !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari, .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { text-align: center !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 15px !important; line-height: 1.15 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { width: fit-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 0 auto !important; gap: 6px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile .topbar-icon { font-size: 15px !important; margin-right: 0 !important; } .ja-topbar .topbar-left.pull-left::before { width: 50px !important; height: 50px !important; } } /* Fix pagine interne mobile: evita bande bianche/sovrapposizioni */ @media (max-width: 768px) { body:not(.itemid-101) .ja-topbar + #t3-header, body:not(.itemid-101) .ja-topbar + .wrap.t3-slideshow { margin-top: 0 !important; } body:not(.itemid-101) .ja-topbar .topbar-right.pull-right, body:not(.itemid-101) .ja-topbar .topbar-right.pull-right .custom, body:not(.itemid-101) .ja-topbar .topbar-right.pull-right .topbar-list, body:not(.itemid-101) .ja-topbar .topbar-right.pull-right .topbar-list .logo-item, body:not(.itemid-101) .ja-topbar .n-verde-max992px { display: none !important; } } /* Centro stabile riga email (home + pagine interne) */ @media (max-width: 768px) { .ja-topbar .topbar-left.pull-left .topbar-email-mobile { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { display: inline-block !important; text-align: center !important; } } /* Rimuove banda bianca tra header e contenuto (solo mobile, tutte le pagine) */ @media (max-width: 768px) { #t3-header.t3-header, #t3-header.t3-header > .container, #t3-header.t3-header > .container > .row, #t3-header.t3-header #t3-mainnav, #t3-header.t3-header #t3-mainnav .navbar-header { min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #t3-header.t3-header { display: none !important; } .ja-topbar + #t3-header, .ja-topbar + .wrap.t3-slideshow, #t3-header + .wrap.t3-slideshow, #t3-header + .t3-mainbody { margin-top: 0 !important; padding-top: 0 !important; } } /* Logo mobile sinistro cliccabile verso home (regola unica, senza conflitti) */ .asor-mobile-topbar-logo-link { display: none; } @media (max-width: 768px) { .ja-topbar, .ja-topbar .container, .ja-topbar .topbar-left.pull-left { position: relative !important; overflow: visible !important; } .ja-topbar .topbar-left.pull-left::before { content: none !important; display: none !important; background: none !important; } /* Logo in griglia topbar (non più absolute -62px) */ .ja-topbar .asor-mobile-topbar-tools .asor-mobile-topbar-logo-link, .ja-topbar .asor-mobile-topbar-logo-link { display: block !important; position: relative !important; left: auto !important; top: -14px !important; right: auto !important; bottom: auto !important; width: 44px !important; height: 44px !important; margin: -12px 0 0 0 !important; transform: none !important; z-index: 10001 !important; pointer-events: auto !important; border-radius: 50% !important; background: url("/images/logo-mobile-header-asor.png") center/cover no-repeat !important; } /* Mantiene rimosso il contenitore tra email e hamburger */ .ja-topbar .topbar-right.pull-right, .ja-topbar .topbar-right.pull-right .custom, .ja-topbar .topbar-right.pull-right .topbar-list, .ja-topbar .topbar-right.pull-right .topbar-list .logo-item, .ja-topbar .n-verde-max992px { display: none !important; } } /* Numero blu mobile: allineato a sinistra, senza toccare il resto */ @media (max-width: 768px) { .ja-topbar .container, .ja-topbar .topbar-left.pull-left { position: relative !important; overflow: visible !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px { position: relative !important; overflow: visible !important; } /* Centro: solo numero blu ASOR (cliccabile tel:) */ .ja-topbar .asor-mobile-numero-floating { display: flex !important; justify-content: center !important; align-items: center !important; grid-column: 2 !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: min(220px, 62vw) !important; margin: 0 auto !important; z-index: 200 !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma { display: inline-flex !important; padding: 6px 10px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; cursor: pointer !important; pointer-events: auto !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-img { display: block !important; max-height: 52px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; cursor: pointer !important; pointer-events: auto !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px, body .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px { display: none !important; } /* Elimina il numero grande in alto (duplicato) */ .ja-topbar .topbar-right.pull-right, .ja-topbar .topbar-right.pull-right .custom, .ja-topbar .topbar-right.pull-right .topbar-list, .ja-topbar .topbar-right.pull-right .topbar-list .logo-item { display: none !important; } } /* SEO intro hub: evita sovrapposizioni con immagini flottanti degli articoli */ .blog > .asor-seo-intro { position: relative; z-index: 2; clear: both; overflow: hidden; margin-bottom: 28px !important; padding-bottom: 6px; } .blog > .items-row { clear: both; } /* ========================================================================== HEADER RESPONSIVE STABILIZER (mobile + tablet) Obiettivo: progressione pulita dei layout da 768px in su ========================================================================== */ /* Base shared mobile/tablet */ @media (max-width: 1024px) { .customtopbar-min913px { display: none !important; } .customtopbar-max912px { display: block !important; } .ja-topbar .topbar-right.pull-right { display: none !important; } .ja-topbar .container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; } .ja-topbar .topbar-left.pull-left { width: 100% !important; float: none !important; margin: 0 !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px, .ja-topbar .topbar-left.pull-left .orari-e-email-max992px p, .ja-topbar .topbar-left.pull-left .topbar-email-mobile { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .ja-topbar .topbar-left.pull-left .n-verde-max992px { position: static !important; transform: none !important; margin: 10px auto 0 !important; width: auto !important; height: auto !important; left: auto !important; top: auto !important; } .ja-topbar .topbar-left.pull-left .n-verde-max992px a { display: inline-block !important; width: auto !important; height: auto !important; padding: 0 !important; } .ja-topbar .topbar-left.pull-left .n-verde-max992px a img { display: block !important; width: auto !important; max-width: 200px !important; height: auto !important; max-height: 72px !important; object-fit: contain !important; margin: 0 auto !important; } } /* Mobile: fino a 767px */ @media (max-width: 767px) { .ja-topbar .container { padding: 8px 10px 10px !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { font-size: 14px !important; line-height: 1.35 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 14px !important; line-height: 1.3 !important; } .ja-topbar .topbar-left.pull-left .n-verde-max992px a img { width: 150px !important; } } /* Tablet piccolo: 768px - 991px */ @media (min-width: 768px) and (max-width: 991px) { .ja-topbar .container { padding: 10px 14px 12px !important; } .ja-topbar .topbar-left.pull-left .orari-e-email-max992px .orari { font-size: 16px !important; line-height: 1.35 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 15px !important; line-height: 1.35 !important; } .ja-topbar .topbar-left.pull-left .n-verde-max992px a img { width: 168px !important; } } /* Tablet grande: 992px - 1199px */ @media (min-width: 992px) and (max-width: 1199px) { .customtopbar-min913px { display: block !important; } .customtopbar-max912px { display: none !important; } .ja-topbar .topbar-right.pull-right { display: block !important; } .ja-topbar .container:not(.asor-topbar-row) { display: block !important; padding: 0 10px !important; } .ja-topbar .container.asor-topbar-row { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 0 10px !important; } .ja-topbar .topbar-left.pull-left p { font-size: 13px !important; line-height: 1.3 !important; } } /* Fine tuning richiesto: logo a sinistra + numero blu centrato e basso */ @media (max-width: 1024px) and (min-width: 992px) { .ja-topbar, .ja-topbar .container, .ja-topbar .topbar-left.pull-left, .ja-topbar .topbar-left.pull-left .customtopbar-max912px { position: relative !important; overflow: visible !important; } .ja-topbar .asor-mobile-topbar-logo-link { display: block !important; position: absolute !important; left: 8px !important; top: -64px !important; width: 44px !important; height: 44px !important; margin: 0 !important; z-index: 10020 !important; border-radius: 50% !important; background: url("/images/logo-mobile-header-asor.png") center/cover no-repeat !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px { padding-left: 52px !important; padding-right: 72px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari { font-size: 14px !important; line-height: 1.25 !important; transform: translateX(100px) !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px { display: block !important; position: absolute !important; left: 50% !important; top: calc(100% - 18px) !important; transform: translateX(-50%) !important; margin: 0 !important; width: 200px !important; height: 72px !important; z-index: 10010 !important; transform-origin: bottom center !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px a, .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px a img { width: 100% !important; height: 100% !important; } } /* Tablet portrait (circa 768px): logo e numero compatti (evitare 120px / 295px che invadono header+hero) */ @media (min-width: 740px) and (max-width: 840px) { .ja-topbar .container { padding: 12px 16px 14px !important; } .ja-topbar .asor-mobile-topbar-logo-link { width: 48px !important; height: 48px !important; left: 8px !important; top: -56px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px { padding-left: 78px !important; padding-right: 96px !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari { display: block !important; font-size: 18px !important; line-height: 1.28 !important; transform: none !important; text-align: center !important; margin: 0 auto !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 22px !important; line-height: 1.3 !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { width: 100% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile .topbar-icon { font-size: 16px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px { width: 200px !important; height: 72px !important; top: calc(100% - 12px) !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px a, .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px a img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; } #t3-header .off-canvas-toggle { width: 60px !important; height: 60px !important; } } /* ========================================================================== HEADER RESPONSIVE - SINGLE SOURCE OF TRUTH (<= 840px) ========================================================================== */ .asor-mobile-numero-floating { display: none; } @media (max-width: 840px) { .ja-topbar, .ja-topbar .container, .ja-topbar .topbar-left.pull-left, .ja-topbar .topbar-left.pull-left .customtopbar-max912px { position: relative !important; overflow: visible !important; } .ja-topbar { min-height: 84px !important; height: 84px !important; z-index: 10040 !important; } .ja-topbar .container { min-height: 84px !important; height: 84px !important; padding: 6px 10px !important; } .customtopbar-min913px { display: none !important; } .customtopbar-max912px { display: block !important; } .ja-topbar .topbar-right.pull-right { display: none !important; } .ja-topbar .asor-mobile-topbar-logo-link { width: 52px !important; height: 52px !important; left: 6px !important; top: -30px !important; z-index: 2147483646 !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px { padding-left: 60px !important; padding-right: 74px !important; margin-top: 0 !important; text-align: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; height: 100% !important; visibility: visible !important; opacity: 1 !important; transform: translate(0, 40px) !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px p { margin: 0 !important; line-height: 1.1 !important; display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; top: 2px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari { display: inline-block !important; font-size: 13px !important; line-height: 1.15 !important; white-space: nowrap !important; font-weight: 700 !important; margin-bottom: 3px !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 13px !important; line-height: 1.05 !important; text-align: center !important; font-weight: 700 !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 100% !important; margin-top: 2px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile .topbar-icon { font-size: 12px !important; } #t3-header .off-canvas-toggle { width: 50px !important; height: 50px !important; top: 50% !important; right: 8px !important; transform: translateY(-50%) !important; border: 2px solid #6ab7ff !important; border-radius: 6px !important; background: rgba(42, 50, 63, 0.65) !important; } /* Nascondi vecchio blocco numero verde; resta asor-home-mobile-numero-below-header / floating */ .ja-topbar .n-verde-max992px:not(.asor-topbar-numero-mobile), .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px:not(.asor-topbar-numero-mobile) { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* numero blu nuovo sotto logo */ .ja-topbar .asor-mobile-numero-floating { display: block !important; position: absolute !important; left: 0 !important; right: auto !important; top: 58px !important; width: auto !important; height: auto !important; z-index: 2147483647 !important; overflow: visible !important; pointer-events: auto !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: calc(100vw - 16px); padding: 6px 8px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 10px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09) !important; box-sizing: border-box !important; } /* Numero a sinistra sotto il logo: più leggibile su schermi stretti */ .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 64px !important; max-width: min(360px, 96vw) !important; } } /* Fine-tuning server: stringe la riga orario in mobile header */ @media (max-width: 840px) { .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px { /* stringe lo spazio dal lato destro verso sinistra */ padding-right: 110px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari { font-size: 12px !important; line-height: 1 !important; letter-spacing: -0.5px !important; white-space: nowrap !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 12px !important; line-height: 1 !important; letter-spacing: -0.2px !important; text-align: center !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile { display: inline-flex !important; width: 100% !important; justify-content: center !important; align-items: center !important; gap: 4px !important; } } /* Override finale: email sempre centrata */ @media (max-width: 840px) { body .ja-topbar .topbar-left.pull-left .topbar-email-mobile, body .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { text-align: center !important; } body .ja-topbar .topbar-left.pull-left .topbar-email-mobile { position: relative !important; left: 50% !important; transform: translateX(-50%) !important; width: max-content !important; max-width: 100% !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; } body .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { display: inline-block !important; } } /* Topbar desktop stile riferimento (orari | numero | email) */ @media (min-width: 1025px) { .ja-topbar { background: #121212 !important; border-top: 4px solid #2d4fa8 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important; min-height: 56px !important; position: relative !important; z-index: 12 !important; } /* Stacco costante tra topbar scura e header */ #t3-header.t3-header { background: #2f3440 !important; border-top: 2px solid rgba(72, 123, 190, 0.78) !important; } .ja-topbar .container.asor-topbar-row { max-width: 1240px !important; min-height: 56px !important; display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; column-gap: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .ja-topbar .container.asor-topbar-row .topbar-left.pull-left { justify-self: start !important; text-align: left !important; white-space: nowrap !important; padding-left: 34px !important; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right { justify-self: end !important; text-align: right !important; white-space: nowrap !important; margin: 0 !important; } .ja-topbar .container.asor-topbar-row .topbar-left.pull-left p { margin: 0 !important; color: #f1f3f7 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 500 !important; } .ja-topbar .container.asor-topbar-row .topbar-left.pull-left p .topbar-icon { font-size: 17px !important; vertical-align: -0.05em; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right .topbar-list { display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; gap: 8px !important; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right .email-item, .ja-topbar .container.asor-topbar-row .topbar-right.pull-right .email-item a { color: #f1f3f7 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 500 !important; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right .email-item .email-icon { font-size: 17px !important; vertical-align: -0.05em; } .ja-topbar .container.asor-topbar-row .topbar-left .customtopbar-max912px, .ja-topbar .container.asor-topbar-row .topbar-left .n-verde-max992px, .ja-topbar .container.asor-topbar-row .topbar-left .asor-mobile-topbar-logo-link, .ja-topbar .container.asor-topbar-row .topbar-left .asor-mobile-numero-floating { display: none !important; } .ja-topbar .container.asor-topbar-row .topbar-left .customtopbar-min913px { display: block !important; } .asor-topbar-call-wrap.asor-topbar-call-wrap--wide { display: flex !important; justify-self: end !important; align-items: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; } } /* Evita stato ibrido menu durante resize: sotto 1024 mostra solo off-canvas */ @media (max-width: 1024px) { #t3-mainnav .t3-navbar, #t3-mainnav .t3-navbar-collapse, #t3-mainnav .t3-megamenu { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } } /* Home desktop: riquadri immagini quasi full-section */ @media (min-width: 1200px) { .itemid-101 #acm-features-129, .itemid-101 #acm-features-129 .container { width: min(96vw, 1600px) !important; max-width: min(96vw, 1600px) !important; margin-left: auto !important; margin-right: auto !important; } .itemid-101 #acm-features-129 .swiper-slide.col { padding-left: 10px !important; padding-right: 10px !important; } .itemid-101 #acm-features-129 .features-image { width: 200px !important; max-width: 100% !important; height: 200px !important; min-height: 0 !important; object-fit: cover !important; } .itemid-101 #acm-features-129 .features-item { min-height: 0 !important; padding: 12px 10px 10px !important; } .itemid-101 #acm-features-129 .features-title { font-size: 21px !important; line-height: 1.25 !important; } .itemid-101 #acm-features-129 .swiper-button-next, .itemid-101 #acm-features-129 .swiper-button-prev { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; margin-top: -23px !important; background-color: rgba(30, 50, 75, 0.88) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 999px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important; z-index: 30 !important; background-image: none !important; color: #ffffff !important; } .itemid-101 #acm-features-129 .swiper-button-prev { left: -8px !important; } .itemid-101 #acm-features-129 .swiper-button-next { right: -8px !important; } .itemid-101 #acm-features-129 .swiper-button-next::after, .itemid-101 #acm-features-129 .swiper-button-prev::after { content: "" !important; } .itemid-101 #acm-features-129 .swiper-button-next::before, .itemid-101 #acm-features-129 .swiper-button-prev::before { font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; font-size: 26px !important; color: #ffffff !important; display: block !important; line-height: 1 !important; text-rendering: geometricPrecision !important; } .itemid-101 #acm-features-129 .swiper-button-next::before { content: "→" !important; } .itemid-101 #acm-features-129 .swiper-button-prev::before { content: "←" !important; } } /* Header desktop: logo ASOR a sinistra, voci menu tutte a destra */ @media (min-width: 1025px) { #t3-header.t3-header > .container > .row { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; justify-content: space-between !important; width: 100% !important; } #t3-header.t3-header .logo { display: block !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 auto !important; width: auto !important; max-width: 200px !important; padding: 0 16px 0 8px !important; margin: 0 !important; float: none !important; position: relative !important; z-index: 10 !important; align-self: center !important; } #t3-header.t3-header .logo .logo-image, #t3-header.t3-header .logo .logo-image a { display: block !important; } #t3-header.t3-header .logo .logo-image img.logo-img { display: block !important; max-height: 84px !important; width: auto !important; height: auto !important; margin: 0 0 0 10px !important; } #t3-header.t3-header .logo .logo-image span, #t3-header.t3-header .logo .site-slogan { display: none !important; } #t3-header.t3-header #t3-mainnav { display: flex !important; visibility: visible !important; opacity: 1 !important; flex: 1 1 auto !important; width: auto !important; max-width: none !important; padding: 0 8px 0 0 !important; margin-top: 0 !important; justify-content: flex-end !important; align-items: center !important; float: none !important; } #t3-header.t3-header #t3-mainnav .t3-navbar, #t3-header.t3-header #t3-mainnav .t3-megamenu { display: flex !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; width: 100% !important; justify-content: flex-end !important; text-align: right !important; } #t3-header.t3-header #t3-mainnav .t3-navbar .navbar-nav { float: none !important; display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end !important; margin-left: auto !important; margin-right: 0 !important; text-align: right !important; } #t3-header.t3-header #t3-mainnav .t3-navbar-collapse, #t3-header.t3-header #t3-mainnav .navbar-header { display: none !important; } } /* Home desktop: card slider compatte */ @media (min-width: 992px) { .itemid-101 #acm-features-129 .features-image { width: 200px !important; max-width: 100% !important; height: 200px !important; min-height: 0 !important; } .itemid-101 #acm-features-129 .features-item { min-height: 0 !important; padding: 12px 10px 10px !important; } } /* ============================================================================= Home statica (maggio 2026): allineamento a Joomla asor.info - Numeri cerchiati blu solo sul primo carousel servizi (#acm-features-129) - "Una storia unica" senza secondo swiper; fascia Ultime novità grigia ============================================================================= */ body.asor-home #acm-features-129 .swiper-slide.col, body.asor-home #acm-features-129.acm-features.style-1 .swiper-slide { overflow: visible !important; } body.asor-home #acm-features-129 .swiper-slide .count { background-color: #1a8f3c !important; border: 2px solid #0d6b2a !important; color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; line-height: 36px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); z-index: 2 !important; } body.asor-home #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 14px !important; } body.asor-home #acm-features-92.asor-home-storia-unica { padding-top: 15px !important; padding-bottom: 56px !important; background-color: #4a5d6a !important; } body.asor-home .section-inner.acm-inview #acm-features-92.acm-features.style-1, body.asor-home #acm-features-92.acm-features.style-1 { height: auto !important; min-height: 0 !important; } body.asor-home #acm-features-92.asor-home-storia-unica .short-title, body.asor-home #acm-features-92 .short-title { color: #ffffff !important; font-family: "Playfair Display", Georgia, serif !important; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 600 !important; margin-bottom: 8px !important; } body.asor-home #acm-features-92.asor-home-storia-unica .block-title, body.asor-home #acm-features-92 .block-title { color: #ffffff !important; font-family: "Playfair Display", Georgia, serif !important; } body.asor-home #acm-features-92 .asor-storia-logo { margin: 12px auto 14px; text-align: center; } body.asor-home #acm-features-92 .asor-storia-logo img { width: 200px; max-width: 100%; height: auto; display: inline-block; vertical-align: middle; } body.asor-home #acm-features-92 .block-divider { width: 72px; height: 3px; margin: 10px auto 16px; padding: 0; background: #d4b56a; border: 0; border-radius: 1px; } body.asor-home #acm-features-92 .block-intro { max-width: 920px; margin-left: auto !important; margin-right: auto !important; margin-top: 0 !important; color: #f2f2f2 !important; font-size: 21px !important; line-height: 1.65 !important; } /* Distanza carousel → «Una storia unica»: un passo più arioso rispetto al compattamento max */ html body.asor-home .section-inner.acm-inview #acm-features-92.asor-home-storia-unica.acm-features.style-1 { padding-top: 13px !important; padding-bottom: 52px !important; } body.asor-home #acm-features-94.acm-features.style-2 { background-color: #8a949b !important; } body.asor-home #acm-features-94 .short-title { color: #ffffff !important; } body.asor-home #acm-features-94 .block-title { color: #ffffff !important; position: relative; padding-bottom: 6px; } body.asor-home #acm-features-94 .block-title::after { content: ""; display: block; width: 56px; height: 3px; background: #c29032; margin: 14px auto 0; } /* ============================================================================= SECTION: BADGE-NUMERO-BLU — .asor-numero-blu-forma (topbar, footer, floating; immagine CTA) ============================================================================= */ .asor-numero-blu-forma { --asor-nb-blue: #1d428a; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; padding: 0; line-height: 0; vertical-align: middle; transition: transform 0.15s ease, opacity 0.15s ease; color: inherit !important; border: none; background: transparent; box-shadow: none; border-radius: 12px; overflow: hidden; } .asor-numero-blu-forma:hover, .asor-numero-blu-forma:focus { transform: translateY(-1px); opacity: 0.96; } .asor-numero-blu-forma .asor-numero-blu-img { display: block; width: auto; height: auto; max-height: 40px; max-width: min(220px, 42vw); object-fit: contain; vertical-align: top; } .asor-numero-blu-forma--compact .asor-numero-blu-img, .ja-topbar .asor-numero-blu-forma .asor-numero-blu-img { max-height: 52px; max-width: min(240px, 72vw); } .asor-numero-blu-forma--footer .asor-numero-blu-img, #t3-footer.asor-footer .asor-numero-blu-forma .asor-numero-blu-img { max-height: 52px; max-width: min(240px, 100%); } .asor-numero-blu-forma--floating .asor-numero-blu-img { max-height: 36px; max-width: min(200px, 78vw); } .asor-numero-blu-forma--navhelper .asor-numero-blu-img, nav.wrap.t3-navhelper .asor-numero-blu-forma .asor-numero-blu-img { width: 271px; max-width: min(271px, 92vw); max-height: 90px; height: auto; margin: 0 auto; padding: 0; display: block; object-fit: contain; } .asor-numero-blu-forma--inline .asor-numero-blu-img, .article-content img[src*="numero_blu_asor_cta"] { max-width: min(220px, 100%) !important; width: auto !important; height: auto !important; max-height: 72px !important; } /* Legacy: struttura testuale (non più usata; lasciata se qualche include vecchio) */ .asor-numero-blu-forma .asor-nbf-inner { display: flex; flex-direction: row; align-items: center; padding: 5px 11px 5px 9px; gap: 0; } .asor-numero-blu-forma .asor-nbf-icon-col { display: flex; align-items: center; justify-content: center; padding-right: 9px; } .asor-numero-blu-forma .asor-nbf-handset { font-size: 21px; color: var(--asor-nb-blue); line-height: 1; transform: rotate(-16deg); transform-origin: 50% 55%; } .asor-numero-blu-forma .asor-nbf-text-col { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; min-width: 0; } .asor-numero-blu-forma .asor-nbf-label-top { font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--asor-nb-blue); line-height: 1.1; } .asor-numero-blu-forma .asor-nbf-num { font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0.04em; color: var(--asor-nb-blue); line-height: 1.05; } .asor-numero-blu-forma .asor-nbf-label-bot { font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--asor-nb-blue); align-self: flex-end; text-align: right; width: 100%; margin-top: 1px; line-height: 1.1; } .asor-numero-blu-forma--compact { border-radius: 7px; } .asor-numero-blu-forma--compact .asor-nbf-inner { padding: 4px 8px 4px 6px; } .asor-numero-blu-forma--compact .asor-nbf-handset { font-size: 17px; } .asor-numero-blu-forma--compact .asor-nbf-num { font-size: 16px; } .asor-numero-blu-forma--compact .asor-nbf-label-top { font-size: 8px; } .asor-numero-blu-forma--compact .asor-nbf-label-bot { font-size: 7px; } .asor-numero-blu-forma--compact .asor-nbf-icon-col { padding-right: 7px; } .asor-numero-blu-forma--footer { max-width: 100%; } .asor-numero-blu-forma--footer .asor-nbf-inner { padding: 6px 12px 6px 10px; } .asor-numero-blu-forma--footer .asor-nbf-num { font-size: 22px; } .asor-numero-blu-forma--footer .asor-nbf-handset { font-size: 23px; } .asor-numero-blu-forma--floating .asor-nbf-inner { padding: 4px 8px 4px 6px; } .asor-numero-blu-forma--floating .asor-nbf-num { font-size: 15px; } .asor-numero-blu-forma--floating .asor-nbf-handset { font-size: 16px; } body.asor-home #acm-slideshow-89 .asor-hero-seal img { width: 188px; max-width: 48vw; height: auto; margin: 0 auto 18px; display: block; filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.45)); } body.asor-home #acm-slideshow-89 .asor-hero-titles { margin-top: 0 !important; color: #fff !important; } body.asor-home #acm-slideshow-89 .asor-hero-brand { display: block; font-family: "Playfair Display", serif !important; /* Ref. foto 1: titolo principale molto più grande e arioso */ font-size: clamp(2.55rem, 7.8vw, 5.35rem); font-weight: 700; letter-spacing: 0.04em; line-height: 1.06; color: #ffffff !important; -webkit-font-smoothing: antialiased; text-shadow: 0 0 2px rgba(0, 0, 0, 0.82), 0 2px 4px rgba(0, 0, 0, 0.72), 0 4px 22px rgba(0, 0, 0, 0.5), 0 8px 36px rgba(0, 0, 0, 0.32); } body.asor-home #acm-slideshow-89 .asor-hero-tagline { display: block; font-family: "Playfair Display", serif !important; font-size: clamp(1.32rem, 4.1vw, 2.45rem); font-weight: 600; margin-top: 0.42em; line-height: 1.22; letter-spacing: 0.045em; color: #ffffff !important; -webkit-font-smoothing: antialiased; text-shadow: 0 0 2px rgba(0, 0, 0, 0.76), 0 1px 3px rgba(0, 0, 0, 0.66), 0 3px 18px rgba(0, 0, 0, 0.44), 0 6px 28px rgba(0, 0, 0, 0.28); } /* Paragrafo hero: ref. foto 1 — sans pulito, più grande, gerarchia rispetto ai titoli serif */ body.asor-home #acm-slideshow-89 p.item-desc { color: #ffffff !important; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: clamp(1.0625rem, 2.45vw, 1.375rem) !important; font-weight: 500 !important; line-height: 1.58 !important; margin-top: 1.65rem !important; margin-bottom: 10px !important; padding: 0 clamp(12px, 4vw, 28px) !important; max-width: min(42rem, 88vw); margin-left: auto !important; margin-right: auto !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; letter-spacing: 0.01em; text-shadow: 0 0 1px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.78), 0 2px 14px rgba(0, 0, 0, 0.58), 0 4px 26px rgba(0, 0, 0, 0.38); -webkit-font-smoothing: antialiased; text-align: center !important; } body.asor-home #acm-slideshow-89 p.item-desc strong { font-weight: 700 !important; color: #ffffff !important; font-family: inherit !important; } body.asor-home #acm-slideshow-89 .img-bg { opacity: 1 !important; /* Ref. foto 1: libro desaturato, meno “lavato” del centro testo — stacco col bianco */ filter: grayscale(52%) brightness(0.94) contrast(0.9); position: relative; } body.asor-home #acm-slideshow-89 .img-bg::after { content: ""; position: absolute; inset: 0; /* Velo freddo + leggera vignetta centrale: contrasto leggibile come foto 1 */ background: radial-gradient( ellipse 92% 78% at 50% 44%, rgba(22, 30, 40, 0.26) 0%, rgba(22, 30, 40, 0.1) 55%, transparent 80% ), linear-gradient( 180deg, rgba(228, 234, 242, 0.36) 0%, rgba(148, 162, 182, 0.5) 52%, rgba(118, 132, 152, 0.55) 100% ); pointer-events: none; } /* Evita che il blu/grigio legacy della slide attiva scurisca i bordi dell’hero */ body.asor-home #acm-slideshow-89 .swiper-slide.swiper-slide-active { background-color: transparent !important; } body.asor-home #acm-slideshow-89 .img-bg img { width: 100%; height: auto; min-height: 240px; object-fit: cover; display: block; } @media (min-width: 992px) { /* Home: foto 1 — fascia utility leggermente scura; menu sul hero quasi trasparente */ body.asor-home .asor-home-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 1002; display: flex; flex-direction: column; align-items: stretch; background: transparent !important; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } body.asor-home .asor-home-header-wrap .ja-topbar { position: relative !important; top: auto !important; left: auto !important; right: auto !important; z-index: auto; flex: 0 0 auto; height: auto !important; min-height: 0 !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; /* Fascia orari/email: grigio neutro un po’ più chiaro, vetro sul libro */ background: rgba(56, 58, 62, 0.58) !important; border-top: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.22); backdrop-filter: saturate(115%) blur(10px); -webkit-backdrop-filter: saturate(115%) blur(10px); } body.asor-home .asor-home-header-wrap .ja-topbar .topbar-left.pull-left p, body.asor-home .asor-home-header-wrap .ja-topbar .topbar-right.pull-right .email-item, body.asor-home .asor-home-header-wrap .ja-topbar .topbar-right.pull-right .email-item a { color: #ffffff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } body.asor-home .asor-home-header-wrap .ja-topbar .container.asor-topbar-row { min-height: 48px !important; align-items: center !important; } body.asor-home .asor-home-header-wrap .ja-topbar .topbar-left p { margin-top: 0 !important; } body.asor-home .asor-home-header-wrap #t3-header.t3-header { position: relative !important; top: auto !important; left: auto !important; flex: 0 0 auto; width: 100%; margin: 0 !important; padding-top: 0 !important; padding-bottom: 8px !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.asor-home .asor-home-header-wrap #t3-header .container { padding-top: 2px !important; padding-bottom: 0 !important; } body.asor-home .asor-home-header-wrap #t3-header > .container > .row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } body.asor-home #t3-header .logo { display: none !important; } body.asor-home #t3-header #t3-mainnav { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; float: none !important; padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } body.asor-home #t3-header .navbar-default.t3-mainnav { background: transparent !important; border: none !important; margin-bottom: 0 !important; box-shadow: none !important; min-height: 0 !important; } body.asor-home #t3-header .navbar-header { min-height: 0 !important; } body.asor-home #t3-header .t3-navbar.navbar-collapse { text-align: center; padding-top: 0 !important; padding-bottom: 0 !important; } body.asor-home #t3-header .t3-megamenu .navbar-nav { float: none !important; display: inline-flex !important; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto !important; vertical-align: top; gap: 2px 4px; } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > a, body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > span.separator { color: #ffffff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), 0 0 12px rgba(0, 0, 0, 0.2); padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 14px !important; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > a:hover, body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > span.separator:hover { color: #ffffff !important; } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li.active > a { color: #e0c773 !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li.active > a:hover { color: #e9d286 !important; } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > a .caret, body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li > span .caret { border-top-color: rgba(255, 255, 255, 0.9) !important; border-bottom-color: rgba(255, 255, 255, 0.9) !important; } body.asor-home #t3-mainnav .t3-navbar .navbar-nav > li.active > a::after { background-color: #d4b56a !important; } body.asor-home .wrap.t3-slideshow { margin-top: 0 !important; padding-top: 0 !important; } body.asor-home #acm-slideshow-89.slideshow, body.asor-home #acm-slideshow-89 .swiper-container.slideshow-top { min-height: 100vh; } body.asor-home #acm-slideshow-89 .swiper-slide > .item { position: relative; min-height: 100vh; overflow: hidden; } body.asor-home #acm-slideshow-89 .img-bg { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; } body.asor-home #acm-slideshow-89 .img-bg img { width: 100%; height: 100%; min-height: 100%; object-fit: cover; display: block; } body.asor-home .slideshow .slider-content-inner { top: 52%; padding: 96px 20px 48px; max-width: 960px; width: 100%; box-sizing: border-box; } body.asor-home #acm-slideshow-89 .asor-hero-seal img { width: 202px; max-width: 46vw; margin-bottom: 22px; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.4)); } body.asor-home #acm-slideshow-89 p.item-desc { font-size: 1.3125rem !important; padding: 0 clamp(16px, 3vw, 32px) !important; margin-top: 30px !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } @media (max-width: 991px) { body.asor-home .asor-home-header-wrap { position: relative !important; background: rgba(54, 56, 60, 0.82) !important; } body.asor-home .asor-home-header-wrap .ja-topbar { position: relative !important; background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } body.asor-home #t3-header .navbar-default.t3-mainnav { background: transparent !important; border: none !important; } } /* ============================================================================= SECTION: HOME-MODULO-FORM-JA (continua) — layout split #ja-form su body.asor-home Home: "Raccontaci il tuo caso" — foto a sinistra, modulo bianco a destra (ref.) ============================================================================= */ /* Layout split disattivato — sfondo foto in asor-hero-logo-form-fix.css */ body.asor-home #ja-form::before { display: none !important; } body.asor-home #ja-form .asor-home-form-outer { position: relative; z-index: 1; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } body.asor-home #ja-form .asor-home-form-split { margin-left: 0 !important; margin-right: 0 !important; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } /* Bootstrap float spento: la riga è flex (foto sx | form dx come ref. foto 3) */ body.asor-home #ja-form .asor-home-form-split > [class*="col-"] { float: none !important; } body.asor-home #ja-form .asor-home-form-visual { padding: 0 !important; min-height: 520px; flex: 1 1 58.333%; min-width: 0; /* Ref. prima foto: tono caldo, foto nitida fino ~60% colonna poi sfumatura molto morbida verso il bianco */ background-color: #2a231c; background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.05) 62%, rgba(255, 255, 255, 0.22) 74%, rgba(255, 255, 255, 0.58) 86%, rgba(255, 255, 255, 0.92) 95%, #ffffff 100% ), url("/images/form-home-bilancia-stretta-mano.png"); background-size: cover; background-position: left center; background-repeat: no-repeat; filter: brightness(1.05) saturate(1.03); } /* Colonna bianca a destra: il modulo stretto è centrato dentro (ref. prima foto, non seconda) */ body.asor-home #ja-form .asor-home-form-right-col { float: none !important; flex: 0 0 41.666%; max-width: 41.666%; width: 41.666% !important; margin: 0 !important; padding: 36px 20px 44px !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } body.asor-home #ja-form .ja-contact-form.asor-home-form-panel { float: none !important; flex: 0 1 auto !important; width: 100% !important; max-width: 392px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; background: #ffffff !important; padding: 36px 28px 44px !important; border: 1px solid #b89650 !important; box-shadow: none !important; border-radius: 0; position: relative; } /* Un solo bordo oro esterno: niente doppio riquadro del tema (.ja-contact-form::before) */ body.asor-home #ja-form .ja-contact-form.asor-home-form-panel::before { display: none !important; content: none !important; } body.asor-home #ja-form .block-title { text-align: center !important; margin-bottom: 6px !important; margin-top: 0 !important; font-family: "Playfair Display", Georgia, serif !important; color: #1a1a1a !important; } body.asor-home #ja-form .block-title::after { content: ""; display: block; width: 56px; height: 2px; background: #c29032; margin: 14px auto 0; border-radius: 1px; } body.asor-home #ja-form .form-info { text-align: center !important; margin-top: 0 !important; } body.asor-home #ja-form .form-info p.asor-home-form-phone-hint { margin: 0 0 20px !important; margin-top: 0 !important; line-height: 1.45 !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; color: #a67c32 !important; font-weight: 600 !important; } body.asor-home #ja-form .asor-home-form-phone-hint a { color: #8d6828 !important; text-decoration: none !important; white-space: nowrap; } body.asor-home #ja-form .asor-home-form-phone-hint a:hover { text-decoration: underline !important; } body.asor-home #ja-form #row_term_condition a { color: #c29032 !important; font-weight: 700 !important; } body.asor-home div#ja-form ul.form-list li .btn-primary { text-transform: uppercase !important; letter-spacing: 0.08em !important; font-weight: 700 !important; position: relative; border: 1px solid #b8893a !important; /* Prima ref.: sottile bordo interno chiaro sul pulsante oro */ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.88) !important; } /* Ref. prima immagine: pulsante pieno, senza cornice esterna ::before */ body.asor-home div#ja-form ul.form-list li .btn-primary::before { display: none !important; content: none !important; border: none !important; } body.asor-home #ja-form ul.form-list li:has(#ac-submit) .text-center { text-align: center !important; width: 100%; } body.asor-home #ja-form #ac-submit { display: inline-block !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; } @media (min-width: 992px) { body.asor-home #ja-form .asor-home-form-split { flex-wrap: nowrap !important; } body.asor-home #ja-form .asor-home-form-visual { min-height: min(640px, 85vh); } body.asor-home #ja-form .asor-home-form-right-col { padding: 44px 24px 52px !important; } body.asor-home #ja-form .ja-contact-form.asor-home-form-panel { padding: 44px 32px 48px !important; max-width: 400px !important; } } @media (max-width: 767px) { body.asor-home #ja-form { padding: 36px 15px 48px !important; background-image: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.92)), url("/images/form-home-bilancia-stretta-mano.png") !important; background-size: cover !important; background-position: center center !important; } body.asor-home #ja-form .asor-home-form-right-col { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; padding: 28px 12px 36px !important; } body.asor-home #ja-form .ja-contact-form.asor-home-form-panel { flex: 1 1 100% !important; width: 100% !important; max-width: 440px !important; padding: 28px 22px 34px !important; margin-left: auto !important; margin-right: auto !important; box-shadow: 0 14px 48px rgba(0, 0, 0, 0.18) !important; } } /* ============================================================================ SECTION: RESPONSIVE-CONSOLIDATION-20260510 Home + pagine core: layer finale ordinato per breakpoint moderni/legacy. ============================================================================ */ /* Base robusta per device vecchi/nuovi */ html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } img, video { max-width: 100%; height: auto; } /* Fallback: se il browser non gestisce blur/backdrop usa superficie solida */ @supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) { .ja-topbar { background-color: #3f4349 !important; } } /* ========================= Mobile piccolo <=575 ========================= */ @media (max-width: 575px) { .ja-topbar .container.asor-topbar-row { padding-left: 8px !important; padding-right: 8px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari, .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 12px !important; line-height: 1.08 !important; } .ja-topbar .asor-mobile-numero-floating { top: 60px !important; left: 4px !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 58px !important; max-width: min(330px, 94vw) !important; } body.asor-home .slideshow .slider-content-inner { top: 55% !important; padding: 84px 12px 32px !important; } } /* ========================= Mobile grande 576-767 ========================= */ @media (min-width: 576px) and (max-width: 767px) { .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari, .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 13px !important; line-height: 1.12 !important; } .ja-topbar .asor-mobile-numero-floating { top: 58px !important; left: 6px !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 62px !important; } body.asor-home .slideshow .slider-content-inner { top: 54% !important; padding: 88px 16px 38px !important; } } /* ========================= Tablet portrait 768-991 ========================= */ @media (min-width: 768px) and (max-width: 991px) { .ja-topbar .container.asor-topbar-row { min-height: 0 !important; padding: 4px 14px 6px !important; } .ja-topbar .topbar-left.pull-left .customtopbar-max912px .orari-e-email-max992px .orari { font-size: 14px !important; } .ja-topbar .topbar-left.pull-left .topbar-email-mobile, .ja-topbar .topbar-left.pull-left .topbar-email-mobile a { font-size: 14px !important; } .ja-topbar .asor-mobile-numero-floating { top: 60px !important; left: 8px !important; } .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 64px !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) #t3-mainbody { margin-top: 84px !important; } body.asor-home #acm-slideshow-89 .swiper-slide > .item, body.asor-home #acm-slideshow-89.slideshow, body.asor-home #acm-slideshow-89 .swiper-container.slideshow-top { min-height: 82vh !important; } } /* ========================= Tablet landscape 992-1024 ========================= */ @media (min-width: 992px) and (max-width: 1024px) { .ja-topbar .container.asor-topbar-row { min-height: 52px !important; gap: 14px !important; } .ja-topbar .container.asor-topbar-row .customtopbar-min913px p, .ja-topbar .container.asor-topbar-row .topbar-list .email-item a { font-size: 18px !important; line-height: 1.25 !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) #t3-mainbody { margin-top: 92px !important; } } /* ========================= Desktop >=1025 ========================= */ @media (min-width: 1025px) { /* Home e sottopagine allineate: 3 colonne fisse nella topbar */ .ja-topbar .container.asor-topbar-row { min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; } .ja-topbar .container.asor-topbar-row .topbar-left.pull-left { flex: 1 1 auto; text-align: left !important; } .ja-topbar .container.asor-topbar-row .topbar-right.pull-right { flex: 0 0 auto; text-align: right !important; } .ja-topbar .container.asor-topbar-row .customtopbar-min913px p, .ja-topbar .container.asor-topbar-row .topbar-list .email-item a { font-size: 20px !important; line-height: 1.3 !important; } .asor-topbar-call-wrap.asor-topbar-call-wrap--wide { flex: 0 0 auto !important; align-self: center !important; margin: 0 8px !important; } .t3-wrapper:not(:has(> .wrap.t3-slideshow)) #t3-mainbody { margin-top: 100px !important; } } /* Pagine core non-home: palette coerente con home anche su header/nav */ body:not(.asor-home):not(.itemid-101) .ja-topbar { background-color: #3f4349 !important; } @media (max-width: 1024px) { body:not(.asor-home):not(.itemid-101) #t3-header.t3-header, body:not(.asor-home):not(.itemid-101) #t3-header .navbar-default.t3-mainnav { background-color: #3f4349 !important; border-color: rgba(255, 255, 255, 0.12) !important; } body:not(.asor-home):not(.itemid-101) #t3-header .off-canvas-toggle { border-color: rgba(255, 255, 255, 0.45) !important; background: rgba(46, 52, 61, 0.72) !important; } } /* Masthead pagine core: scalatura più stabile cross-device */ div.ja-masthead .ja-masthead-detail .ja-masthead-title { font-size: clamp(1.8rem, 4.2vw, 3.1rem) !important; line-height: 1.15 !important; } div.ja-masthead .ja-masthead-detail .ja-masthead-description { font-size: clamp(1rem, 2.25vw, 1.25rem) !important; line-height: 1.45 !important; } /* ============================================================================= Home mobile (<=991px): 4 card #acm-features-129 + hero — solo body.asor-home, non modifica alcuna regola @media (min-width: 992px) del desktop. ============================================================================= */ @media (max-width: 991px) { body.asor-home { overflow-x: hidden !important; } body.asor-home .wrap.t3-slideshow { overflow-x: hidden !important; } /* Slideshow: larghezze >100% del legacy causano scroll orizzontale */ body.asor-home #acm-slideshow-89 .img-bg { width: 100% !important; max-width: 100% !important; } body.asor-home #acm-slideshow-89 .img-bg img { width: 100% !important; max-width: 100% !important; height: auto !important; } /* Annulla margini negativi e altezze fisse legacy su mobile */ body.asor-home #acm-features-129 .container { margin-top: 0 !important; max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; } body.asor-home #acm-features-129.acm-features.style-1 { margin-top: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body.asor-home #acm-features-129 .relative { margin-top: 0 !important; overflow-x: hidden !important; } body.asor-home #acm-features-129 .swiper-container, body.asor-home #acm-features-129 .swiper-container.swiper-container-horizontal { height: auto !important; min-height: 0 !important; max-height: none !important; width: 100% !important; overflow: hidden !important; } /* Mobile: Swiper orizzontale (1 slide + pallini) — vedi asor-mobile-features129-swiper.css */ body.asor-home #acm-features-129 .swiper-pagination { display: block !important; visibility: visible !important; } } /* ============================================================================= Pagina Contatti statica (body.asor-page-contatti): centratura stabile anche su Register/Varnish — vince su .t3-content padding-right legacy (>=1200px) e replica lo stile modulo che in Joomla era sotto .itemid-121. ============================================================================= */ body.asor-page-contatti #t3-mainbody.container.t3-mainbody, body.asor-page-contatti #t3-mainbody.t3-mainbody { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } body.asor-page-contatti .t3-content { float: none !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } @media (min-width: 1200px) { body.asor-page-contatti .t3-content { padding-left: 24px !important; padding-right: 24px !important; } } body.asor-page-contatti #t3-content .article-content { max-width: 760px; margin-left: auto !important; margin-right: auto !important; float: none !important; clear: both !important; } body.asor-page-contatti .asor-contatti-form-wrap { max-width: 560px; margin-left: auto !important; margin-right: auto !important; text-align: center; float: none !important; clear: both !important; } body.asor-page-contatti .asor-contatti-form-wrap .asor-contatti-intro { text-align: center; } /* Box ChronoForms: stesso look di .itemid-121 .semanticui-body… ma con float none */ body.asor-page-contatti .asor-contatti-form-wrap .semanticui-body.G2-joomla.chronoforms.index { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; max-width: 560px !important; width: 100% !important; box-sizing: border-box !important; padding: 24px 22px !important; background: #ffffff !important; border: 1px solid #d7dbe1 !important; border-radius: 8px !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important; text-align: left !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1.ui.form, body.asor-page-contatti .asor-contatti-form-wrap .G2-form { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 .field { max-width: 100% !important; margin-bottom: 14px !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 .field > label { font-size: 15px; font-weight: 600 !important; margin-bottom: 6px !important; color: #1f2b36 !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 input[type="text"], body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 input[type="email"], body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 input[type="tel"], body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 textarea { width: 100% !important; min-height: 42px; border: 1px solid #b8c1cc !important; border-radius: 5px !important; background: #fff !important; padding: 9px 11px !important; color: #1f2b36; box-sizing: border-box !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 textarea#messaggio { min-height: 140px; resize: vertical; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 .ui.checkbox label { font-weight: 500 !important; margin-left: 6px; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 #button7.ui.button { margin-top: 12px !important; border-radius: 5px !important; padding: 11px 20px !important; font-weight: 700; font-size: 15px; border: 1px solid #c29032 !important; background: #c29032 !important; color: #fff !important; } body.asor-page-contatti .asor-contatti-form-wrap .alert { text-align: center; } body.asor-page-contatti .asor-contatti-form-wrap .asor-contatti-chrono-credits { display: inline-block; margin-top: 12px; font-size: 12px; } body.asor-page-contatti .asor-contatti-map-wrap { max-width: 640px; margin: 24px auto 0 !important; text-align: center; float: none !important; } body.asor-page-contatti .asor-contatti-map-wrap .asor-contatti-map-link { display: block; } body.asor-page-contatti .asor-contatti-map-img { width: 100%; max-width: 100%; height: auto; border-radius: 20px; display: block; margin-left: auto; margin-right: auto; } body.asor-page-contatti .asor-contatti-map-caption { margin-top: 10px; text-align: center; } @media (max-width: 767px) { body.asor-page-contatti .asor-contatti-form-wrap .semanticui-body.G2-joomla.chronoforms.index { margin-top: 14px !important; margin-bottom: 22px !important; padding: 16px 14px !important; border-radius: 6px !important; } body.asor-page-contatti .asor-contatti-form-wrap form#display-section1 #button7.ui.button { width: 100%; } } /* ============================================================================= Mobile header (<=991px): riga meta [email | orari] + riga tools [logo | tel | menu] ============================================================================= */ @media (max-width: 991px) { .ja-topbar .asor-topbar-call-wrap, .ja-topbar .asor-topbar-call-wrap--wide, .ja-topbar .topbar-right.pull-right, .ja-topbar .customtopbar-min913px, .ja-topbar .n-verde-max992px { display: none !important; } .ja-topbar, .ja-topbar .container.asor-topbar-row, .ja-topbar .container, .ja-topbar .topbar-left.pull-left, .ja-topbar .customtopbar-max912px { position: relative !important; overflow: visible !important; width: 100% !important; float: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } body .ja-topbar .container.asor-topbar-row { display: block !important; padding: 4px 6px 6px !important; min-height: 0 !important; } body .ja-topbar .asor-mobile-topbar-stack { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 3px !important; padding-top: 0 !important; } /* Riga 1 — in alto: email sx, orari dx */ body .ja-topbar .asor-mobile-topbar-meta { order: 1 !important; width: 100% !important; min-height: 18px !important; padding: 2px 0 !important; } body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 2px !important; min-height: 20px !important; font-size: 11px !important; font-weight: 600 !important; color: #fff !important; line-height: 1.25 !important; } body .ja-topbar .asor-topbar-email-inline { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; max-width: 46% !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body .ja-topbar .asor-topbar-orari-text { flex: 1 1 0% !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; min-width: 0 !important; max-width: none !important; margin-left: auto !important; font-size: 10px !important; letter-spacing: -0.1px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; pointer-events: none !important; } body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { color: #fff !important; font-size: 11px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation !important; } /* Riga 2 — sotto: logo | numero | hamburger */ body .ja-topbar .asor-mobile-topbar-tools { order: 2 !important; display: grid !important; grid-template-columns: 40px 1fr 46px !important; align-items: center !important; width: 100% !important; min-height: 44px !important; column-gap: 6px !important; padding: 2px 0 4px !important; } body .ja-topbar .asor-mobile-topbar-logo-link { grid-column: 1 !important; display: block !important; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; width: 36px !important; height: 36px !important; margin: 0 !important; transform: none !important; border-radius: 50% !important; background: url("/images/logo-mobile-header-asor.png") center/cover no-repeat !important; } body .ja-topbar .asor-mobile-numero-floating { grid-column: 2 !important; display: flex !important; justify-content: center !important; align-items: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: min(220px, 56vw) !important; } body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 38px !important; height: auto !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } body .ja-topbar .asor-mobile-hamburger-slot { grid-column: 3 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; min-width: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle { width: auto !important; height: auto !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-color: transparent !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; outline: 0 !important; cursor: pointer !important; pointer-events: auto !important; -webkit-appearance: none !important; appearance: none !important; } body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary::before, body #t3-header .off-canvas-toggle.btn-primary::before { display: none !important; content: none !important; border: 0 !important; width: 0 !important; height: 0 !important; box-shadow: none !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .asor-hamburger-lines { pointer-events: none !important; } } @media (max-width: 575px) { body .ja-topbar .container.asor-topbar-row { display: block !important; min-height: 0 !important; padding: 2px 4px 3px !important; } body .ja-topbar p.asor-topbar-orari-email-line { font-size: 11px !important; min-height: 20px !important; } body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link, body .ja-topbar .asor-topbar-orari-text { font-size: 10px !important; letter-spacing: -0.3px !important; } body .ja-topbar .asor-topbar-email-inline .topbar-icon--email { font-size: 13px !important; left: 3px !important; } body .ja-topbar .asor-topbar-orari-text .topbar-icon { font-size: 12px !important; } .ja-topbar .asor-mobile-topbar-logo-link { width: 34px !important; height: 34px !important; } body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { max-height: 36px !important; height: 36px !important; min-width: 110px !important; width: 110px !important; max-width: min(210px, 62vw) !important; object-fit: fill !important; object-position: top center !important; } } /* Email topbar: mailto cliccabile (mobile + desktop) */ .ja-topbar a.asor-topbar-email-link, .ja-topbar .topbar-list .email-item a.asor-topbar-email-link--desktop { pointer-events: auto !important; cursor: pointer !important; position: relative !important; z-index: 25 !important; color: inherit !important; text-decoration: none !important; } .ja-topbar .topbar-list .email-item a.asor-topbar-email-link--desktop { display: inline-flex !important; align-items: center !important; gap: 6px !important; } .ja-topbar a.asor-topbar-email-link:hover, .ja-topbar a.asor-topbar-email-link:focus, .ja-topbar .topbar-list .email-item a.asor-topbar-email-link--desktop:hover, .ja-topbar .topbar-list .email-item a.asor-topbar-email-link--desktop:focus { color: #fff !important; text-decoration: underline !important; } body.asor-home .ja-contact-form .asor-form-alert { margin: 0 0 14px !important; } .asor-recaptcha-wrap { min-height: 78px; overflow: visible !important; } .asor-recaptcha-wrap iframe { max-width: 100% !important; } .asor-recaptcha-wrap .asor-recaptcha-hint { margin-top: 6px !important; font-size: 13px !important; } /* Captcha matematico (sostituisce Google reCAPTCHA) */ .asor-math-captcha-wrap { margin: 10px 0 6px !important; padding: 12px 14px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 4px !important; } .asor-math-captcha-label { display: block !important; margin-bottom: 8px !important; font-size: 14px !important; line-height: 1.4 !important; } .asor-math-captcha-input { width: 100% !important; max-width: 140px !important; padding: 8px 10px !important; font-size: 16px !important; border: 1px solid #ccc !important; border-radius: 3px !important; } body.asor-page-contatti .asor-math-captcha-wrap { background: #f7f7f7 !important; border-color: #ddd !important; } body.asor-page-contatti .asor-math-captcha-label { color: #333 !important; } /* ============================================================================= Email header/footer: sempre cliccabile (mobile + desktop + tablet) ============================================================================= */ @media (min-width: 992px) { .ja-topbar .topbar-right.pull-right .topbar-list .email-item, .ja-topbar .topbar-right.pull-right .topbar-list .email-item a.asor-topbar-email-link--desktop { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; cursor: pointer !important; position: relative !important; z-index: 2147483646 !important; } } @media (max-width: 991px) { body .ja-topbar .orari-e-email-max992px { pointer-events: none !important; } body .ja-topbar .asor-topbar-email-inline, body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { pointer-events: auto !important; cursor: pointer !important; } } .ja-topbar a.asor-topbar-email-link, .ja-topbar a.asor-topbar-email-link--desktop, #t3-footer a.asor-mailto-asor { pointer-events: auto !important; cursor: pointer !important; text-decoration: none !important; } .ja-topbar a.asor-topbar-email-link:hover, .ja-topbar a.asor-topbar-email-link:focus, .ja-topbar a.asor-topbar-email-link--desktop:hover, .ja-topbar a.asor-topbar-email-link--desktop:focus, #t3-footer a.asor-mailto-asor:hover, #t3-footer a.asor-mailto-asor:focus { text-decoration: underline !important; } /* ============================================================================= FIX email header sempre visibile (vince su regole legacy nascoste) ============================================================================= */ @media (max-width: 1024px) { body .ja-topbar .topbar-left .customtopbar-max912px { display: block !important; width: 100% !important; } body .ja-topbar .topbar-left .orari-e-email-max992px, body .ja-topbar .asor-topbar-email-inline, body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; color: #ffffff !important; max-width: none !important; overflow: visible !important; clip: auto !important; clip-path: none !important; } body .ja-topbar .customtopbar-min913px { display: none !important; } } @media (min-width: 1025px) { body .ja-topbar .topbar-left .customtopbar-max912px { display: none !important; } body .ja-topbar .topbar-right.pull-right .topbar-list, body .ja-topbar .topbar-right.pull-right .topbar-list .email-item, body .ja-topbar .topbar-right.pull-right .topbar-list .email-item a.asor-topbar-email-link--desktop { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; color: #f1f3f7 !important; } body.asor-home .asor-home-header-wrap .ja-topbar .topbar-right.pull-right .email-item, body.asor-home .asor-home-header-wrap .ja-topbar .topbar-right.pull-right .email-item a { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; color: #ffffff !important; } } /* Tablet 992–1024: prima l’email spariva (max912 nascosto + email-item nascosto) */ @media (min-width: 992px) and (max-width: 1024px) { body .ja-topbar .topbar-left .customtopbar-max912px { display: block !important; } body .ja-topbar .topbar-left .customtopbar-min913px { display: none !important; } body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; color: #ffffff !important; } } /* Mobile: annulla regole legacy (logo top:-62px, numero nel posto sbagliato) */ @media (max-width: 991px) { body .ja-topbar .asor-mobile-topbar-logo-link { top: auto !important; left: auto !important; display: block !important; } body .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px, body .ja-topbar .n-verde-max992px, body .ja-topbar .orari-e-email-max992px { display: none !important; } body .ja-topbar .asor-topbar-email-inline, body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link, body .ja-topbar .asor-topbar-orari-text { visibility: visible !important; opacity: 1 !important; color: #fff !important; } } /* ============================================================================= ASOR mobile header — override finale (vince su legacy 768/840px) ============================================================================= */ @media (max-width: 991px) { body .ja-topbar .topbar-left.pull-left .customtopbar-max912px, body .ja-topbar .customtopbar-max912px { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; } body .ja-topbar, body .ja-topbar .container.asor-topbar-row, body .ja-topbar .container { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 6px 4px !important; margin-top: 0 !important; align-items: flex-start !important; } body .ja-topbar .topbar-left.pull-left, body .ja-topbar .topbar-left p, body .ja-topbar p.asor-topbar-orari-email-line { margin-top: 0 !important; padding-top: 0 !important; } body .ja-topbar .asor-mobile-topbar-meta { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 0 2px !important; position: relative !important; z-index: 6 !important; } body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 2px !important; } body .ja-topbar .asor-topbar-email-inline { flex: 0 1 auto !important; justify-content: flex-start !important; text-align: left !important; max-width: 50% !important; margin-right: 6px !important; display: inline-flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; left: auto !important; transform: none !important; } body .ja-topbar .asor-topbar-orari-text { flex: 1 1 0% !important; min-width: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; margin-left: auto !important; position: relative !important; right: auto !important; top: auto !important; transform: none !important; margin-right: 0 !important; padding: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body .ja-topbar .asor-mobile-topbar-tools { display: grid !important; grid-template-columns: 40px 1fr 50px !important; align-items: center !important; width: 100% !important; position: relative !important; } body .ja-topbar .asor-mobile-topbar-logo-link { position: relative !important; display: block !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; } body .ja-topbar .asor-mobile-numero-floating { position: relative !important; display: flex !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 0 auto !important; justify-self: center !important; width: 100% !important; max-width: min(220px, 56vw) !important; } body .ja-topbar .asor-mobile-hamburger-slot, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle, body .ja-topbar .asor-mobile-hamburger-slot #t3-header .off-canvas-toggle { position: relative !important; right: auto !important; top: auto !important; left: auto !important; transform: none !important; margin: 0 !important; } body .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px, body .ja-topbar .n-verde-max992px, body .ja-topbar .orari-e-email-max992px, body .ja-topbar .customtopbar-min913px { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; pointer-events: none !important; } body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { color: #fff !important; pointer-events: auto !important; } } @media (max-width: 575px) { body .ja-topbar .asor-mobile-numero-floating { top: auto !important; left: auto !important; } } @media (min-width: 576px) and (max-width: 991px) { body .ja-topbar .asor-mobile-numero-floating { top: auto !important; left: auto !important; } } /* ============================================================================= ASOR mobile header — LAYOUT RIFERIMENTO (2 righe: meta + logo|tel|menu) ============================================================================= */ @media (max-width: 991px) { body.asor-home .asor-home-header-wrap, body.itemid-101 .asor-home-header-wrap { margin-top: 0 !important; padding-top: 0 !important; overflow: hidden !important; z-index: 10050 !important; } body:not(.asor-home):not(.itemid-101) .t3-wrapper > .ja-topbar { margin-top: -46px !important; padding-top: max(0px, env(safe-area-inset-top, 0px)) !important; } body .t3-wrapper > .ja-topbar { min-height: 0 !important; } body .t3-wrapper > .ja-topbar, body.asor-home .asor-home-header-wrap .ja-topbar { min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .ja-topbar .container.asor-topbar-row, body .ja-topbar .container { display: block !important; flex-direction: column !important; align-items: stretch !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 8px 0 !important; } body .ja-topbar .container::after { display: none !important; content: none !important; } body .ja-topbar .topbar-left.pull-left, body .ja-topbar .customtopbar-max912px { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; } /* Numero legacy duplicato: mai visibile su mobile */ body .ja-topbar .n-verde-max992px, body .ja-topbar .topbar-left.pull-left .customtopbar-max912px .n-verde-max992px, body .ja-topbar .orari-e-email-max992px { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; left: -9999px !important; pointer-events: none !important; } body .ja-topbar .asor-mobile-topbar-stack { display: flex !important; flex-direction: column !important; gap: 3px !important; width: 100% !important; } /* Riga 1 — email sx, orari dx (una sola riga; orario compatto per far entrare tutto) */ body .ja-topbar .asor-mobile-topbar-meta { width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: 24px !important; } body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line, body .ja-topbar p.asor-topbar-orari-email-line { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; width: 100% !important; min-height: 24px !important; margin: 0 !important; padding: 0 8px !important; box-sizing: border-box !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.25 !important; color: #fff !important; text-align: left !important; } body .ja-topbar .asor-topbar-email-inline { flex: 0 1 auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; max-width: 42% !important; min-width: 0 !important; margin-left: 6px !important; margin-right: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body .ja-topbar .asor-topbar-orari-text { flex: 1 1 0% !important; min-width: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; margin-left: auto !important; margin-right: 4px !important; padding: 0 !important; font-size: 9.5px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.18px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transform: translateX(-2px) scaleX(0.97) !important; transform-origin: center right !important; position: static !important; } body .ja-topbar .asor-topbar-orari-text .topbar-icon { font-size: 12px !important; margin-right: 3px !important; flex-shrink: 0 !important; } body .ja-topbar .asor-topbar-email-inline a.asor-topbar-email-link { font-size: 12px !important; line-height: 1.4 !important; gap: 5px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } body .ja-topbar .asor-topbar-email-inline .topbar-icon--email { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; width: 16px !important; height: 16px !important; font-size: 15px !important; line-height: 1 !important; margin-right: 5px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; top: auto !important; left: auto !important; transform: none !important; vertical-align: middle !important; } /* Riga 2 — logo | numero | hamburger (stessa linea, centrati in altezza) */ body .ja-topbar .asor-mobile-topbar-tools { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) 40px !important; grid-template-rows: 1fr !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; min-height: 44px !important; position: relative !important; } body .ja-topbar .asor-mobile-topbar-logo-link { grid-column: 1 !important; grid-row: 1 !important; display: block !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: 40px !important; height: 40px !important; margin: 0 !important; transform: none !important; justify-self: start !important; align-self: center !important; border-radius: 50% !important; background: url("/images/logo-mobile-header-asor.png") center/cover no-repeat !important; z-index: 2 !important; } body .ja-topbar .asor-mobile-numero-floating { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; justify-content: center !important; align-items: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; justify-self: center !important; align-self: center !important; z-index: 1 !important; } body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma { display: inline-block !important; width: auto !important; max-width: 100% !important; padding: 0 !important; margin: 0 auto !important; line-height: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 5px !important; overflow: hidden !important; -webkit-mask-image: none !important; mask-image: none !important; } /* Numero blu: box = immagine (così il border-radius taglia il riquadro bianco, non lo spazio vuoto) */ body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { display: block !important; width: auto !important; max-width: min(100%, calc(100vw - 104px)) !important; height: 48px !important; max-height: 48px !important; margin: 0 !important; object-fit: contain !important; object-position: center center !important; border-radius: 5px !important; transform: none !important; vertical-align: top !important; } body .ja-topbar .asor-mobile-hamburger-slot { grid-column: 3 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: end !important; position: relative !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; padding: 0 !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; transform: none !important; border: 0 !important; box-shadow: none !important; } body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary, body #t3-header .off-canvas-toggle { position: relative !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; transform: none !important; float: none !important; } /* Icona menu stile Bootstrap navbar-toggler (solo aspetto delle 3 linee) */ body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .asor-hamburger-lines { display: inline-flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; width: 1.5em !important; min-width: 30px !important; max-width: 30px !important; height: 1.5em !important; min-height: 30px !important; gap: 6px !important; margin: 0 auto !important; padding: 0 !important; transform: translateY(-10px) !important; align-self: center !important; box-sizing: border-box !important; pointer-events: none !important; } body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .asor-hamburger-lines > span { display: block !important; width: 100% !important; min-width: 100% !important; height: 2px !important; margin: 0 !important; padding: 0 !important; background-color: rgba(255, 255, 255, 0.92) !important; border: 0 !important; border-radius: 999px !important; opacity: 1 !important; box-shadow: none !important; } body.asor-home .asor-home-header-wrap #t3-header.t3-header, body.itemid-101 .asor-home-header-wrap #t3-header.t3-header { min-height: 0 !important; height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: 0 !important; } body.asor-home .asor-home-header-wrap #t3-header.t3-header > .container, body.asor-home .asor-home-header-wrap #t3-header.t3-header > .container > .row, body.itemid-101 .asor-home-header-wrap #t3-header.t3-header > .container, body.itemid-101 .asor-home-header-wrap #t3-header.t3-header > .container > .row { min-height: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } } /* ============================================================================= ASOR mobile header — FORZA VISIBILITÀ (fix online: CSS vecchio / riga tagliata) ============================================================================= */ @media (max-width: 991px) { body .ja-topbar .topbar-left.pull-left .customtopbar-max912px, body .ja-topbar .customtopbar-max912px { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .ja-topbar .asor-mobile-topbar-stack { display: flex !important; visibility: visible !important; opacity: 1 !important; } body .ja-topbar .asor-mobile-topbar-meta { display: block !important; visibility: visible !important; opacity: 1 !important; } body .ja-topbar .asor-mobile-topbar-tools { display: grid !important; visibility: visible !important; opacity: 1 !important; } body .ja-topbar .asor-topbar-orari-email-line, body .ja-topbar .asor-topbar-email-inline, body .ja-topbar .asor-topbar-orari-text { visibility: visible !important; opacity: 1 !important; } body .ja-topbar .asor-mobile-topbar-logo-link { display: block !important; visibility: visible !important; opacity: 1 !important; } body .ja-topbar .asor-mobile-numero-floating, body .ja-topbar .asor-mobile-hamburger-slot { display: flex !important; visibility: visible !important; opacity: 1 !important; } body.asor-home .asor-home-header-wrap .ja-topbar, body.itemid-101 .asor-home-header-wrap .ja-topbar { overflow: visible !important; z-index: 10051 !important; } } @media (max-width: 768px) { body .ja-topbar .customtopbar-max912px, body .ja-topbar .topbar-left.pull-left .customtopbar-max912px { display: block !important; visibility: visible !important; opacity: 1 !important; } } /* ============================================================================= Tablet 768–991px: header ASOR — orari più leggibili, niente offset legacy sul numero ============================================================================= */ @media (min-width: 768px) and (max-width: 991px) { body .ja-topbar .asor-mobile-numero-floating { top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; position: relative !important; } body .ja-topbar .container.asor-topbar-row, body .ja-topbar .container { min-height: 0 !important; } body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line, body .ja-topbar p.asor-topbar-orari-email-line { padding: 0 16px !important; } body .ja-topbar .asor-topbar-orari-text { font-size: 10.5px !important; letter-spacing: -0.1px !important; transform: translateX(-2px) scaleX(0.99) !important; transform-origin: center right !important; } body .ja-topbar .asor-topbar-email-inline { max-width: 40% !important; } } /* ============================================================================= SYNC JOOMLA HOME (itemid-101): form #ja-form come backup ASOR JOOMLA ============================================================================= */ body.asor-home.itemid-101 #ja-form { height: 670px; background-image: url("/images/scontro-automobilistico-fascia-contatti-home-ASOR-03.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-color: #fff !important; } body.asor-home.itemid-101 #ja-form .col-md-5.ja-contact-form { float: right !important; padding-bottom: 20px !important; margin-top: 40px; width: 430px; margin-right: 5%; } body.asor-home.itemid-101 #ja-form .container { width: 100%; } body.asor-home.itemid-101 #ja-form .block-title { font-size: 34px !important; } body.asor-home.itemid-101 #ja-form ul.form-list li .btn-primary::before { border: 1px solid #c29032 !important; } body.asor-home.itemid-101 #ja-form ul.form-list li .btn-primary { background-color: #c29032 !important; border: 1px solid #c29032 !important; } /* Logo hero via CSS (::before), come Joomla — nasconde eventuali regole split HTML */ body.asor-home.itemid-101 .asor-hero-seal { display: none !important; } body.asor-home.itemid-101 #acm-slideshow-89 .slider-content-inner.container::before { content: url("/images/Logo-ASOR-200px.png"); text-align: center; margin-left: auto; margin-right: auto; margin-top: -90px; margin-bottom: -25px; display: block; } body.asor-home.itemid-101 #acm-slideshow-89 h1::before { content: "A.SO.R"; display: block; color: #fff; font-size: 65px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: -25px !important; margin-top: -20px !important; } /* Stesso selettore di Joomla: itemid-101 su */ html.itemid-101 #acm-slideshow-89 .slider-content-inner.container::before { content: url("/images/Logo-ASOR-200px.png"); text-align: center; margin-left: auto; margin-right: auto; margin-top: -90px; margin-bottom: -25px; display: block; } html.itemid-101 #acm-features-92 .relative { display: none !important; } html.itemid-101 #acm-slideshow-89 .swiper-slide.swiper-slide-active { background-color: #475966; } html.itemid-101 #acm-slideshow-89 h1 { color: #fff; font-size: 48px; margin-top: 8px; } html.itemid-101 section.wrap.t3-sections { background-color: #475966 !important; } html.itemid-101 #acm-features-129 .container { margin-top: -310px !important; } html.itemid-101 #acm-features-129 { padding-top: 0 !important; padding-bottom: 0 !important; height: 120px !important; } /* Home desktop: numero blu a destra (asor-desktop-topbar.css) */ @media (min-width: 1025px) { html.itemid-101.home .ja-topbar .asor-topbar-call-wrap.asor-topbar-call-wrap--wide, html.itemid-101 .ja-topbar .asor-topbar-call-wrap.asor-topbar-numero-center { display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; align-self: center !important; margin: 0 !important; position: static !important; left: auto !important; top: auto !important; transform: none !important; z-index: 5 !important; pointer-events: auto !important; } html.itemid-101.home .ja-topbar .container.asor-topbar-row { position: relative !important; } html.itemid-101.home .ja-topbar .topbar-right .logo-item.asor-topbar-numero-desktop { display: none !important; } } html.itemid-101 .ja-topbar .topbar-list { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; } html.itemid-101 .ja-topbar .container.asor-topbar-row { justify-content: space-between !important; } html.itemid-101 .ja-topbar .topbar-left.pull-left { text-align: left !important; flex: 1 1 auto; } html.itemid-101 .ja-topbar .topbar-right.pull-right { text-align: right !important; flex: 0 0 auto; } html.itemid-101 .ja-topbar .topbar-list .logo-item img, html.itemid-101 .ja-topbar .asor-topbar-phone-joomla img { width: 140px; max-width: 42vw; height: auto; margin-top: -5px; display: block; } html.itemid-101 #acm-slideshow-89 h1::before { content: "A.SO.R" !important; display: block !important; color: #fff; font-size: 65px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: -25px !important; margin-top: -20px !important; } html.itemid-101 #acm-slideshow-89 .slider-content-inner.container::before { content: url("/images/Logo-ASOR-200px.png") !important; display: block !important; text-align: center; margin-left: auto; margin-right: auto; margin-top: -90px; margin-bottom: -25px; } /* ============================================================================= HOME = CLONE JOOMLA (figura 1): annulla override HTML “asor-home” blu/split ============================================================================= */ html.itemid-101 body.asor-home, html.itemid-101 body.asor-home .t3-wrapper { background-color: transparent !important; } html.itemid-101 body.asor-home section.wrap.t3-sections, html.itemid-101 body.asor-home #acm-features-129.acm-features.style-1, html.itemid-101 body.asor-home #acm-features-129 .container, html.itemid-101 body.asor-home #acm-features-129 .relative, html.itemid-101 body.asor-home #acm-features-129 .swiper-container, html.itemid-101 body.asor-home #acm-features-129 .swiper-wrapper, html.itemid-101 body.asor-home #acm-features-129 .swiper-slide.col { background-color: transparent !important; background: transparent !important; } html.itemid-101 .t3-header.asor-joomla-home-header { background: transparent !important; margin-bottom: 0 !important; } html.itemid-101 .t3-header.asor-joomla-home-header #t3-mainnav { width: 100% !important; max-width: 100% !important; } html.itemid-101 .t3-header.asor-joomla-home-header .t3-megamenu .navbar-nav { float: none !important; display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end !important; margin-left: auto !important; margin-right: 0 !important; text-align: right !important; } html.itemid-101 .t3-header.asor-joomla-home-header .t3-navbar { display: flex !important; justify-content: flex-end !important; text-align: right !important; width: 100% !important; } /* Topbar Joomla: numero verde + email a destra */ html.itemid-101 .ja-topbar .topbar-list { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap; gap: 10px; padding: 10px; margin: 0; } html.itemid-101 .ja-topbar .topbar-list .logo-item img { width: 140px !important; max-width: 42vw; height: auto; margin-top: -5px; display: block; } /* Topbar home: padding interno al riquadro del numero blu */ html.itemid-101 .ja-topbar .asor-numero-blu-forma--compact, html.itemid-101.home .ja-topbar .asor-numero-blu-forma--compact, html.itemid-101 .ja-topbar .topbar-list .asor-numero-blu-forma--compact { padding: 0 2px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 12px !important; box-sizing: border-box !important; line-height: 0 !important; overflow: hidden !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important; } html.itemid-101 .ja-topbar .asor-numero-blu-forma--compact .asor-numero-blu-img, html.itemid-101.home .ja-topbar .asor-numero-blu-forma--compact .asor-numero-blu-img { display: block !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; width: 131px !important; max-width: min(131px, 38vw) !important; max-height: 55px !important; height: auto !important; object-fit: contain !important; } html.itemid-101 .ja-topbar .topbar-list li a[href^="tel"]:empty { display: none; } /* Hero: logo + A.SO.R come Joomla (no scale ridotto) */ @media (min-width: 992px) { html.itemid-101 #acm-slideshow-89 .slider-content-inner.container::before { transform: none !important; margin-top: -76px !important; margin-bottom: -25px !important; } html.itemid-101 .slideshow .slider-content-inner { top: 47% !important; padding-top: 12px !important; } } html.itemid-101 #acm-slideshow-89 h1.item-title { font-family: "Playfair Display", serif !important; color: #fff !important; font-size: 48px !important; text-align: center; } /* Home: elimina la fascia blu/grigia tra topbar grigia e hero — overlay Joomla */ @media (min-width: 993px) { html.itemid-101.home .t3-wrapper > .ja-topbar { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 30 !important; background-color: rgba(0, 0, 0, 0.4) !important; margin-bottom: 0 !important; border-bottom: 0 !important; } html.itemid-101.home .t3-wrapper > #t3-header.t3-header, html.itemid-101.home .t3-wrapper > #t3-header.t3-header.asor-joomla-home-header { position: absolute !important; top: 52px !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 31 !important; background: transparent !important; background-color: transparent !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; min-height: 0 !important; } html.itemid-101.home .t3-wrapper > #t3-header .navbar-default.t3-mainnav, html.itemid-101.home .t3-wrapper > #t3-header .t3-navbar { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } html.itemid-101.home .t3-wrapper > .wrap.t3-slideshow { margin-top: 0 !important; padding-top: 0 !important; } html.itemid-101.home #acm-slideshow-89.slideshow, html.itemid-101.home #acm-slideshow-89 .swiper-slide.swiper-slide-active { margin-top: 0 !important; } } /* Home: 4 card servizi — foto ~262×175 (Joomla) + cerchi numerati verdi */ html.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col { min-height: 0 !important; height: auto !important; } @media (min-width: 992px) { html.itemid-101 #acm-features-129 .swiper-slide > a, body.itemid-101 #acm-features-129 .swiper-slide > a { display: block !important; width: 200px !important; max-width: 100% !important; min-height: 0 !important; margin-left: auto !important; margin-right: auto !important; } html.itemid-101 #acm-features-129.acm-features.style-1 .features-image, body.itemid-101 #acm-features-129.acm-features.style-1 .features-image { width: 200px !important; max-width: 100% !important; height: 200px !important; min-height: 0 !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } } html.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide .count, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide .count { background-color: #1a8f3c !important; border: 2px solid #0d6b2a !important; color: #ffffff !important; } @media (min-width: 992px) { html.itemid-101 #acm-features-129.acm-features.style-1 .features-image, body.itemid-101 #acm-features-129.acm-features.style-1 .features-image { width: 200px !important; max-width: 200px !important; height: 200px !important; min-height: 0 !important; } html.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-slide.col { min-height: 0 !important; max-height: none !important; } } @media (min-width: 1200px) { html.itemid-101 #acm-features-129 .features-image, body.itemid-101 #acm-features-129 .features-image { width: 200px !important; height: 200px !important; min-height: 0 !important; } html.itemid-101 #acm-features-129 .features-title, body.itemid-101 #acm-features-129 .features-title { font-size: 21px !important; line-height: 1.25 !important; } html.itemid-101 #acm-features-129 .features-item, body.itemid-101 #acm-features-129 .features-item { min-height: 0 !important; padding: 12px 10px 10px !important; } } /* CTA telefono — default compatto (topbar ecc.) */ .asor-numero-blu-forma:not(.asor-numero-blu-forma--inline) .asor-numero-blu-img { max-height: 56px; max-width: min(320px, 48vw); } /* Pagina Contatti: numero blu grande nel riquadro (dopo regola globale 56px) */ body.asor-page-contatti .popin .row { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: center !important; } body.asor-page-contatti .popin .row > .col-md-6:first-child { flex: 1 1 300px !important; max-width: 100% !important; } body.asor-page-contatti .popin .row > .col-md-6:last-child { flex: 1 1 300px !important; min-width: 280px !important; max-width: 100% !important; text-align: center !important; } body.asor-page-contatti .asor-numero-blu-forma--inline .asor-numero-blu-img, body.asor-page-contatti .popin .asor-numero-blu-forma--inline .asor-numero-blu-img { width: 300px !important; max-width: min(300px, 100%) !important; min-width: 240px !important; max-height: 95px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; display: block !important; object-fit: contain !important; } /* ========================================================================== NAVHELPER HOME — layout foto 2 + sfondo stretta di mano ========================================================================== */ html.itemid-101.home nav.wrap.t3-navhelper, html.itemid-101.home nav.wrap.t3-navhelper > .container, html.itemid-101.home nav.wrap.t3-navhelper .custom, html.itemid-101.home nav.wrap.t3-navhelper .section-inner.acm-inview { background: transparent !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero { position: relative !important; overflow: hidden !important; min-height: clamp(300px, 36vw, 460px) !important; padding: clamp(18px, 3vw, 32px) clamp(12px, 3vw, 36px) !important; background: transparent url("/images/stretta-di-mano-cover.png") center center / cover no-repeat !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero .hero-bg, html.itemid-101.home nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 0 !important; overflow: hidden !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero .hero-bg img, html.itemid-101.home nav.wrap.t3-navhelper .container .custom .acm-hero .hero-bg img { display: block !important; visibility: visible !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero::after { content: "" !important; position: absolute !important; inset: 0 !important; background: rgba(55, 68, 82, 0.42) !important; z-index: 1 !important; pointer-events: none !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero > .container.riduzione-altezza { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; margin: 0 auto !important; transform: none !important; -webkit-transform: none !important; width: 100% !important; max-width: min(96vw, 1280px) !important; height: auto !important; z-index: 2 !important; float: none !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero .hero-content { position: relative !important; z-index: 2 !important; max-width: 1280px !important; margin: 0 auto !important; min-height: 0 !important; padding: 26px 24px 20px !important; border: 2px solid rgba(255, 255, 255, 0.92) !important; background: transparent !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero .hero-icon.hidden-xs { position: relative !important; top: auto !important; left: auto !important; margin: 0 auto 10px !important; padding: 0 !important; line-height: 1 !important; font-size: 74px !important; color: #fff !important; border-bottom: none !important; } html.itemid-101.home nav.wrap.t3-navhelper .acm-hero .hero-line-1 { font-family: "Playfair Display", Georgia, serif !important; font-size: clamp(28px, 3.2vw, 50px) !important; line-height: 1.15 !important; font-weight: 600 !important; color: #fff !important; margin: 6px 0 14px !important; } html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma--navhelper, html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma, nav.wrap.t3-navhelper .asor-numero-blu-forma--navhelper, nav.wrap.t3-navhelper .asor-numero-blu-forma { background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 10px !important; padding: 0 !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important; line-height: 0 !important; } html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma--navhelper, html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma, nav.wrap.t3-navhelper .asor-numero-blu-forma--navhelper, nav.wrap.t3-navhelper .asor-numero-blu-forma { display: block !important; width: fit-content !important; max-width: 100% !important; margin: 23px auto 0 auto !important; } html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma--navhelper .asor-numero-blu-img, html.itemid-101.home nav.wrap.t3-navhelper .asor-numero-blu-forma .asor-numero-blu-img, nav.wrap.t3-navhelper .asor-numero-blu-forma .asor-numero-blu-img { width: 271px !important; max-width: min(271px, 92vw) !important; max-height: 90px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; border-radius: 8px !important; display: block !important; object-fit: contain !important; } html.itemid-101.home nav.wrap.t3-navhelper .btn-chiam-bottom { width: 346px !important; max-width: min(346px, 92vw) !important; min-height: 58px !important; height: 58px !important; border-radius: 8px !important; } /* ========================================================================== HEADER — logo sx, menu voci tutto a destra (home + desktop) ========================================================================== */ @media (min-width: 992px) { html.itemid-101.home #t3-header.t3-header > .container > .row, html.itemid-101 #t3-header.t3-header > .container > .row { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; } html.itemid-101.home #t3-header.t3-header .logo, html.itemid-101 #t3-header.t3-header .logo { display: none !important; visibility: hidden !important; width: 0 !important; max-width: 0 !important; padding: 0 !important; margin: 0 !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav, html.itemid-101 #t3-header.t3-header #t3-mainnav { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; float: none !important; margin-top: 0 !important; display: flex !important; justify-content: flex-end !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-navbar, html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-megamenu, html.itemid-101 #t3-header.t3-header #t3-mainnav .t3-navbar, html.itemid-101 #t3-header.t3-header #t3-mainnav .t3-megamenu { display: flex !important; justify-content: flex-end !important; text-align: right !important; width: 100% !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-navbar .navbar-nav, html.itemid-101 #t3-header.t3-header #t3-mainnav .t3-navbar .navbar-nav { float: none !important; display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end !important; margin-left: auto !important; margin-right: 0 !important; text-align: right !important; min-width: 0 !important; } } /* ========================================================================== MOBILE — home = stesse pagine interne; solo numero blu ASOR (mai verde) ========================================================================== */ img[src*="numeroverde"], img[src*="numeroverdeasorheader"] { display: none !important; } @media (max-width: 1024px) { body .ja-topbar .customtopbar-min913px { display: none !important; } body .ja-topbar .customtopbar-max912px { display: block !important; } body .ja-topbar .topbar-right.pull-right { display: none !important; } /* Legacy Joomla n-verde: nascosto ovunque (sostituito da numero blu) */ body .ja-topbar .orari-e-email-max992px, body .ja-topbar .n-verde-max992px { display: none !important; } body .ja-topbar .asor-mobile-topbar-stack { display: flex !important; } html.itemid-101.home .t3-wrapper > .ja-topbar { position: relative !important; z-index: 30 !important; } } @media (max-width: 768px) { /* Home: stesso header mobile delle pagine interne */ html.itemid-101.home .ja-topbar .asor-mobile-topbar-stack, body.itemid-101 .ja-topbar .asor-mobile-topbar-stack { display: flex !important; } html.itemid-101.home .ja-topbar .asor-mobile-topbar-logo-link, body.itemid-101 .ja-topbar .asor-mobile-topbar-logo-link { display: block !important; } html.itemid-101.home .ja-topbar .asor-mobile-numero-floating, body.itemid-101 .ja-topbar .asor-mobile-numero-floating { display: flex !important; visibility: visible !important; opacity: 1 !important; } html.itemid-101.home .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma, body.itemid-101 .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma { display: inline-flex !important; padding: 3px 6px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 8px !important; cursor: pointer !important; pointer-events: auto !important; } html.itemid-101.home .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-img, body.itemid-101 .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-img { display: block !important; max-height: 58px !important; max-width: min(220px, 62vw) !important; cursor: pointer !important; pointer-events: auto !important; } /* Non nascondere header su home: layout unificato via topbar */ html.itemid-101.home #t3-header.t3-header { display: none !important; } } /* Ultime novità desktop — asor-features-94-cover.css */ /* ========================================================================== Menu mobile stile Joomla T3 (pannello 250px, header dorato, fa-bars) ========================================================================== */ @media (max-width: 991px) { .t3-off-canvas .t3-off-canvas-header { display: block !important; } .t3-off-canvas, .off-canvas-effect-4.t3-off-canvas, .off-canvas-effect-1.t3-off-canvas, .off-canvas-effect-2.t3-off-canvas, .off-canvas-effect-3.t3-off-canvas { width: 250px !important; max-width: 250px !important; left: auto !important; right: 0 !important; z-index: 100 !important; } .off-canvas-open .t3-wrapper, .off-canvas-effect-4.off-canvas-open .t3-wrapper, .off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper { transform: translate3d(-250px, 0, 0) !important; -webkit-transform: translate3d(-250px, 0, 0) !important; left: 0 !important; } .off-canvas-open .t3-off-canvas, .off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas { transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; visibility: visible !important; } .t3-off-canvas .t3-off-canvas-body .module-ct { padding: 6px 12px !important; } .t3-off-canvas .t3-off-canvas-body .nav > li > a, .t3-off-canvas .t3-off-canvas-body .nav > li > span, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span { width: auto !important; text-align: left !important; font-size: inherit !important; line-height: inherit !important; padding: 8px 12px !important; letter-spacing: normal !important; } .t3-off-canvas .t3-off-canvas-body .nav, .t3-off-canvas .t3-off-canvas-body .dropdown-menu { width: 100% !important; text-align: left !important; } .t3-off-canvas .t3-off-canvas-body .nav > li.dropdown > a:before, .t3-off-canvas .t3-off-canvas-body .nav > li.dropdown > span:before { display: block !important; } .t3-off-canvas .t3-off-canvas-body .nav > li .dropdown-menu, .t3-off-canvas .t3-off-canvas-body .nav > li .asor-submenu { max-height: none !important; overflow: visible !important; transition: none !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary, #t3-header .off-canvas-toggle.btn-primary, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary { background: transparent !important; background-color: transparent !important; border: 2px solid #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; border-radius: 4px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; } .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .fa-bars, #t3-header .off-canvas-toggle .fa-bars, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .fa-bars { font-size: 20px !important; line-height: 1 !important; color: #ffffff !important; } } /* ========================================================================== MOBILE — 4 card servizi (#acm-features-129): scroll Swiper come Joomla ========================================================================== */ @media (max-width: 991px) { html.itemid-101 #acm-features-129, body.itemid-101 #acm-features-129 { height: auto !important; min-height: 0 !important; padding-bottom: 20px !important; overflow: visible !important; } html.itemid-101 #acm-features-129 .container, body.itemid-101 #acm-features-129 .container { margin-top: -120px !important; width: 100% !important; max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } html.itemid-101 #acm-features-129 .relative, body.itemid-101 #acm-features-129 .relative { margin-top: 10px !important; width: 100% !important; overflow: hidden !important; } html.itemid-101 #acm-features-129 .swiper-container, html.itemid-101 #acm-features-129 .swiper-container.swiper-container-horizontal, body.itemid-101 #acm-features-129 .swiper-container { height: auto !important; width: 100% !important; overflow: hidden !important; } /* Swiper mobile: regole in asor-mobile-features129-swiper.css (no stack verticale) */ html.itemid-101 #acm-features-129 .swiper-slide > a, body.itemid-101 #acm-features-129 .swiper-slide > a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important; } html.itemid-101 #acm-features-129 .swiper-slide > a, body.itemid-101 #acm-features-129 .swiper-slide > a { width: 100% !important; max-width: 100% !important; } html.itemid-101 #acm-features-129.acm-features.style-1 .features-image, body.itemid-101 #acm-features-129.acm-features.style-1 .features-image { width: auto !important; max-width: 70% !important; height: auto !important; min-height: 0 !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } html.itemid-101 #acm-features-129.acm-features.style-1 .features-title, body.itemid-101 #acm-features-129.acm-features.style-1 .features-title { margin-top: -15px !important; } html.itemid-101 #acm-features-129.acm-features.style-1 .swiper-pagination, body.itemid-101 #acm-features-129.acm-features.style-1 .swiper-pagination { margin-top: 8px !important; position: relative !important; } } @media (max-width: 505px) { html.itemid-101 #acm-features-129 .container, body.itemid-101 #acm-features-129 .container { margin-top: -290px !important; } html.itemid-101 #acm-features-129, body.itemid-101 #acm-features-129 { margin-top: 110px !important; } } /* Hamburger mobile: solo bordo bianco (override finale) */ @media (max-width: 991px) { body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary { background: transparent !important; background-color: transparent !important; border: 2px solid #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; } } /* Mobile: logo piccolo visibile solo in topbar (non nel menu header nascosto) */ @media (max-width: 991px) { #t3-header.t3-header .logo { display: none !important; } .ja-topbar .asor-mobile-topbar-logo-link { display: block !important; visibility: visible !important; } } /* ========================================================================== CLONE JOOMLA (localhost:8081) — override finale, desktop/mobile separati ========================================================================== */ /* --- DESKTOP (>=992px): home come Joomla foto 2 — menu centrato, abbassato 20px --- */ @media (min-width: 992px) { /* Sottopagine: niente logo piccolo, menu a destra, +20px in basso */ #t3-header.t3-header .logo { display: none !important; width: 0 !important; max-width: 0 !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; flex: 0 0 0 !important; } #t3-header.t3-header > .container > .row { display: flex !important; align-items: flex-end !important; justify-content: flex-end !important; flex-wrap: nowrap !important; } #t3-header.t3-header #t3-mainnav { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: flex-end !important; margin-top: 0 !important; padding-top: 0 !important; } #t3-header.t3-header #t3-mainnav .t3-navbar, #t3-header.t3-header #t3-mainnav .t3-megamenu { display: flex !important; justify-content: flex-end !important; width: 100% !important; padding-top: 20px !important; } #t3-header.t3-header #t3-mainnav .t3-navbar .navbar-nav, #t3-header.t3-header #t3-mainnav .t3-megamenu .navbar-nav { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end !important; margin-top: 20px !important; margin-left: auto !important; margin-right: 0 !important; float: none !important; } /* HOME desktop: menu centrato come Joomla (foto 2), stessa larghezza piena */ html.itemid-101.home #t3-header.t3-header > .container > .row, html.itemid-101.home #t3-header.t3-header.asor-joomla-home-header > .container > .row { justify-content: center !important; align-items: flex-end !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav, html.itemid-101.home #t3-header.t3-header.asor-joomla-home-header #t3-mainnav { justify-content: center !important; width: 100% !important; max-width: 100% !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-navbar, html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-megamenu, html.itemid-101.home #t3-header.t3-header.asor-joomla-home-header .t3-navbar, html.itemid-101.home #t3-header.t3-header.asor-joomla-home-header .t3-megamenu { justify-content: center !important; text-align: center !important; width: 100% !important; padding-top: 20px !important; } html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-navbar .navbar-nav, html.itemid-101.home #t3-header.t3-header #t3-mainnav .t3-megamenu .navbar-nav, html.itemid-101.home #t3-header.t3-header.asor-joomla-home-header .t3-megamenu .navbar-nav { justify-content: center !important; text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 20px !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } html.itemid-101.home .t3-wrapper > #t3-header.t3-header, html.itemid-101.home .t3-wrapper > #t3-header.t3-header.asor-joomla-home-header { top: 52px !important; } /* Topbar home: orari sx | numero blu centro | email dx (come Joomla, numero blu) */ /* Layout topbar home desktop: grid in asor-desktop-topbar.css */ html.itemid-101.home .ja-topbar .container.asor-topbar-row { display: grid !important; position: relative !important; min-height: 52px !important; padding: 8px 12px !important; } html.itemid-101.home .ja-topbar .topbar-left.pull-left { flex: 1 1 auto !important; text-align: left !important; } html.itemid-101.home .ja-topbar .topbar-right.pull-right { flex: 1 1 auto !important; text-align: right !important; display: block !important; } /* Numero a destra: regole in asor-desktop-topbar.css (non centrare con absolute) */ html.itemid-101.home .ja-topbar .asor-topbar-call-wrap.asor-topbar-numero-center { position: static !important; left: auto !important; top: auto !important; transform: none !important; z-index: 5 !important; } html.itemid-101.home .ja-topbar .customtopbar-min913px { display: block !important; } /* Hero home: logo grande centrato — come Joomla home desktop */ html.itemid-101.home #acm-slideshow-89 .slider-content-inner.container::before { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; margin-top: 118px !important; margin-bottom: -20px !important; transform: none !important; transform-origin: center top !important; } html.itemid-101.home #acm-slideshow-89 .slider-content-inner { text-align: center !important; padding-top: 12px !important; margin-top: 0 !important; } html.itemid-101.home #acm-slideshow-89 h1::before { margin-top: -6px !important; } } /* --- MOBILE (<=991px): header compatto, valori separati --- */ @media (max-width: 991px) { body .ja-topbar .container.asor-topbar-row, html.itemid-101.home .ja-topbar .container.asor-topbar-row { padding: 4px 6px 6px !important; min-height: 0 !important; } body .ja-topbar .asor-mobile-topbar-stack { gap: 3px !important; padding-top: 0 !important; } body .ja-topbar .asor-mobile-topbar-meta { min-height: 18px !important; padding: 2px 0 !important; } body .ja-topbar .asor-mobile-topbar-tools { min-height: 44px !important; padding: 2px 0 4px !important; } body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary:hover, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary:focus, body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle.btn-primary:active { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 2px solid #ffffff !important; box-shadow: none !important; color: #ffffff !important; } body .ja-topbar .asor-mobile-hamburger-slot .off-canvas-toggle .fa-bars { color: #ffffff !important; font-size: 18px !important; } /* Header mobile compatto + logo più in alto */ body .ja-topbar, html.itemid-101.home .t3-wrapper > .ja-topbar { padding-top: 0 !important; margin-top: 0 !important; } body .ja-topbar .topbar-left.pull-left, body .ja-topbar .customtopbar-max912px { padding-top: 0 !important; margin-top: 0 !important; } body .ja-topbar .asor-mobile-topbar-stack { margin-top: -6px !important; padding-top: 0 !important; gap: 2px !important; } body .ja-topbar .asor-mobile-topbar-meta { min-height: 16px !important; padding: 0 !important; margin-bottom: 0 !important; } body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line { min-height: 16px !important; padding: 0 2px !important; line-height: 1.2 !important; } body .ja-topbar .asor-mobile-topbar-tools { min-height: 40px !important; padding: 0 0 2px !important; align-items: center !important; } body .ja-topbar .asor-mobile-topbar-logo-link { position: relative !important; left: auto !important; top: -10px !important; right: auto !important; bottom: auto !important; width: 42px !important; height: 42px !important; margin: 0 !important; transform: none !important; align-self: center !important; z-index: 10000 !important; } body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma { border-radius: 12px !important; overflow: hidden !important; padding: 4px 8px !important; background: #ffffff !important; border: 1px solid #1d428a !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important; } body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma .asor-numero-blu-img { border-radius: 8px !important; } } /* Mobile <=768: annulla posizione assoluta legacy del logo (top -62px) */ @media (max-width: 768px) { .ja-topbar .asor-mobile-topbar-logo-link { position: relative !important; left: auto !important; top: -10px !important; width: 42px !important; height: 42px !important; } } /* #acm-features-94 desktop — vedi asor-features-94-cover.css (crop -125px, icona 140px) */ /* ========================================================================== FORCE — header mobile compatto + logo alto + numero blu arrotondato (annulla .ja-topbar{height:80px} riga ~109 e min-height:72px riga ~5347) ========================================================================== */ @media (max-width: 991px) { html body .ja-topbar, html body .ja-topbar.clearfix, html body .t3-wrapper > .ja-topbar, html.itemid-101 .ja-topbar, html.itemid-101.home .t3-wrapper > .ja-topbar, html.itemid-101.home body .t3-wrapper > .ja-topbar, body.itemid-101 .ja-topbar, body.asor-home .ja-topbar, .t3-wrapper:has(> .wrap.t3-slideshow) > .ja-topbar { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; line-height: normal !important; box-sizing: border-box !important; } html body .ja-topbar .container, html body .ja-topbar .container.asor-topbar-row, html body .ja-topbar .topbar-left.pull-left, html body .ja-topbar .customtopbar-max912px { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 8px 4px !important; margin: 0 !important; float: none !important; width: 100% !important; box-sizing: border-box !important; } html body .ja-topbar .topbar-left p, html body .ja-topbar .customtopbar-min913px p { margin: 0 !important; padding: 0 !important; line-height: 1.15 !important; } html body .ja-topbar .asor-mobile-topbar-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) auto 46px !important; grid-template-rows: 52px !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 4px 8px !important; box-sizing: border-box !important; } html body .ja-topbar .asor-mobile-topbar-tools { display: none !important; } html body .ja-topbar .asor-mobile-topbar-meta { grid-column: 1 !important; grid-row: 1 !important; width: auto !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; } html body .ja-topbar .asor-mobile-topbar-meta .asor-topbar-orari-email-line { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 15px !important; } html body .ja-topbar .asor-topbar-orari-text { display: none !important; } html body .ja-topbar a.asor-mobile-topbar-logo-link, html body .ja-topbar .asor-mobile-topbar-logo-link { display: none !important; visibility: hidden !important; } html body .ja-topbar .asor-mobile-numero-floating { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: -20px 0 0 20px !important; padding: 0 !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: auto !important; max-width: min(168px, 38vw) !important; } html body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-forma, html body .ja-topbar .asor-mobile-numero-floating a.asor-numero-blu-forma { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 5px 10px !important; background: #ffffff !important; border: 1px solid #1d428a !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; line-height: 0 !important; } html body .ja-topbar .asor-mobile-numero-floating .asor-numero-blu-img { display: block !important; max-height: 50px !important; width: auto !important; max-width: min(200px, 58vw) !important; margin: 0 !important; border-radius: 10px !important; } html body .ja-topbar .asor-mobile-hamburger-slot { grid-column: 3 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; min-height: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } } @media (max-width: 768px) { html body .ja-topbar a.asor-mobile-topbar-logo-link, html body .ja-topbar .asor-mobile-topbar-logo-link { display: none !important; } }