@charset "utf-8";

/* ##### General settings ##### */

/** { padding:0px; margin:0px; outline:0;} 
p, hr, form { margin:15px 0px;}
ul { margin:15px 0px; list-style-type:square;}
ol { margin:15px 0px 15px 15px; list-style-type:decimal-leading-zero; }
li { margin:8px 0px 8px 15px;}
ol ol, ul ul { margin-left:20px;}*/

ol.lettere { list-style-type:lower-latin; }
ul.no_disc { list-style-type:none;}

table { margin-top:2px; margin-bottom:15px;}
table th { padding:5px; text-align:center; font-weight:bold;}
table td { padding:5px; text-align:left; empty-cells:show;}

.sx { text-align:left;}
.cx { text-align:center;}
.cx2 { text-align:center; margin:0px auto;}
.dx { text-align:right;}
.jx { text-align:justify;}
.fl_sx { float:left;}
.fl_dx { float:right;}
.clear_sx { clear:left; height:auto; min-height:1px;}
.clear_dx { clear:right; height:auto; min-height:1px;}
.clear_b { clear:both; height:auto; min-height:1px;}

.img_sx { float:left; margin:2px 10px 0px 0px;}
.img_dx { float:right; margin:2px 0px 0px 10px;}

.nascondi { display:none !important;}
.visualiz { display:block !important;}

.Stacco_sx { margin-left:50px;} .stacco_sx { margin-left:20px;} .STACCO_SX { margin-left:100px;}
.Stacco_dx { margin-right:50px;} .stacco_dx { margin-right:20px;} .STACCO_DX { margin-right:100px;}
.Stacco_b { margin-left:50px; margin-right:50px;} .stacco_b { margin-left:20px; margin-right:20px;} .STACCO_B { margin-left:100px; margin-right:100px;}

.Spazio_sx { padding-left:50px;} .spazio_sx { padding-left:20px;} .SPAZIO_SX { padding-left:100px;}
.Spazio_dx { padding-right:50px;} .Spazio_dx { padding-right:20px;} .SPAZIO_DX { padding-right:100px;}
.Spazio_b { padding-left:50px; padding-right:50px;} .spazio_b { padding-left:20px; padding-right:20px;} .SPAZIO_B { padding-left:100px; padding-right:100px;}

.b { font-weight:bold;}
.i { font-style:italic;}
.u { text-decoration:underline;}
.s { text-decoration:line-through;}

.small { font-size:small;}
.big { font-size:large;}

.uc { text-transform:uppercase;}
.lc { text-transform:lowercase;}
.ca { text-transform:capitalize;}

i, em { padding-right: 5px; }
img { max-width: 100%; }
a.wf_file img { display:inline-block; padding-right:5px; }
span.wf_file_text { font-weight:600; }

