/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Description: Default GeneratePress child theme Author: Tom Usborne Author URI: https://tomusborne.com Template: generatepress Version: 0.1 */ #cmplz-manage-consent {visibility:hidden} .impostacookie {cursor: pointer; text-decoration:underline; text-underline-offset: 5px;} .eb-accordion-8fhmw.eb-accordion-container .title-content-eb-accordion-8fhmw .eb-accordion-title {font-size:18px !important} .img-home{float:right; width:50%;} .h1-home{float:left; width:50%; padding-top:30px;} .testo-top-home{float:left; width:50%;} .pulizia{clear:both; margin-bottom:40px;} .testo-top-home .wp-block-group__inner-container {padding:0px;} .img-home .wp-block-group__inner-container {padding-right:0px;} /* inizio accessibilità generate press */ .cmplz-cookiebanner .cmplz-links .cmplz-link {font-size: 13px !important; background: #fff;} .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {text-decoration:none !important; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-title{background: #fff;} a:visited {text-decoration: none} a:active {text-decoration: none} form a, form a:link, form a:visited, form a:active, form a:hover{text-decoration:underline !important} /* fine accessibilità generate press */ /* accessibilità */ .cmplz-cookiebanner .cmplz-links .cmplz-link {font-size: 13px !important; background: #172241;} .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {text-decoration:none !important; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-title{background: #172241;} input:focus, a:focus, textarea:focus, select:focus {outline: #6691ff solid 2px !important;} input:focus-visible, a:focus-visible, textarea:focus-visible, select:focus-visible {outline: #6691ff solid 2px !important;} input, select, textarea {border-bottom:1px solid var(--awb-color4) !important} input::placeholder, textarea::placeholder {font-style: italic !important; opacity: 0.5 !important;} form .access50 input, form .access50 label, form .access50 textarea {width:100%; max-width:100%} form .access100 input, form .access100 label, form .access100 textarea{width:100%; max-width:100%} .form-contatti {width:100%; max-width:100%} .form-contatti .wpcf7-acceptance span{margin-left:0 !important} input[type="radio"] {width: fit-content !important; vertical-align: baseline !important;} .wpcf7-submit {float:right !important} form .form-contatti{display: flex; flex-flow: row wrap; margin: 0 -1rem 1rem -1rem; padding:40px !important;} form .form-contatti .col-xs-12 {flex: 0 1 100%; padding: 0 1rem;}*/ .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 1) !important;} .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{color:#172241 !important;} .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{color:#172241 !important;} /* Link accessibile sempre distinguibile */ a.privacy-statement, .privacy a { color: #fff !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } /* Hover/focus: manteniamo underline + cambio colore */ a.privacy-statement:hover, a.privacy-statement:focus, .privacy a:hover, .privacy a:focus { color: #fff !important; text-decoration: underline !important; /* underline non sparisce */ } .btn-header-hp-01:hover .gb-text {background-color: #855554;} .btn-header-hp-01 .gb-text:hover, .btn-header-hp-01:hover {background-color: #855554;} .btn-header-hp-01 .gb-text {background-color: #986967;} .btn-header-hp-01:hover .gb-text {background-color: #855554 !important;} .cmplz-btn:focus {outline: 2px solid #000000; outline-offset: 2px;} /* Assicurati che l'icona di uscita sia evidenziata quando selezionata */ .slideout-exit:focus { outline: 3px solid #005a9c !important; /* Blu scuro ad alto contrasto */ outline-offset: 2px; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8); /* Opzionale: aggiunge un alone bianco per staccare dallo sfondo scuro */ } .has-col-nero-color {color: #000000 !important;} p.has-text-color {background-color: #fbfaf9 !important;} .sfondo-accordion {background-color: #f9f9f9 !important;} /*fine accessibilità*/ .btn-header-hp-01, .btn-header-hp-01:hover, .btn-header-hp-02:hover {color: #ffffff !important;} a.btn-header-hp-01, a.btn-header-hp-02 {text-decoration: underline; text-underline-offset: 5px;} .btn-header-hp-01:hover svg, .btn-header-hp-02:hover svg {fill: #ffffff !important;} .btn-header-hp-01, .btn-header-hp-01 svg, .btn-header-hp-02, .btn-header-hp-02 svg {transition: all 0.3s ease;} .h2-rosa {color: var(--global-logo01)} /* --- FORM --- */ .card-contact-form { max-width: 880px; width: 100%; margin: auto; background: #fbfaf9; border-radius: 30px; overflow: hidden; box-shadow: 0 15px 50px rgba(0,0,0,0.05); border: 1px solid #f0f0f0;} .form-header-area {background-color: #f5f4f1; padding: 30px; text-align: left;} .form-header-area p { margin: 0;} .form-header-area h2{margin-bottom:5px !important} .form-body-area {padding: 30px;} .form-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 0px;} .form-group {flex: 1 1 300px; display: flex; flex-direction: column;} .form-group.full-width {margin-bottom:0 !important} .full-width {margin-top: 10px; margin-bottom: 25px;} .card-contact-form label {text-transform: uppercase; margin-top: 5px; margin-left:5px; margin-bottom:5px;} .card-contact-form input[type="text"], .card-contact-form input[type="email"], .card-contact-form input[type="tel"], .card-contact-form textarea { width: 100%; box-sizing: border-box; padding: 15px 20px; background-color: #fbfaf9; border: 1.5px solid !important; border-radius: 10px; transition: all 0.3s ease; margin-bottom:10px} .card-contact-form input:focus, .card-contact-form textarea:focus {outline: none; border-color: #986967; background-color: #fff; box-shadow: 0 0 0 4px rgba(226, 193, 180, 0.15);} .form-privacy label{text-transform:unset; top:-4px; position:relative} .form-privacy input[type="checkbox"] {width: 20px; height: 20px; accent-color: #e2c1b4; cursor: pointer; border-radius: 5px;} .form-submit-container {text-align: center;} .card-contact-form input[type="submit"]:hover {background-color: #855554 !important; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(226, 193, 180, 0.3);} .card-contact-form input[type="submit"] { box-sizing: border-box !important; padding: 15px 20px; background-color: #d3b9b8 !important; border: 1.5px solid #eee !important; border-radius: 10px; transition: all 0.3s ease; margin-top:10px; } .wpcf7-form { width: 100% !important; max-width: 100% !important;} /* Messaggi errore CF7 */ .wpcf7-not-valid-tip {font-size: 12px; color: #c0392b; margin-top: 5px; font-weight: 600;} @media (max-width: 600px) { .form-row { display: block !important; } .form-group { width: 100% !important; margin-bottom: 20px; } } .box-faq {width: 70%; margin: auto;} .gb-element-16ffe56a {padding: 0 !important;} .inside-navigation.grid-container.grid-parent a, .inside-navigation.grid-container.grid-parent a:hover {background-color: #00000000 !important; } .no-padding {padding-left: 0 !important; padding-right: 0 !important;} /* PAGINA SEARCH */ .search-no-results h1, .search-results h1{margin:40px 0 20px;} .search-no-results .content-area, .search-results .content-area{min-height: 60vh; margin-bottom:60px;} .search-results .inside-article{margin-top:30px;} /*RESPONSIVE*/ /*@media screen and (max-width: 1250px) { div[class^="gb-element-"], div[class*=" gb-element-"] { max-width: 1200px; margin-left: auto; margin-right: auto;} }*/ @media screen and (max-width: 1250px) { .padding-30-mob{padding-left:30px; padding-right:30px} } @media screen and (max-width: 1024px) { .current_page_item a {left:14px !important; position:relative !important} } @media screen and (max-width: 1000px) { p.gb-text-13b19884.testo-20anni {display: block !important; float: unset !important; bottom: 50px !important; right: 0 !important; width: 60%; margin: auto;} } @media screen and (max-width: 950px){ .sezione-box-servizi {grid-template-columns: repeat(3, minmax(0, 1fr))!important; padding: 0 !important;} .box-faq {margin-top:30px} } @media screen and (max-width: 781px) { .img100a655 .wp-block-image {display: flex; margin: auto;} .blocco-footer {max-width: calc(100% / 2 - 16px) !important;} .box-faq {width: 100%;} .img100a780 img {width: 100%; display: flex; margin: auto;} .img-testata-hp {order:-1} .img-home{float:right; width:100%;} .h1-home{float:left; width:100%; padding-top:0px;} .testo-top-home{float:left; width:100%;} .pulizia{clear:both; margin-bottom:0px;} .testo-top-home .wp-block-group__inner-container {padding:0px;} .img-home .wp-block-group__inner-container {padding:0px;} } @media screen and (max-width: 767px) { .grid-info-contatti {display: flex !important; padding-left: 5px !important; padding-right: 5px !important;} .icona-contatti {width: 10% !important;} .info-contatti {width: 80% !important;} } @media screen and (max-width: 655px) { .btn-testata-home {flex-direction: column; margin: 15px 30px 0 30px !important;} .btn-header-hp-01, .btn-header-hp-02 {width: 100% !important; justify-content: center; } .img100a655 img {width: 100%; display: flex; margin: auto;} .gb-element-25ceae37 {padding: 0 !important;} } @media screen and (max-width: 600px) { h1 span {font-size: 28px !important;} h2 {font-size: 20px !important; font-weight: 600;} } @media screen and (max-width:550px) { .gb-element-25ceae37 {padding: 0 ;} .sezione-box-servizi {grid-template-columns: repeat(2, minmax(0, 1fr))!important;} p.gb-text-13b19884.testo-20anni { bottom: 30px !important; width: 90%;} } @media screen and (max-width:400px) { .sezione-box-servizi {grid-template-columns: repeat(1, minmax(0, 1fr))!important;} h1 span {font-size: 23px !important; line-height: 1em;} } @media screen and (max-width: 370px) { .blocco-footer {max-width: 100% !important;} } /*.sfumatura-h1-interne{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}*/ article h2 {display:flex; align-items: center;} article h2:after {content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, var(--global-logo02), transparent); margin-left:30px;} .cit {font-family: 'Space Mono'; font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--global-azzurro);} .categ-sing-articolo {padding:2px 8px; border-radius:5px; background: var(--global-azzurro);} .categ-sing-articolo a {color:#fff !important} /* ============================================================ SEZIONE GALLERY / FLICKR – LEONESSA BRESCIA Scoped su .gallery-hp ============================================================ */ .gallery-hp .wp-block-group{ align-items:center; gap:20px; } .gallery-hp h2.wp-block-heading{ margin:0; position:relative; padding-bottom:12px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; line-height:.95; font-size:clamp(30px, 4vw, 48px); color:#fff; } .gallery-hp h2.wp-block-heading strong{ font-weight:800; } .gallery-hp h2.wp-block-heading::after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:linear-gradient(90deg, #FF0084 0%, #0063DC 100%); } /* Link Flickr → pill */ .gallery-hp .gb-text-d40dfff7{ display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; white-space:nowrap; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:16px; line-height:1; color:#fff; background:transparent; border:1px solid rgba(255,0,132,.55); border-radius:14px; padding:10px 22px; text-decoration:none; cursor:pointer; transition:background .18s, color .18s, border-color .18s, box-shadow .18s, transform .12s; } .gallery-hp .gb-text-d40dfff7 .gb-shape{ display:inline-flex; } .gallery-hp .gb-text-d40dfff7 svg{ width:14px; height:14px; fill:currentColor; display:block; } .gallery-hp .gb-text-d40dfff7:hover{ background:#FF0084; color:#fff; border-color:#FF0084; box-shadow:0 8px 22px rgba(255,0,132,.35); transform:translateY(-1px); } /* --- Griglia dei 3 album --- */ .gallery-hp .gb-element-9bc68820{ display:grid !important; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:26px; } .gallery-hp .gb-element-9bc68820 > div{ min-width:0; } .gallery-hp .wp-block-embed{ margin:0; } .gallery-hp .wp-block-embed__wrapper{ position:relative; width:100%; border-radius:14px; overflow:hidden; border:1px solid rgba(106,164,255,.22); box-shadow:0 6px 20px rgba(0,0,0,.35); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .gallery-hp .wp-block-embed__wrapper::after{ content:""; position:absolute; inset:0; border-radius:14px; box-shadow:inset 0 0 0 1px transparent; pointer-events:none; transition:box-shadow .22s ease; } .gallery-hp .wp-block-embed__wrapper:hover{ transform:translateY(-5px); border-color:#FF0084; box-shadow:0 16px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,0,132,.30); } .gallery-hp .wp-block-embed__wrapper:hover::after{ box-shadow:inset 0 0 0 1px rgba(255,0,132,.45); } @media (max-width:1024px){ .gallery-hp .gb-element-9bc68820{ grid-template-columns:repeat(2, 1fr); } } @media (max-width:680px){ .gallery-hp .gb-element-9bc68820{ grid-template-columns:1fr; } } @media (max-width:520px){ .gallery-hp .wp-block-group{ flex-wrap:wrap; gap:14px; } .gallery-hp .gb-text-d40dfff7{ align-self:flex-start; } } /* ============================================================ SEZIONE YOUTUBE – LEONESSA BRESCIA Scoped su .youtube-hp (accento rosso YouTube #FF0000) ============================================================ */ .youtube-hp .wp-block-group{ align-items:center; gap:20px; } .youtube-hp h2.wp-block-heading{ margin:0; position:relative; padding-bottom:12px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; line-height:.95; font-size:clamp(30px, 4vw, 48px); color:#fff; } .youtube-hp h2.wp-block-heading strong{ font-weight:800; } .youtube-hp h2.wp-block-heading::after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:#FF0000; } /* CTA "Vai al canale" → pill rossa YouTube */ .youtube-hp .gb-text-5e35d1ba{ display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; white-space:nowrap; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:16px; line-height:1; color:#fff; border:1px solid #FF0000; border-radius:14px; padding:10px 22px; text-decoration:none; cursor:pointer; transition:background .18s, color .18s, border-color .18s, box-shadow .18s, transform .12s; } .youtube-hp .gb-text-5e35d1ba .gb-shape{ display:inline-flex; } .youtube-hp .gb-text-5e35d1ba svg{ width:14px; height:14px; fill:currentColor; display:block; } .youtube-hp .gb-text-5e35d1ba:hover{ background:#FF0000; border-color:#d90000; box-shadow:0 8px 22px rgba(255,0,0,.35); transform:translateY(-1px); } .youtube-hp .gb-text-5e35d1ba:hover span {color:#fff !important} .youtube-hp .wp-block-columns{ gap:18px; align-items:stretch; margin-top:26px; } .youtube-hp .wp-block-column{ min-width:0; } .youtube-hp .wp-block-column:last-child{ display:flex; flex-direction:column; gap:18px; } .youtube-hp .wp-block-column:last-child .wp-block-embed{ margin:0; } .youtube-hp .wp-block-column:first-child .wp-block-embed{ margin:0; } .youtube-hp .wp-block-embed__wrapper{ position:relative; border-radius:14px; overflow:hidden; border:1px solid rgba(106,164,255,.22); box-shadow:0 6px 20px rgba(0,0,0,.35); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .youtube-hp .wp-block-embed__wrapper:hover{ transform:translateY(-5px); border-color:#FF0000; box-shadow:0 16px 34px rgba(0,0,0,.5), 0 0 0 1px rgba(255,0,0,.35); } .youtube-hp .wp-block-embed__wrapper iframe, .youtube-hp .wp-block-embed__wrapper .cmplz-placeholder-element{ display:block; width:100% !important; border:0; } .youtube-hp .wp-block-embed__wrapper img, .youtube-hp .wp-block-embed__wrapper .cmplz-blocked-content-notice{ border-radius:0; } @media (max-width:781px){ .youtube-hp .wp-block-column:last-child{ flex-direction:row; } .youtube-hp .wp-block-column:last-child .wp-block-embed{ flex:1 1 0; min-width:0; } } @media (max-width:520px){ .youtube-hp .wp-block-column:last-child{ flex-direction:column; } .youtube-hp .wp-block-group{ flex-wrap:wrap; gap:14px; } .youtube-hp .gb-text-5e35d1ba{ align-self:flex-start; } } /* ============================================================ SEZIONE PARTNER – LEONESSA BRESCIA Scoped su .partner-hp ============================================================ */ .partner-hp .wp-block-group{ align-items:center; gap:20px; } .partner-hp h2.wp-block-heading{ margin:0; position:relative; padding-bottom:12px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; line-height:.95; font-size:clamp(30px, 4vw, 48px); color:#fff; } .partner-hp h2.wp-block-heading strong{ font-weight:800; } .partner-hp h2.wp-block-heading::after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } .partner-hp .gb-text-794d8833{ display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; white-space:nowrap; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.08em; font-size:15px; line-height:1; color:#fff; background:none; border:0; border-bottom:1px solid rgba(255,255,255,.35); border-radius:0; padding:0 0 4px; text-decoration:none; cursor:pointer; transition:color .18s ease, border-color .18s ease; } .partner-hp .gb-text-794d8833 .gb-shape{ display:inline-flex; transition:transform .18s ease; } .partner-hp .gb-text-794d8833 svg{ width:12px; height:12px; fill:currentColor; display:block; } .partner-hp .gb-text-794d8833:hover{ color:var(--nl-gold, #dcc47d); border-color:var(--nl-gold, #dcc47d); } .partner-hp .gb-text-794d8833:hover .gb-shape{ transform:translateX(3px); } .partner-hp .gb-element-60fccb95{ margin-top:40px; display:grid; grid-template-columns:repeat(6, 1fr); } .partner-hp .gb-element-60fccb95 > div{ display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:20px clamp(8px, 1.4vw, 22px); border-top:1px solid rgba(106,164,255,.14); } .partner-hp .gb-element-60fccb95 > div:nth-child(-n+6){ border-top:0; } .partner-hp .gb-element-60fccb95 > div:not(:nth-child(6n+1)){ border-left:1px solid rgba(106,164,255,.14); } .partner-hp .gb-element-60fccb95 img{ display:block; width:100%; height:auto; max-height:110px; object-fit:contain; filter:brightness(0) invert(1); opacity:.7; transition:filter .25s ease, opacity .25s ease, transform .25s ease; } .partner-hp .gb-element-60fccb95 > div:hover img{ filter:none; opacity:1; transform:translateY(-2px); } @media (max-width:900px){ .partner-hp .gb-element-60fccb95{ grid-template-columns:repeat(4, 1fr); } .partner-hp .gb-element-60fccb95 > div{ border-left:0; border-top:1px solid rgba(106,164,255,.14); } .partner-hp .gb-element-60fccb95 > div:not(:nth-child(4n+1)){ border-left:1px solid rgba(106,164,255,.14); } .partner-hp .gb-element-60fccb95 > div:nth-child(-n+4){ border-top:0; } } @media (max-width:560px){ .partner-hp .wp-block-group{ flex-wrap:wrap; gap:14px; } .partner-hp .gb-text-794d8833{ align-self:flex-start; } .partner-hp .gb-element-60fccb95{ grid-template-columns:repeat(3, 1fr); } .partner-hp .gb-element-60fccb95 > div{ padding:18px 12px; } .partner-hp .gb-element-60fccb95 > div:not(:nth-child(3n+1)){ border-left:1px solid rgba(106,164,255,.14); } .partner-hp .gb-element-60fccb95 > div:nth-child(4n+1){ border-left:0; } .partner-hp .gb-element-60fccb95 > div:nth-child(-n+3){ border-top:0; } } /* ============================================================ SEZIONE ULTIME NEWS – LEONESSA BRESCIA Scoped su .fascia-news-hp ============================================================ */ .fascia-news-hp_ h2.wp-block-heading{ margin:0 0 30px; position:relative; padding-bottom:12px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; line-height:.95; font-size:clamp(30px, 4vw, 48px); color:#fff; } .fascia-news-hp_ h2.wp-block-heading strong{ font-weight:800; } .fascia-news-hp_ h2.wp-block-heading::after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } .fascia-news-hp .wp-block-columns{ gap:22px; align-items:stretch; } .fascia-news-hp .wp-block-column{ min-width:0; } .fascia-news-hp .eb-post-grid-posts-wrapper{ display:flex; flex-direction:column; gap:22px; height:100%; } .fascia-news-hp .ebpg-grid-post{ height:100%; } .fascia-news-hp .ebpg-grid-post-holder{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100%; border-radius:16px; overflow:hidden; background:rgba(2,25,60,.55); border:1px solid rgba(106,164,255,.18); box-shadow:0 6px 20px rgba(0,0,0,.32); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .fascia-news-hp .ebpg-grid-post-holder:hover{ transform:translateY(-4px); border-color:var(--nl-gold, #dcc47d); box-shadow:0 16px 32px rgba(0,0,0,.48); } .fascia-news-hp .ebpg-entry-media, .fascia-news-hp .ebpg-entry-thumbnail{ position:absolute; inset:0; } .fascia-news-hp .ebpg-entry-thumbnail img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; } .fascia-news-hp .ebpg-grid-post-holder:hover .ebpg-entry-thumbnail img{ transform:scale(1.05); } .fascia-news-hp .ebpg-entry-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,10,30,0) 40%, rgba(2,10,30,.92) 100%); pointer-events:none; } .fascia-news-hp .ebpg-entry-wrapper{ position:relative; z-index:1; } .fascia-news-hp .ebpg-entry-title{ margin:0 0 8px; font-family:"Barlow Condensed", sans-serif; font-weight:700; line-height:1.18; } .fascia-news-hp .ebpg-grid-post-link{ color:#fff; text-decoration:none; transition:color .18s ease; } .fascia-news-hp .ebpg-grid-post-link:hover{ color:var(--nl-gold, #dcc47d); } .fascia-news-hp .ebpg-posted-on{ font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:var(--nl-gold, #dcc47d); } .fascia-news-hp .ebpg-posted-on time{ color:inherit; } .fascia-news-hp .wp-block-column:first-child .ebpg-grid-post-holder{ min-height:380px; } .fascia-news-hp .wp-block-column:first-child .ebpg-entry-wrapper{ padding:28px clamp(18px, 2.4vw, 30px) 22px; } .fascia-news-hp .wp-block-column:first-child .ebpg-entry-title{ font-size:clamp(20px, 2.2vw, 27px); } .fascia-news-hp .wp-block-column:first-child .ebpg-posted-on{ font-size:12.5px; } .fascia-news-hp .wp-block-column:last-child .ebpg-grid-post-holder{ min-height:170px; } .fascia-news-hp .wp-block-column:last-child .ebpg-entry-wrapper{ padding:18px 18px 16px; } .fascia-news-hp .wp-block-column:last-child .ebpg-entry-title{ font-size:15px; } .fascia-news-hp .wp-block-column:last-child .ebpg-grid-post-link{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .fascia-news-hp .wp-block-column:last-child .ebpg-posted-on{ font-size:11px; } @media (max-width:900px){ .fascia-news-hp .wp-block-column:first-child .ebpg-grid-post-holder{ min-height:320px; } .fascia-news-hp .wp-block-column:last-child .ebpg-grid-post-holder{ min-height:150px; } } @media (max-width:680px){ .fascia-news-hp .wp-block-columns{ flex-direction:column; } .fascia-news-hp .wp-block-column:first-child .ebpg-grid-post-holder{ min-height:280px; } .fascia-news-hp .wp-block-column:last-child .ebpg-grid-post-holder{ min-height:180px; } } /* ============================================================ FASCIA BANNER SPONSOR – LEONESSA BRESCIA Scoped su .fascia-banner ============================================================ */ .fascia-banner{ width:100%; display:flex; justify-content:center; } .fascia-banner .gb-element-3c069578{ position:relative; width:100%; max-width:1200px; border-radius:14px; overflow:hidden; border:1px solid rgba(106,164,255,.20); box-shadow:0 6px 22px rgba(0,0,0,.32); background:rgba(2,25,60,.35); } .fascia-banner .gb-element-3c069578::before{ content:"Sponsor"; position:absolute; top:12px; left:14px; z-index:2; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.14em; font-size:11px; color:rgba(255,255,255,.75); background:rgba(2,10,30,.55); padding:4px 10px; border-radius:14px; backdrop-filter:blur(3px); pointer-events:none; } .fascia-banner .gb-element-3c069578 img, .fascia-banner .gb-element-3c069578 video, .fascia-banner .gb-element-3c069578 iframe{ display:block; width:100%; height:auto; aspect-ratio:1920 / 600; object-fit:cover; } .fascia-banner a{ display:block; transition:transform .2s ease, box-shadow .2s ease; } .fascia-banner a:hover{ transform:translateY(-2px); } .fascia-banner a:hover ~ .gb-element-3c069578, .fascia-banner a:hover .gb-element-3c069578{ border-color:rgba(220,196,125,.45); box-shadow:0 12px 30px rgba(0,0,0,.42); } @media (max-width:768px){ .fascia-banner .gb-element-3c069578{ border-radius:10px; max-width:100%; } .fascia-banner .gb-element-3c069578::before{ font-size:10px; padding:3px 8px; top:10px; left:10px; } } /* ============================================================ SEZIONE NEWSLETTER – LEONESSA BRESCIA Scoped su .iscrizione-newsletter-hp ============================================================ */ .iscrizione-newsletter-hp > .gb-element-f72c537c > .wp-block-group{ align-items:stretch; gap:clamp(32px, 5vw, 64px); } /* Sezione intera: relative, per ospitare il logo in filigrana */ .iscrizione-newsletter-hp{ position:relative; overflow:hidden } /* Contenitore di ritaglio rigido per il logo in filigrana: limitato alla metà sinistra, non può mai toccare il form */ .iscrizione-newsletter-hp::before{ content:""; position:absolute; left:0; bottom:0; width:480px; height:100%; max-height:520px; background-image:url('https://www.leonessa-brescia.it/wp-content/uploads/2026/07/Leonessa-Brescia-Logo.webp'); background-size:480px 480px; background-repeat:no-repeat; background-position:-160px bottom; opacity:.045; pointer-events:none; z-index:0; } .iscrizione-newsletter-hp > .gb-element-f72c537c > .wp-block-group > .wp-block-group{ position:relative; overflow:hidden; display:flex; align-items:center; } .iscrizione-newsletter-hp .wp-block-group__inner-container{ max-width:460px; position:relative; z-index:1; } /* Eyebrow "NEWSLETTER" */ .iscrizione-newsletter-hp .titoletto-oro{ margin:0 0 10px; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.16em; font-size:14px; color:var(--nl-gold, #dcc47d); } /* Titolo principale "NON PERDERTI UNA GIOCATA" — stile pulito */ .iscrizione-newsletter-hp .titolo-cta-newsletter-hp{ display:inline-block; margin:0; text-transform:uppercase; letter-spacing:.01em; line-height:.98; font-size:clamp(32px, 4.2vw, 52px); color:#fff; font-weight:800 !important; } .iscrizione-newsletter-hp .titolo-cta-newsletter-hp .oro{ color:var(--nl-gold, #dcc47d); font-weight:800 !important; } .gruppo-titolo-newsletter-hp .wp-block-group__inner-container {padding:0 !important} @media (max-width:900px){ .iscrizione-newsletter-hp > .gb-element-f72c537c > .wp-block-group{ flex-direction:column; align-items:flex-start; } .iscrizione-newsletter-hp > .gb-element-f72c537c > .wp-block-group > .wp-block-group{ width:100%; align-items:flex-start; } .iscrizione-newsletter-hp .wp-block-group__inner-container{ max-width:100%; text-align:left; } .iscrizione-newsletter-hp p{text-align:center !important} .iscrizione-newsletter-hp_ {margin:auto !important} } @media (max-width:460px){ .iscrizione-newsletter-hp .titolo-cta-newsletter-hp{ font-size:clamp(28px, 8vw, 38px); } .iscrizione-newsletter-hp::before{ width:300px; background-size:300px 300px; background-position:-90px bottom; } } /* ============================================================ SLIDER HOME LEONESSA — versione definitiva Scoped su .carosello-hp (Essential Blocks Post Carousel) ============================================================ */ /* .carosello-hp{ --leo-navy:#05489a; --leo-navy-scuro:#02326d; --leo-oro:#dcc47d; --leo-blu-el:#1B5CFF; --leo-azzurro:#6AA4FF; } .carosello-hp .ebpg-carousel-post-holder{ position: relative; } .carosello-hp .ebpg-entry-media, .carosello-hp .ebpg-entry-thumbnail{ position: relative; border: none !important; box-shadow: none !important; outline: none !important; overflow: hidden; } .carosello-hp .ebpg-entry-thumbnail img{ width: 100%; height: clamp(340px,52vw,560px); object-fit: cover; display: block; border: none !important; box-shadow: none !important; } .carosello-hp .ebpg-entry-media::before, .carosello-hp .ebpg-entry-media::after{ background: none !important; content: none !important; } .carosello-hp .ebpg-entry-thumbnail::after{ content: ""; position: absolute; inset: 0; pointer-events: none; } .carosello-hp .ebpg-entry-wrapper{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: clamp(28px,5vw,64px) clamp(20px,4vw,44px) clamp(40px,6vh,64px); text-align: left !important; } .carosello-hp .ebpg-entry-title, .carosello-hp .ebpg-entry-title a{ font-family: "Barlow Condensed", sans-serif !important; font-weight: 800; text-transform: uppercase; font-size: clamp(2.2rem,5.2vw,4.5rem) !important; line-height: .95; letter-spacing: -0.01em; color: #fff !important; margin: 10px 0 0; max-width: 16ch; text-shadow: 0 4px 24px rgba(0,0,0,.45); } .carosello-hp .slick-prev, .carosello-hp .slick-next{ width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: transparent !important; z-index: 10; } .carosello-hp .slick-prev{ left: 12px; } .carosello-hp .slick-next{ right: 12px; } .carosello-hp .slick-prev:hover, .carosello-hp .slick-next:hover{ background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.5); } .carosello-hp .slick-prev:before, .carosello-hp .slick-next:before{ color: #fff; opacity: .85; font-size: 18px; } .carosello-hp .slick-dots{ position: static !important; display: flex !important; bottom: auto; background: #071a3d !important; border-top: none !important; padding: 0; margin: 0; } .carosello-hp .eb-dot-style-modern-2 .slick-dots li, .carosello-hp.eb-dot-style-modern-2 .slick-dots li{ width: auto !important; height: auto !important; flex: 1 1 0 !important; min-width: 0; margin: 0; } .carosello-hp .eb-dot-style-modern-2 .slick-dots li button, .carosello-hp.eb-dot-style-modern-2 .slick-dots li button{ width: 100% !important; height: auto !important; padding: 16px 10px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .carosello-hp .slick-dots li button{ font-family: "Barlow Condensed", sans-serif; font-weight: 700; text-transform: uppercase; font-size: .9rem; letter-spacing: .02em; color: rgba(255,255,255,.4) !important; background: transparent !important; border-right: 1px solid rgba(255,255,255,.08) !important; transition: color .2s ease, background .2s ease; } .carosello-hp .slick-dots li button:before{ content: none; } .carosello-hp .slick-dots li:last-child button{ border-right: 0; } .carosello-hp .slick-dots li button:hover{ color: #fff !important; background: rgba(255,255,255,.04) !important; } .carosello-hp .slick-dots li.slick-active button{ color: #fff !important; background: rgba(255,255,255,.03) !important; box-shadow: inset 0 3px 0 var(--leo-blu-el) !important; } .eb-post-carousel-wrapper.eb-post-carousel-a5asj {padding-bottom:0 !important; margin-bottom:0 !important} .carosello-hp .ebpg-categories-meta{ display: inline-flex !important; align-items: center; gap: 10px; } .carosello-hp .ebpg-categories-meta::before{ content: "" !important; width: 28px; height: 2px; background: #fff !important; display: inline-block !important; } .carosello-hp .ebpg-categories-meta a{ display: inline-block; font-family: "Barlow Condensed", sans-serif !important; font-weight: 700; font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; padding: 0 !important; color: #fff !important; background: none !important; border-radius: 0; text-decoration: none !important; } .carosello-hp .ebpg-readmore-btn a{ display: inline-block; margin-top: 18px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .95rem; padding: .6em 1.3em; border-radius: 8px; transition: background .18s, color .18s; background: #101a34 !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: 0 6px 20px rgba(27,92,255,.4); } .carosello-hp .ebpg-readmore-btn a:hover{ background: #fff !important; color: var(--leo-navy-scuro) !important; border: 1px solid #fff !important; } */ .carosello-hp .eb-post-carousel-wrapper .ebpg-entry-thumbnail img {object-position: 0 -30px !important} /* ============================================================ PAGINA SINGOLA NEWS – LEONESSA BRESCIA Template riutilizzato per ogni articolo (via Duplicate Post) Scoped su classi CSS personalizzate stabili: .news-article__banner → immagine hero .news-article__meta → categoria + data + breadcrumb .news-article__intro → titolo H1 + paragrafo introduttivo .news-article__quote → box citazione .news-article__body → sezione "La scheda" + testo lungo ============================================================ */ .contenitore-img-news {height:70vh; overflow:hidden} .contenitore-img-news .news-article__banner {width:100%; height:auto; object-fit:cover;object-position:center !important} .news-article__banner{ border-radius:14px !important } .news-article__meta{ position:relative; padding-top:28px; } .news-article__meta::before{ content:""; position:absolute; top:-90px; left:0; right:0; height:90px; background:linear-gradient(180deg, rgba(2,10,30,0) 0%, rgba(2,10,30,.85) 100%); pointer-events:none; z-index:1; } .news-article__meta .taxonomy-category.wp-block-post-terms{ display:inline-block; } .news-article__meta .taxonomy-category a{ font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:12.5px; padding:6px 16px; border-radius:14px; text-decoration:none; box-shadow:0 4px 14px rgba(106,164,255,.25); } .news-article__meta .wp-block-post-date{ font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.06em; font-size:12.5px; color:var(--nl-muted, #8ba2cc); } .news-article__meta .eb-breadcrumb{ margin-top:14px; color:var(--nl-muted, #8ba2cc); } .news-article__meta .eb-breadcrumb a{ color:var(--nl-azzurro, #6AA4FF); text-decoration:none; transition:color .18s ease; } .news-article__meta .eb-breadcrumb a:hover{ color:var(--nl-gold, #dcc47d); } .news-article__meta .eb-breadcrumb .eb-breadcrumb-separator{ margin:0 8px; color:rgba(106,164,255,.35); } .news-article__meta .eb-breadcrumb .eb-breadcrumb-item.current{ color:#fff; font-weight:500; } .news-article__intro{ max-width:820px; } .news-article__intro h1.wp-block-heading, h1.wp-block-heading, h1.page-title{ position:relative; margin:0 0 22px; padding-bottom:16px; font-family:"Barlow Condensed", sans-serif; font-weight:800; line-height:1.05; letter-spacing:.005em; font-size:clamp(28px, 3.6vw, 42px); color:#fff; text-transform:uppercase } .news-article__intro h1.wp-block-heading::after, h1.wp-block-heading::after, h1.page-title:after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } h1.page-title span {font-size:inherit !important} .news-article__intro p.gb-text{ font-size:17px; line-height:1.65; color:#dbe4f5; } .news-article__quote{ position:relative; overflow:hidden; padding:50px 20px 20px 20px !important } .news-article__quote::before{ content:"\201C"; position:absolute; top:0px; left:14px; font-family:Georgia, serif; font-size:110px; line-height:1; color:rgba(220,196,125,.18); pointer-events:none; } .news-article__quote p.gb-text:not(.cit){ position:relative; z-index:1; font-size:17px; line-height:1.6; font-style:italic; color:#f2f5fb; margin:0 0 12px; } .news-article__quote p.cit{ position:relative; z-index:1; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:12.5px; color:var(--nl-gold, #dcc47d); } .news-article__body{ max-width:760px; } .news-article__body h2.wp-block-heading{ display:flex; align-items:center; gap:18px; margin:0 0 24px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.03em; font-size:clamp(22px, 2.6vw, 28px); color:#fff; } .news-article__body h2.wp-block-heading::after{ content:""; flex:1 1 auto; height:1px; background:linear-gradient(90deg, rgba(220,196,125,.5), rgba(106,164,255,.08)); } .news-article__body p.gb-text{ font-size:16px; line-height:1.85; color:#c7d2e8; margin:0 0 18px; } .news-article__body p.gb-text:last-child{ margin-bottom:0; } @media (max-width:680px){ .news-article__meta{ padding-top:22px; } .news-article__intro h1.wp-block-heading{ font-size:clamp(24px, 6vw, 30px); } .news-article__quote::before{ font-size:80px; top:-8px; left:8px; } .news-article__body h2.wp-block-heading::after{ display:none; } } /* ============================================================ PAGINA ARCHIVIO NEWS – LEONESSA BRESCIA Solo titolo + tab filtri categoria (le card restano invariate) Scoped su .news-archive ============================================================ */ .news-archive h1.wp-block-heading{ position:relative; margin:0 0 28px; padding-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.01em; line-height:.95; font-size:clamp(32px, 4.4vw, 52px); color:#fff; } .news-archive h1.wp-block-heading::after{ content:""; position:absolute; left:0; bottom:0; width:68px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } .news-archive .eb-post-grid-category-filter{ margin-bottom:28px; } .news-archive .ebpg-category-filter-list{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px; list-style:none; margin:0; padding:0; } .news-archive .ebpg-category-filter-list-item{ cursor:pointer; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.05em; font-size:11.5px; color:#fff; background:var(--nl-electric, #1B5CFF); border:1px solid var(--nl-electric, #1B5CFF); border-radius:14px; padding:5px 14px; transition:background .18s ease, color .18s ease, border-color .18s ease; } .news-archive .ebpg-category-filter-list-item:hover{ background:var(--nl-navy-dark, #02326d); border-color:var(--nl-navy-dark, #02326d); } .news-archive .ebpg-category-filter-list-item.active{ background:#fff; border-color:#fff; color:var(--nl-navy-dark, #02326d); } @media (max-width:600px){ .news-archive .ebpg-category-filter-list{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; } .news-archive .ebpg-category-filter-list-item{ flex:0 0 auto; white-space:nowrap; } } /* ============================================================ ARCHIVI DI CATEGORIA – LEONESSA BRESCIA (es. /staff/, /roster/) — loop di default di GeneratePress Scoped su classi native del tema (.page-header, article.hentry, .entry-title, ecc.) ============================================================ */ .archive #primary{ max-width:1100px; margin-inline:auto; padding:0 clamp(20px, 4vw, 40px) 40px; box-sizing:border-box; } .archive .page-header{ margin:32px 0 32px; } .archive .page-header .page-title{ position:relative; margin:0; padding-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.01em; line-height:.95; font-size:clamp(30px, 4vw, 46px); color:#fff; } .archive .page-header .page-title::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } .archive article.hentry{ position:relative; margin:0 0 24px; padding:24px clamp(18px, 3vw, 30px); border-radius:14px; background:rgba(2,25,60,.5); border:1px solid rgba(106,164,255,.16); box-shadow:0 6px 18px rgba(0,0,0,.28); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .archive article.hentry:hover{ transform:translateY(-3px); border-color:rgba(220,196,125,.4); box-shadow:0 14px 28px rgba(0,0,0,.4); } .archive article.hentry *{ background:none !important; border:0 !important; } .archive article.hentry .entry-title::after, .archive article.hentry .entry-header::after, .archive article.hentry .entry-title::before, .archive article.hentry .entry-header::before{ content:none !important; } .archive .entry-title{ margin:0 0 8px; font-family:"Barlow Condensed", sans-serif; font-weight:700; line-height:1.25; font-size:clamp(19px, 2.2vw, 23px); } .archive .entry-title a{ color:#fff; text-decoration:none; transition:color .18s ease; } .archive .entry-title a:hover{ color:var(--nl-gold, #dcc47d); } .archive .entry-meta .posted-on{ display:inline-block; margin-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.06em; font-size:12px; color:var(--nl-muted, #8ba2cc); } .archive .entry-meta .posted-on time{ color:inherit; } .archive .entry-meta .posted-on time.updated{ display:none; } .archive .entry-summary p{ margin:0; font-size:15.5px; line-height:1.7; color:#c7d2e8; } .archive .entry-summary .read-more{ display:inline-flex; align-items:center; gap:6px; margin-left:4px; color:var(--nl-azzurro, #6AA4FF); font-weight:600; text-decoration:none; white-space:nowrap; transition:color .18s ease; } .archive .entry-summary .read-more:hover{ color:var(--nl-gold, #dcc47d); } .archive footer.entry-meta{ margin-top:16px; padding-top:0; border:0; } .archive .cat-links{ display:inline-flex; align-items:center; gap:6px; } .archive .cat-links .gp-icon{ display:none; } .archive .cat-links a{ display:inline-block; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:11.5px; color:var(--nl-navy-dark, #02326d) !important; background:var(--nl-azzurro, #6AA4FF) !important; padding:4px 14px; border-radius:14px !important; text-decoration:none; } @media (max-width:560px){ .archive article.hentry{ padding:18px 16px; margin-bottom:18px; } .archive .entry-summary p{ font-size:14.5px; } } /* ============================================================ PAGINA RISULTATI DI RICERCA – LEONESSA BRESCIA Scoped su body.search-results, body.search-no-results, #gp-search ============================================================ */ body.search-results #primary, body.search-no-results #primary{ max-width:1100px; margin-inline:auto; padding:0 clamp(20px, 4vw, 40px) 40px; box-sizing:border-box; } body.search-results .page-header, body.search-no-results .page-header{ margin:32px 0 32px; } body.search-results .page-header .page-title, body.search-results .page-header h1, body.search-no-results .page-header .page-title, body.search-no-results .page-header h1{ position:relative; display:inline-block; margin:0; padding-bottom:16px; font-family:"Barlow Condensed", sans-serif; font-weight:800; line-height:1.1; font-size:clamp(26px, 3.6vw, 40px); color:#fff; } body.search-results .page-header .page-title::after, body.search-results .page-header h1::after, body.search-no-results .page-header .page-title::after, body.search-no-results .page-header h1::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } body.search-results .generate-columns-container > article{ margin-bottom:24px; } body.search-results article .inside-article{ position:relative; height:100%; box-sizing:border-box; display:flex; flex-direction:column; padding:24px clamp(18px, 3vw, 30px); border-radius:14px; background:rgba(2,25,60,.5) !important; border:1px solid rgba(106,164,255,.16) !important; box-shadow:0 6px 18px rgba(0,0,0,.28); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } body.search-results article .inside-article:hover{ transform:translateY(-3px); border-color:rgba(220,196,125,.4) !important; box-shadow:0 14px 28px rgba(0,0,0,.4); } body.search-results article .inside-article *{ background:none !important; border:0 !important; } body.search-results .entry-header{ margin:0 0 10px; } body.search-results .entry-title{ font-size:19px !important; line-height:1.32; margin:0; font-family:"Barlow Condensed", sans-serif; font-weight:700; } body.search-results .entry-title a{ color:#fff !important; text-decoration:none; transition:color .18s ease; } body.search-results .entry-title a:hover{ color:var(--nl-gold, #dcc47d) !important; } body.search-results .entry-summary{ color:#c7d2e8; font-size:14.5px; line-height:1.6; flex:1 1 auto; } body.search-results .entry-summary p{ margin:0; } body.search-results .entry-summary a{ display:inline-flex; align-items:center; gap:5px; margin-top:0px; color:var(--nl-azzurro, #6AA4FF) !important; font-weight:700; text-decoration:none; white-space:nowrap; } body.search-results .entry-summary a::after{ content:"→"; font-size:1.05em; line-height:1; } body.search-results .entry-summary a:hover{ color:var(--nl-gold, #dcc47d) !important; } body.search-results .paging-navigation{ margin-top:8px; } body.search-results .paging-navigation a, body.search-results .paging-navigation .page-numbers{ display:inline-block; padding:9px 16px; border:1px solid rgba(106,164,255,.2); border-radius:8px; color:#fff; text-decoration:none; font-weight:600; background:rgba(2,25,60,.4); transition:border-color .18s ease, color .18s ease; } body.search-results .paging-navigation a:hover{ border-color:var(--nl-gold, #dcc47d); color:var(--nl-gold, #dcc47d); } body.search-results .paging-navigation .page-numbers.current{ background:var(--nl-gold, #dcc47d); border-color:var(--nl-gold, #dcc47d); color:var(--nl-navy-dark, #02326d); } body.search-no-results .no-results{ max-width:620px; margin:20px auto 12px; } body.search-no-results .no-results .inside-article{ text-align:center; background:rgba(2,25,60,.5); border:1px solid rgba(106,164,255,.16); border-radius:18px; padding:48px 32px 42px; box-shadow:0 6px 18px rgba(0,0,0,.28); } body.search-no-results .no-results .entry-header::before{ content:""; display:block; width:84px; height:84px; margin:0 auto 22px; border-radius:50%; background:rgba(220,196,125,.12) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dcc47d%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4.3-4.3%22%2F%3E%3C%2Fsvg%3E") center / 40px 40px no-repeat; } body.search-no-results .no-results .entry-title{ color:#fff !important; font-family:"Barlow Condensed", sans-serif; font-weight:800; font-size:clamp(23px,3.6vw,30px) !important; margin:0 0 12px; } body.search-no-results .no-results .entry-content > p{ color:#c7d2e8; font-size:16px; line-height:1.6; max-width:440px; margin:0 auto 26px; } body.search-no-results .no-results .search-form{ display:flex; justify-content:center; gap:10px; max-width:460px; margin:0 auto; } body.search-no-results .no-results .search-form label{ flex:1 1 auto; margin:0; } body.search-no-results .no-results .search-field{ width:100%; box-sizing:border-box; padding:13px 16px; border:1px solid rgba(159,182,222,.35); border-radius:10px; font-size:15px; background:rgba(255,255,255,.06); color:#fff; } body.search-no-results .no-results .search-field::placeholder{ color:#8ba2cc; } body.search-no-results .no-results .search-field:focus{ outline:none; border-color:var(--nl-gold, #dcc47d); box-shadow:0 0 0 3px rgba(220,196,125,.25); } body.search-no-results .no-results .search-submit{ flex:0 0 auto; min-width:54px; padding:0 18px; background:var(--nl-gold, #dcc47d); color:var(--nl-navy-dark, #02326d); border:1px solid var(--nl-navy-dark, #02326d); border-radius:10px; cursor:pointer; font-size:17px; display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease, color .2s ease, border-color .2s ease; } body.search-no-results .no-results .search-submit:hover{ background:var(--nl-electric, #1B5CFF); color:#fff; border-color:var(--nl-electric, #1B5CFF); } @media (max-width:560px){ body.search-results article .inside-article{ padding:18px 16px; } } /* ============================================================ Popup di ricerca (GeneratePress search modal) ============================================================ */ .search-modal-form{ margin:auto !important; } #gp-search .gp-modal__overlay{ background:rgba(2,10,30,.82) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); padding-top:16vh !important; } #gp-search .gp-modal__container{ width:640px !important; max-width:92% !important; padding:0 !important; } #gp-search .search-modal-form::before{ content:"Cerca nel sito"; display:block; text-align:center; color:#fff; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:22px; margin:0 0 18px; } #gp-search .search-modal-fields{ display:flex !important; width:100% !important; max-width:none !important; background:rgba(10,14,24,.9) !important; border:1px solid rgba(120,164,255,.25) !important; border-radius:14px !important; box-shadow:0 24px 55px -22px rgba(0,0,0,.6) !important; } #gp-search .search-modal-fields:focus-within{ border-color:var(--nl-gold, #dcc47d) !important; box-shadow:0 0 0 3px rgba(220,196,125,.35), 0 24px 55px -22px rgba(0,0,0,.6) !important; } #gp-search .search-modal-fields .search-field{ flex:1 1 auto !important; height:62px !important; padding:0 20px !important; border:none !important; background:transparent !important; font-size:17px !important; color:#fff !important; border-radius:14px 0 0 14px !important; box-shadow:none !important; } #gp-search .search-modal-fields .search-field::placeholder{ color:#8ba2cc !important; opacity:1 !important; } #gp-search .search-modal-fields .search-field:focus{ outline:none !important; } #gp-search .search-modal-fields button{ flex:0 0 auto !important; width:66px !important; height:62px !important; background:var(--nl-gold, #dcc47d) !important; color:var(--nl-navy-dark, #02326d) !important; border:none !important; border-radius:0 14px 14px 0 !important; padding:0 !important; cursor:pointer !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; transition:background .2s ease, color .2s ease; } #gp-search .search-modal-fields button:hover{ background:var(--nl-electric, #1B5CFF) !important; color:#fff !important; } #gp-search .search-modal-fields button:focus-visible{ outline:2px solid var(--nl-gold, #dcc47d) !important; outline-offset:-5px !important; } #gp-search .search-modal-fields button .gp-icon, #gp-search .search-modal-fields button svg{ color:inherit !important; fill:currentColor !important; } @media (prefers-reduced-motion: reduce){ #gp-search .search-modal-fields button{ transition:none !important; } } /* ============================================================ TITOLI DI SEZIONE HOME – LEONESSA BRESCIA Correzione: rimuove l'effetto ombra/italico/taglio diagonale sui titoli h2 di Ultime News, Gallery, YouTube, Partner. Ripristina: barretta dritta sotto il titolo (colore originale per sezione) e dimensione font originale. Incollare per ULTIMO nel foglio di stile (dopo gli altri CSS delle singole sezioni), così vince su qualunque residuo dell'effetto jersey rimasto da versioni precedenti. ============================================================ */ .fascia-news-hp_ h2.wp-block-heading, .gallery-hp h2.wp-block-heading, .youtube-hp h2.wp-block-heading, .partner-hp h2.wp-block-heading, .home h2.lb-prg__titolo{ font-style:normal !important; font-weight:800 !important; letter-spacing:.02em !important; font-size:clamp(30px, 4vw, 48px) !important; text-shadow:none !important; } .fascia-news-hp_ h2.wp-block-heading::after, .gallery-hp h2.wp-block-heading::after, .youtube-hp h2.wp-block-heading::after, .partner-hp h2.wp-block-heading::after, .home h2.lb-prg__titolo:after{ transform:none !important; width:68px !important; height:4px !important; } /* Colori originali della barretta per sezione (invariati) */ .fascia-news-hp_ h2.wp-block-heading::after, .partner-hp h2.wp-block-heading::after{ background:var(--nl-gold, #dcc47d) !important; } .gallery-hp h2.wp-block-heading::after{ background:linear-gradient(90deg, #FF0084 0%, #0063DC 100%) !important; } .youtube-hp h2.wp-block-heading::after{ background:#FF0000 !important; } /* ============================================================ TABELLA CALENDARIO – A2A LEONESSA BRESCIA Blocco Tabella nativo di WordPress, editabile dal cliente. Aggiungere la classe "calendario-tabella" al blocco Tabella in: Impostazioni blocco → Avanzate → Classe CSS aggiuntiva. Struttura colonne (5 celle per riga partita), larghezze diverse per colonna: 1) Giornata (stretta) 2) Data (media) 3) Partita (larga, prende lo spazio restante) 4) Casa/Trasferta (stretta) 5) Risultato (stretta) Risultato finale: quando la partita è giocata, scrivere il punteggio nella 5ª cella dentro un tag così: 72-68 (vedi esempio sulla 1ª giornata). Usare questa stessa classe per ogni risultato futuro, così restano tutti coerenti. ============================================================ */ .calendario-tabella{ width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0 8px; background:transparent !important; } .calendario-tabella tbody tr{ background:rgba(2,25,60,.4); } .calendario-tabella td{ border:1px solid rgba(106,164,255,.12) !important; border-left:0 !important; border-right:0 !important; padding:12px 14px; font-family:"Barlow", sans-serif; font-size:14px; color:#dbe4f5 !important; vertical-align:middle; overflow-wrap:break-word; } .calendario-tabella td:first-child{ border-left:1px solid rgba(106,164,255,.12) !important; border-radius:10px 0 0 10px; } .calendario-tabella td:last-child{ border-right:1px solid rgba(106,164,255,.12) !important; border-radius:0 10px 10px 0; } /* Larghezze colonna diverse (table-layout:fixed le rispetta perché dichiarate sulla prima riga dati) */ .calendario-tabella td:nth-child(1){ width:42px; } .calendario-tabella td:nth-child(2){ width:100px; } .calendario-tabella td:nth-child(3){ width:auto; } /* prende lo spazio restante */ .calendario-tabella td:nth-child(4){ width:88px; } .calendario-tabella td:nth-child(5){ width:70px; } /* Colonna 1: Giornata */ .calendario-tabella td:nth-child(1){ text-align:center; font-family:"Barlow Condensed", sans-serif; font-weight:800; font-style:italic; font-size:15px; color:rgba(255,255,255,.4) !important; } /* Colonna 2: Data */ .calendario-tabella td:nth-child(2){ color:var(--nl-muted, #8ba2cc) !important; font-size:12.5px; line-height:1.35; } /* Colonna 3: Partita (squadra vs squadra) */ .calendario-tabella td:nth-child(3){ font-family:"Barlow Condensed", sans-serif; font-weight:600; font-size:14.5px; line-height:1.3; } .calendario-tabella td:nth-child(3) strong{ color:#fff !important; font-weight:800; } /* Colonna 4: Casa / Trasferta → piccola etichetta, non un bottone gigante. Colori distinti per stato, applicati direttamente alla cella (niente elementi wrapper necessari) */ .calendario-tabella td:nth-child(4){ text-align:center; padding:8px 6px; } .calendario-tabella td:nth-child(4){ font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:10px; } /* Casa: sfondo oro pieno, piccolo. Trasferta: contorno azzurro sottile. Il tema di WordPress non permette classi per singola cella, quindi distinguiamo i due stati con la formattazione CORSIVO (disponibile su ogni cella dalla barra standard, Ctrl+I): scrivere "Trasferta" in corsivo, "Casa" in testo normale. */ .calendario-tabella td:nth-child(4):not(:empty){ background:var(--nl-gold, #dcc47d) !important; color:var(--nl-navy-dark, #02326d) !important; border-radius:6px; } .calendario-tabella td:nth-child(4):has(em){ background:transparent !important; color:var(--nl-azzurro, #6AA4FF) !important; border:1px solid var(--nl-azzurro, #6AA4FF) !important; border-radius:6px; } .calendario-tabella td:nth-child(4) em{ font-style:normal; /* il corsivo serve solo a "marcare" la cella, il testo resta dritto */ } /* Colonna 5: Risultato */ .calendario-tabella td:nth-child(5){ text-align:center; font-family:"Barlow Condensed", sans-serif; font-size:14px; } .calendario-tabella td:nth-child(5):empty::before{ content:"—"; color:rgba(255,255,255,.25); font-weight:400; } /* Classe stabile per i punteggi finali: usarla per ogni risultato futuro (vedi commento in cima al file) */ .calendario-tabella .risultato-finale{ font-weight:800; font-size:15px; color:#fff; letter-spacing:.01em; } /* --- Riga "mese": una sola cella con colspan="5" --- */ .calendario-tabella tr > td[colspan]{ width:auto !important; background:transparent !important; text-align:left; font-family:"Barlow Condensed", sans-serif; font-weight:700; font-style:normal; text-transform:uppercase; letter-spacing:.12em; font-size:13px; color:var(--nl-gold, #dcc47d) !important; border:0 !important; border-bottom:1px solid rgba(220,196,125,.25) !important; border-radius:0 !important; padding:20px 14px 8px; } .calendario-tabella tr:first-child > td[colspan]{ padding-top:4px; } /* --- Nota finale sotto la tabella --- */ .calendario-tabella__note{ margin-top:20px; padding-top:16px; border-top:1px solid rgba(106,164,255,.14); font-size:12.5px; line-height:1.6; color:var(--nl-muted, #8ba2cc); } /* --- Responsive --- */ @media (max-width:680px){ .calendario-tabella, .calendario-tabella tbody, .calendario-tabella tr, .calendario-tabella td{ display:block; width:auto !important; } .calendario-tabella tbody tr{ margin-bottom:10px; padding:10px 12px; border-radius:10px; } .calendario-tabella tr > td[colspan]{ padding:14px 0 4px; margin-bottom:4px; } .calendario-tabella td{ border:0 !important; padding:2px 0 !important; text-align:left !important; } .calendario-tabella td:nth-child(1){ font-size:13px; display:inline-block; margin-right:8px; } .calendario-tabella td:nth-child(2){ display:inline-block; font-size:12px; } .calendario-tabella td:nth-child(4){ display:inline-block; margin-top:6px; padding:4px 10px; } .calendario-tabella td:nth-child(5){ display:inline-block; margin-left:8px; } } .btn-blu-bianco, .eb-post-carousel-wrapper.eb-post-carousel-a5asj .ebpg-readmore-btn a {color:#fff !important; margin-top:20px} .eb-breadcrumb-item.current, .eb-breadcrumb-separator:last-of-type{display:none !important;} .eb-breadcrumb-separator:has(+ .eb-breadcrumb-item.current) { display: none; } /* ==== FIX MENU MOBILE: solo hamburger sotto 1024px - aggiunto AI 30/07/2026 ==== */ @media (max-width: 1024px) { #site-navigation { position: relative; } .site-header .mobile-menu-control-wrapper { display: none !important; align-items: center; } #site-navigation .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; } #site-navigation .menu-toggle .gp-icon { display: inline-flex !important; } #primary-menu ul#menu-main-menu { display: none !important; } #site-navigation.toggled #primary-menu ul#menu-main-menu { display: flex !important; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: rgb(10, 14, 24); padding: 10px 20px !important; z-index: 999; gap: 0 !important; } #site-navigation.toggled #primary-menu ul#menu-main-menu li { padding: 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1); } .main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {display:block !important} } /* ==== RIDUZIONE SPAZI ECCESSIVI HOME (page-id-2880) - aggiunto AI 30/07/2026 ==== */ @media (max-width: 900px) { .page-id-2880 .gb-element-f72c537c { padding-top: 30px !important; padding-bottom: 30px !important; } .page-id-2880 .gb-element-f72c537c .wp-block-group__inner-container { padding-top: 20px !important; } } /* responsive mano */ @media (max-width: 900px) { .contenitore-img-news {height:auto !important} } @media (max-width: 640px) { .footer-hp__newsletter-inner .fields-row{display:block !important} .footer-hp__newsletter-inner .fields-row .mc-field-group {margin-bottom:10px !important} .footer-hp__lnp-logo img {height:30px !important} } /* ============================================================ PAGINA ARCHIVIO NEWS – LEONESSA BRESCIA Solo titolo + tab filtri categoria (le card restano invariate) Scoped su .news-archive ============================================================ */ /* ============ TITOLO "NEWS" ============ */ .news-archive h1.wp-block-heading{ position:relative; margin:0 0 28px; padding-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.01em; line-height:.95; font-size:clamp(32px, 4.4vw, 52px); color:#fff; /* text-shadow:2px 2px 0 rgba(220,196,125,.35);*/ } .news-archive h1.wp-block-heading::after{ content:""; position:absolute; left:2px; bottom:0; width:68px; height:5px; border-radius:2px; transform:skewX(-24deg); background:var(--nl-gold, #dcc47d); } /* ============ TAB FILTRI CATEGORIA: piccoli ed eleganti ============ */ .news-archive .eb-post-grid-category-filter{ margin-bottom:28px; } /* ============================================================ Il plugin usa CSS multi-colonna (proprietà "columns"), non una vera griglia. Il multi-colonna può tagliare bordi/decorazioni nel punto in cui una card "entra" in colonna (visto: bordo tagliato in alto, arrotondato in basso). Convertiamo il contenitore in una vera CSS Grid, eliminando il problema. ============================================================ */ .news-archive.news-archive .eb-post-grid-posts-wrapper{ display:grid !important; columns:unset !important; column-count:unset !important; grid-template-columns:repeat(3, 1fr) !important; gap:24px !important; } .news-archive .ebpg-category-filter-list{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px; list-style:none; margin:0; padding:0; } .news-archive .ebpg-category-filter-list-item{ cursor:pointer; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.05em; font-size:11.5px; color:#fff; background:var(--nl-electric, #1B5CFF); border:1px solid var(--nl-electric, #1B5CFF); border-radius:14px; padding:5px 14px; transition:background .18s ease, color .18s ease, border-color .18s ease; } .news-archive .ebpg-category-filter-list-item:hover{ background:var(--nl-navy-dark, #02326d); border-color:var(--nl-navy-dark, #02326d); } .news-archive .ebpg-category-filter-list-item.active{ background:#fff; border-color:#fff; color:var(--nl-navy-dark, #02326d); } /* ============================================================ CARD: overlay elegante — immagine a piena copertura, sfumatura scura che parte da dietro il testo e arriva fino al fondo della card, titolo sovrapposto in basso. Tutte le card hanno la STESSA proporzione (aspect-ratio anziché un'altezza fissa in px): si scalano in modo fluido a qualunque larghezza, senza bisogno di breakpoint dedicati per l'altezza. NOTA: il plugin (Essential Blocks) in passato ha già mostrato di impostare un'altezza via JavaScript basata sul contenuto in flusso normale, sovrascrivendo il CSS (stesso bug visto con lo slider hero). Per questo qui sotto forziamo tutto con !important. ============================================================ */ .news-archive .ebpg-grid-post-holder{ position:relative !important; box-sizing:border-box !important; height:auto !important; aspect-ratio:16 / 9 !important; border-radius:14px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; justify-content:flex-end !important; border:1px solid rgba(106,164,255,.16) !important; box-shadow:0 6px 20px rgba(0,0,0,.3); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .news-archive .ebpg-grid-post-holder:hover{ transform:translateY(-5px); border-color:var(--nl-gold, #dcc47d) !important; box-shadow:0 16px 34px rgba(0,0,0,.45); } .news-archive .ebpg-entry-media, .news-archive .ebpg-entry-thumbnail{ position:absolute !important; inset:0 !important; height:100% !important; width:100% !important; } .news-archive .ebpg-entry-thumbnail img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; transition:transform .35s ease; } .news-archive .ebpg-grid-post-holder:hover .ebpg-entry-thumbnail img{ transform:scale(1.05); } /* Sfumatura: parte più in alto, sfumata, e arriva SEMPRE fino al bordo inferiore (100%) senza stacchi né bande nette */ .news-archive .ebpg-entry-media::after{ content:""; position:absolute; inset:0; background:linear-gradient( 180deg, rgba(2,10,30,0) 35%, rgba(2,10,30,.55) 65%, rgba(2,10,30,.94) 100% ); pointer-events:none; } .news-archive .ebpg-entry-wrapper{ position:relative !important; z-index:1 !important; padding:18px 20px 20px; } .news-archive .ebpg-entry-title{ margin:0; font-family:"Barlow Condensed", sans-serif; font-weight:700; line-height:1.25; font-size:17px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .news-archive .ebpg-grid-post-link{ color:#fff; text-decoration:none; transition:color .18s ease; } .news-archive .ebpg-grid-post-link:hover{ color:var(--nl-gold, #dcc47d); } /* --- Responsive: griglia, titolo pagina, card, filtri --- */ @media (max-width:1100px){ .news-archive.news-archive .eb-post-grid-posts-wrapper{ grid-template-columns:repeat(2, 1fr) !important; } } @media (max-width:600px){ .news-archive h1.wp-block-heading{ font-size:clamp(26px, 8vw, 36px); } .news-archive.news-archive .eb-post-grid-posts-wrapper{ grid-template-columns:1fr !important; gap:18px !important; } .news-archive .ebpg-grid-post-holder{ aspect-ratio:16 / 9 !important; } .news-archive .ebpg-entry-title{ font-size:16px !important; -webkit-line-clamp:2; } .news-archive .ebpg-category-filter-list{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; } .news-archive .ebpg-category-filter-list-item{ flex:0 0 auto; white-space:nowrap; } } .news-archive .ebpg-grid-post.ebpg-post-grid-column { padding-top: 6px; /* deve essere >= al valore assoluto del translateY in hover */ margin-top: -6px; /* compensa il padding per non spostare la griglia */ } /* ===================================================== ALLINEAMENTO "ULTIME NEWS" (home) a /notizie/ — v2 corretta Scoped su .fascia-news-hp_ (classe reale del contenitore) ===================================================== */ /* Griglia: 3 colonne desktop / 2 tablet / 1 mobile, come in /notizie/ Specificità aumentata per battere la regola del plugin .eb-post-grid-wrapper.pro-style-6 .eb-post-grid-posts-wrapper{display:block !important} */ .fascia-news-hp_ .eb-post-grid-wrapper.pro-style-6 .eb-post-grid-posts-wrapper{ display: grid !important; columns: unset !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; } @media (max-width: 1100px){ .fascia-news-hp_ .eb-post-grid-wrapper.pro-style-6 .eb-post-grid-posts-wrapper{ grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 600px){ .fascia-news-hp_ .eb-post-grid-wrapper.pro-style-6 .eb-post-grid-posts-wrapper{ grid-template-columns: 1fr !important; gap: 18px !important; } } /* Spaziatura verticale delle card (compensa l'hover lift) */ .fascia-news-hp_ .ebpg-grid-post.ebpg-post-grid-column{ padding-top: 6px; margin-top: -6px; padding-bottom: 0 !important; } /* Card: bordi arrotondati, aspect-ratio, ombra, bordo */ .fascia-news-hp_ .ebpg-grid-post-holder{ position: relative !important; box-sizing: border-box !important; height: auto !important; aspect-ratio: 16 / 9 !important; border-radius: 14px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; border: 1px solid rgba(106,164,255,.16); box-shadow: 0 6px 20px rgba(0,0,0,.3); transition: transform .22s, box-shadow .22s, border-color .22s; } .fascia-news-hp_ .ebpg-grid-post-holder:hover{ transform: translateY(-5px); box-shadow: 0 16px 34px rgba(0,0,0,.45); border-color: var(--nl-gold, #dcc47d) !important; } /* Immagine a copertura totale + overlay sfumato */ .fascia-news-hp_ .ebpg-entry-media, .fascia-news-hp_ .ebpg-entry-thumbnail{ position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; } .fascia-news-hp_ .ebpg-entry-thumbnail img{ display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .35s; } .fascia-news-hp_ .ebpg-grid-post-holder:hover .ebpg-entry-thumbnail img{ transform: scale(1.05); } .fascia-news-hp_ .ebpg-entry-media::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(2,10,30,0) 35%, rgba(2,10,30,.55) 65%, rgba(2,10,30,.94) 100%); pointer-events: none; } /* Testo (titolo) sopra l'overlay */ .fascia-news-hp_ .ebpg-entry-wrapper{ padding: 18px 20px 20px; position: relative !important; z-index: 1 !important; } .fascia-news-hp_ .ebpg-entry-title{ margin: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 1.25; font-size: 17px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .fascia-news-hp_ .ebpg-grid-post-link{ color: #fff; text-decoration: none; transition: color .18s; } .fascia-news-hp_ .ebpg-grid-post-link:hover{ color: var(--nl-gold, #dcc47d); } /* Mobile: stessa riduzione titolo di /notizie/ */ @media (max-width: 600px){ .fascia-news-hp_ .ebpg-grid-post-holder{ aspect-ratio: 16 / 9 !important; } .fascia-news-hp_ .ebpg-entry-title{ font-size: 16px !important; -webkit-line-clamp: 2; } } /* ============================================================ HEADER – LEONESSA BRESCIA Stile "Menu 05 jersey": barra scura sfocata sempre visibile, sticky dall'inizio. STRUTTURA REALE (confermata dal markup live): #masthead > .inside-header > site-logo + nav#mobile-menu-control-wrapper + nav#site-navigation (con menu + logo interno) #site-navigation è ANNIDATO dentro #masthead, non un fratello. Il bug precedente: collassavamo #masthead a height:0+overflow:hidden, il che tagliava via anche #site-navigation che ci vive dentro, nascondendolo fino a quando lo script sticky del tema non lo clonava altrove sullo scroll. Ora NON tocchiamo l'altezza di #masthead: nascondiamo solo il logo grande e il wrapper mobile (elementi fratelli di site-navigation, non suoi contenitori), lasciando site-navigation libero di essere sticky nel suo posto. ============================================================ */ /* #masthead resta nel flusso normale: NON altezza 0, NON overflow hidden, altrimenti si porta via anche la nav che contiene */ #masthead{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; } #masthead .inside-header{ padding:0 !important; margin:0 !important; display:block !important; } /* Nascondiamo solo gli elementi fratelli di site-navigation dentro .inside-header: il logo grande e la barra mobile (search+hamburger), NON un loro contenitore comune */ #masthead .site-logo{ display:none !important; } /* Il wrapper mobile è sempre ridondante: #site-navigation ha già il proprio hamburger e la propria lente integrati, quindi va nascosto a TUTTE le larghezze, non solo da desktop */ .mobile-menu-control-wrapper{ display:none !important; } /* --- Nav: unica barra, sticky sfocata sempre attiva --- */ #site-navigation{ position:sticky !important; top:0; z-index:70; background:rgba(10,14,24,.85) !important; backdrop-filter:blur(14px); border:0 !important; border-bottom:1px solid rgba(120,164,255,.14) !important; box-shadow:none !important; padding:0 !important; } #site-navigation .inside-navigation{ display:flex !important; align-items:center; gap:16px; padding:12px clamp(16px, 3vw, 32px); } /* Logo: sempre visibile (unico logo della barra). Forziamo anche il contenitore .navigation-branding, non solo l'immagine: il tema lo comprime a larghezza 0 finché non è in stato "sticky attivo" (classe .navigation-stick aggiunta dal suo script) */ #site-navigation .navigation-branding{ display:flex !important; align-items:center; width:auto !important; flex:0 0 auto !important; overflow:visible !important; } .sticky-navigation-logo{ display:block !important; opacity:1 !important; width:auto !important; overflow:visible !important; } .navigation-branding img, .site-logo.mobile-header-logo img, .sticky-navigation-logo img{ width:100px !important; height:auto !important; border-radius:50%; display:block; } /* Nasconde l'hamburger residuo: con poche voci di menu non serve */ @media (min-width:1025px){ #site-navigation .menu-toggle{ display:none !important; } } .screen-reader-text{ display:none !important; } /* Menu principale: sempre visibile SOLO da desktop (>1024px). Sotto quella soglia lasciamo che sia GeneratePress a mostrarlo/nasconderlo tramite il proprio hamburger nativo, come previsto di suo — evitando la sovrapposizione */ @media (min-width:1025px){ #primary-menu.main-nav{ flex:1 1 auto; display:flex; justify-content:center; } #primary-menu ul#menu-main-menu{ display:flex !important; align-items:center; gap:4px; list-style:none; margin:0; padding:0; } } #menu-main-menu li{ list-style:none; position:relative; padding:9px 14px; } #menu-main-menu a{ display:inline-block; color:#c3d0ee; text-decoration:none; font-family:"Barlow Condensed", sans-serif; font-weight:600; font-size:15px; transition:color .15s ease; } #menu-main-menu a:hover{ color:#fff; } /* Voce attiva: accento a skew, stile "jersey" */ #menu-main-menu li.current-menu-item{ padding-left:20px; } #menu-main-menu li.current-menu-item a{ color:#fff; } #menu-main-menu li.current-menu-item::before{ content:""; position:absolute; left:6px; top:50%; transform:translateY(-50%) skewX(-16deg); width:4px; height:16px; background:var(--nl-electric, #1B5CFF); } /* Icona ricerca: sempre visibile a tutte le larghezze (nessun rischio di doppione, dato che l'altro wrapper è nascosto per sempre) */ #site-navigation .menu-bar-items{ display:flex !important; margin-left:8px; } #site-navigation .menu-bar-item svg{ width:17px; height:17px; fill:#fff; } /* --- Logo LNP in alto a destra nella nav --- */ .nav-lnp-logo{ display:flex; align-items:center; margin-left:10px; opacity:.85; transition:opacity .18s ease, transform .18s ease; } .nav-lnp-logo:hover{ opacity:1; transform:translateY(-1px); } .nav-lnp-logo img{ height:26px; width:auto; display:block; } /* --- Responsive --- */ @media (max-width:640px){ #site-navigation .inside-navigation{ padding:8px 16px; gap:10px; } .sticky-navigation-logo img{ width:64px !important; height:auto !important; } #primary-menu ul#menu-main-menu{ gap:0; } #menu-main-menu li{ padding:8px 10px; } #menu-main-menu a{ font-size:13.5px; } .nav-lnp-logo img{ height:20px; } .nav-lnp-logo{ margin-left:6px; } .iscrizione-newsletter-hp #mc_embed_signup .button, .iscrizione-newsletter-hp #mc_embed_signup #mc-embedded-subscribe{padding: 0 22px !important; font-size: 12px !important;} .carosello-hp .eb-post-carousel-wrapper .ebpg-entry-thumbnail img { object-position: 0 0px !important; height: auto; } .eb-post-carousel-wrapper.eb-post-carousel-a5asj .ebpg-readmore-btn a{position:absolute; bottom:-32px; } } @media (max-width: 1024px){ #site-navigation .inside-navigation{ display: grid !important; grid-template-columns: auto 1fr auto auto; grid-template-rows: auto auto; align-items: center; column-gap: 10px; row-gap: 4px; } /* Logo di sinistra: occupa la prima colonna, alto quanto le due righe di destra */ #site-navigation .navigation-branding{ grid-column: 1; grid-row: 1 / span 2; } /* Menu a tendina (quando aperto con l'hamburger): sotto, a tutta larghezza */ #site-navigation .main-nav{ grid-column: 1 / -1; grid-row: 3; } /* Riga 1 a destra: logo LNP/OWW, allineato a destra */ #site-navigation .nav-lnp-logo{ grid-column: 3 / span 2; grid-row: 1; justify-self: end; margin: 0; } /* Riga 2 a destra: hamburger + lente, allineati a destra */ #site-navigation .menu-toggle{ grid-column: 3; grid-row: 2; justify-self: end; } #site-navigation .menu-bar-items{ grid-column: 4; grid-row: 2; justify-self: end; } } .ebpg-spinner-overlay { background-color: rgba(10, 14, 24, 0.5) !important; } @media (max-width: 1024px) { .main-navigation.is_stuck .inside-navigation, .main-navigation.navigation-clone .inside-navigation { display: grid !important; grid-template-columns: auto 1fr auto auto; grid-template-rows: auto auto auto; align-items: center; } .main-navigation.is_stuck .inside-navigation > .navigation-branding, .main-navigation.navigation-clone .inside-navigation > .navigation-branding { grid-column: 1; grid-row: 1 / span 2; } .main-navigation.is_stuck .inside-navigation > .nav-lnp-logo, .main-navigation.navigation-clone .inside-navigation > .nav-lnp-logo { grid-column: 3 / span 2; grid-row: 1; justify-self: end; margin-right:20px; margin-top:10px } .main-navigation.is_stuck .inside-navigation > .menu-toggle, .main-navigation.navigation-clone .inside-navigation > .menu-toggle { grid-column: 3; grid-row: 2; } .main-navigation.is_stuck .inside-navigation > .menu-bar-items, .main-navigation.navigation-clone .inside-navigation > .menu-bar-items { grid-column: 4; grid-row: 2; } .main-navigation.is_stuck .inside-navigation > .main-nav, .main-navigation.navigation-clone .inside-navigation > .main-nav { grid-column: 1 / -1; grid-row: 3; } } @media (max-width: 600px) { /* 1) Padding generale della sezione newsletter */ .iscrizione-newsletter-hp .padding-30-mob { padding: 20px !important; } /* 2) Titolo promozionale "NON PERDERTI UNA GIOCATA" */ .iscrizione-newsletter-hp .titolo-cta-newsletter-hp { font-size: 22px !important; line-height: 1.15 !important; } .iscrizione-newsletter-hp .titoletto-oro { margin-bottom: 6px !important; } /* 3) Titolo del form "Entra nel roster dei tifosi" */ .iscrizione-newsletter-hp h2 { font-size: 17px !important; line-height: 1.3 !important; margin-bottom: 12px !important; } /* 4) Campi email / nome / cognome */ .iscrizione-newsletter-hp .mc-field-group { margin-bottom: 8px !important; } .iscrizione-newsletter-hp .mc-field-group label { font-size: 12px !important; margin-bottom: 3px !important; } .iscrizione-newsletter-hp .mc-field-group input[type="text"], .iscrizione-newsletter-hp .mc-field-group input[type="email"] { height: 38px !important; padding: 0 12px !important; font-size: 14px !important; } /* 5) Blocco privacy/GDPR (checkbox + testo informativa) */ .iscrizione-newsletter-hp .gdpr-mergeRow { font-size: 13px !important; padding-top: 8px !important; margin: 4px 0 8px !important; } /* 6) Pulsante "Iscriviti alla newsletter" */ .iscrizione-newsletter-hp .button { height: 40px !important; padding: 0 22px !important; margin-top: 10px !important; } } @media (max-width: 768px) { .eb-post-carousel-wrapper.eb-post-carousel-a5asj { padding-bottom: 15px; margin-bottom: 10px; } } @media (max-width: 1024px) { .main-navigation { position: relative; } .main-navigation.toggled #primary-menu ul#menu-main-menu { flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #0a0e18; z-index: 999; display: flex !important; padding: 10px 20px !important; gap: 0 !important; } .main-navigation.toggled #primary-menu ul#menu-main-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 12px 0 !important; } .main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {line-height:40px !important} } .error404 #content {display:none} @media (min-width: 601px) { body.search .generate-columns-container { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; } } @media (max-width: 1024px) and (min-width: 601px) { body.search .generate-columns-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { body.search .generate-columns-container { display: grid !important; grid-template-columns: 1fr; gap: 20px; } } body.search .generate-columns-container > article { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; background: rgba(255,255,255,0.04); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; } body.search .generate-columns-container > article .inside-article { display: flex; flex-direction: column; height: 100%; } body.search .generate-columns-container .post-image { margin: 0; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; } body.search .generate-columns-container .post-image img { width: 100%; height: 100%; object-fit: cover; display: block; } body.search .generate-columns-container .entry-header { padding: 14px 16px; flex: 1; display: flex; align-items: center; } body.search .generate-columns-container .entry-title { margin: 0; font-size: 16px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.search .generate-columns-container .entry-summary, body.search .generate-columns-container .entry-meta { display: none !important; } .brandtxt{font-family:'Space Mono',monospace; font-size:12px !important; margin-bottom:10px !important; letter-spacing:.2em; text-transform:uppercase; color:#6aa4ff} .search .cat-links {display:none} .search-results .page .posted-on{display:none !important;} /* ============================================================ PAGINA RISULTATI DI RICERCA – LEONESSA BRESCIA Stesso linguaggio visivo delle pagine di categoria/archivio: Barlow Condensed, card navy scure, accento oro, titolo in stile "jersey" (breve, regge l'effetto pieno). Target: classi native del tema GeneratePress (body.search-results, body.search-no-results, #gp-search) ============================================================ */ /* ============ CONTENITORE: margini laterali generosi ============ */ body.search-results #primary, body.search-no-results #primary{ max-width:1100px; margin-inline:auto; padding:0 clamp(20px, 4vw, 40px) 40px; box-sizing:border-box; } /* ============ TITOLO "Risultati della ricerca per: ..." ============ */ body.search-results .page-header, body.search-no-results .page-header{ margin:32px 0 32px; } body.search-results .page-header .page-title, body.search-results .page-header h1, body.search-no-results .page-header .page-title, body.search-no-results .page-header h1{ position:relative; display:inline-block; margin:0; padding-bottom:16px; font-family:"Barlow Condensed", sans-serif; font-weight:800; line-height:1.1; font-size:clamp(26px, 3.6vw, 40px); color:#fff; } body.search-results .page-header .page-title::after, body.search-results .page-header h1::after, body.search-no-results .page-header .page-title::after, body.search-no-results .page-header h1::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } /* Griglia risultati: 3 colonne, tutte della stessa altezza. Puntiamo direttamente su .site-main (sempre presente) invece di .generate-columns-container, che esiste solo se l'opzione "colonne" di GeneratePress è attiva per quel contesto — non possiamo darlo per scontato sia attiva per la ricerca. */ body.search-results .site-main{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:stretch; } /* Tutto ciò che non è un risultato (titolo pagina, paginazione, ecc.) deve occupare l'intera larghezza, non una singola cella */ body.search-results .site-main > *:not(article){ grid-column:1 / -1; } body.search-results .generate-columns-container{ display:contents; /* se esistesse, non deve creare un secondo livello di griglia: i suoi figli (gli article) diventano diretti figli della grid sopra */ } body.search-results .generate-columns-container > article{ margin-bottom:0; } /* ============ CARD RISULTATO ============ */ body.search-results article .inside-article{ position:relative; height:100%; box-sizing:border-box; display:flex; flex-direction:column; padding:0 0 24px; border-radius:14px; background:rgba(2,25,60,.5) !important; border:1px solid rgba(106,164,255,.16) !important; box-shadow:0 6px 18px rgba(0,0,0,.28); overflow:hidden; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } body.search-results article .inside-article:hover{ transform:translateY(-3px); border-color:rgba(220,196,125,.4) !important; box-shadow:0 14px 28px rgba(0,0,0,.4); } /* Reset di eventuali sfondi/bordi/decorazioni interne di default del tema, per evitare "doppio sfondo" o linee estranee */ body.search-results article .inside-article *{ background:none !important; border:0 !important; } /* Immagine in evidenza: stessa proporzione per tutte, angoli superiori arrotondati, riempie la larghezza della card */ body.search-results .post-image{ margin:0 !important; border-radius:14px 14px 0 0 !important; overflow:hidden; } body.search-results .post-image img{ display:block !important; width:100% !important; aspect-ratio:16 / 10; object-fit:cover; } body.search-results .entry-header, body.search-results .entry-summary{ padding:0 clamp(18px, 3vw, 30px) !important; } body.search-results .entry-header{ margin-top:20px !important; } /* Titolo del risultato */ body.search-results .entry-header{ margin:0 0 10px; } body.search-results .entry-title{ font-size:19px !important; line-height:1.32; margin:0; font-family:"Barlow Condensed", sans-serif; font-weight:700; } body.search-results .entry-title a{ color:#fff !important; text-decoration:none; transition:color .18s ease; } body.search-results .entry-title a:hover{ color:var(--nl-gold, #dcc47d) !important; } /* Estratto */ body.search-results .entry-summary{ color:#c7d2e8; font-size:14.5px; line-height:1.6; flex:1 1 auto; } body.search-results .entry-summary p{ margin:0; } /* Link "Leggi" */ body.search-results .entry-summary a{ display:inline-flex; align-items:center; gap:5px; margin-top:14px; color:var(--nl-azzurro, #6AA4FF) !important; font-weight:700; text-decoration:none; white-space:nowrap; } body.search-results .entry-summary a::after{ content:"→"; font-size:1.05em; line-height:1; } body.search-results .entry-summary a:hover{ color:var(--nl-gold, #dcc47d) !important; } /* Paginazione */ body.search-results .paging-navigation{ margin-top:8px; } body.search-results .paging-navigation a, body.search-results .paging-navigation .page-numbers{ display:inline-block; padding:9px 16px; border:1px solid rgba(106,164,255,.2); border-radius:8px; color:#fff; text-decoration:none; font-weight:600; background:rgba(2,25,60,.4); transition:border-color .18s ease, color .18s ease; } body.search-results .paging-navigation a:hover{ border-color:var(--nl-gold, #dcc47d); color:var(--nl-gold, #dcc47d); } body.search-results .paging-navigation .page-numbers.current{ background:var(--nl-gold, #dcc47d); border-color:var(--nl-gold, #dcc47d); color:var(--nl-navy-dark, #02326d); } /* ====== Pagina ricerca SENZA risultati ====== */ body.search-no-results .no-results{ max-width:620px; margin:20px auto 12px; } body.search-no-results .no-results .inside-article{ text-align:center; background:rgba(2,25,60,.5); border:1px solid rgba(106,164,255,.16); border-radius:18px; padding:48px 32px 42px; box-shadow:0 6px 18px rgba(0,0,0,.28); } /* Icona lente sopra il titolo */ body.search-no-results .no-results .entry-header::before{ content:""; display:block; width:84px; height:84px; margin:0 auto 22px; border-radius:50%; background:rgba(220,196,125,.12) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dcc47d%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4.3-4.3%22%2F%3E%3C%2Fsvg%3E") center / 40px 40px no-repeat; } body.search-no-results .no-results .entry-title{ color:#fff !important; font-family:"Barlow Condensed", sans-serif; font-weight:800; font-size:clamp(23px,3.6vw,30px) !important; margin:0 0 12px; } body.search-no-results .no-results .entry-content > p{ color:#c7d2e8; font-size:16px; line-height:1.6; max-width:440px; margin:0 auto 26px; } /* Form di ricerca centrato e curato */ body.search-no-results .no-results .search-form{ display:flex; justify-content:center; gap:10px; max-width:460px; margin:0 auto; } body.search-no-results .no-results .search-form label{ flex:1 1 auto; margin:0; } body.search-no-results .no-results .search-field{ width:100%; box-sizing:border-box; padding:13px 16px; border:1px solid rgba(159,182,222,.35); border-radius:10px; font-size:15px; background:rgba(255,255,255,.06); color:#fff; } body.search-no-results .no-results .search-field::placeholder{ color:#8ba2cc; } body.search-no-results .no-results .search-field:focus{ outline:none; border-color:var(--nl-gold, #dcc47d); box-shadow:0 0 0 3px rgba(220,196,125,.25); } body.search-no-results .no-results .search-submit{ flex:0 0 auto; min-width:54px; padding:0 18px; background:var(--nl-gold, #dcc47d); color:var(--nl-navy-dark, #02326d); border:1px solid var(--nl-navy-dark, #02326d); border-radius:10px; cursor:pointer; font-size:17px; display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease, color .2s ease, border-color .2s ease; } body.search-no-results .no-results .search-submit:hover{ background:var(--nl-electric, #1B5CFF); color:#fff; border-color:var(--nl-electric, #1B5CFF); } /* --- Responsive --- */ @media (max-width:900px){ body.search-results .site-main{ grid-template-columns:repeat(2, 1fr); } } @media (max-width:560px){ body.search-results .site-main{ grid-template-columns:1fr; gap:18px; } body.search-results article .inside-article{ padding-bottom:16px; } body.search-results .entry-header, body.search-results .entry-summary{ padding:0 16px !important; } body.search-results .entry-header{ margin-top:16px !important; } } /* ============================================================ Popup di ricerca (GeneratePress search modal) Stesso navy scuro, accessibile (contrasto, focus visibile) ============================================================ */ .search-modal-form{ margin:auto !important; } #gp-search .gp-modal__overlay{ background:rgba(2,10,30,.82) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); padding-top:16vh !important; } #gp-search .gp-modal__container{ width:640px !important; max-width:92% !important; padding:0 !important; } /* Titolo sopra la barra (decorativo; il dialog ha già aria-label e l'input ha la sua label) */ #gp-search .search-modal-form::before{ content:"Cerca nel sito"; display:block; text-align:center; color:#fff; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:22px; margin:0 0 18px; } /* Barra di ricerca */ #gp-search .search-modal-fields{ display:flex !important; width:100% !important; max-width:none !important; background:rgba(10,14,24,.9) !important; border:1px solid rgba(120,164,255,.25) !important; border-radius:14px !important; box-shadow:0 24px 55px -22px rgba(0,0,0,.6) !important; } /* Indicatore di focus visibile sull'intera barra (WCAG 2.4.7) */ #gp-search .search-modal-fields:focus-within{ border-color:var(--nl-gold, #dcc47d) !important; box-shadow:0 0 0 3px rgba(220,196,125,.35), 0 24px 55px -22px rgba(0,0,0,.6) !important; } /* Campo di testo */ #gp-search .search-modal-fields .search-field{ flex:1 1 auto !important; height:62px !important; padding:0 20px !important; border:none !important; background:transparent !important; font-size:17px !important; color:#fff !important; border-radius:14px 0 0 14px !important; box-shadow:none !important; } #gp-search .search-modal-fields .search-field::placeholder{ color:#8ba2cc !important; opacity:1 !important; } #gp-search .search-modal-fields .search-field:focus{ outline:none !important; } /* Pulsante */ #gp-search .search-modal-fields button{ flex:0 0 auto !important; width:66px !important; height:62px !important; background:var(--nl-gold, #dcc47d) !important; color:var(--nl-navy-dark, #02326d) !important; border:none !important; border-radius:0 14px 14px 0 !important; padding:0 !important; cursor:pointer !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; transition:background .2s ease, color .2s ease; } #gp-search .search-modal-fields button:hover{ background:var(--nl-electric, #1B5CFF) !important; color:#fff !important; } #gp-search .search-modal-fields button:focus-visible{ outline:2px solid var(--nl-gold, #dcc47d) !important; outline-offset:-5px !important; } #gp-search .search-modal-fields button .gp-icon, #gp-search .search-modal-fields button svg{ color:inherit !important; fill:currentColor !important; } @media (prefers-reduced-motion: reduce){ #gp-search .search-modal-fields button{ transition:none !important; } } @media screen and (max-width: 600px) { .news-article__intro h1.wp-block-heading, h1.wp-block-heading, h1.page-title{font-size:32px !important} } /* ============================================================ ARCHIVI TAG – LEONESSA BRESCIA (es. /tag/staff/) — usano il loop di default di GeneratePress, non i blocchi Essential già stilizzati altrove. Qui portiamo lo stesso linguaggio visivo del sito: Barlow Condensed, accento oro, card scure con hover. Scoped su .tag SOLO (non .archive generico), per non toccare le pagine di categoria (Staff/Roster) che hanno già il proprio CSS separato. Target: classi native del tema GeneratePress (.page-header, article.hentry, .entry-title, ecc.) ============================================================ */ /* ============ CONTENITORE: margini laterali generosi ============ */ .tag #primary{ max-width:1200px; margin-inline:auto; padding:0 clamp(20px, 4vw, 40px) 40px; box-sizing:border-box; } /* Griglia a 3 colonne da desktop. Puntiamo su .site-main direttamente (sempre presente) invece di un eventuale contenitore "colonne" del tema, che potrebbe non esistere in questo contesto — stesso approccio già usato per la ricerca. Titolo pagina e paginazione restano a piena larghezza (non sono "article", quindi non entrano nella griglia a 3 colonne). */ .tag .site-main{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:stretch; } .tag .site-main > *:not(article){ grid-column:1 / -1; } /* ============ TITOLO PAGINA (Staff / Roster / ecc.) ============ */ .tag .page-header{ margin:32px 0 32px; } .tag .page-header .page-title{ position:relative; margin:0; padding-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:800; font-style:normal; text-transform:uppercase; letter-spacing:.02em; line-height:.95; font-size:clamp(30px, 4vw, 46px); color:#fff; text-shadow:none; } .tag .page-header .page-title::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } /* ============ CARD ARTICOLO ============ */ .tag article.hentry{ position:relative; height:100%; box-sizing:border-box; padding:0 0 24px; border-radius:14px; background:rgba(2,25,60,.5); border:1px solid rgba(106,164,255,.16); box-shadow:0 6px 18px rgba(0,0,0,.28); overflow:hidden; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .tag article.hentry:hover{ transform:translateY(-3px); border-color:rgba(220,196,125,.4); box-shadow:0 14px 28px rgba(0,0,0,.4); } /* Reset totale di eventuali sfondi/bordi/decorazioni di default del tema su tutti gli elementi interni: evita il "doppio sfondo" e la lineetta decorativa che il tema aggiunge di suo ai titoli in vista elenco */ .tag article.hentry *{ background:none !important; border:0 !important; } .tag article.hentry .entry-title::after, .tag article.hentry .entry-header::after, .tag article.hentry .entry-title::before, .tag article.hentry .entry-header::before{ content:none !important; } /* Immagine in evidenza: piena larghezza, angoli superiori arrotondati, stessa proporzione per tutte. Selettore allargato (non solo .post-image) + !important, perché alcuni post hanno una struttura leggermente diversa e le foto verticali non venivano ritagliate come le altre. */ .tag .post-image, .tag article.hentry > a:first-child{ display:block !important; margin:0 !important; border-radius:14px 14px 0 0 !important; overflow:hidden !important; } .tag .post-image img, .tag article.hentry > a:first-child img, .tag article.hentry .inside-article > a:first-child img{ display:block !important; width:100% !important; height:auto !important; max-height:280px; aspect-ratio:16 / 10 !important; object-fit:cover !important; object-position:center top; } .tag .entry-header, .tag .entry-summary{ padding:0 clamp(18px, 3vw, 30px) !important; } .tag .entry-header{ margin-top:20px !important; } /* Titolo articolo */ .tag .entry-title{ margin:0 0 8px; font-family:"Barlow Condensed", sans-serif; font-weight:700; line-height:1.25; font-size:clamp(19px, 2.2vw, 23px); } .tag .entry-title a{ color:#fff; text-decoration:none; transition:color .18s ease; } .tag .entry-title a:hover{ color:var(--nl-gold, #dcc47d); } /* Data */ .tag .entry-meta .posted-on{ display:inline-block; margin-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.06em; font-size:12px; color:var(--nl-muted, #8ba2cc); } .tag .entry-meta .posted-on time{ color:inherit; } /* Se il tema mostra sia data di modifica che di pubblicazione, nascondiamo quella di modifica per non duplicare la data */ .tag .entry-meta .posted-on time.updated{ display:none; } /* Testo anteprima (excerpt) */ .tag .entry-summary p{ margin:0; font-size:15.5px; line-height:1.7; color:#c7d2e8; } .tag .entry-summary .read-more{ display:inline-flex; align-items:center; gap:6px; margin-left:4px; color:var(--nl-azzurro, #6AA4FF); font-weight:600; text-decoration:none; white-space:nowrap; transition:color .18s ease; } .tag .entry-summary .read-more:hover{ color:var(--nl-gold, #dcc47d); } /* Footer meta: pillola categoria */ .tag footer.entry-meta{ margin-top:16px; padding:0 clamp(18px, 3vw, 30px) !important; border:0; } .tag .cat-links{ display:inline-flex; align-items:center; gap:6px; } .tag .cat-links .gp-icon{ display:none; /* icona di default del tema, ridondante con la pillola */ } .tag .cat-links a{ display:inline-block; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:11.5px; color:var(--nl-navy-dark, #02326d) !important; background:var(--nl-azzurro, #6AA4FF) !important; padding:4px 14px; border-radius:999px !important; text-decoration:none; } .tag .entry-meta{display:none !important} /* --- Responsive --- */ @media (max-width:900px){ .tag .site-main{ grid-template-columns:repeat(2, 1fr); } } @media (max-width:768px){ .tag .separate-containers .inside-article, .tag .separate-containers .comments-area, .tag .separate-containers .page-header, .tag .separate-containers .paging-navigation, .tag .one-container .site-content, .tag .inside-page-header {padding:0 5px !important} } @media (max-width:560px){ .tag .site-main{ grid-template-columns:1fr; gap:18px; } .tag article.hentry{ margin-bottom:0; } .tag .entry-summary p{ font-size:14.5px; } } /* ============================================================ ACCREDITAMENTO STAMPA – A2A LEONESSA BRESCIA Scoped su .accreditamento-stampa-hp — da aggiungere come classe CSS aggiuntiva al blocco Gruppo più esterno della pagina (contiene titolo, testo e form). ============================================================ */ .accreditamento-stampa-hp{ max-width:900px; margin-inline:auto; padding:32px 24px 60px; } /* ============ TESTO INTRODUTTIVO / EYEBROW ============ */ .accreditamento-stampa-hp > p:first-of-type{ margin:0 0 6px; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.16em; font-size:13px; color:var(--nl-gold, #dcc47d); } /* ============ TITOLO H1 "Accreditamento stampa" ============ */ .accreditamento-stampa-hp h1{ position:relative; margin:0 0 32px; padding-bottom:14px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; line-height:1.02; font-size:clamp(32px, 4.4vw, 52px); color:#fff; } .accreditamento-stampa-hp h1::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:2px; background:var(--nl-gold, #dcc47d); } /* ============ TITOLO H2 "Modalità di accreditamento" ============ */ .accreditamento-stampa-hp h2{ margin:0 0 20px; font-family:"Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; font-size:22px; color:#fff; padding-bottom:10px; border-bottom:1px solid rgba(106,164,255,.16); } /* Titolo H3 "Dati testata" (dentro il form) */ .accreditamento-stampa-hp h3{ margin:24px 0 14px; padding-top:16px; border-top:1px solid rgba(106,164,255,.16); font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:13px; color:var(--nl-gold, #dcc47d); } /* ============ TESTO / PARAGRAFI ============ */ .accreditamento-stampa-hp p{ margin:0 0 16px; font-family:"Barlow", sans-serif; font-size:15px; line-height:1.7; color:#c7d2e8; } .accreditamento-stampa-hp strong{ color:#fff; font-weight:700; } .accreditamento-stampa-hp ul{ margin:0 0 16px; padding-left:20px; } .accreditamento-stampa-hp ul li{ font-size:15px; line-height:1.7; color:#c7d2e8; margin-bottom:4px; } .accreditamento-stampa-hp a{ color:var(--nl-azzurro, #6AA4FF); text-decoration:underline; } .accreditamento-stampa-hp a:hover{ color:var(--nl-gold, #dcc47d); } /* ============================================================ FORM CONTACT FORM 7 ============================================================ */ .accreditamento-stampa-hp .wpcf7-form{ margin-top:32px; padding:28px clamp(20px, 3vw, 32px); border-radius:16px; background:rgba(2,25,60,.55); border:1px solid rgba(106,164,255,.18); box-shadow:0 6px 20px rgba(0,0,0,.3); } /* Campi affiancati (Nome/Cognome, Email/Telefono, ecc.) */ .accreditamento-stampa-hp .fields-row{ display:flex; gap:14px; flex-wrap:wrap; } .accreditamento-stampa-hp .fields-row .mc-field-group{ flex:1 1 0; min-width:150px; } .accreditamento-stampa-hp .mc-field-group{ margin-bottom:16px; } .accreditamento-stampa-hp .mc-field-group label{ display:block; margin-bottom:6px; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.03em; font-size:12px; color:#fff; } .accreditamento-stampa-hp input[type="text"], .accreditamento-stampa-hp input[type="email"], .accreditamento-stampa-hp input[type="tel"], .accreditamento-stampa-hp input[type="date"], .accreditamento-stampa-hp select, .accreditamento-stampa-hp textarea{ width:100%; padding:11px 14px; font-family:"Barlow", sans-serif; font-size:14.5px; color:#fff; background:rgba(255,255,255,.06); border:1px solid rgba(159,182,222,.35); border-radius:8px; outline:none; box-sizing:border-box; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; } .accreditamento-stampa-hp textarea{ min-height:90px; resize:vertical; } .accreditamento-stampa-hp select{ cursor:pointer; } .accreditamento-stampa-hp input::placeholder, .accreditamento-stampa-hp textarea::placeholder{ color:#8ba2cc; } .accreditamento-stampa-hp input:focus, .accreditamento-stampa-hp select:focus, .accreditamento-stampa-hp textarea:focus{ border-color:var(--nl-gold, #dcc47d); background:rgba(255,255,255,.09); box-shadow:0 0 0 3px rgba(220,196,125,.2); } /* Radio "Necessità di postazione in tribuna" (Sì/No) */ .accreditamento-stampa-hp .wpcf7-radio{ display:flex; gap:10px; } .accreditamento-stampa-hp .wpcf7-list-item{ margin:0; } .accreditamento-stampa-hp .wpcf7-list-item label{ display:inline-flex; align-items:center; gap:7px; padding:9px 18px; border-radius:8px; background:rgba(255,255,255,.06); border:1px solid rgba(159,182,222,.35); font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.02em; font-size:13px; color:#c7d2e8; cursor:pointer; transition:border-color .18s ease, background .18s ease, color .18s ease; } .accreditamento-stampa-hp .wpcf7-list-item input[type="radio"]{ accent-color:var(--nl-gold, #dcc47d); cursor:pointer; } .accreditamento-stampa-hp .wpcf7-list-item:has(input[type="radio"]:checked) label{ border-color:var(--nl-gold, #dcc47d); background:rgba(220,196,125,.12); color:#fff; } /* Privacy / consenso */ .accreditamento-stampa-hp .accreditamento-stampa-hp__privacy, .accreditamento-stampa-hp .wpcf7-acceptance{ display:flex; align-items:flex-start; gap:8px; margin-top:6px; padding-top:14px; border-top:1px solid rgba(106,164,255,.14); } .accreditamento-stampa-hp .wpcf7-acceptance .wpcf7-list-item{ margin:0; } .accreditamento-stampa-hp .wpcf7-acceptance label{ display:flex; align-items:flex-start; gap:8px; font-size:12.5px; font-weight:400; text-transform:none; letter-spacing:normal; color:var(--nl-muted, #8ba2cc); line-height:1.5; } .accreditamento-stampa-hp .wpcf7-acceptance input[type="checkbox"]{ margin-top:2px; width:16px; height:16px; accent-color:var(--nl-gold, #dcc47d); cursor:pointer; flex:0 0 auto; } /* Bottone invio */ .accreditamento-stampa-hp input[type="submit"], .accreditamento-stampa-hp .wpcf7-submit{ margin-top:18px; padding:13px 28px; width:100%; font-family:"Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:15px; color:var(--nl-navy-dark, #02326d); background:var(--nl-gold, #dcc47d); border:1px solid var(--nl-navy-dark, #02326d); border-radius:10px; cursor:pointer; transition:background .18s ease, color .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease; } .accreditamento-stampa-hp input[type="submit"]:hover{ background:var(--nl-electric, #1B5CFF); color:#fff; border-color:var(--nl-electric, #1B5CFF); box-shadow:0 8px 22px rgba(27,92,255,.35); transform:translateY(-2px); } /* Messaggi di risposta CF7 */ .accreditamento-stampa-hp .wpcf7-response-output{ margin-top:14px !important; padding:10px 14px !important; border-radius:8px; font-size:13px; } .accreditamento-stampa-hp .wpcf7-not-valid-tip{ color:#ff9d94; font-size:12px; margin-top:4px; } /* Il plugin Cloudflare Turnstile inserisce il widget in automatico (spesso in cima al form) — non possiamo controllarne la posizione nel codice HTML. Soluzione robusta: rendiamo il form un contenitore flex e forziamo l'ORDINE VISIVO di ogni elemento, così il widget finisce in fondo indipendentemente da dove il plugin lo piazza davvero nel markup. */ .accreditamento-stampa-hp form.wpcf7-form{ display:flex; flex-direction:column; } .accreditamento-stampa-hp form.wpcf7-form > *{ order:1; } .accreditamento-stampa-hp form.wpcf7-form .cf-turnstile, .accreditamento-stampa-hp form.wpcf7-form [class*="turnstile"]{ order:8; margin:16px 0 0; } .accreditamento-stampa-hp form.wpcf7-form input[type="submit"], .accreditamento-stampa-hp form.wpcf7-form .wpcf7-submit{ order:9; } /* --- Responsive --- */ @media (max-width:600px){ .accreditamento-stampa-hp{ padding:24px 16px 44px; } .accreditamento-stampa-hp .fields-row{ flex-direction:column; } }