/* f2-custom */
:root{
--f2-blue: #d8333a;
--f2-blue-decor: #eb9498;
--f2-ease: cubic-bezier(.16,1,.3,1);
--f2-shadow: 0 18px 36px -22px rgba(15,15,40,.30);
}
:root{
--f2-acc: #d8333a;
--f2-acc-scuro: #af2127;
--f2-acc-tenue: #fcf0f1;
--f2-acc-bordo: #f6d2d4;
}
#main-container{
--f2-acc: #d8333a;
--f2-acc-scuro: #af2127;
--f2-acc-tenue: #fcf0f1;
--f2-acc-bordo: #f6d2d4;
}
#main-container.greendark{
--f2-acc: #0e865c;
--f2-acc-scuro: #0a6847;
--f2-acc-tenue: #f4f9f7;
--f2-acc-bordo: #cee6de;
}
#main-container.redbrown{
--f2-acc: #d8333a;
--f2-acc-scuro: #af2127;
--f2-acc-tenue: #fcf0f1;
--f2-acc-bordo: #f6d2d4;
}
#main-container.purplelight{
--f2-acc: #b21dd0;
--f2-acc-scuro: #8c17a3;
--f2-acc-tenue: #fbf4fc;
--f2-acc-bordo: #efd1f5;
}
#main-container.bluelectric{
--f2-acc: #0d00ff;
--f2-acc-scuro: #0a00c6;
--f2-acc-tenue: #f4f3ff;
--f2-acc-bordo: #ceccff;
}
#main-container.petrol{
--f2-acc: #51758d;
--f2-acc-scuro: #3f5b6e;
--f2-acc-tenue: #f5f7f9;
--f2-acc-bordo: #d6dfe6;
}
[class*="gradient"]{ background-image: none !important; }
.bg-petrol,
.footer-wrapper{ background-color: var(--f2-blue) !important; }
#main-header .logo-header svg{ fill: var(--f2-blue); }
#main-header .logo-header p.h1,
#main-header .logo-header .h1{ color: #1b1b2b; }
:root{
--f2-petrol: #51758d;
}
.bg-petrolgradient{ background-color: var(--f2-petrol) !important; }
.section-hero-left.bg-redbrown,
.main-container.redbrown .section-hero-left{ background: var(--f2-blue) !important; }
.section-hero-left .decoration-01 svg path,
.section-hero-left .decoration-02 svg path{ fill: var(--f2-blue-decor) !important; }
.section-hero-left .hero-img{ background-color: transparent !important; }
.main-container .btn-outline-purplelight{
color: #fff; background-color: #b21dd0;
box-shadow: inset 0 0 0 1px #b21dd0;
}
.main-container .btn-outline-petrol{
color: #fff; background-color: #51758d;
box-shadow: inset 0 0 0 1px #51758d;
}
.main-container .btn-outline-bluelectric{
color: #fff; background-color: #0d00ff;
box-shadow: inset 0 0 0 1px #0d00ff;
}
.main-container .btn-outline-purplelight:hover,
.main-container .btn-outline-purplelight:focus-visible,
.main-container .btn-outline-petrol:hover,
.main-container .btn-outline-petrol:focus-visible,
.main-container .btn-outline-bluelectric:hover,
.main-container .btn-outline-bluelectric:focus-visible{
color: #fff; filter: brightness(.86);
}
.main-container .btn-outline-purplelight:focus-visible{ box-shadow: inset 0 0 0 1px #b21dd0, 0 0 0 .2rem rgba(178,29,208,.5); }
.main-container .btn-outline-petrol:focus-visible{ box-shadow: inset 0 0 0 1px #51758d, 0 0 0 .2rem rgba(81,117,141,.5); }
.main-container .btn-outline-bluelectric:focus-visible{ box-shadow: inset 0 0 0 1px #0d00ff, 0 0 0 .2rem rgba(13,0,255,.5); }
:root{
--f2-ease-ui: cubic-bezier(.2,.6,.35,1);
--f2-shadow-card: 0 2px 7px rgba(15,15,40,.18), 0 18px 32px -12px rgba(15,15,40,.30);
}
.main-container .card,
section.section .card{
position: relative;
transition: transform .24s var(--f2-ease-ui), box-shadow .24s var(--f2-ease-ui);
}
.main-container .card:has(a[href])::before,
section.section .card:has(a[href])::before{
content: ""; position: absolute; inset: 0; z-index: 3;
border-radius: inherit; pointer-events: none;
box-shadow: inset 0 0 0 1px var(--f2-acc-scheda, var(--f2-acc));
opacity: 0; transition: opacity .24s var(--f2-ease-ui);
}
.main-container .card:has(a[href]):focus-within,
section.section .card:has(a[href]):focus-within{
transform: translateY(-6px); box-shadow: var(--f2-shadow-card);
}
.main-container .card:has(a[href]):focus-within::before,
section.section .card:has(a[href]):focus-within::before{ opacity: .38; }
@media (hover: hover) and (pointer: fine){
.main-container .card:has(a[href]):hover{
transform: translateY(-6px); box-shadow: var(--f2-shadow-card);
}
.main-container .card:has(a[href]):hover::before{ opacity: .38; }
}
.main-container .card:has(a[href]):active,
section.section .card:has(a[href]):active{
transform: translateY(-2px);
box-shadow: 0 2px 6px rgba(15,15,40,.16), 0 6px 14px -4px rgba(15,15,40,.22);
transition-duration: .09s;
}
@media (hover: none){
.main-container .card:has(a[href]):active::before{ opacity: .38; }
}
.main-container .card .card-body h3 > a[href]::after,
section.section .card .card-body h3 > a[href]::after,
.main-container .card a.project-card-title::after,
section.section .card a.project-card-title::after{
content: ""; position: absolute; inset: 0; z-index: 1;
border-radius: inherit; cursor: pointer;
}
html.f2-js .main-container .card .card-body h3 > a[href]::after,
html.f2-js .main-container .card a.project-card-title::after{ pointer-events: none; }
html.f2-js .main-container .card:has(.card-body h3 > a[href]),
html.f2-js .main-container .card:has(a.project-card-title){ cursor: pointer; }
.main-container .card a[href],
section.section .card a[href],
.main-container .card button,
section.section .card button{ position: relative; z-index: 2; }
.main-container .card .card-body h3 > a[href],
section.section .card .card-body h3 > a[href],
.main-container .card a.project-card-title,
section.section .card a.project-card-title{ position: static; z-index: auto; }
.main-container .card-content a,
section.section .card-content a,
.main-container .card-title a,
section.section .card-title a{ transition: color .2s ease; }
.main-container .card:hover .card-content a,
section.section .card:hover .card-content a,
.main-container .card:focus-within .card-content a,
section.section .card:focus-within .card-content a,
.main-container .card:hover .card-title a,
section.section .card:hover .card-title a,
.main-container .card:focus-within .card-title a,
section.section .card:focus-within .card-title a{ color: var(--f2-acc-scheda, var(--f2-acc)); }
.main-container .card-noicon .card-icon-content,
section.section .card-noicon .card-icon-content,
.main-container .card-icon-main .card-icon-content,
section.section .card-icon-main .card-icon-content{ transition: color .2s ease; }
.main-container .card-noicon:hover .card-icon-content,
section.section .card-noicon:hover .card-icon-content,
.main-container .card-noicon:focus-within .card-icon-content,
section.section .card-noicon:focus-within .card-icon-content,
.main-container .card-icon-main:hover .card-icon-content,
section.section .card-icon-main:hover .card-icon-content,
.main-container .card-icon-main:focus-within .card-icon-content,
section.section .card-icon-main:focus-within .card-icon-content{ color: var(--f2-acc-scheda, var(--f2-acc)); }
.cbp-spmenu,
.cbp-spmenu-vertical{ width: min(320px, 100vw); }
@media (max-width: 575.98px){
.big-quote h2, .big-quote .h2, .big-quote .h3{ font-size: clamp(22px, 7.2vw, 34px); line-height: 1.2; }
.title-content h1, .title-content h1.h2{ font-size: clamp(24px, 8vw, 36px); line-height: 1.15; }
.hero-title p.h4, .hero-title h2.h4{ font-size: clamp(16px, 4.6vw, 21px); }
}
.big-quote h2, .big-quote .h3, .big-quote p,
.main-container h1, .main-container h2, .main-container h3,
section.section h1, section.section h2, section.section h3{
overflow-wrap: break-word;
}
.cbp-spmenu-vertical a,
.cbp-spmenu-vertical label{ white-space: normal; overflow-wrap: anywhere; }
.cbp-spmenu-vertical{ overflow-y: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 992px) and (max-width: 1399.98px){
.responsive-tabs-wrapper .tabs-img{ left: 0; }
}
.logo-header .h1 span,
.logo-header p.h1 span,
.logo-header span.h1 span{ font-size: max(0.75rem, 1em); }
a.read-more,
a.text-underline-hover,
.main-container dt > a,
#footer-wrapper dt > a,
.f2pdfdoc-open, .f2pdfdoc-dl, .f2pdfdoc-listen,
.f2-card-locate, .f2ra-btn{
display: inline-flex; align-items: center; min-height: 24px;
}
.f2cl-cella .f2cl-festa,
.f2cl-giorno .f2cl-festa,
.f2-card-body .f2-card-badge,
.f2cl-festa, .f2-card-badge{ font-size: max(12px, 0.72rem); }
.splide .splide__pagination{
display: flex; gap: 6px; flex-wrap: nowrap;
padding: 0; margin: 1rem auto 0; max-width: 260px; list-style: none;
}
.splide .splide__pagination li{ flex: 1 1 0; display: block; margin: 0; }
.splide .splide__pagination .splide__pagination__page{
display: block; width: 100%; height: 3px; margin: 0;
border: 0; border-radius: 2px; opacity: 1; transform: none;
background: #d9dadb;
transition: background-color .24s var(--f2-ease-ui);
}
.splide .splide__pagination .splide__pagination__page.is-active{
background: var(--f2-acc); transform: none;
}
@media (hover: hover) and (pointer: fine){
.splide .splide__pagination .splide__pagination__page:hover{ background: var(--f2-acc-scuro, var(--f2-acc)); }
}
.splide .splide__pagination .splide__pagination__page{ position: relative; }
.splide .splide__pagination .splide__pagination__page::after{
content: ""; position: absolute; left: 0; right: 0; top: -11px; bottom: -11px;
}
.splide .splide__pagination .splide__pagination__page:focus-visible{
outline: 2px solid var(--f2-acc); outline-offset: 4px;
}
#main-header .col-8 > a[href],
.it-header-slim-wrapper .col-8 > a[href]{
display: inline-flex; align-items: center; min-height: 24px;
}
.splide .splide__track,
.carousel-notice .splide__track,
.it-carousel-wrapper .splide__track{
padding-top: 30px; margin-top: -30px;
padding-bottom: 46px; margin-bottom: -14px;
}
.main-container .card .card-body h3 > a,
section.section .card .card-body h3 > a,
.main-container .card a.project-card-title,
section.section .card a.project-card-title{
text-decoration: underline;
text-decoration-color: transparent;
text-decoration-thickness: 1px;
text-underline-offset: .19em;
transition: color .22s var(--f2-ease-ui), text-decoration-color .22s var(--f2-ease-ui);
}
.main-container .card:hover .card-body h3 > a,
section.section .card:hover .card-body h3 > a,
.main-container .card:focus-within .card-body h3 > a,
section.section .card:focus-within .card-body h3 > a,
.main-container .card:hover a.project-card-title,
section.section .card:hover a.project-card-title,
.main-container .card:focus-within a.project-card-title,
section.section .card:focus-within a.project-card-title{ text-decoration-color: currentColor; }
.main-container .card:has(a[href]:focus-visible),
section.section .card:has(a[href]:focus-visible){
outline: 2px solid var(--f2-acc-scheda, var(--f2-acc)); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
.main-container .card:has(a[href]):hover,
.main-container .card:has(a[href]):focus-within,
.main-container .card:has(a[href]):active{ transform: none; }
}
.main-container .card-icon .icon.svg-marker-simple,
section.section .card-icon .icon.svg-marker-simple{ fill: var(--f2-acc); transition: transform .3s var(--f2-ease); }
.main-container .card-icon:hover .icon.svg-marker-simple,
section.section .card-icon:hover .icon.svg-marker-simple{ transform: translateY(-2px); }
.main-container .card-vertical-thumb .card-comments-wrapper,
section.section .card-vertical-thumb .card-comments-wrapper{ display:none !important; }
.main-container .card-vertical-thumb .card-thumb,
section.section .card-vertical-thumb .card-thumb{ overflow:hidden; }
.main-container .card-vertical-thumb .card-thumb img,
section.section .card-vertical-thumb .card-thumb img{ transition: transform .5s var(--f2-ease-ui); }
@media (hover: hover) and (pointer: fine){
.main-container .card-vertical-thumb:hover .card-thumb img{ will-change: transform; }
}
.main-container .card-vertical-thumb:hover .card-thumb img,
section.section .card-vertical-thumb:hover .card-thumb img{ transform: scale(1.04); }
.header-social:not(:has(a)){ display: none !important; }
.btn{
transition: transform .22s var(--f2-ease), box-shadow .22s var(--f2-ease),
background-color .2s ease, color .2s ease, border-color .2s ease,
filter .2s ease;
}
.btn:active{ transform: scale(.98); }
.main-container .btn:not([class*="outline"]):hover,
.main-container .btn:not([class*="outline"]):focus-visible{ filter: brightness(.86); }
.btn-outline-secondary:hover,
.btn-outline-secondary:focus{ color:#fff !important; background-color:#5c6f82 !important; }
.btn-primary{ background-color:#d8333a !important; border-color:#d8333a !important; color:#fff !important; }
.btn-outline-primary:hover,
.btn-outline-primary:focus{
color:#fff !important; background-color:#d8333a !important;
border-color:#d8333a !important;
}
.article-wrapper .f2-ics-add{
margin: 0;
padding-top: 2rem;
border-top: 1px solid #e3e7eb;
margin-bottom: 2rem;
}
@media (max-width: 575.98px){
.article-wrapper .f2-ics-add .btn{ display:block; width:100%; text-align:center; }
}
.main-container .row > [class*="col-"]:has(> .badges-wrapper.badges-main){
display: flex;
flex-wrap: wrap;
align-items: flex-start;
column-gap: .5rem;
row-gap: 1.25rem;
}
.main-container .row > [class*="col-"]:has(> .badges-wrapper.badges-main) > .actions-wrapper{
flex: 0 0 100%;
}
.main-container .row > [class*="col-"]:has(> .badges-wrapper.badges-main) > .badges-wrapper.badges-main{
flex: 0 1 auto;
margin-top: 0 !important;
min-width: 0;
}
.main-container .row > [class*="col-"]:has(> .badges-wrapper.badges-main) > .badges-wrapper.badges-main:has(.card-avatar){
min-width: 15rem;
}
.badges-wrapper.badges-main > h2,
.badges-wrapper.badges-main > h3{ margin-bottom: .4rem; }
.badges-wrapper.badges-main .badge{ white-space: normal; }
.home .section-hero-left .hero-title h1,
.home .section-hero-left .hero-title .h1{
font-size: clamp(2.9rem, 5.5vw, 4.5rem);
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.04;
}
#main-header.is-sticky .nav-list-secondary{ display: none !important; }
.sticky-main-nav .menu-dropdown-simple::after,
.sticky-main-nav .menu-dropdown-megamenu::after{
content: ''; position: absolute; left: 0; right: 0; top: -18px; height: 18px;
}
@media (prefers-reduced-motion: no-preference){
.section-hero-left .decoration-01{ animation: f2spin 120s linear infinite; transform-origin:50% 50%; }
.section-hero-left .decoration-02{ animation: f2float 7s ease-in-out infinite alternate; }
@keyframes f2spin{ from{transform:rotate(0)} to{transform:rotate(360deg)} }
@keyframes f2float{ from{transform:translateY(0)} to{transform:translateY(-9px)} }
}
@media (prefers-reduced-motion: reduce){
.main-container *,
#main-header #sub-nav,
#main-header .header-top,
#main-header .logo-header svg,
#main-header .logo-header .h1,
#main-header .logo-header h1,
.section-hero-left .decoration-01,
.section-hero-left .decoration-02{ transition:none !important; animation:none !important; }
.main-container .card-vertical-thumb .card-thumb img{ transition:none !important; transform:none !important; }
}
.main-container .card-thumb img,
section.section .card-thumb img{ aspect-ratio:190/290; width:100%; height:auto; }
.carousel-notice .banner figure img{ aspect-ratio:469/250; width:100%; height:auto; }
@media print {
#main-header, .it-header-slim-wrapper, .cookiebar, #cookiebar,
.skiplinks, #skiplinks, .back-to-top, #torna-su,
.footer-social, .header-social, .it-carousel-wrapper .splide__arrows,
.splide__pagination, .sharethis-inline-share-buttons, .no-print,
.section-hero-left .decoration-01, .section-hero-left .decoration-02 { display: none !important; }
html, body { background: #fff !important; color: #000 !important; }
body { font-size: 12pt; line-height: 1.5; }
*, *::before, *::after { background: transparent !important; color: #000 !important;
box-shadow: none !important; text-shadow: none !important; }
.main-container, .container, .section { padding: 0 !important; margin: 0 auto !important; }
.card, .section, figure, table, .accordion-large, .accordion-large-content, li { page-break-inside: avoid; }
h1, h2, h3, h4 { page-break-after: avoid; }
img { max-width: 100% !important; height: auto !important; }
a { text-decoration: underline; }
.main-container a[href^="http"]:not(.btn):not([href*="formigine2.thevincenzolambiase"]):not([href*="ddformigine2"])::after {
content: " [" attr(href) "]"; font-size: 9pt; word-break: break-all;
}
}
.section-hero-left .btn-white{
background:#fff; color:var(--f2-blue); box-shadow:none;
transition: transform .22s var(--f2-ease), box-shadow .22s var(--f2-ease), background-color .2s ease, color .2s ease;
}
.section-hero-left .btn-white:hover,
.section-hero-left .btn-white:focus{
background-color:var(--f2-blue); color:#fff;
box-shadow: inset 0 0 0 1px #fff, 0 12px 26px -14px rgba(60,0,0,.55);
}
.section-hero-left .f2-hero-btn{
padding: .62rem 1.4rem; font-size: 1.02rem; line-height: 1.2;
}
.section-hero-left .f2-hero-btn + .f2-hero-btn{ margin-left: 1.1rem; }
@media (max-width: 575.98px){
.section-hero-left .f2-hero-btn + .f2-hero-btn{ margin-left: 0; }
}
.section-hero-left .btn-outline-white{
color:#fff; background:transparent; box-shadow: inset 0 0 0 1px #fff;
transition: transform .22s var(--f2-ease), box-shadow .22s var(--f2-ease), background-color .2s ease, color .2s ease;
}
.section-hero-left .btn-outline-white:hover,
.section-hero-left .btn-outline-white:focus{
background-color:#fff; color:var(--f2-blue);
box-shadow: inset 0 0 0 1px #fff, 0 12px 26px -14px rgba(60,0,0,.55);
}
.main-container .card-thumb img,
section.section .card-thumb img{ object-fit: cover; }
.article-title .title-img,
.title-img{
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.f2-step-list { margin: .2rem 0 0; padding-left: 1.2rem; }
.f2-step-list li { margin-bottom: .35rem; line-height: 1.55; }
.f2-quick-tutto{ margin:1.1rem 0 0; font-size:.92rem; }
.f2-quick-tutto a{ color:var(--f2-blue,#d8333a); font-weight:600; }
#pre-header .f2-accesso-header,
#pre-header .f2-accesso-header:visited { color: #fff; display: flex; align-items: center; }
#pre-header .f2-accesso-header:hover,
#pre-header .f2-accesso-header:focus { color: #fff; text-decoration: underline; }
#pre-header .f2-accesso-header .icon-wrapper { min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; }
.f2-pnrr-intro{ overflow:hidden; }
.f2-pnrr-emblema{ float:left; width:120px; height:auto; margin:0 1rem .5rem 0; }
.f2-pnrr-nota{ color:#5c6f82; font-size:.92rem; }
@media (max-width:575.98px){
.f2-pnrr-emblema{ float:none; display:block; margin:0 0 .75rem; }
}
#main-container a:not(.btn){ transition: color .18s ease; }
#main-container a:not(.btn):hover,
#main-container a:not(.btn):focus-visible{ color: var(--f2-acc-scuro, #af2127); }
body.f2-sez-novita #main-container{ --f2-acc:#0e865c; --f2-acc-scuro:#0a6847; --f2-acc-tenue:#f4f9f7; --f2-acc-bordo:#cee6de; }
body.f2-sez-didattica #main-container{ --f2-acc:#0d00ff; --f2-acc-scuro:#0a00c6; --f2-acc-tenue:#f4f3ff; --f2-acc-bordo:#ceccff; }
body.f2-sez-scuola #main-container{ --f2-acc:#d8333a; --f2-acc-scuro:#af2127; --f2-acc-tenue:#fcf0f1; --f2-acc-bordo:#f6d2d4; }
body.f2-sez-servizi #main-container{ --f2-acc:#b21dd0; --f2-acc-scuro:#8c17a3; --f2-acc-tenue:#fbf4fc; --f2-acc-bordo:#efd1f5; }
body.f2-sez-argomenti #main-container{ --f2-acc:#51758d; --f2-acc-scuro:#3f5b6e; --f2-acc-tenue:#f5f7f9; --f2-acc-bordo:#d6dfe6; }
#main-container .bg-redbrown a:not(.btn):hover,
#main-container .bg-purplelight a:not(.btn):hover,
#main-container .bg-bluelectric a:not(.btn):hover,
#main-container .bg-greendark a:not(.btn):hover,
#main-container .bg-petrol a:not(.btn):hover,
#main-container [class*="gradient"] a:not(.btn):hover,
#main-container .bg-redbrown a:not(.btn):focus-visible,
#main-container .bg-purplelight a:not(.btn):focus-visible,
#main-container .bg-bluelectric a:not(.btn):focus-visible,
#main-container .bg-greendark a:not(.btn):focus-visible,
#main-container .bg-petrol a:not(.btn):focus-visible,
#main-container [class*="gradient"] a:not(.btn):focus-visible{ color:#fff; }
#main-container .bg-redbrown .card a:not(.btn):hover,
#main-container .bg-purplelight .card a:not(.btn):hover,
#main-container .bg-bluelectric .card a:not(.btn):hover,
#main-container .bg-greendark .card a:not(.btn):hover,
#main-container .bg-petrol .card a:not(.btn):hover,
#main-container [class*="gradient"] .card a:not(.btn):hover,
#main-container .bg-redbrown .card a:not(.btn):focus-visible,
#main-container .bg-purplelight .card a:not(.btn):focus-visible,
#main-container .bg-bluelectric .card a:not(.btn):focus-visible,
#main-container .bg-greendark .card a:not(.btn):focus-visible,
#main-container .bg-petrol .card a:not(.btn):focus-visible,
#main-container [class*="gradient"] .card a:not(.btn):focus-visible{ color: var(--f2-acc-scuro, #af2127); }
.f2-hz-novita{ --f2-acc:#0e865c; --f2-acc-scuro:#0a6847; --f2-acc-tenue:#f4f9f7; --f2-acc-bordo:#cee6de; }
.f2-hz-didattica{ --f2-acc:#0d00ff; --f2-acc-scuro:#0a00c6; --f2-acc-tenue:#f4f3ff; --f2-acc-bordo:#ceccff; }
.f2-hz-scuola{ --f2-acc:#d8333a; --f2-acc-scuro:#af2127; --f2-acc-tenue:#fcf0f1; --f2-acc-bordo:#f6d2d4; }
.f2-hz-servizi{ --f2-acc:#b21dd0; --f2-acc-scuro:#8c17a3; --f2-acc-tenue:#fbf4fc; --f2-acc-bordo:#efd1f5; }
.f2-hz-argomenti{ --f2-acc:#51758d; --f2-acc-scuro:#3f5b6e; --f2-acc-tenue:#f5f7f9; --f2-acc-bordo:#d6dfe6; }
.f2-foto-16-10 { position: relative; display: block; background: #eef0f2; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 4px; }
.f2-foto-16-10 img, .f2-foto-vuota {
position: absolute; inset: 0; display: block;
width: 100% !important; height: 100% !important; max-width: none;
object-fit: cover; object-position: center;
transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}
.card:hover .f2-foto-16-10 img, .card:focus-within .f2-foto-16-10 img { transform: scale(1.04); }
.f2-foto-vuota { background: repeating-linear-gradient(135deg, #eef0f2 0 10px, #f5f6f7 10px 20px); }
@media (prefers-reduced-motion: reduce) { .f2-foto-16-10 img { transition: none; } }
.section-hero-left .f2-hero-privacy { margin: 14px 0 0; }
.section-hero-left .f2-hero-privacy .btn { padding: 4px 14px; font-size: 14px; line-height: 1.5; font-weight: 600; border-width: 1px; }
.f2fam .f2fam-intro p:last-child { margin-bottom: 0; }
.f2fam-date { list-style: none; margin: 0; padding: 0; max-width: 60ch; }
.f2fam-data { display: flex; gap: 18px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid #d9dadb; }
.f2fam-data time { flex: 0 0 11ch; font-weight: 700; color: #17324d; }
.f2fam-data a { font-weight: 600; }
.f2fam-data--chiusa time { color: #d8333a; }
.f2fam-data small { color: #5c6f82; margin-left: 6px; }
#sub-nav ul.nav-list > li.f2-fam-voce a,
.sticky-main-nav ul.nav-list > li.f2-fam-voce a { color: #51758d; }
.nav-list-mobile .nav-list-primary > li.f2-fam-voce > a,
.nav-list-mobile .nav-list-primary > li.f2-fam-voce .dl-back a { color: #51758d; }
.f2fam .row > [class*="col-"].d-flex > .card { width: 100%; height: 100%; margin-bottom: 0; }
.f2fam .row > [class*="col-"].d-flex > .card > a { display: block; height: 100%; }
.f2fam .row > [class*="col-"].d-flex > .card .card-body { height: 100%; }
.f2fam .f2serv-card .card-icon-content p { margin-bottom: 6px; }
.f2fam .f2serv-card .card-icon-content small { display: block; color: #5c6f82; line-height: 1.45; }
.f2str-card .card-icon-content p { margin-bottom: 6px; }
.f2str-card .card-icon-content small { display: block; color: #5c6f82; line-height: 1.45; }
.f2nv-categorie { margin: -4px 0 18px; font-size: .95rem; line-height: 2.1; }
.f2nv-cat { display: inline-block; margin-right: 10px; padding: 2px 12px; border: 1px solid #b1b7bd;
border-radius: 16px; text-decoration: none; color: #17324d; min-height: 24px; }
.f2nv-cat:hover, .f2nv-cat:focus { background: #f2f7fc; border-color: #17324d; text-decoration: underline; }
.f2nv-cat-n { color: #5c6f82; font-weight: 600; }
.f2fam-porta {
width: 100%;
padding: 22px 24px 20px;
background: #fff;
border: 1px solid #e3e4e6;
border-left: 4px solid var(--f2-acc, #51758d);
}
.f2fam-porta-occhiello {
margin: 0 0 6px;
font-size: .78rem;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--f2-acc-scuro, #3f5b6e);
}
.f2fam-porta-titolo {
margin: 0 0 8px;
font-size: 1.25rem;
line-height: 1.3;
}
.f2fam-porta-titolo a {
color: #17324d;
text-decoration: none;
}
.f2fam-porta-titolo a:hover,
.f2fam-porta-titolo a:focus-visible {
text-decoration: underline;
}
.f2fam-porta-titolo a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 2px 9px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .22s var(--f2-ease, ease);
}
.f2fam-porta-titolo a:hover::after {
transform: rotate(45deg) translate(2px, -2px);
}
.f2fam-porta-riga {
margin: 0 0 14px;
color: #5c6f82;
line-height: 1.5;
}
.f2fam-porta-rapidi {
display: flex;
flex-wrap: wrap;
gap: 2px 16px;
margin: 0;
padding: 0;
list-style: none;
}
.f2fam-porta-rapidi a {
display: inline-block;
min-height: 24px;
padding: 2px 0;
font-size: .95rem;
font-weight: 600;
line-height: 1.5;
}
@media (prefers-reduced-motion: reduce) {
.f2fam-porta-titolo a::after { transition: none; }
.f2fam-porta-titolo a:hover::after { transform: rotate(45deg); }
}
/* f2-rosso-unico */
:root{--pink:#ffb9bc;--red:#fe3d45;--danger:#d8333a}
.complementary-1-bg{background-color:#fe3d45!important}
.complementary-1-border-color-,.complementary-1-border-color-.border{border-color:#fe3d45!important}
.complementary-1-bg-a2{background-color:#f7d4d6!important}
.complementary-1-color-a2{color:#f7d4d6!important}
.complementary-1-border-color-a2,.complementary-1-border-color-a2.border{border-color:#f7d4d6!important}
.complementary-1-bg-a3{background-color:#efa6aa!important}
.complementary-1-color-a3{color:#efa6aa!important}
.complementary-1-border-color-a3,.complementary-1-border-color-a3.border{border-color:#efa6aa!important}
.complementary-1-bg-a4{background-color:#e57c81!important}
.complementary-1-color-a4{color:#e57c81!important}
.complementary-1-border-color-a4,.complementary-1-border-color-a4.border{border-color:#e57c81!important}
.complementary-1-bg-a5{background-color:#dc565b!important}
.complementary-1-color-a5{color:#dc565b!important}
.complementary-1-border-color-a5,.complementary-1-border-color-a5.border{border-color:#dc565b!important}
.complementary-1-bg-a6{background-color:#d8333a!important}
.complementary-1-color-a6{color:#d8333a!important}
.complementary-1-border-color-a6,.complementary-1-border-color-a6.border{border-color:#d8333a!important}
.complementary-1-bg-a7{background-color:#bd292f!important}
.complementary-1-color-a7{color:#bd292f!important}
.complementary-1-border-color-a7,.complementary-1-border-color-a7.border{border-color:#bd292f!important}
.complementary-1-bg-a8{background-color:#a22327!important}
.complementary-1-color-a8{color:#a22327!important}
.complementary-1-border-color-a8,.complementary-1-border-color-a8.border{border-color:#a22327!important}
.complementary-1-bg-a9{background-color:#891d21!important}
.complementary-1-color-a9{color:#891d21!important}
.complementary-1-border-color-a9,.complementary-1-border-color-a9.border{border-color:#891d21!important}
.complementary-1-bg-a10{background-color:#6e181b!important}
.complementary-1-color-a10{color:#6e181b!important}
.complementary-1-border-color-a10,.complementary-1-border-color-a10.border{border-color:#6e181b!important}
.complementary-1-bg-a11{background-color:#541215!important}
.complementary-1-color-a11{color:#541215!important}
.complementary-1-border-color-a11,.complementary-1-border-color-a11.border{border-color:#541215!important}
.complementary-1-bg-a12{background-color:#390d0e!important}
.complementary-1-color-a12{color:#390d0e!important}
.complementary-1-border-color-a12,.complementary-1-border-color-a12.border{border-color:#390d0e!important}
.complementary-1-bg-b1{background-color:#fe3d45!important}
.complementary-1-color-b1{color:#fe3d45!important}
.complementary-1-border-color-b1,.complementary-1-border-color-b1.border{border-color:#fe3d45!important}
.complementary-1-bg-b2{background-color:#e44e53!important}
.complementary-1-color-b2{color:#e44e53!important}
.complementary-1-border-color-b2,.complementary-1-border-color-b2.border{border-color:#e44e53!important}
.complementary-1-bg-b3{background-color:#ca585e!important}
.complementary-1-color-b3{color:#ca585e!important}
.complementary-1-border-color-b3,.complementary-1-border-color-b3.border{border-color:#ca585e!important}
.complementary-1-bg-b4{background-color:#b05f62!important}
.complementary-1-color-b4{color:#b05f62!important}
.complementary-1-border-color-b4,.complementary-1-border-color-b4.border{border-color:#b05f62!important}
.table-danger,.table-danger>td,.table-danger>th{background-color:#f7cacc}
.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ef989c}
.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f3b5b7}
.invalid-feedback{color:#d8333a}
.invalid-tooltip{background-color:#d8333a}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#d8333a}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d8333a;box-shadow:0 0 0 .2rem rgba(216, 51, 58, .25)}
.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#d8333a}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#d8333a;box-shadow:0 0 0 .2rem rgba(216, 51, 58, .25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d8333a}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#d8333a}
.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#d8333a}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e76166;background-color:#e76166}
.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(216, 51, 58, .25)}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#d8333a}
.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#d8333a}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#d8333a;box-shadow:0 0 0 .2rem rgba(216, 51, 58, .25)}
.btn-danger{background-color:#d8333a;border-color:#d8333a}
.btn-danger:hover{background-color:#ce2027;border-color:#c41e25}
.btn-danger.focus,.btn-danger:focus{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-danger.disabled,.btn-danger:disabled{background-color:#d8333a;border-color:#d8333a}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{background-color:#c41e25;border-color:#b91c22}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-outline-danger{color:#d8333a;box-shadow:inset 0 0 0 1px #d8333a}
.btn-outline-danger:hover{color:#b82a30;box-shadow:inset 0 0 0 1px #b82a30}
.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:inset 0 0 0 1px #d8333a,0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d8333a}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#d8333a;box-shadow:inset 0 0 0 1px #d8333a}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.badge-danger{background-color:#d8333a}
a.badge-danger:focus,a.badge-danger:hover{background-color:#c41e25}
a.badge-danger.focus,a.badge-danger:focus{box-shadow:0 0 0 .2rem rgba(216, 51, 58, .5)}
.list-group-item-danger{color:#791a1e;background-color:#f7cacc}
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#791a1e;background-color:#f3b5b7}
.list-group-item-danger.list-group-item-action.active{background-color:#791a1e;border-color:#791a1e}
.bg-danger{background-color:#d8333a!important}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#c41e25!important}
.border-danger{border-color:#d8333a!important}
.text-danger{color:#ad1b21!important}
a.text-danger:focus,a.text-danger:hover{color:#98171c!important}
.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#bf5748}
.alert-danger{border-left:8px solid #d8333a}
.btn-icon .rounded-icon.rounded-danger{background-color:#d8333a}
.upload-file-list .upload-file.error svg{fill:#d8333a}
.upload-file-list .upload-file.error p{color:#d8333a}
.callout.callout-highlight.danger{border-color:rgba(216, 51, 58, .2)}
.callout.danger{border-color:#d8333a}
.callout.danger .callout-title{color:#d8333a}
.callout.danger .callout-title .icon{fill:#d8333a}
.callout.danger .callout-title span{border-color:#d8333a}
.notification.with-icon.error{border-color:#d8333a}
.notification.with-icon.error .icon{fill:#d8333a}
.avatar.avatar-red{background:#fe3d45}
a.avatar:hover.avatar-red{background:#fe000b}
.avatar-wrapper .avatar-presence.busy{background:#fe3d45}
.avatar-wrapper .avatar-status.declined{background:#fe3d45}
.card.card-bg-danger{background-color:#d8333a}
.card.card-teaser-danger{border-left:8px solid #d8333a}
.chip.chip-danger{border-color:#d8333a;color:#d8333a}
.chip.chip-danger>.chip-label{color:#d8333a}
.chip.chip-danger:hover{background-color:#d8333a;border-color:#d8333a}
.point-list-wrapper .point-list .point-list-aside.point-list-danger{color:#d8333a;border-color:#d8333a}
.point-list-wrapper .point-list .point-list-aside.point-list-danger:after{background-color:#d8333a}
.rating-list-wrapper .rating-list .rating-list-aside.rating-list-danger{color:#d8333a;border-right:1px solid #d8333a}
.badge.badge-outline-danger{color:#d8333a;border:1px solid #d8333a}
.form-feedback.just-validate-error-label{color:#d8333a}
input[type=date].is-invalid{border-bottom:1px solid #d8333a}
select.is-invalid{border-bottom:1px solid #d8333a}
#error_container{color:#911000}
.error_container{color:#911000}
.error-label{color:#911000}
.icon-danger{fill:#d8333a!important}
@media (max-width:991.98px){
.redbrown .r-tabs .r-tabs-accordion-title a:before{content:url("data:image/svg+xml; utf8, ")}
}
@media (max-width:991.98px){
.bg-redbrown .responsive-tabs-aside.responsive-tabs-aside-large .responsive-tabs-content{background-color:#a91d23}
}
.bg-alert{background-color:#c74242}
.bg-red-radial{background:#d8333a;background:-moz-radial-gradient(center,ellipse cover,#d8333a 0,#b5272d 100%);background:-webkit-radial-gradient(center,ellipse cover,#d8333a 0,#b5272d 100%);background:radial-gradient(ellipse at center,#d8333a 0,#b5272d 100%)}
.bg-red-gradient{background:#b5272d;background:-moz-linear-gradient(left,#b5272d 0,#ff3d45 100%);background:-webkit-linear-gradient(left,#b5272d 0,#ff3d45 100%);background:linear-gradient(to right,#b5272d 0,#ff3d45 100%)}
.complementary-1-bg{background-color:#fe3d45}
.complementary-1-border-color-{border-color:#fe3d45!important}
.complementary-1-border-color-.border{border-color:#fe3d45!important}
.complementary-1-bg-a2{background-color:#f7d4d6}
.complementary-1-color-a2{color:#f7d4d6}
.complementary-1-border-color-a2{border-color:#f7d4d6!important}
.complementary-1-border-color-a2.border{border-color:#f7d4d6!important}
.complementary-1-bg-a3{background-color:#efa6aa}
.complementary-1-color-a3{color:#efa6aa}
.complementary-1-border-color-a3{border-color:#efa6aa!important}
.complementary-1-border-color-a3.border{border-color:#efa6aa!important}
.complementary-1-bg-a4{background-color:#e57c81}
.complementary-1-color-a4{color:#e57c81}
.complementary-1-border-color-a4{border-color:#e57c81!important}
.complementary-1-border-color-a4.border{border-color:#e57c81!important}
.complementary-1-bg-a5{background-color:#dc565b}
.complementary-1-color-a5{color:#dc565b}
.complementary-1-border-color-a5{border-color:#dc565b!important}
.complementary-1-border-color-a5.border{border-color:#dc565b!important}
.complementary-1-bg-a6{background-color:#d8333a}
.complementary-1-color-a6{color:#d8333a}
.complementary-1-border-color-a6{border-color:#d8333a!important}
.complementary-1-border-color-a6.border{border-color:#d8333a!important}
.complementary-1-bg-a7{background-color:#bd292f}
.complementary-1-color-a7{color:#bd292f}
.complementary-1-border-color-a7{border-color:#bd292f!important}
.complementary-1-border-color-a7.border{border-color:#bd292f!important}
.complementary-1-bg-a8{background-color:#a22327}
.complementary-1-color-a8{color:#a22327}
.complementary-1-border-color-a8{border-color:#a22327!important}
.complementary-1-border-color-a8.border{border-color:#a22327!important}
.complementary-1-bg-a9{background-color:#891d21}
.complementary-1-color-a9{color:#891d21}
.complementary-1-border-color-a9{border-color:#891d21!important}
.complementary-1-border-color-a9.border{border-color:#891d21!important}
.complementary-1-bg-a10{background-color:#6e181b}
.complementary-1-color-a10{color:#6e181b}
.complementary-1-border-color-a10{border-color:#6e181b!important}
.complementary-1-border-color-a10.border{border-color:#6e181b!important}
.complementary-1-bg-a11{background-color:#541215}
.complementary-1-color-a11{color:#541215}
.complementary-1-border-color-a11{border-color:#541215!important}
.complementary-1-border-color-a11.border{border-color:#541215!important}
.complementary-1-bg-a12{background-color:#390d0e}
.complementary-1-color-a12{color:#390d0e}
.complementary-1-border-color-a12{border-color:#390d0e!important}
.complementary-1-border-color-a12.border{border-color:#390d0e!important}
.complementary-1-bg-b1{background-color:#fe3d45}
.complementary-1-color-b1{color:#fe3d45}
.complementary-1-border-color-b1{border-color:#fe3d45!important}
.complementary-1-border-color-b1.border{border-color:#fe3d45!important}
.complementary-1-bg-b2{background-color:#e44e53}
.complementary-1-color-b2{color:#e44e53}
.complementary-1-border-color-b2{border-color:#e44e53!important}
.complementary-1-border-color-b2.border{border-color:#e44e53!important}
.complementary-1-bg-b3{background-color:#ca585e}
.complementary-1-color-b3{color:#ca585e}
.complementary-1-border-color-b3{border-color:#ca585e!important}
.complementary-1-border-color-b3.border{border-color:#ca585e!important}
.complementary-1-bg-b4{background-color:#b05f62}
.complementary-1-color-b4{color:#b05f62}
.complementary-1-border-color-b4{border-color:#b05f62!important}
.complementary-1-border-color-b4.border{border-color:#b05f62!important}
.home-message.red,.home-message.red .msg svg{background-color:#d8333a}
.btn-redbrown{background-color:#d8333a;border-color:#d8333a}
.btn-redbrown:hover{background-color:#c0252c;border-color:#b52329}
.btn-redbrown.focus,.btn-redbrown:focus{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-redbrown.disabled,.btn-redbrown:disabled{background-color:#d8333a;border-color:#d8333a}
.btn-redbrown:not(:disabled):not(.disabled).active,.btn-redbrown:not(:disabled):not(.disabled):active,.show>.btn-redbrown.dropdown-toggle{background-color:#b52329;border-color:#ab2026}
.btn-redbrown:not(:disabled):not(.disabled).active:focus,.btn-redbrown:not(:disabled):not(.disabled):active:focus,.show>.btn-redbrown.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-outline-redbrown{color:#d8333a;box-shadow:inset 0 0 0 1px #d8333a}
.btn-outline-redbrown:hover{color:#aa2e33;box-shadow:inset 0 0 0 1px #aa2e33}
.btn-outline-redbrown.focus,.btn-outline-redbrown:focus{box-shadow:inset 0 0 0 1px #d8333a,0 0 0 .2rem rgba(216, 51, 58, .5)}
.btn-outline-redbrown.disabled,.btn-outline-redbrown:disabled{color:#d8333a}
.btn-outline-redbrown:not(:disabled):not(.disabled).active,.btn-outline-redbrown:not(:disabled):not(.disabled):active,.show>.btn-outline-redbrown.dropdown-toggle{color:#d8333a;box-shadow:inset 0 0 0 1px #d8333a}
.btn-outline-redbrown:not(:disabled):not(.disabled).active:focus,.btn-outline-redbrown:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-redbrown.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.badge-redbrown{background-color:#d8333a}
a.badge-redbrown:focus,a.badge-redbrown:hover{background-color:#b52329}
a.badge-redbrown.focus,a.badge-redbrown:focus{box-shadow:0 0 0 .2rem rgba(216, 51, 58, .5)}
.bg-redbrown{background-color:#d8333a!important}
a.bg-redbrown:focus,a.bg-redbrown:hover,button.bg-redbrown:focus,button.bg-redbrown:hover{background-color:#b52329!important}
.text-danger{color:#d8333a!important}
a.text-danger:focus,a.text-danger:hover{color:#ad1b21!important}
.text-redbrown{color:#d8333a!important}
a.text-redbrown:focus,a.text-redbrown:hover{color:#9f1f24!important}
.btn-icon .rounded-icon.rounded-redbrown{background-color:#d8333a}
.badge-danger{background-color:#d8333a;border-color:#d8333a}
.badge-danger:hover{background-color:#ce2027;border-color:#c41e25}
.badge-danger.focus,.badge-danger:focus{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(228, 84, 90, .5)}
.badge-danger.disabled,.badge-danger:disabled{background-color:#d8333a;border-color:#d8333a}
.badge-danger:not(:disabled):not(.disabled).active,.badge-danger:not(:disabled):not(.disabled):active,.show>.badge-danger.dropdown-toggle{background-color:#c41e25;border-color:#b91c22}
.badge-danger:not(:disabled):not(.disabled).active:focus,.badge-danger:not(:disabled):not(.disabled):active:focus,.show>.badge-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(228, 84, 90, .5)}
.badge-redbrown{background-color:#d8333a;border-color:#d8333a}
.badge-redbrown:hover{background-color:#c0252c;border-color:#b52329}
.badge-redbrown.focus,.badge-redbrown:focus{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(222, 82, 88, .5)}
.badge-redbrown.disabled,.badge-redbrown:disabled{background-color:#d8333a;border-color:#d8333a}
.badge-redbrown:not(:disabled):not(.disabled).active,.badge-redbrown:not(:disabled):not(.disabled):active,.show>.badge-redbrown.dropdown-toggle{background-color:#b52329;border-color:#ab2026}
.badge-redbrown:not(:disabled):not(.disabled).active:focus,.badge-redbrown:not(:disabled):not(.disabled):active:focus,.show>.badge-redbrown.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(222, 82, 88, .5)}
.badge-outline-danger{color:#d8333a;border-color:#d8333a}
.badge-outline-danger:hover{background-color:#d8333a;border-color:#d8333a}
.badge-outline-danger.focus,.badge-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(216, 51, 58, .5)}
.badge-outline-danger.disabled,.badge-outline-danger:disabled{color:#d8333a}
.badge-outline-danger:not(:disabled):not(.disabled).active,.badge-outline-danger:not(:disabled):not(.disabled):active,.show>.badge-outline-danger.dropdown-toggle{background-color:#d8333a;border-color:#d8333a}
.badge-outline-danger:not(:disabled):not(.disabled).active:focus,.badge-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.badge-outline-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.badge-outline-redbrown{color:#d8333a;border-color:#d8333a}
.badge-outline-redbrown:hover{background-color:#d8333a;border-color:#d8333a}
.badge-outline-redbrown.focus,.badge-outline-redbrown:focus{box-shadow:0 0 0 .2rem rgba(216, 51, 58, .5)}
.badge-outline-redbrown.disabled,.badge-outline-redbrown:disabled{color:#d8333a}
.badge-outline-redbrown:not(:disabled):not(.disabled).active,.badge-outline-redbrown:not(:disabled):not(.disabled):active,.show>.badge-outline-redbrown.dropdown-toggle{background-color:#d8333a;border-color:#d8333a}
.badge-outline-redbrown:not(:disabled):not(.disabled).active:focus,.badge-outline-redbrown:not(:disabled):not(.disabled):active:focus,.show>.badge-outline-redbrown.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(216, 51, 58, .5)}
.card .card-body .dsi_more{color:#d8333a}
.redbrown .card.card-border-top:before{background-color:#d8333a}
.redbrown .card.card-bg.card-bg-simple:before{background-color:#f9d6d8}
.redbrown .card.card-icon svg{fill:#d8333a}
.redbrown .card.card-icon-main svg{fill:#d8333a}
.card.card-icon-big .h4,.card.card-icon-big h4{color:#d8333a}
.card.card-serif .card-body p{border-left:2px solid #d8333a}
.card.card-bg a.read-more:hover{color:#d8333a}
.redbrown .card.card-large.card-icon .card-title svg{fill:#d8333a}
.redbrown .card.card-large.card-icon .card-title .h3,.redbrown .card.card-large.card-icon .card-title h3{color:#d8333a}
.redbrown .card.card-large.card-icon .card-title .h3 a,.redbrown .card.card-large.card-icon .card-title h3 a{color:#d8333a}
.card.card-folded:before{border-color:#d8333a #d8333a #eee #eee}
.card.card-article .card-article-img .icon-redbrown{fill:#d8333a}
.card.card-article.card-article-redbrown:before{background-color:#d8333a}
.card.card-article.card-article-redbrown .date{background-color:#d8333a}
.redbrown .card-simple-wrapper .card-simple .card-simple-body:before{background-color:#f9d6d8}
.redbrown .splide .splide__arrows .splide__arrow--next svg,.redbrown .splide .splide__arrows .splide__arrow--prev svg{fill:#d8333a}
.redbrown .splide .didascalia-text{background-color:#d8333a}
.redbrown .splide__arrow{color:#d8333a}
.redbrown .year-carousel .splide__slide .dot-text{color:#d8333a}
.year-carousel .splide__slide .dot-text:before{background-color:#d8333a}
.year-carousel .splide__slide .dot-text:after{border:1px solid #d8333a}
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:before{background-color:#d8333a}
.owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:after{border:1px solid #d8333a}
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:after{border-color:#d8333a}
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text span{color:#d8333a}
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item:first-child .item .dot-text:before{background-color:#d8333a}
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next svg,.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev svg{fill:#d8333a}
.responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active{background-color:#d8333a}
.bg-redbrown .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active{color:#d8333a}
.bg-redbrown .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active a{color:#d8333a}
a.read-more:before{content:url("data:image/svg+xml; utf8, ")}
.redbrown a.read-more{color:#d8333a}
.header-notification-alert.has-notifications a:before{background:#ff3d45}
.sticky-main-nav ul.nav-list>li.text-redbrown a{color:#d8333a}
#sub-nav ul.nav-list>li.text-redbrown a{color:#d8333a}
.cat-filters .custom-control.custom-submit-redbrown button{color:#d8333a;border-color:#d8333a}
.nav-list-mobile .nav-list-primary>li.text-redbrown .dl-back a,.nav-list-mobile .nav-list-primary>li.text-redbrown>a{color:#d8333a}
.menu-user-list ul li.has-notifications a:before{background:#ff3d45}
.redbrown .actions-wrapper .toggle-actions{color:#d8333a}
.redbrown .actions-wrapper .toggle-actions svg{fill:#d8333a}
.redbrown .aside-main .toggle-link-list .icon-toggle{fill:#d8333a}
.redbrown .aside-main .link-list-wrapper ul li a{color:#d8333a}
.redbrown .aside-title:after{background:#d8333a}
.redbrown .calendar-vertical .calendar-date .calendar-date-day{color:#d8333a}
.redbrown .calendar-vertical .calendar-date .calendar-date-day:before{background-color:#d8333a}
.redbrown .calendar-vertical .calendar-date .calendar-date-day:after{background-color:#d8333a}
.redbrown .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before{background-color:#f9d6d8}
.redbrown .article-wrapper blockquote{border-color:#d8333a}
.redbrown .text-border-left{border-color:#d8333a}
.redbrown .note a{color:#d8333a}
.redbrown .accordion-responsive .accordion-header:before{content:url("data:image/svg+xml; utf8, ")}
.redbrown .accordion-responsive .accordion-header.accordion-active:before{content:url("data:image/svg+xml; utf8, ")}
.redbrown .accordion-large .accordion-header:before{content:url("data:image/svg+xml; utf8, ")}
.redbrown .accordion-large .accordion-header.accordion-active:before{content:url("data:image/svg+xml; utf8, ")}
.redbrown .accordion-large .accordion-content p a{color:#d8333a}
.section-hero-left{background:#d8333a;background:-moz-linear-gradient(left,#d8333a 0,#b5272d 100%);background:-webkit-linear-gradient(left,#d8333a 0,#b5272d 100%);background:linear-gradient(to right,#d8333a 0,#b5272d 100%)}
.gallery-item figure figcaption{background-color:#d8333a}
.redbrown .big-data{color:#d8333a}
.redbrown .big-data .big-data-details p{color:#af2127}
.redbrown .big-data-details svg{fill:#d8333a}
.big-data-rounded{background-color:#d8333a}
.big-data-rounded-icon .big-data-rounded-icon-wrapper{background-color:#d8333a}
.redbrown .dot-values-wrapper{color:#d8333a}
.redbrown .dot-values-content:before{background-color:#d8333a}
.dot-value:before{border:1px solid #d8333a}
.redbrown .dot-value.dot-value-active span{background-color:#d8333a}
.redbrown .transcription-accordion .collapse-header [data-toggle=collapse]{color:#d8333a}
[style*="fill:#d1344c" i],[style*="fill: #d1344c" i],[fill="#d1344c" i]{ fill: #d8333a !important; }
[style*="fill:#f83e5a" i],[style*="fill: #f83e5a" i],[fill="#f83e5a" i]{ fill: #d8333a !important; }
[style*="fill:#ffccd4" i],[style*="fill: #ffccd4" i],[fill="#ffccd4" i]{ fill: #ffd2d4 !important; }
[style*="stop-color:#5c000e" i],[style*="stop-color: #5c000e" i],[stop-color="#5c000e" i]{ stop-color: #620004 !important; }
[style*="stop-color:#610e0e" i],[style*="stop-color: #610e0e" i],[stop-color="#610e0e" i]{ stop-color: #6a160b !important; }
[style*="stop-color:#ab2b3e" i],[style*="stop-color: #ab2b3e" i],[stop-color="#ab2b3e" i]{ stop-color: #d8333a !important; }
[style*="stop-color:#d1344c" i],[style*="stop-color: #d1344c" i],[stop-color="#d1344c" i]{ stop-color: #d8333a !important; }
[style*="stop-color:#f83e5a" i],[style*="stop-color: #f83e5a" i],[stop-color="#f83e5a" i]{ stop-color: #d8333a !important; }
[style*="stop-color:#ff6262" i],[style*="stop-color: #ff6262" i],[stop-color="#ff6262" i]{ stop-color: #d8333a !important; }
[style*="stop-color:#ff81a0" i],[style*="stop-color: #ff81a0" i],[stop-color="#ff81a0" i]{ stop-color: #ff8797 !important; }
[style*="stop-color:#ff9494" i],[style*="stop-color: #ff9494" i],[stop-color="#ff9494" i]{ stop-color: #ffa59a !important; }
/* f2-search */
.f2s-lock { overflow: hidden; }
.f2s-root {
position: fixed;
inset: 0;
z-index: 1055;
display: flex;
opacity: 0;
transition: opacity .18s ease-out;
}
.f2s-root.f2s-in { opacity: 1; }
.f2s-root[hidden] { display: none; }
.f2s-backdrop {
position: absolute;
inset: 0;
background: #fff;
}
.f2s-panel {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-height: 100%;
overflow-y: auto;
background: #fff;
padding: 40px 24px 32px;
}
.f2s-testa,
.f2s-list,
.f2s-panel .f2s-live {
width: 100%;
max-width: 1176px;
margin-left: auto;
margin-right: auto;
}
.f2s-panel .h2 {
position: relative;
margin: 0 0 24px;
padding-right: 64px;
font-size: 3.5rem;
font-weight: 600;
letter-spacing: -2px;
line-height: 1.1;
color: #17324d;
}
.f2s-panel .f2s-close {
position: absolute;
top: 4px;
right: 0;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #17324d;
cursor: pointer;
opacity: 1;
}
.f2s-panel .f2s-close svg {
width: 28px;
height: 28px;
fill: currentColor;
pointer-events: none;
}
.f2s-panel .f2s-close:hover { color: #d8333a; }
.f2s-panel .f2s-close:focus-visible { outline: 2px solid #d8333a; outline-offset: 2px; }
.f2s-panel .f2s-gruppo {
position: relative;
margin-bottom: 20px;
}
.f2s-panel .f2s-gruppo label {
position: static;
display: block;
margin-bottom: 6px;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
color: #435a70;
cursor: pointer;
max-width: none;
overflow: visible;
}
.f2s-panel .f2s-input {
height: 3.25rem;
padding: 0 48px 0 4px;
font-size: 1.25rem;
font-weight: 400;
color: #17324d;
background: #fff;
border: 0;
border-bottom: 1px solid #5c6f82;
border-radius: 0;
box-shadow: none;
}
.f2s-panel .f2s-input:focus {
border-bottom-color: #d8333a;
box-shadow: 0 1px 0 0 #d8333a;
outline: 0;
}
.f2s-panel .f2s-input::placeholder { color: #5c6f82; opacity: 1; font-weight: 300; }
.f2s-lente {
position: absolute;
right: 4px;
bottom: 10px;
pointer-events: none;
color: #5c6f82;
}
.f2s-lente svg { width: 26px; height: 26px; fill: currentColor; }
.f2s-ambito {
margin: 0 0 8px;
flex-wrap: wrap;
}
.f2s-ambito .custom-control-submit {
display: inline-block;
cursor: default;
}
.f2s-ambito .custom-control-submit:hover { text-decoration: none; }
.f2s-ambito .custom-control.custom-submit-primary .custom-control-submit {
color: #d8333a;
border-color: #d8333a;
}
.f2s-ambito .custom-control.custom-submit-redbrown .custom-control-submit {
color: #d8333a;
border-color: #d8333a;
}
.f2s-ambito .custom-control.custom-submit-greendark .custom-control-submit {
color: #0e865c;
border-color: #0e865c;
}
.f2s-nota {
margin: 0 0 4px;
font-size: .9375rem;
line-height: 1.5;
color: #435a70;
}
.f2s-list {
list-style: none;
margin: 12px auto 0;
padding: 0;
border-top: 1px solid #e3e9ee;
}
.f2s-sec {
padding: 16px 0 4px;
font-size: .7777777778rem;
font-weight: 700;
letter-spacing: .9px;
text-transform: uppercase;
color: #5c6f82;
}
.f2s-item {
display: flex;
align-items: baseline;
gap: 24px;
padding: 14px 8px;
border-bottom: 1px solid #e3e9ee;
cursor: pointer;
}
.f2s-item[aria-selected="true"] { background: #f2f6f9; }
.f2s-item[aria-selected="true"] .f2s-t { text-decoration: underline; }
.f2s-body { min-width: 0; flex: 1 1 auto; }
.f2s-tipo {
display: block;
margin-bottom: 2px;
font-size: .7777777778rem;
font-weight: 700;
letter-spacing: .9px;
text-transform: uppercase;
}
.f2s-t {
display: block;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.35;
color: #17324d;
}
.f2s-x {
display: block;
margin-top: 2px;
font-size: .9375rem;
line-height: 1.45;
color: #435a70;
}
.f2s-doc {
display: block;
margin-top: 2px;
font-size: .8125rem;
font-style: italic;
color: #5c6f82;
}
.f2s-date {
flex: 0 0 auto;
font-size: .875rem;
color: #5c6f82;
white-space: nowrap;
}
.f2s-greendark { color: #0e865c; }
.f2s-bluelectric { color: #0d00ff; }
.f2s-redbrown { color: #d8333a; }
.f2s-purplelight { color: #b21dd0; }
.f2s-petrol { color: #00666e; }
.f2s-empty {
padding: 20px 8px;
font-size: 1rem;
line-height: 1.6;
color: #435a70;
}
.f2s-live {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.f2s-root-ris .f2s-panel .f2s-input:focus {
border-bottom-color: #d8333a;
box-shadow: 0 1px 0 0 #d8333a;
}
.f2s-root-ris .f2s-panel .f2s-close:hover { color: #d8333a; }
.f2s-root-ris .f2s-panel .f2s-close:focus-visible { outline-color: #d8333a; }
.f2s-root-ris .f2s-item[aria-selected="true"] { background: #fcf0f1; }
.f2s-root-ris .f2s-nota { color: #17324d; }
@media (max-width: 991.98px) {
.f2s-panel .h2 { font-size: 2.5rem; letter-spacing: -1px; }
}
@media (max-width: 575.98px) {
.f2s-panel { padding: 24px 16px 24px; }
.f2s-panel .h2 { font-size: 2rem; letter-spacing: -.5px; padding-right: 52px; }
.f2s-panel .f2s-input { font-size: 1.125rem; }
.f2s-item { flex-direction: column; gap: 4px; }
.f2s-date { order: -1; }
}
@media (prefers-reduced-motion: reduce) {
.f2s-root { transition: none; }
}
/* f2-readaloud */
.f2ra {
display: inline-flex;
gap: .5rem;
margin: 1.1rem 0 .2rem;
flex-wrap: wrap;
}
.f2ra-btn {
display: inline-flex;
align-items: center;
gap: .5rem;
font-family: inherit;
font-size: .92rem;
font-weight: 600;
color: var(--f2-acc, #d8333a);
background: #fff;
border: 1px solid var(--f2-acc, #d8333a);
border-radius: 4px;
padding: .5rem .95rem;
cursor: pointer;
transition: transform .22s var(--f2-ease), background-color .15s ease-in-out, color .15s ease-in-out;
}
.f2ra-btn:hover,
.f2ra-btn:focus-visible {
background: var(--f2-acc, #d8333a);
color: #fff;
outline: 0;
}
.f2ra-btn:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--f2-acc, #d8333a); }
.f2ra-btn.f2ra-on { background: var(--f2-acc, #d8333a); color: #fff; }
.f2ra-ic { width: 20px; height: 20px; fill: currentColor; flex: 0 0 auto; }
.f2ra-stop { color: #5c6f82; border-color: #d9dadb; }
.f2ra-stop:hover,
.f2ra-stop:focus-visible { background: #5c6f82; color: #fff; border-color: #5c6f82; }
/* f2-calendario */
.f2cl-section { padding-top: 1rem; }
.f2cl-h { margin-bottom: .3rem; }
.f2cl-testa {
display: flex;
align-items: center;
gap: .4rem;
margin-bottom: .8rem;
}
.f2cl-mese { margin: 0; font-size: 1.1rem; min-width: 11rem; text-align: center; }
.f2cl-freccia,
.f2cl-oggi {
font-family: inherit;
border: 1px solid #d9dadb;
background: #fff;
color: var(--f2-acc-scuro, #af2127);
border-radius: 4px;
cursor: pointer;
line-height: 1;
transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.f2cl-freccia { width: 2.2rem; height: 2.2rem; font-size: 1.3rem; }
.f2cl-oggi { margin-left: auto; padding: .45rem .8rem; font-size: .85rem; font-weight: 600; }
.f2cl-freccia:hover, .f2cl-oggi:hover,
.f2cl-freccia:focus-visible, .f2cl-oggi:focus-visible { background: var(--f2-acc, #d8333a); color: #fff; outline: 0; }
.f2cl-griglia { width: 100%; border-collapse: collapse; table-layout: fixed; }
.f2cl-caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.f2cl-griglia th {
padding: .4rem 0;
font-size: .78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #5c6f82;
border-bottom: 1px solid #d9dadb;
}
.f2cl-griglia th.f2cl-dom { color: #af2127; }
.f2cl-griglia td {
height: 4.4rem;
vertical-align: top;
padding: .3rem .35rem;
border: 1px solid #e8eaed;
}
.f2cl-vuota { background: #fafbfc; border-color: #f0f2f5; }
.f2cl-num { font-size: .9rem; font-weight: 600; color: #19191a; }
.f2cl-chiuso { background: #fdf3f4; }
.f2cl-chiuso .f2cl-num { color: #af2127; }
.f2cl-festa {
display: block;
font-size: .68rem;
line-height: 1.15;
color: #af2127;
margin-top: .1rem;
overflow-wrap: anywhere;
}
.f2cl-oggi-cella { box-shadow: inset 0 0 0 2px var(--f2-acc, #d8333a); }
.f2cl-pallini { display: none; margin-top: .25rem; }
.f2cl-pallini i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--f2-acc, #d8333a); margin-right: 2px; }
.f2cl-griglia td.f2cl-cliccabile { padding: 0; }
.f2cl-cella {
display: block;
width: 100%;
height: 100%;
text-align: left;
font-family: inherit;
font-size: inherit;
background: none;
border: 0;
padding: .3rem .35rem;
cursor: pointer;
color: inherit;
}
.f2cl-cella:hover { background: rgba(216,51,58, .06); }
.f2cl-chiuso .f2cl-cella:hover { background: rgba(171, 43, 62, .07); }
.f2cl-cella:focus-visible { outline: 2px solid var(--f2-acc, #d8333a); outline-offset: -2px; }
.f2cl-scelto { box-shadow: inset 0 0 0 2px #19191a; }
.f2cl-titoli { display: block; margin-top: .2rem; }
.f2cl-ev {
display: block;
font-size: .68rem;
line-height: 1.15;
font-weight: 600;
color: var(--f2-acc-scuro, #af2127);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.f2cl-ev + .f2cl-ev { margin-top: .1rem; }
.f2cl-ev-piu { color: #5c6f82; font-weight: 400; }
.f2cl-sotto { margin-top: 1.4rem; }
.f2cl-sottotesta { display: flex; align-items: baseline; gap: .8rem; flex-wrap: wrap; }
.f2cl-tuttomese {
font-family: inherit;
background: none;
border: 0;
padding: 0;
margin: 0 0 .5rem;
color: var(--f2-acc-scuro, #af2127);
font-size: .85rem;
font-weight: 600;
text-decoration: underline;
cursor: pointer;
}
.f2cl-tuttomese:hover { text-decoration: none; }
.f2cl-tutti { margin: .9rem 0 0; font-size: .88rem; }
.f2cl-tutti a { color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
.f2cl-elencotitolo { font-size: .95rem; text-transform: capitalize; margin-bottom: .5rem; }
.f2cl-elenco { list-style: none; padding: 0; margin: 0; }
.f2cl-voce { display: flex; gap: .8rem; padding: .5rem 0; border-bottom: 1px solid #e8eaed; }
.f2cl-data { flex: 0 0 2rem; font-weight: 700; color: var(--f2-acc-scuro, #af2127); text-align: right; }
.f2cl-voce-chiuso .f2cl-data { color: #af2127; }
.f2cl-voce-chiuso .f2cl-testo { color: #af2127; }
.f2cl-testo a { color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
.f2cl-ora { color: #5c6f82; font-size: .85rem; }
.f2cl-niente { color: #5c6f82; padding: .5rem 0; }
.f2cl-nota { margin-top: 1.2rem; font-size: .84rem; color: #5c6f82; max-width: 68ch; }
@media (max-width: 575.98px) {
.f2cl-griglia td { height: 3.2rem; padding: .2rem; }
.f2cl-festa { display: none; }
.f2cl-titoli { display: none; }
.f2cl-pallini { display: block; }
.f2cl-cella { padding: .2rem; }
.f2cl-mese { min-width: 0; flex: 1; font-size: 1rem; }
.f2cl-oggi { margin-left: 0; }
.f2cl-testa { flex-wrap: wrap; }
}
.f2cl-ics { margin: -.4rem 0 .8rem; font-size: .88rem; }
.f2cl-ics a { color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
.card-event.f2-data-chiusura .card-event-dates-icon { background-color: #d8333a; }
/* f2-pwa */
.f2pwa {
position: fixed;
left: 50%;
bottom: 1rem;
transform: translate(-50%, 140%);
z-index: 1900;
width: min(560px, calc(100% - 1.5rem));
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
background: #fff;
border: 1px solid #d9dadb;
border-radius: 4px;
box-shadow: 0 8px 30px -6px rgba(8, 10, 26, .28);
padding: .8rem 1rem;
opacity: 0;
transition: transform .28s cubic-bezier(.16, 1, .3, 1), opacity .28s cubic-bezier(.16, 1, .3, 1);
}
.f2pwa.f2pwa-in { transform: translate(-50%, 0); opacity: 1; }
.f2pwa-body { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.f2pwa-ic { flex: 0 0 auto; border-radius: 8px; }
.f2pwa-txt { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.f2pwa-txt strong { font-size: .95rem; color: #19191a; }
.f2pwa-txt span { font-size: .82rem; color: #5c6f82; line-height: 1.35; }
.f2pwa-shr { color: #d8333a; font-weight: 600; }
.f2pwa-act { flex: 0 0 auto; display: flex; align-items: center; gap: .4rem; }
.f2pwa-btn {
font-family: inherit;
font-size: .9rem;
font-weight: 600;
color: #fff;
background: #d8333a;
border: 1px solid #d8333a;
border-radius: 4px;
padding: .5rem 1rem;
cursor: pointer;
white-space: nowrap;
transition: transform .22s var(--f2-ease), background-color .15s ease-in-out;
}
.f2pwa-btn:hover, .f2pwa-btn:focus-visible { background: #0000c4; outline: 0; }
.f2pwa-btn:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d8333a; }
.f2pwa-x {
width: 34px;
height: 34px;
flex: 0 0 auto;
border: 0;
background: transparent;
color: #5c6f82;
font-size: 1.5rem;
line-height: 1;
border-radius: 50%;
cursor: pointer;
transition: background-color .15s ease-in-out;
}
.f2pwa-x:hover, .f2pwa-x:focus-visible { background: #f2f6f9; color: #19191a; outline: 0; }
@media (max-width: 575.98px) {
.f2pwa { bottom: 0; border-radius: 4px 4px 0 0; width: 100%; }
.f2pwa { flex-wrap: wrap; }
.f2pwa-body { flex: 1 1 100%; }
.f2pwa-act { flex: 1 1 100%; justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) {
.f2pwa { transition: opacity .2s ease; transform: translate(-50%, 0); }
}
.f2pwa-footrow { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; }
.f2pwa-foot { display: inline-flex; }
.f2pwa-foot-btn {
display: inline-flex;
align-items: center;
gap: .45rem;
font-family: inherit;
font-size: .85rem;
font-weight: 600;
color: #fff;
background: rgba(0, 0, 0, .22);
border: 1px solid rgba(255, 255, 255, .55);
border-radius: 4px;
padding: .44rem .9rem;
line-height: 1;
cursor: pointer;
transition: transform .22s var(--f2-ease), background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.f2pwa-foot-ic { width: 15px; height: 15px; fill: currentColor; flex: 0 0 auto; }
.f2pwa-foot-btn:hover, .f2pwa-foot-btn:focus-visible { background: rgba(0, 0, 0, .36); border-color: #fff; outline: 0; }
.f2pwa-foot-btn:focus-visible { box-shadow: 0 0 0 2px rgba(8, 10, 26, .5), 0 0 0 4px #fff; }
.f2pwa-foot-hint { flex-basis: 100%; margin: .1rem 0 0; text-align: left; font-size: .8rem; line-height: 1.45; color: rgba(255, 255, 255, .9); }
.f2pwa-foot-hint b { color: #fff; }
.f2-crediti { display: inline !important; }
/* f2-news */
.title-section .f2news-riga {
margin: -4px 0 0;
font-size: .9375rem;
line-height: 1.5;
color: #435a70;
font-weight: 400;
}
.title-section .f2news-riga a {
color: #17324d;
text-decoration: underline;
font-weight: 600;
}
.card .card-body .category-top.f2news-nuovo,
.card .card-body .card-content .category-top.f2news-nuovo {
margin-bottom: 4px;
}
.card .card-body .category-top.f2news-nuovo .category,
.card .card-body .card-content .category-top.f2news-nuovo .category {
color: #17324d;
}
/* f2-hero-notizie */
.f2-hcar {
overflow: hidden;
background-color: #e9ebed;
}
.f2-hcar .f2-hcar-splide,
.f2-hcar .splide__track,
.f2-hcar .splide__list,
.f2-hcar .splide__slide {
height: 100%;
}
.f2-hcar .f2-hcar-splide {
position: relative;
}
.f2-hcar .f2-hcar-splide .splide__track {
padding-top: 0; margin-top: 0;
padding-bottom: 0; margin-bottom: 0;
}
.f2-hcar .splide__slide {
padding: 0;
}
.f2-hcar .f2-hcar-splide:not(.is-active) .splide__list {
display: block;
}
.f2-hcar .f2-hcar-splide:not(.is-active) .splide__slide + .splide__slide {
display: none;
}
.f2-hcar-slide {
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
height: 100%;
min-height: 270px;
text-decoration: none !important;
color: inherit;
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.f2-hcar .f2-hcar-splide .splide__slide a.f2-hcar-slide:focus,
.f2-hcar .f2-hcar-splide .splide__slide a.f2-hcar-slide:focus-visible {
display: flex;
}
.f2-hcar .f2-hcar-splide .splide__arrow {
position: absolute;
z-index: 3;
top: 50%;
width: 40px;
height: 40px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid rgba(23, 50, 77, .18);
border-radius: 50%;
background: rgba(255, 255, 255, .92);
box-shadow: 0 1px 4px rgba(23, 50, 77, .14);
color: #17324d;
opacity: 1;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease;
}
.f2-hcar .f2-hcar-splide .splide__arrow--prev { left: 12px; }
.f2-hcar .f2-hcar-splide .splide__arrow--next { right: 12px; }
.f2-hcar .f2-hcar-splide .splide__arrow:hover { background: #fff; border-color: #17324d; }
.f2-hcar .f2-hcar-splide .splide__arrow:focus-visible {
outline: 3px solid #17324d;
outline-offset: 2px;
}
.f2-hcar .f2-hcar-splide .splide__arrow svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.f2-hcar .f2-hcar-splide .splide__arrow:disabled {
opacity: .34;
cursor: default;
box-shadow: none;
}
@media (max-width: 575.98px) {
.f2-hcar .f2-hcar-splide .splide__arrow {
width: 34px;
height: 34px;
}
.f2-hcar .f2-hcar-splide .splide__arrow--prev { left: 6px; }
.f2-hcar .f2-hcar-splide .splide__arrow--next { right: 6px; }
.f2-hcar .f2-hcar-splide .splide__arrow svg { width: 14px; height: 14px; }
}
.f2-hcar-sfondo {
display: block;
flex: 1 1 auto;
min-height: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 22px 22px 0;
transform: scale(1);
transition: transform .5s var(--f2-ease, ease);
}
.f2-hcar-slide:hover .f2-hcar-sfondo,
.f2-hcar-slide:focus-visible .f2-hcar-sfondo {
transform: scale(1.03);
}
.f2-hcar-cartello {
position: relative;
z-index: 1;
flex: 0 0 auto;
display: block;
padding: 14px 22px 16px;
background: #fff;
border-top: 3px solid var(--f2-acc, #d8333a);
}
.f2-hcar-slide--locandina,
.f2-hcar-slide--nuda {
background: #e9ebed;
}
.f2-hcar-slide--locandina .f2-hcar-sfondo {
box-shadow: var(--f2-shadow, 0 18px 36px -22px rgba(15, 15, 40, .3));
}
.f2-hcar .f2-hcar-splide .f2-hcar-slide--locandina:focus-visible,
.f2-hcar .f2-hcar-splide .f2-hcar-slide--nuda:focus-visible {
outline: 3px solid #17324d !important;
outline-offset: -3px !important;
}
.f2-hcar-slide--foto {
background: #0a1420;
}
.f2-hcar-slide--foto .f2-hcar-sfondo {
position: absolute;
z-index: -1;
inset: 0;
margin: 0;
background-size: cover;
}
.f2-hcar-slide--foto .f2-hcar-cartello {
margin-top: auto;
padding-top: 58px;
background: transparent;
border-top: 0;
background-image: linear-gradient(to top, rgba(10, 20, 32, .90), rgba(10, 20, 32, .55) 58%, rgba(10, 20, 32, 0));
}
.f2-hcar-slide--foto .f2-hcar-occhiello {
color: rgba(255, 255, 255, .90);
}
.f2-hcar-slide--foto .f2-hcar-titolo {
color: #fff;
}
.f2-hcar-slide--foto .f2-hcar-cartello .f2-hcar-leggi,
.f2-hcar-slide--foto .f2-hcar-cartello .read-more {
color: #fff;
}
.f2-hcar .f2-hcar-splide .f2-hcar-slide--foto:focus-visible {
outline: 3px solid #fff !important;
outline-offset: -3px !important;
}
.f2-hcar-occhiello {
display: block;
margin-bottom: 5px;
font-size: .78rem;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--f2-acc-scuro, #af2127);
}
.f2-hcar-punto {
padding: 0 .2em;
}
.f2-hcar-titolo {
display: block;
margin-bottom: 8px;
font-size: clamp(1.05rem, 1.5vw, 1.32rem);
font-weight: 600;
line-height: 1.28;
color: #1b1b2b;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.f2-hcar-cartello .f2-hcar-leggi,
.f2-hcar-cartello .read-more {
display: inline-block;
padding-right: 0;
color: var(--f2-acc-scuro, #af2127);
text-decoration: none;
}
.f2-hcar-cartello .read-more::before {
content: none;
}
.f2-hcar-cartello .f2-hcar-leggi::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 8px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .22s var(--f2-ease, ease);
}
.f2-hcar-slide:hover .f2-hcar-leggi,
.f2-hcar-slide:focus-visible .f2-hcar-leggi {
text-decoration: underline;
}
.f2-hcar-slide:hover .f2-hcar-leggi::after {
transform: rotate(45deg) translate(2px, -2px);
}
.f2-hcar-pausa {
position: absolute;
z-index: 3;
top: 14px;
left: 14px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
border: 1px solid rgba(23, 50, 77, .65);
border-radius: 4px;
background: #fff;
color: #17324d;
font-size: .8rem;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
transition: background-color .2s ease, transform .2s var(--f2-ease, ease);
}
.f2-hcar-pausa:hover,
.f2-hcar-pausa:focus-visible {
background: #fff;
border-color: #17324d;
}
.f2-hcar-pausa:focus-visible {
outline: 3px solid #17324d;
outline-offset: 2px;
}
.f2-hcar-pausa-icona {
width: 10px;
height: 12px;
flex: 0 0 10px;
border-left: 3px solid currentColor;
border-right: 3px solid currentColor;
}
.f2-hcar-pausa[aria-pressed="true"] .f2-hcar-pausa-icona {
width: 0;
height: 0;
border: 6px solid transparent;
border-left: 10px solid currentColor;
border-right: 0;
}
.f2-hcar .splide__pagination {
position: absolute;
z-index: 2;
top: auto;
bottom: 17px;
right: 22px;
left: auto;
width: auto;
padding: 0;
margin: 0;
gap: 6px;
}
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page {
position: relative;
width: 10px;
height: 10px;
margin: 0;
border-radius: 50%;
background: rgba(23, 50, 77, .26);
border: 0;
box-shadow: none;
opacity: 1;
transform: none;
transition: width .2s var(--f2-ease, ease), background-color .2s ease;
}
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page::after {
content: "";
position: absolute;
inset: -7px;
}
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page.is-active {
background: var(--f2-acc, #d8333a);
width: 22px;
border-radius: 5px;
transform: none;
}
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page:focus-visible {
outline: 3px solid #17324d;
outline-offset: 3px;
}
@media (max-width: 991.98px) {
.f2-hcar-sfondo {
margin: 18px 18px 0;
}
.f2-hcar-cartello {
padding: 13px 18px 14px;
}
.f2-hcar .splide__pagination {
bottom: 15px;
right: 18px;
}
}
@media (max-width: 575.98px) {
.f2-hcar-slide--locandina,
.f2-hcar-slide--nuda {
flex-direction: row;
align-items: stretch;
}
.f2-hcar-slide--locandina .f2-hcar-sfondo {
flex: 0 0 40%;
margin: 16px 0 16px 16px;
}
.f2-hcar-slide--locandina .f2-hcar-cartello,
.f2-hcar-slide--nuda .f2-hcar-cartello {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
background: transparent;
border-top: 0;
border-left: 3px solid var(--f2-acc, #d8333a);
margin: 16px 0;
padding: 0 16px;
}
.f2-hcar .splide__pagination {
top: auto;
bottom: 10px;
right: 14px;
}
.f2-hcar-pausa {
padding: 9px 11px;
}
.f2-hcar-pausa-testo {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media print {
.f2-hcar .splide__list {
display: block;
}
.f2-hcar .splide__slide:not(:first-child),
.f2-hcar .splide__slide.is-clone,
.f2-hcar-pausa,
.f2-hcar .splide__pagination {
display: none !important;
}
.f2-hcar-cartello {
background: #fff !important;
background-image: none !important;
border-top: 1px solid #999;
padding-top: 12px !important;
}
.f2-hcar-slide--foto .f2-hcar-occhiello,
.f2-hcar-slide--foto .f2-hcar-titolo,
.f2-hcar-slide--foto .f2-hcar-cartello .f2-hcar-leggi {
color: #1b1b2b !important;
}
.f2-hcar-sfondo {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.f2-hcar-sfondo,
.f2-hcar-cartello,
.f2-hcar-pausa,
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page,
.f2-hcar-cartello .f2-hcar-leggi::after {
transition: none !important;
}
.f2-hcar-slide:hover .f2-hcar-leggi::after {
transform: rotate(45deg);
}
.f2-hcar-slide:hover .f2-hcar-sfondo,
.f2-hcar-slide:focus-visible .f2-hcar-sfondo {
transform: none;
}
}
.f2-hcar-slide.f2-hcar-col--greendark {
--f2-acc: #0e865c;
--f2-acc-scuro: #0a6847;
}
.f2-hcar-slide.f2-hcar-col--purplelight {
--f2-acc: #b21dd0;
--f2-acc-scuro: #8c17a3;
}
.f2-hcar-slide.f2-hcar-col--bluelectric {
--f2-acc: #0d00ff;
--f2-acc-scuro: #0a00c6;
}
.f2-hcar-slide.f2-hcar-col--petrol {
--f2-acc: #51758d;
--f2-acc-scuro: #3f5b6e;
}
.f2-hcar-slide.f2-hcar-col--redbrown {
--f2-acc: #d8333a;
--f2-acc-scuro: #af2127;
}
.f2-hcar .f2-hcar-splide .splide__pagination .splide__pagination__page.is-active {
background: var(--f2-hcar-acc, var(--f2-acc, #d8333a));
}
@media (prefers-reduced-motion: no-preference) {
.f2-hcar {
--f2-hcar-curva: cubic-bezier(.32, .72, 0, 1);
}
.f2-hcar .f2-hcar-splide.is-active .splide__slide.f2-hcar-entra .f2-hcar-sfondo {
animation: f2-hcar-posa .9s var(--f2-hcar-curva);
}
.f2-hcar .f2-hcar-splide.is-active .splide__slide.f2-hcar-entra .f2-hcar-occhiello {
animation: f2-hcar-sale .52s var(--f2-hcar-curva) .10s both;
}
.f2-hcar .f2-hcar-splide.is-active .splide__slide.f2-hcar-entra .f2-hcar-titolo {
animation: f2-hcar-sale .52s var(--f2-hcar-curva) .17s both;
}
.f2-hcar .f2-hcar-splide.is-active .splide__slide.f2-hcar-entra .f2-hcar-cartello .f2-hcar-leggi {
animation: f2-hcar-sale .52s var(--f2-hcar-curva) .24s both;
}
}
@keyframes f2-hcar-posa {
from { transform: scale(1.045); }
to { transform: scale(1); }
}
@keyframes f2-hcar-sale {
from { opacity: 0; transform: translateY(9px); }
to { opacity: 1; transform: translateY(0); }
}
#main-container .f2riq-sezione,
.f2riq-sezione {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.f2riq-griglia {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.f2riq-cella { margin: 0; }
#main-container a.f2riq {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
min-height: 186px;
padding: 26px 28px 24px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .17);
color: #fff;
text-decoration: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 480'%3E%3Cg fill='none' stroke='%23fff' transform='translate(760,240)'%3E%3Ccircle r='72' stroke-opacity='.30' stroke-width='10'/%3E%3Ccircle r='120' stroke-opacity='.15' stroke-width='8' stroke-dasharray='6 14'/%3E%3Ccircle r='175' stroke-opacity='.10' stroke-width='7' stroke-dasharray='4 18'/%3E%3Ccircle r='235' stroke-opacity='.06' stroke-width='6' stroke-dasharray='3 22'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right -52px center;
background-size: auto 185%;
transition: transform .42s cubic-bezier(.22, 1, .36, 1), box-shadow .42s cubic-bezier(.22, 1, .36, 1);
transform: translateY(0);
}
#main-container a.f2riq--1 { background-color: #d8333a; }
#main-container a.f2riq--2 { background-color: #0e865c; }
#main-container a.f2riq--3 { background-color: #51758d; }
#main-container a.f2riq .f2riq-occhiello,
#main-container a.f2riq .f2riq-titolo,
#main-container a.f2riq .f2riq-testo { color: #fff; }
.f2riq-occhiello {
font-size: .75rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
opacity: .85;
}
.f2riq-titolo {
margin: 6px 0 0;
font-size: clamp(1.5rem, 1.1rem + 1.1vw, 1.9rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.01em;
}
.f2riq-testo {
margin: 12px 0 20px;
font-size: .9375rem;
line-height: 1.45;
opacity: .92;
max-width: 72%;
}
.f2riq-bottone {
align-self: flex-start;
margin-top: auto;
padding: 9px 18px;
border-radius: 4px;
background: #fff;
font-size: .875rem;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
#main-container a.f2riq--1 .f2riq-bottone { color: #af2127; }
#main-container a.f2riq--2 .f2riq-bottone { color: #0a6847; }
#main-container a.f2riq--3 .f2riq-bottone { color: #3f5b6e; }
.f2riq-freccia {
display: inline-block;
transition: transform .42s cubic-bezier(.22, 1, .36, 1);
}
#main-container a.f2riq:hover,
#main-container a.f2riq:focus-visible {
transform: translateY(-4px);
box-shadow: 0 10px 22px -6px rgba(0, 0, 0, .28);
color: #fff;
text-decoration: none;
}
#main-container a.f2riq:hover .f2riq-freccia,
#main-container a.f2riq:focus-visible .f2riq-freccia { transform: translateX(3px); }
#main-container a.f2riq:active {
transform: translateY(0);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .17);
transition-duration: .12s;
}
#main-container a.f2riq:focus-visible {
outline: 3px solid #fff;
outline-offset: -6px;
}
@media (max-width: 991.98px) {
.f2riq-griglia { grid-template-columns: 1fr; gap: 16px; }
#main-container a.f2riq { min-height: 0; padding: 22px 22px 20px; }
.f2riq-testo { max-width: 86%; }
}
@media (prefers-reduced-motion: reduce) {
#main-container a.f2riq { transition: box-shadow .2s ease; }
#main-container a.f2riq:hover,
#main-container a.f2riq:focus-visible,
#main-container a.f2riq:active { transform: none; }
#main-container a.f2riq:hover .f2riq-freccia,
#main-container a.f2riq:focus-visible .f2riq-freccia { transform: none; }
}
/* f2-fixes */
.card-icon,
.card-icon-content {
min-width: 0;
}
.card-icon-content,
.card-icon-content p,
.card-icon-content strong,
.card-icon-content a,
.card-icon-content small {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
}
.card-icon-content .text-truncate,
.card-file .text-truncate,
.card-file .card-title,
.card-icon-content .card-title {
white-space: normal;
overflow: visible;
text-overflow: clip;
display: block;
}
.f2-avviso { margin: 0 0 1.4rem; }
.f2-avviso .callout-title { display: flex; align-items: center; gap: .5rem; }
.f2-avviso .callout-title .icon { width: 20px; height: 20px; flex: 0 0 auto; }
.f2-avviso p { margin: .4rem 0 0; }
.f2-avviso .f2-avviso-contatti { font-size: .88rem; }
.f2-avviso .f2-avviso-contatti a { font-weight: 600; }
body.single .row:has(> [class*="col-"] > .section-thumb):has(> [class*="col-"] > .section-title) {
display: grid;
grid-template-columns: 156px minmax(0, 1fr);
align-items: start;
}
body.single .row > [class*="col-"]:has(> .section-thumb) {
grid-column: 1;
grid-row: 1 / span 2;
width: 156px;
max-width: none;
padding-left: 0;
padding-right: 0;
}
body.single .row > [class*="col-"] > .section-thumb {
width: 140px;
max-width: 140px;
margin: 0 16px 0 0;
}
body.single .row > [class*="col-"] > .section-thumb img { width: 140px; height: 140px; }
body.single .row:has(> [class*="col-"] > .section-thumb):has(> [class*="col-"] > .section-title)
> [class*="col-"]:has(> .section-title) {
grid-column: 2;
grid-row: 1;
flex: 0 0 100%;
max-width: none;
}
body.single .row:has(> [class*="col-"] > .section-thumb):has(> [class*="col-"] > .section-title)
> [class*="col-"]:has(> .card-avatar) {
grid-column: 2;
grid-row: 2;
order: 9;
flex: 0 0 100%;
max-width: none;
margin-left: 0;
}
body.single .row:has(> [class*="col-"] > .section-thumb):has(> [class*="col-"] > .section-title)
> [class*="col-"]:has(> .badges-wrapper.badges-main) {
grid-column: 2;
flex: 0 0 100%;
max-width: none;
width: auto;
margin-left: 0;
}
@media (min-width: 768px) {
.article-title-author .article-title-author-container {
justify-content: center;
row-gap: 1.75rem;
padding-bottom: 50px;
}
}
@media (max-width: 575.98px) {
body.single .row:has(> [class*="col-"] > .section-thumb):has(> [class*="col-"] > .section-title) {
display: block;
}
}
body.single [class*="col-"]:has(> .card-avatar) .card-avatar {
margin-top: .2rem !important;
border: 0;
box-shadow: none;
background: transparent;
}
body.single [class*="col-"]:has(> .card-avatar) .card-avatar .card-avatar-img {
width: 24px;
height: 24px;
min-width: 24px;
}
body.single [class*="col-"]:has(> .card-avatar) .card-avatar .card-avatar-content p {
margin: 0;
font-size: .82rem;
color: #5c6f82;
}
body.single [class*="col-"]:has(> .card-avatar) .card-avatar .card-avatar-content p::before {
content: "Pubblicato da ";
color: #5c6f82;
}
body.single [class*="col-"]:has(> .card-avatar) .card-avatar .card-avatar-content small:empty { display: none; }
.section-tabs-bg .accordion-large-title h2,
.section-tabs-bg .accordion-large-title h3,
.section-tabs-bg .accordion-large-title h4,
.section-tabs-bg .accordion-header,
.section-tabs-bg .accordion-large-content,
.section-tabs-bg .accordion-large-content p {
color: #fff;
}
.section-tabs-bg .accordion-large-title h2,
.section-tabs-bg .accordion-large-title h3 {
font-size: 1.05rem;
letter-spacing: .02em;
}
.section-tabs-bg .accordion-large hr { border-color: rgba(255, 255, 255, .3); }
.f2ra.f2ra-staccato { margin-top: 1.4rem; margin-bottom: .2rem; }
.bg-light .text-muted,
.bg-light small.text-muted,
.bg-light .text-muted small { color: #455b71; }
.card-horizontal .card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.card-article .card-article-img {
position: relative;
aspect-ratio: 4 / 3;
height: auto;
min-height: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
transition: transform .6s cubic-bezier(.16, 1, .3, 1);
}
.card-article .card-article-img::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 38%;
background: linear-gradient(to top, rgba(23, 50, 77, .28), rgba(23, 50, 77, 0));
pointer-events: none;
}
.presentation-card-link:hover .card-article .card-article-img,
.presentation-card-link:focus-visible .card-article .card-article-img { transform: scale(1.05); }
.presentation-card-link:focus-visible .card-article { outline: 2px solid var(--f2-acc-scuro, #af2127); outline-offset: 2px; }
@media (max-width: 575.98px) {
.card-article .card-article-img { aspect-ratio: 16 / 9; }
}
@media (prefers-reduced-motion: reduce) {
.card-article .card-article-img { transition: none; }
.presentation-card-link:hover .card-article .card-article-img { transform: none; }
}
.it-single-slide-wrapper.gallery-item figure {
position: relative;
aspect-ratio: 16 / 10;
margin: 0;
overflow: hidden;
background: #eef0f2;
border-radius: 4px;
}
.it-single-slide-wrapper.gallery-item figure a {
position: absolute;
inset: 0;
display: block;
}
.it-single-slide-wrapper.gallery-item figure img {
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
object-position: center;
transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}
.it-single-slide-wrapper.gallery-item figure a:hover img,
.it-single-slide-wrapper.gallery-item figure a:focus-visible img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) {
.it-single-slide-wrapper.gallery-item figure img { transition: none; }
.it-single-slide-wrapper.gallery-item figure a:hover img { transform: none; }
}
.f2cl-tutti > a,
.f2cl-ics > a {
display: inline-flex;
align-items: center;
min-height: 24px;
}
.f2-vuoto-at a {
text-decoration: underline;
text-underline-offset: 0.15em;
font-weight: 600;
}
.menu-user.dropdown-menu[x-placement^="bottom"] {
right: auto;
}
/* f2-pdf */
.f2pdfdoc {
margin: .6rem 0 1.6rem;
border: 1px solid var(--f2-acc-bordo, #d9dadb);
border-radius: 4px;
background: #fff;
overflow: hidden;
}
.f2pdfdoc-bar {
display: flex;
align-items: center;
gap: .5rem 1rem;
flex-wrap: wrap;
padding: .6rem .9rem;
border-bottom: 1px solid var(--f2-acc-bordo, #e8eaed);
background: var(--f2-acc-tenue, #f7f9fb);
cursor: pointer;
list-style: none;
}
.f2pdfdoc-bar::-webkit-details-marker { display: none; }
.f2pdfdoc-bar::marker { content: ''; }
.f2pdfdoc-bar:hover { background: var(--f2-acc-bordo, #eef2f6); }
.f2pdfdoc-bar:focus-visible { outline: 2px solid var(--f2-acc, #d8333a); outline-offset: -2px; }
.f2pdfdoc-title { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; font-size: .92rem; color: #19191a; min-width: 0; }
.f2pdfdoc-ic { width: 18px; height: 18px; fill: var(--f2-acc, #d8333a); flex: 0 0 auto; }
.f2pdfdoc-nome { min-width: 0; overflow-wrap: anywhere; }
.f2pdfdoc:has(+ .f2pdfdoc) { margin-bottom: .5rem; }
.f2pdfdoc-count { font-size: .82rem; color: #5c6f82; }
.f2pdfdoc-toggle {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: .15rem;
font-size: .82rem;
font-weight: 600;
color: var(--f2-acc-scuro, #af2127);
white-space: nowrap;
}
.f2pdfdoc-toggle svg { width: 18px; height: 18px; fill: currentColor; transition: transform .18s ease-in-out; }
.f2pdfdoc[open] .f2pdfdoc-toggle svg { transform: rotate(180deg); }
.f2pdfdoc-foot {
display: flex;
align-items: center;
gap: .6rem 1rem;
flex-wrap: wrap;
padding: .7rem .9rem;
border-top: 1px solid var(--f2-acc-bordo, #e8eaed);
background: #fff;
}
.f2pdfdoc-foot .f2pdfdoc-dl { margin-left: auto; }
@media (max-width: 575.98px) {
.f2pdfdoc-foot { padding: .7rem; }
.f2pdfdoc-foot .f2pdfdoc-dl { margin-left: 0; width: 100%; text-align: center; }
}
.f2pdfdoc-open { font-size: .84rem; font-weight: 600; color: var(--f2-acc-scuro, #af2127); text-decoration: none !important; white-space: nowrap; }
.f2pdfdoc-open:hover, .f2pdfdoc-open:focus-visible { text-decoration: underline !important; outline: 0; }
.f2pdfdoc-dl {
font-size: .84rem;
font-weight: 700;
color: #fff;
background: var(--f2-acc, #d8333a);
border-radius: 4px;
padding: .42rem .85rem;
text-decoration: none !important;
white-space: nowrap;
transition: transform .22s var(--f2-ease), background-color .15s ease-in-out;
}
.f2pdfdoc-dl:hover, .f2pdfdoc-dl:focus-visible { background: var(--f2-acc-scuro, #af2127); outline: 0; }
.f2pdfdoc-dl:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--f2-acc, #d8333a); }
.f2pdfdoc-pages {
height: min(80vh, 820px);
overflow-y: auto;
background: #eceff2;
padding: 1rem;
-webkit-overflow-scrolling: touch;
}
.f2pdfdoc-pages:focus-visible { outline: 2px solid var(--f2-acc, #d8333a); outline-offset: -2px; }
.f2pdfdoc-page {
margin: 0 auto 1rem;
max-width: 900px;
background: #fff;
box-shadow: 0 1px 6px rgba(8, 10, 26, .14);
}
.f2pdfdoc-page:last-child { margin-bottom: 0; }
.f2pdfdoc-page canvas { display: block; width: 100%; height: auto; }
.f2pdfdoc-note { padding: 1.5rem; text-align: center; color: #5c6f82; margin: 0; }
.f2pdfdoc-note a { color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
.f2pdfdoc-fail .f2pdfdoc-pages { height: auto; background: #fff; }
.f2pdfdoc.is-init .f2pdfdoc-pages::before { content: 'Caricamento del documento…'; display: block; padding: 2rem; text-align: center; color: #5c6f82; font-style: italic; }
.f2pdfdoc-page.is-loading { display: flex; align-items: center; justify-content: center; }
.f2pdfdoc-loading { color: #5c6f82; font-size: .85rem; font-style: italic; }
.f2pdfdoc-pagefail { display: inline-block; padding: 2rem; color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
@media (max-width: 767.98px) { .f2pdfdoc-pages { height: 70vh; padding: .6rem; } }
.f2pdfdoc-listen {
display: inline-flex;
align-items: center;
gap: .35rem;
font-family: inherit;
font-size: .84rem;
font-weight: 600;
color: var(--f2-acc-scuro, #af2127);
background: transparent;
border: 1px solid var(--f2-acc, #d8333a);
border-radius: 4px;
padding: .38rem .7rem;
line-height: 1;
cursor: pointer;
transition: transform .22s var(--f2-ease), background-color .15s ease-in-out, color .15s ease-in-out;
}
.f2pdfdoc-listen svg { width: 15px; height: 15px; fill: currentColor; flex: 0 0 auto; }
.f2pdfdoc-listen:hover, .f2pdfdoc-listen:focus-visible { background: var(--f2-acc, #d8333a); color: #fff; outline: 0; }
.f2pdfdoc-listen:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--f2-acc, #d8333a); }
.f2pdfdoc-listen.is-on { background: var(--f2-acc, #d8333a); color: #fff; }
@media (max-width: 575.98px) { .f2pdfdoc-listen { padding: .38rem .6rem; font-size: .8rem; } }
.f2pdfdoc:has(+ .card-deck) { margin-bottom: 0; }
.f2pdfdoc + .card-deck {
margin-top: 0;
padding-top: .9rem;
}
.f2pdfdoc + .card-deck .card.card-icon {
border: 1px solid var(--f2-acc-bordo, #e8eaed);
box-shadow: none;
}