.m0{margin:0px} .m5{margin:5px} .m10{margin:10px} .m15{margin:15px} .m20{margin:20px} .m25{margin:25px} .m30{margin:30px} .m35{margin:35px} .m40{margin:40px} .m45{margin:45px} .m50{margin:50px} .m55{margin:55px} .m60{margin:60px} .m65{margin:65px} .m70{margin:70px} .m75{margin:75px} .m80{margin:80px} .m85{margin:85px} .m90{margin:90px} .m95{margin:95px} .m100{margin:100px} .m105{margin:105px} .m110{margin:110px} .m115{margin:115px} .m120{margin:120px} .m125{margin:125px} .m130{margin:130px} .m135{margin:135px} .m140{margin:140px} .m145{margin:145px} .m150{margin:150px}
.mt0{margin-top:0px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px} .mt55{margin-top:55px} .mt60{margin-top:60px} .mt65{margin-top:65px} .mt70{margin-top:70px} .mt75{margin-top:75px} .mt80{margin-top:80px} .mt85{margin-top:85px} .mt90{margin-top:90px} .mt95{margin-top:95px} .mt100{margin-top:100px} .mt105{margin-top:105px} .mt110{margin-top:110px} .mt115{margin-top:115px} .mt120{margin-top:120px} .mt125{margin-top:125px} .mt130{margin-top:130px} .mt135{margin-top:135px} .mt140{margin-top:140px} .mt145{margin-top:145px} .mt150{margin-top:150px}
.mb0{margin-bottom:0px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb25{margin-bottom:25px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mb55{margin-bottom:55px} .mb60{margin-bottom:60px} .mb65{margin-bottom:65px} .mb70{margin-bottom:70px} .mb75{margin-bottom:75px} .mb80{margin-bottom:80px} .mb85{margin-bottom:85px} .mb90{margin-bottom:90px} .mb95{margin-bottom:95px} .mb100{margin-bottom:100px} .mb105{margin-bottom:105px} .mb110{margin-bottom:110px} .mb115{margin-bottom:115px} .mb120{margin-bottom:120px} .mb125{margin-bottom:125px} .mb130{margin-bottom:130px} .mb135{margin-bottom:135px} .mb140{margin-bottom:140px} .mb145{margin-bottom:145px} .mb150{margin-bottom:150px}
.p0{padding:0px} .p5{padding:5px} .p10{padding:10px} .p15{padding:15px} .p20{padding:20px} .p25{padding:25px} .p30{padding:30px} .p35{padding:35px} .p40{padding:40px} .p45{padding:45px} .p50{padding:50px} .p55{padding:55px} .p60{padding:60px} .p65{padding:65px} .p70{padding:70px} .p75{padding:75px} .p80{padding:80px} .p85{padding:85px} .p90{padding:90px} .p95{padding:95px} .p100{padding:100px} .p105{padding:105px} .p110{padding:110px} .p115{padding:115px} .p120{padding:120px} .p125{padding:125px} .p130{padding:130px} .p135{padding:135px} .p140{padding:140px} .p145{padding:145px} .p150{padding:150px}
.pt0{padding-top:0px} .pt5{padding-top:5px} .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt25{padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px} .pt45{padding-top:45px} .pt50{padding-top:50px} .pt55{padding-top:55px} .pt60{padding-top:60px} .pt65{padding-top:65px} .pt70{padding-top:70px} .pt75{padding-top:75px} .pt80{padding-top:80px} .pt85{padding-top:85px} .pt90{padding-top:90px} .pt95{padding-top:95px} .pt100{padding-top:100px} .pt105{padding-top:105px} .pt110{padding-top:110px} .pt115{padding-top:115px} .pt120{padding-top:120px} .pt125{padding-top:125px} .pt130{padding-top:130px} .pt135{padding-top:135px} .pt140{padding-top:140px} .pt145{padding-top:145px} .pt150{padding-top:150px}
.pb0{padding-bottom:0px} .pb5{padding-bottom:5px} .pb10{padding-bottom:10px} .pb15{padding-bottom:15px} .pb20{padding-bottom:20px} .pb25{padding-bottom:25px} .pb30{padding-bottom:30px} .pb35{padding-bottom:35px} .pb40{padding-bottom:40px} .pb45{padding-bottom:45px} .pb50{padding-bottom:50px} .pb55{padding-bottom:55px} .pb60{padding-bottom:60px} .pb65{padding-bottom:65px} .pb70{padding-bottom:70px} .pb75{padding-bottom:75px} .pb80{padding-bottom:80px} .pb85{padding-bottom:85px} .pb90{padding-bottom:90px} .pb95{padding-bottom:95px} .pb100{padding-bottom:100px} .pb105{padding-bottom:105px} .pb110{padding-bottom:110px} .pb115{padding-bottom:115px} .pb120{padding-bottom:120px} .pb125{padding-bottom:125px} .pb130{padding-bottom:130px} .pb135{padding-bottom:135px} .pb140{padding-bottom:140px} .pb145{padding-bottom:145px} .pb150{padding-bottom:150px}

/* CSS Document */

a, a:link, a:hover, a:focus { outline:none; }

/*p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin:15px 0px; }*/
p { color: #535353; }

.header-wrapper #sp-header-topbar { padding: 10px 0; }
.header-wrapper #sp-top-bar { padding: 1px 0 !important; }
.header-wrapper #sp-header-topbar .container-inner .header-address .sppb-addon-feature .sppb-media { display: block; }
.header-wrapper #sp-header-topbar .container-inner .header-address .sppb-addon-feature p { margin:0px; }

div.t3-wrapper, header.t3-header, div.main_menu { /*background-color: #0083FF;*/ background-color: #33343f;
background-color: #00334F; }
.main_menu.affix, .navbar-default { background: #00334F; }

div.logo { padding-left:8px; }

div#system-message-container, div#sp-page-builder, div.sfondo_bianco { background-color:#FFF; padding-top: 50px; padding-bottom:0px; }

a.blu, .blu { color: #253856; }
a.celeste, .celeste { color: #428dc9; }

img.pull-right, img.pull-left { max-width:325px; margin-top:10px; margin-bottom:-5px; }
img.pull-right { margin-left:15px; } img.pull-left { margin-right:15px; }

.solosmart { display:none; }

.jb-topbar { line-height: 35px; min-height: 35px; }
.t3-header { padding: 10px 0px 0px 0px; }

.m_casa.fa-home:before { font: normal normal normal 19px/1 FontAwesome !important; color: white !important; padding-right:5px; }
.t3-megamenu .nav .fa { margin-right: 0px; }
.navbar-default .navbar-nav > li > a { padding: 18px 22px; line-height: 19px; }.off-canvas-toggle { height: 55px;  line-height: 55px; transition: all 0.4s ease 0s; -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.hide-text { color:#FFF !important; background-color:#2b2c36 !important; background-color:transparent !important; }

.off-canvas-toggle span.bar-first { top: 21px; } .off-canvas-toggle span.bar-mid { top: 28px; } .off-canvas-toggle span.bar-last { top: 35px; }

.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu li.current a {
    color: #262626;
    background-color: #f5f5f5;
}

div.jb-large-white, .medium_text, .tp-caption .btn, .jb-small-text, .medium_text p { text-shadow:2px 1px 1px #000 !important; color:#FFF !important; }
.medium_text { letter-spacing:1px; }
div.tp-caption.jb-large-white, div.tp-caption.medium_text { text-shadow:0px 0px 0px #FFF !important; color:#333 !important; font-weight:bold; background-color:rgba(255,255,255,0.75); padding:5px 10px 0px 10px; }
div.tp-caption.medium_text p { text-shadow:0px 0px 0px #FFF !important; color:#333 !important; font-weight:bold; }

.news_home .sppb-articles-carousel-column { display: flex !important; flex-direction: column; float: left !important; background: #ffffff; border: 1px solid #eef2f5; box-sizing: border-box; }
.news_home .sppb-articles-carousel-content { display: flex; flex-direction: column; flex-grow: 1; padding: 20px; }
.news_home .sppb-articles-carousel-img { width: 100%; height: 130px; overflow: hidden; position: relative; }
.news_home .sppb-articles-carousel-img img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
.news_home .sppb-articles-carousel-column:hover .sppb-articles-carousel-img { opacity:0.8; }
.news_home .sppb-articles-carousel-link { font-size: 16px; line-height: 1.4; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 68px; }
.news_home .sppb-articles-carousel-introtext { font-size: 14px; color: #666; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; }

section.box-servizi div.addon-root-feature .sppb-addon-feature { margin-bottom:30px; }
section.box-servizi div.addon-root-feature .sppb-addon-feature .img-holder img { transform: scale(1.0, 1.0); transition: all 0.5s ease 0s; }
section.box-servizi div.addon-root-feature .sppb-addon-feature .sppb-media-content { background-color: #ffffff; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; line-height:1.25; }
section.box-servizi div.addon-root-feature .sppb-addon-feature .sppb-media-content .sppb-feature-box-title { font-weight: 500; font-size: 20px; }
section.box-servizi div.addon-root-feature .sppb-addon-feature .sppb-media-content p { margin:0px; }

.sppb-addon-text-block p, .sppb-addon-text-block li { margin:15px 0px; color: #444444; font-size: 18px; line-height: 23px; }
.grigio-scuro .sppb-addon-text-block p, .grigio-scuro .sppb-addon-text-block li { color: #FFF; font-size: 17px; }

div.copyright { text-align:center; }
.t3-copyright { padding: 26px 0px 15px 0px; background-color: #00334F; }

.articoli_home ul { padding:0px; }
.articoli_home a.mod-articles-category-title { font-size: 15px; line-height: 20px; font-weight: 500; text-align: justify; display:block; }
.articoli_home .mod-articles-category-introtext { font-size: 14px; line-height: 18px; text-align: justify; }

#sp-main-body { padding: 75px 0; }

div.articoli_dx h3 { margin:15px 0px 0px 0px; }
div.articoli_dx h3 a { font-size:19px; line-height:24px; font-family:'Hind', sans-serif; display:block; font-weight:100; }
div.articoli_dx a.sppb-article-img-wrap { float: left; max-width: 175px; margin: 2px 10px 0px 0px; display: block; overflow: hidden; }
div.articoli_dx div.sppb-article-introtext { font-size: 15px; line-height: 20px; }

div.sppb-addon-text-block.sppb-text-left { text-align:justify; }

.jb-navhealper { padding: 10px 0; }
nav.t3-navhelper { background-image: url('../../../images/layout/legal-background.jpg'); background-position: center -10px; background-repeat: no-repeat; background-size: cover; margin-top: -35px; }
.hasBg::before { display:none; }
.titleSlogan h1 { color: #666666; font-size: 26px; text-transform: none; }
html.view-article .titleSlogan h1 {}
 
.module-title { font-size: 22px; }

article .article-title, .article-details .article-header h1, .article-details .article-header h2 { font-size:21px; line-height:26px; margin-bottom: 15px; color:#00334F; }
div.blog article { border-bottom:double #CCC; }
.items-leading .leading { margin-bottom: 20px; }

.rev_slider_wrapper { margin-top:0px !important; }

.single-item .text-holder { padding-top: 10px; padding-bottom: 10px; }

.pull-left.item-image { margin: 0 15px 0px 0; max-width:400px; }

.sppb-addon-accordion .sppb-addon-content .sppb-panel .sppb-panel-heading {
    margin: 10px 0px;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel .sppb-panel-body {
    border-top-color: transparent;
    margin: 0px 0px;
    padding: 0px 14px;
		text-align:justify;
}
.sppb-panel-modern > .sppb-panel-heading  { background: #E6E6E6 none repeat scroll 0 0; color: #222222; transition: all 500ms ease; transition-delay: 0.1s; border-radius:4px; }
.sppb-panel-modern > .sppb-panel-heading.active  { color: #ffffff; background: #0083ff; }

#sp-page-builder .sppb-section-title .sppb-title-heading { color:#2F71B3; font-size: 24px; line-height:36px; }

#sppb-addon-1537645831473 .sppb-addon-gmap-canvas { height:750px !important; }

#sppb-addon-1537645831461 .sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input),
#sppb-addon-1537645831461 textarea { border: 1px solid #2F71B3; }
div#sppb-addon-1537645831461 .sppb-addon-title { margin-top:0px; }

.sppb-ajaxt-contact-form .sppb-form-group input[type="checkbox"] { width:auto; }

.sppb-articles-scroller-date-left-date {
    background-color:transparent;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
.sppb-articles-scroller-date-left-content {
    background-color:transparent;
    padding: 15px 0 15px 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}
.sppb-addon-articles-scroller-title, .sppb-articles-scroller-introtext { color:#444444; line-height:22px; text-align:justify; }
.sppb-articles-scroller-date-left-content .sppb-addon-articles-scroller-title,
div.lettore li.srfrRow h3 {
    font-size: 16px; line-height:20px;
    margin-bottom: 5px; color:#555555;
		font-weight: 500 !important;
		text-align:justify;
}

.article-details .article-full-image img { width:auto; max-width:100%; }

section.readmore .btn-default { margin-bottom:20px; }

div.srfrContainer ul.srfrList li { padding: 0px; }

.get-touch-area .single-item { background-color: #ffffff; border-radius: 12px; padding: 35px 25px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease-in-out; border: 1px solid #f0f0f0; }
.get-touch-area .single-item.hvr-grow-shadow:hover { transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0,0,0,0.12); }
.get-touch-area .single-item .icon-holder { width: 70px; height: 70px; margin: 0 auto 20px auto; background-color: #f4f7f9; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, color 0.3s ease; }
.get-touch-area .single-item .icon-holder i { font-size: 28px; color: #1a5b8c; line-height: 1 !important; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; }
.get-touch-area .single-item:hover .icon-holder { background-color: #1a5b8c; }
.get-touch-area .single-item:hover .icon-holder i { color: #ffffff; }
.get-touch-area .single-item .text-holder h3 { font-size: 20px; font-weight: 600; color: #2c3e50; margin-bottom: 12px; }
.get-touch-area .single-item .text-holder .border { display: block !important; width: 40px !important; height: 3px !important; background-color: #1a5b8c !important; margin: 0 auto 15px auto !important; border-radius: 2px; }
.get-touch-area .single-item .text-holder p { font-size: 15px; line-height: 1.6; color: #666666; margin: 0; }
.get-touch-area .single-item:last-child .icon-holder i.fa-solid:before { position: relative; left: 3px; }

#pwebbox131 .pweb-bottombar .pwebbox-container {
    padding: 5px 0px !important;
    background-color: #00334F;
    color: #FFFFFF;
    font-size: 14px;
}
#pwebbox131 .pweb-bottombar .pwebbox-container a { color: #FFFFFF; text-decoration:underline; }
.pwebbox_toggler.pweb-theme-free.pweb-opened i.icon-remove::after {
    content: 'X';
    display: block;
    color: #FFF;
    width: 50px;
    height: 40px;
    font-style: normal;
		position: relative;
    top: 16px;
}

div.pull-left.item-image img { max-width:250px; }

div#section-id-1561013899062 div.sppb-addon-text { text-align:justify; }
div#section-id-1561013899062 div.sppb-img-container { max-width:400px; margin: 0px auto; }

.com_content.view-article .pageTitle { padding: 0px 25px; font-size: 14px; }

.top-social-links li:first-child, .top-social-links li { margin-left:15px; }
.header-contact-info ul li:last-child, .header-contact-info ul li { margin-right: 10px; padding-right: 10px;
}
div.navbar-header .off-canvas-toggle:before { }
div.navbar-header:before { }

label.sppb-form-check-label { font-size: 15px; text-align: justify; line-height: 22px !important; font-weight: normal; }

.fa-pencil:before { content: "\f040" !important; }

div#column-wrap-id-1689001152089 { margin-top:20px; }
div.brochure .sppb-addon-title { font-size:20px; margin-bottom:25px; }

span.featured-article-badge { display:none; }
div.sppb-addon-header h1.sppb-addon-title { font-size:30px; }
div.sppb-addon-header h2.sppb-addon-title { font-size:29px; }
div.sppb-addon-header h3.sppb-addon-title { font-size:28px; }
div.sppb-addon-header h4.sppb-addon-title { font-size:27px; }
div.sppb-addon-header h5.sppb-addon-title { font-size:26px; }

/* ##### Colori ##### */

.btn.sppb-btn-primary, .btn.btn-primary, .sppb-btn.sppb-btn-primary, .sppb-btn.btn-primary {
    background-color: #0083ff !important;
    color: #FFF !important;
    border-color: #0083ff !important;
}

.bianco, a.bianco, .header-wrapper .assurance-header .sp-megamenu-wrapper .sp-megamenu-parent li.active a, .jb-topbar .module ul li span, .header-contact-info ul li .iocn-holder span, .header-contact-info ul li .text-holder h6, .header-contact-info a, .header-contact-info a:focus, .top-social-links li a i, section.readmore .btn-default:hover, footer.t3-footer a:hover, footer.t3-footer a:focus, .header-wrapper .assurance-header .sp-megamenu-wrapper .sp-megamenu-parent li.active a:hover, .header-wrapper .assurance-header .sp-megamenu-wrapper .sp-megamenu-parent li:hover a, footer p { color:#FFF; }
#sp-footer a, #sp-bottom a  { color:#FFF !important; }
#sp-footer a:hover, #sp-bottom a:hover { color: #c0c1c8 !important; }

a, a:focus, .blu, a.blu,
.module-title,
.sppb-addon-header h3,
h3.sppb-addon-title,
div.addon-root-feature .sppb-addon-feature .sppb-media-content .sppb-feature-box-title a,
#sp-header-topbar a:hover, div.sppb-addon-header .sppb-addon-title, .sppb-articles-carousel-link { color:#2F71B3; }

.blu_notte, a.blu_notte, .header-wrapper #sp-header-topbar .container-inner .header-address .sppb-icon, #sp-header-topbar a { color:#00334F; }
.bg_blu_notte, .single-item .text-holder:after, 
.header-wrapper #sp-top-bar, .header-wrapper .assurance-header .container-inner,
.header-wrapper .assurance-header .container-inner:before { background-color: #00334F; }
.header-wrapper .assurance-header.header-sticky { background: #00334F !important; }

.celeste, a.celeste, footer.t3-footer a,
.header-contact-info ul li:hover .iocn-holder span,
.top-social-links li a:hover i { color: #0083FF; }

.grigio-scuro { background-color: #2B2C36; }

.single-item:hover .overlay-style-one,
.top-search-wrapper .icon-top-wrapper i { background-color:#0083ff; }

.t3-megamenu .mega-nav, .t3-megamenu .dropdown-menu .mega-nav, .sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    border-bottom: 3px solid #0083ff;
}


/* ==========================================================================
   ESTETICA ARTICOLI BLOG (SCHEDE & TIPOGRAFIA)
   ========================================================================== */

/* Scheda singolo articolo */
.blog-item {
    background-color: #ffffff;
    border: 1px solid #eef2f5;
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 25px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

/* Effetto elevazione al passaggio del mouse */
.blog-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);
    border-color: #e0e6ed;
}

/* Immagine articolo */
.blog-item .article-intro-image,
.blog-item .pull-left,
.blog-item .pull-right {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: 0px 30px 15px 0px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    float: left;
    max-width: 250px;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 18px; line-height:24px;
    margin: 0 0 12px 0;
}

.blog-item .article-intro-image img {
    border-radius: 8px;
    transition: transform 0.4s ease;
}

.blog-item:hover .article-intro-image img {
    transform: scale(1.03); /* Lieve zoom dell'immagine */
}

/* Titolo articolo */
.blog-item .article-header h2,
.blog-item .article-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 15px;
}

.article-list .article .article-header h1 a, 
.article-list .article .article-header h2 a,
.blog-item .article-header h2 a,
.blog-item .article-title a {
    color: #2F71B3;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 18px;
    font-weight: normal !important;
    line-height: 24px;
}

.blog-item .article-header h2 a:hover,
.blog-item .article-title a:hover,
.blog .article-list .article a:hover,
.blog-item .article-header h2 a:focus,
.blog-item .article-title a:focus,
.blog .article-list .article a:focus {
    color: #00aeef !important; /* Colore d'accento primary */
}

/* Meta info (Data, Autore, Categoria) */
.blog-item .article-info {
    font-size: 0.82rem;
    color: #888888;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-item .article-info dd {
    display: inline-block;
    margin-right: 12px;
}

.blog-item .article-info a {
    color: #666666;
    text-decoration: none;
}

.blog-item .article-info a:hover {
    color: #00aeef;
}

/* Testo dell'anteprima */
.blog-item .article-introtext,
.blog-item .article-introtext p {
    color: #555555;
    font-size: 16px;
    line-height: 21px;
}

/* Pulsante "Leggi tutto" */
.blog-item .readmore a,
.blog-item .btn-readmore {
    display: inline-flex;
    align-items: center;
    color: #00aeef;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: 10px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.blog-item .readmore a:hover,
.blog-item .btn-readmore:hover {
    color: #0084b5;
    transform: translateX(4px); /* Effetto freccia che si sposta a destra */
}


/* ==========================================================================
   ESTETICA MODULI SIDEBAR (CATEGORIE & ARTICOLI CORRELATI/PIÙ VISTI)
   Direzione: "fascicolo legale" — eyebrow con simbolo § (paragrafo),
   linguetta superiore come un dossier, numerazione stile "protocollo"
   per la classifica dei più cliccati. Blu di sistema (#00aeef) riservato
   alle interazioni; un accento "ottone/pergamena" usato solo per i numeri
   di classifica, a richiamare i timbri sui documenti ufficiali.
   ========================================================================== */

aside#sp-right {
    --sb-ink:        #16213f; /* blu-inchiostro, per titoli e testo forte */
    --sb-text:       #4a5568; /* grigio-ardesia per i link */
    --sb-muted:      #93a0b3; /* grigio secondario */
    --sb-accent:     #00aeef; /* blu di brand, invariato: solo per interazioni */
    --sb-seal:       #9c7b3d; /* "ottone": solo per i badge di classifica */
    --sb-seal-tint:  #f6f1e6; /* pergamena chiara, sfondo dei badge */
    --sb-border:     #eef1f5;
    --sb-surface:    #ffffff;
}

/* Design contenitore del modulo: card + "linguetta" da fascicolo */
aside#sp-right .sp-module {
    position: relative;
    background: var(--sb-surface);
    border: 1px solid var(--sb-border);
    border-radius: 10px;
    padding: 26px 24px 22px;
    margin-bottom: 30px;
    box-shadow: 0 10px 24px rgba(22, 33, 63, 0.045);
    overflow: visible;
}

/* La linguetta: un piccolo dettaglio da raccoglitore, non un'animazione */
aside#sp-right .sp-module::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 22px;
    width: 30px;
    height: 6px;
    background: var(--sb-accent);
    border-radius: 0 0 3px 3px;
}

/* Titolo del modulo: eyebrow istituzionale con il simbolo § */
aside#sp-right .sp-module .sp-module-title {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--sb-ink);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--sb-border);
}

aside#sp-right .sp-module .sp-module-title::before {
    content: '§';
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    font-size: 1.15em;
    color: var(--sb-accent);
    line-height: 1;
}

/* Liste: reset comune */
aside#sp-right .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

aside#sp-right .sp-module ul li {
    border-bottom: 1px solid #f6f8fa;
}

aside#sp-right .sp-module ul li:last-child {
    border-bottom: none;
}

/* --------------------------------------------------------------------
   MODULO "CATEGORIE" — nessuna gerarchia d'ordine: niente numeri,
   solo una freccia che entra in scena all'hover.
   -------------------------------------------------------------------- */
aside#sp-right .mod-articlescategories li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 6px;
    margin: 0 -6px;
    border-radius: 6px;
    font-family: 'Hind', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--sb-text);
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease;
}

aside#sp-right .mod-articlescategories li a::after {
    content: '→';
    color: var(--sb-accent);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

aside#sp-right .mod-articlescategories li a:hover,
aside#sp-right .mod-articlescategories li a:focus-visible,
aside#sp-right .mod-articlescategories li.active a,
aside#sp-right .mod-articlescategories li.active a:focus-visible {
    background-color: rgba(0, 174, 239, 0.06);
    color: var(--sb-accent);
}

aside#sp-right .mod-articlescategories li a:hover::after,
aside#sp-right .mod-articlescategories li a:focus-visible::after,
aside#sp-right .mod-articlescategories li.active a::after,
aside#sp-right .mod-articlescategories li.active a:focus-visible::after {
    opacity: 1;
    transform: translateX(0);
}

/* --------------------------------------------------------------------
   MODULO "I PIÙ CLICCATI" — è una vera classifica: la numerazione
   "da protocollo" (01, 02...) è quindi informazione, non decorazione.
   Generata via CSS counter, nessuna modifica all'HTML necessaria.
   -------------------------------------------------------------------- */
aside#sp-right .mod-articles-items {
    counter-reset: sb-rank;
}

aside#sp-right .mod-articles-item {
    counter-increment: sb-rank;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding: 14px 0;
}

aside#sp-right .mod-articles-item:first-child {
    padding-top: 2px;
}

aside#sp-right .mod-articles-item::before {
    content: counter(sb-rank, decimal-leading-zero);
    flex: 0 0 auto;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--sb-seal);
    background: var(--sb-seal-tint);
    border-radius: 7px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

aside#sp-right .mod-articles-item-content {
    min-width: 0; /* consente al titolo lungo di andare a capo correttamente */
    padding-top: 3px;
}

aside#sp-right .mod-articles-title {
    margin: 0;
    font-family: 'Hind', sans-serif;
    font-size: 0.89rem;
    font-weight: 500;
    line-height: 1.45;
}

aside#sp-right .mod-articles-title a {
    color: var(--sb-ink);
    text-decoration: none;
    transition: color 0.18s ease;
}

aside#sp-right .mod-articles-item:hover .mod-articles-title a,
aside#sp-right .mod-articles-title a:focus-visible {
    color: var(--sb-accent);
}

aside#sp-right .mod-articles-item:hover::before {
    background: var(--sb-seal);
    color: #ffffff;
}

/* Badge/Contatore generico, se presente in altri moduli della sidebar */
aside#sp-right .sp-module ul li .badge,
aside#sp-right .sp-module ul li span.counter {
    background-color: var(--sb-seal-tint);
    color: var(--sb-seal);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    float: right;
}

/* Accessibilità: focus da tastiera sempre visibile */
aside#sp-right a:focus-visible {
    outline: 2px solid var(--sb-accent);
    outline-offset: 2px;
}

/* Rispetto delle preferenze di movimento ridotto */
@media (prefers-reduced-motion: reduce) {
    aside#sp-right .mod-articlescategories li a,
    aside#sp-right .mod-articlescategories li a::after,
    aside#sp-right .mod-articles-title a,
    aside#sp-right .mod-articles-item::before {
        transition: none;
    }
}

/* RESPONSIVE */

@media only screen and (min-width: 1200px) {
section.box-servizi div.addon-root-feature .sppb-addon-feature .sppb-media-content { min-height:180px; }
#pwebbox131 .pweb-bottombar .pwebbox-container { font-size: 13px; }

}

@media only screen and (max-width: 1100px) {


}

@media only screen and (max-width: 800px) {

#pwebbox131 .pweb-bottombar .pwebbox-container { font-size: 12px; }
.rev_slider_wrapper .tparrows.default { display:none; }
.top-social-links { margin-right: 45px; }

}

@media only screen and (max-width: 600px) {
  ul.mod-menu__sub.small.menu-child li { margin:8px 0px; }
  .offcanvas-menu .offcanvas-inner ul.mod-menu__sub.small.menu-child li a { font-size: 17px; line-height: 22px; padding: 8px 0px; }
  #sp-header, .header-wrapper #sp-top-bar, .header-wrapper .assurance-header .container-inner, .header-wrapper .assurance-header .container-inner:before { background-color:#FFF !important; }
  div.news_home .bx-pager.bx-default-pager { display:none; }
  div.news_home .bx-controls-direction { margin:0px auto; text-align: center; display: block; }
  div.news_home .bx-wrapper .bx-controls-direction a { position:initial; }
  div.news_home .sppb-articles-carousel-wrap { margin-top:20px; }
  .sppb-section-content-center .sppb-addon-wrapper.addon-root-button div.sppb-button-wrapper { margin:15px auto 10px auto; text-align:center !important; }
  .article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery { margin: 0px 0px 15px 0px; float: none; max-width: unset; }
}