/* STEFFANOASSICURATORI.IT CSS BY CREATIWE 2024.10.01 */

/* VARIABILI */
:root {
  --clr-t1a: #e82929; /* rosso - titoli */
  --clr-t1h: #fa5959; /* rosso */
  --clr-t2a: #293D51; /* blu */ /* bottom1 - bottom2 */
  --clr-t2h: #293D51; /* blu */
  --clr-blk: #191919; /* Nero */
  --lnk-trs: all .15s ease-in-out; /* color 400ms, background-color 400ms; */
  --blk-shw: 0 0 20px 0 rgba(0,0,0,.1); 
  --brd-clr: rgb(153, 153, 153); 
}

/*TIPOGRAFIA */
/* FONT */
@font-face { font-display: swap;  font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('../fonts/poppins-v21-latin-200.woff2') format('woff2'); }
@font-face { font-display: swap;  font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../fonts/poppins-v21-latin-300.woff2') format('woff2'); }
@font-face { font-display: swap;  font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins-v21-latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap;  font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins-v21-latin-500.woff2') format('woff2'); }

h1, h2, h3, h4, h5, h6, .sppb-addon-title, title { font-family: 'Poppins'; font-weight: 300; text-transform: uppercase; }
h2 { font-size: 2rem; }
body { font-size: 1.25rem; color: var(--clr-blk); transition: var(--lnk-trs); }
body, html { overflow: visible !important; } /* serve per lo scroll fix */
a:not(.lnk-stch) { color: var(--clr-t1a); position: relative; }
a:hover, a:focus, a:active { color: var(--clr-t1a); }
#sp-main-body a:not(.lnk-stch):not(.sppb-btn):after { transition: var(--lnk-trs); content: ''; position: absolute; top: 0; right: 0; bottom: -3px; left: 0; border-bottom: 2px solid rgb(0,0,0,0); width: 60%; margin: 0 auto; }
#sp-main-body a:not(.lnk-stch):not(.sppb-btn):hover:after, #sp-main-body a:not(.lnk-stch):not(.sppb-btn):focus:after, #sp-main-body a:not(.lnk-stch):not(.sppb-btn):active:after { border-color: var(--clr-t1a); }
#sp-main-body a.txt-wht:not(.lnk-stch):not(.sppb-btn):hover:after, #sp-main-body a.txt-wht:not(.lnk-stch):not(.sppb-btn):focus:after, #sp-main-body a.txt-wht:not(.lnk-stch):not(.sppb-btn):active:after { border-color: #fff; }
p:last-of-type { margin-bottom: 0; }

/* HEADER */
/* Header Bar */
#sp-header:not(.header-sticky) { box-shadow: 0 0 0 0; margin-bottom: .5rem; height: 136px; }
.no-header #sp-header:not(.header-sticky) { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); margin-bottom: 0; }
#sp-header.header-sticky #sp-top-bar { display: none; }
.modal-menu-active #sp-header:not(.header-sticky) { position: fixed; }
.modal-menu-active #sp-main-body { margin-top: 144px; } /* scatto modale */
#sp-header #sp-top-bar { transition: var(--lnk-trs); background-color: var(--clr-blk); }

/* Menu Header */
#sp-header .menu-header { position: absolute; width: fit-content; left: 0; right: 0; margin: 0 auto; list-style-type: none; padding-left: 0px; }
#sp-header .menu-header>li { display: inline-block; margin: 0 0.5rem; font-size: 1.15rem; }
	
/* Menu Modal *
#modal-menu { transition: 0.8s; }
#modal-menu.active { height: 280px; }
#modal-menu .modal-menu-inner>.container { padding: 2rem 0; }
#modal-menu .sppb-btn.sppb-btn-secondary { background-color: transparent; border: 2px solid var(--clr-blk); }
#sp-header.header-with-modal-menu .sppb-btn a { font-size: 1rem; font-weight: 600; letter-spacing: -.5px; color: #191919; }
#modal-menu .sppb-btn.sppb-btn-secondary:hover { border-color: var(--clr-t1a); }
#sp-header.header-with-modal-menu .sppb-btn:hover a { color: var(--clr-t1a); } */
#modal-menu.active { bottom: 0; }
#modal-menu.active>.modal-menu-inner { border-top: 1px solid #f0f0f0; }
#modal-menu { top: 80px; padding-left: 0; padding-right: 0; } 
#sp-header:not(.header-sticky) #modal-menu { top: 130px; }
@media (max-width: 767px) { #modal-menu { background: #fff; } }
@media (min-width: 768px) { #modal-menu { background: rgba(10, 10, 10, 0.8); } }
#modal-menu .modal-menu-inner>.container { padding: 0; align-items: start; max-width: 100%; }
#modal-menu .modal-menu-inner>.container>.row { width: 100%; background-color: #fff; --bs-gutter-x: 0; }
@media (max-width: 767px) { #modal-menu .modal-menu-inner { overflow: scroll; } }

.burger-icon>span, .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span { background-color: var(--clr-blk); transition: var(--lnk-trs);}
.burger-icon:hover>span, .offcanvas-active .burger-icon:hover>span, #modal-menu-toggler.active .burger-icon:hover>span  { background-color: var(--clr-t1a); }

.menu { font-size: 1rem; }
.menu>li:not(:last-of-type) { margin-bottom: .25rem; }
.menu>li.title, .menu>li>.title { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; }
#sp-header .menu.menu-header>li { margin: 0 1rem; }


div.mod-languages a { text-transform: uppercase; font-size: 1rem; font-weight: 600; transition: var(--lnk-trs); }
div.mod-languages a:hover {  border-bottom: 1px solid var(--clr-t1a); }
div.mod-languages .lang-active > a { border-bottom: 1px solid var(--clr-blk); }
div.mod-languages ul li.lang-active { background-color: transparent!important; }
div.mod-languages ul.lang-inline { text-align: center; }

/* Offcanvas */
.offcanvas-menu .close-offcanvas { position: absolute; }
.offcanvas-menu .offcanvas-inner { padding: 0 25px; }
.offcanvas-menu .offcanvas-inner .header-modules { display: none; }
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-right: 0; }
.offcanvas-menu .offcanvas-inner .sp-module  { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; }
.offcanvas-menu .offcanvas-inner ul.menu>li.sppb-btn.sppb-btn-secondary { border: 2px solid var(--clr-blk); }
.offcanvas-menu .offcanvas-inner ul.menu li.active a { color: inherit; }
.offcanvas-menu .offcanvas-inner ul.menu>li.item-201>a { color: var(--clr-t1a); }

XXX#header-fullh, #header-fullh .sp-slider-outer-stage { height: calc( 100vh - 121px )!important; }

.site.en-gb #modal-menu-toggler { display: none; }

.txt-red { color: var(--clr-t1a); }

.mxw-cnt-sm { max-width: 460px; margin-left: auto; margin-right: auto; }
.mxw-cnt-md { max-width: 820px; margin-left: auto; margin-right: auto; }
.mxw-cnt-lg { max-width: 1072px; margin-left: auto; margin-right: auto; }
.brd-tb { border-top: 1px solid #999; border-bottom: 1px solid #999; }
.bg-prm { background-color: var(--clr-t1a); color: #fff; }
.bg-scd { background-color: var(--clr-t2a); color: #fff; }
.bg-mtd { background-color: #efefef; }

.blk-shw { box-shadow: var(--blk-shw); }
.blk-rds { border-radius: 1rem; }
.txt-prm { color: var(--clr-t1a); }
.txt-scd { color: var(--clr-t2a); }
.txt-wht { color: #fff!important; }
.txt-lg { font-size: 1.5rem; }
.tit-txt, .tit-txt>* { font-size: 1.25rem; text-transform: inherit; }

.anchor, .sppb-addon-raw-html.anchor span { display: block; position: relative; top: -80px; height: 0!important; visibility: hidden; }

.py-6r { padding-top: 6rem; padding-bottom: 6rem; }
.pt-6r { padding-top: 6rem; }
.pb-6r { padding-bottom: 6rem; }

@media (max-width: 991px) { 
	.blk-vp-mob .sppb-row-column:not(:first-of-type) { margin-top: 1rem; } 
	.blk-vp-mob .sppb-row-column:not(:last-of-type) { margin-bottom: 1rem } 
}

.sppb-addon-divider-wrap.divider-position { line-height: 0; margin-bottom: 5px; }
.sppb-addon-divider-wrap.divider-position .sppb-divider-border.dvd-drk  { border-bottom-color: #171717; border-bottom-width: 2px!important; }
.sppb-addon-divider-wrap.divider-position .sppb-divider-border.dvd-lgh  { border-bottom-color: #171717; border-bottom-width: 1px!important; }
.sppb-addon-divider-wrap.divider-position .sppb-divider-border.dvd-xlgh  { border-bottom-color: rgba(37, 37, 37, 0.6); border-bottom-width: 1px!important; }

@media (min-width: 768px) and (max-width: 1024px) { .list-3c { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } }
@media (min-width: 1024px) { 
	.list-3c { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } 
	.list-4c { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } 
	.list-5c { -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } 
}


.blk-lnk .sppb-column-addons { height: 100%; }
.blk-lnk .addon-root-heading { position: absolute; width: 100%; bottom: 0; }
.blk-lnk .sppb-column-overlay { transition: var(--lnk-trs); }
.blk-lnk:hover .sppb-column-overlay { background-color: rgba(255, 255, 255, 0.2); }
.lnk-stch::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } 

xxx.sppb-btn.sppb-btn-secondary { background-color: var(--clr-blk); border-color: var(--clr-blk); color: #fff; }

.sppb-btn.sppb-btn-secondary { background-color: transparent; border: 2px solid var(--clr-blk); color: var(--clr-blk); font-weight: 600; }
.sppb-btn.sppb-btn-secondary:hover { border-color: var(--clr-t1a); }
.sppb-btn.sppb-btn-tertiary { background-color: transparent; border: 2px solid var(--clr-t2a); color: var(--clr-t2a); font-weight: 600; }
.sppb-btn.sppb-btn-tertiary:hover { border-color: var(--clr-t1a); }

.lnk-secondary { color: var(--clr-blk)!important; }
.lnk-secondary:after { bottom: 0px!important; }
.lnk-secondary:hover { color: var(--clr-blk); }
.lnk-secondary:hover:after, .lnk-secondary:focus:after, .lnk-secondary:active:after { border-color: var(--clr-blk)!important; bottom: 0px!important; }

/* STEFFANO DESIGN */
.tit-banner .sppb-addon-title { background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; padding: 1rem; width: 100%; margin-bottom: 0px; }
@media (min-width: 768px) { .tit-banner .sppb-addon-title { width: 460px } }

.hb-button img { background: #efefef; border: 2px solid #efefef; padding: .5rem 2rem; border-radius: .5rem; transition:  all .15s ease-in-out; } 
.hb-button img:hover {   border-color: var(--clr-t1a);  }
.hb-button a:after { display: none; }

.blk-service .sppb-addon-header { min-height: 60px; background-color: rgba(255, 255, 255, 0.9); text-transform: uppercase; align-items: center !important; display: flex !important; }
.blk-service .sppb-addon-header .sppb-addon-title { margin: 0 auto; font-weight: 500; }

xxx.blk-service .blk-lnk .sppb-column-addons { height: 100%; }
xxx.blk-service .blk-lnk .addon-root-heading { position: absolute; width: 100%; bottom: 0; }
xxx.blk-service .blk-lnk .sppb-column-overlay { transition: var(--lnk-trs); }
xxx.blk-service .blk-lnk:hover .sppb-column-overlay { background-color: rgba(255, 255, 255, 0.2); }

.stf-acc-style1 .sppb-panel-title { font-size: 2rem; font-weight: 600; }
.stf-acc-style1 .sppb-panel:not(:last-of-type) button { border-bottom: 1px solid var(--brd-clr);  }
.stf-acc-style1 button { text-align: center; }
.stf-acc-style1 button .sppb-panel-heading { transition: var(--lnk-trs); }
.stf-acc-style1 button:hover .sppb-panel-title { color: var(--clr-t1a); }
.stf-acc-style1 .sppb-panel-title img { display: inline-block; }
.stf-acc-style1 .sppb-panel-body .sppb-addon-title { text-align: center; font-weight: 500; text-transform: unset; width: 100%; font-size: 1.5rem; }
.stf-acc-style1 .sppb-panel-body { padding: 1rem 1rem 2rem; border-top: 0px; }

.stf-acc-style1 .sppb-panel-heading span { margin-right: 4px; }
.stf-acc-style1 .sppb-panel-heading .ico-lente:before { content: url('/images/design/ico-lente-blk.png'); display: inline-block; width: 24px; height: 24px; transition: var(--lnk-trs); }
.stf-acc-style1 .sppb-panel-heading:hover .ico-lente:before { content: url('/images/design/ico-lente-red.png'); }

.stf-acc-style1 .sppb-panel-heading .ico-ingranaggi:before { content: url('/images/design/ico-ingranaggi-blk.png'); display: inline-block; width: 24px; height: 24px; transition: var(--lnk-trs); }
.stf-acc-style1 .sppb-panel-heading:hover .ico-ingranaggi:before { content: url('/images/design/ico-ingranaggi-red.png'); }

.stf-acc-style1 .sppb-panel-heading .ico-pensiero:before { content: url('/images/design/ico-pensiero-blk.png'); display: inline-block; width: 24px; height: 24px; transition: var(--lnk-trs); }
.stf-acc-style1 .sppb-panel-heading:hover .ico-pensiero:before { content: url('/images/design/ico-pensiero-red.png'); }

.stf-acc-style1 .sppb-panel-heading .ico-progetto:before { content: url('/images/design/ico-progetto-blk.png'); display: inline-block; width: 24px; height: 24px; transition: var(--lnk-trs); }
.stf-acc-style1 .sppb-panel-heading:hover .ico-progetto:before { content: url('/images/design/ico-progetto-red.png'); }

.stf-acc-timeline button { border-bottom: 1px solid var(--brd-clr); }
.stf-acc-timeline button:hover { color: var(--clr-t1a); }
.stf-acc-timeline .sppb-panel-title { font-size: 1.75rem; font-weight: 200; }
.stf-acc-timeline .sppb-panel-body { padding: 1rem 1rem 2rem; border-top: 0px; }

.stf-acc-eventi button { border-bottom: 1px solid var(--brd-clr); }
.stf-acc-eventi button:hover { color: var(--clr-t1a); }
.stf-acc-eventi .sppb-panel-title { font-size: 1.75rem; font-weight: 200;  }
.stf-acc-eventi .sppb-panel-body { padding: 1rem 1rem 2rem; border-top: 0px; }
.stf-acc-eventi .sppb-addon-title { color: var(--clr-t1a); }

/* breadcrumb */
#sp-main-body .breadcrumb { padding: 0.75rem 0rem; background-color: transparent; border-radius: 0; margin-bottom: 0; }
#sp-main-body .breadcrumb a { color: var(--clr-blk); text-transform: uppercase; font-size: 1rem; }
#sp-main-body .breadcrumb a:after { left: 14px; border-width: 1px; width: 80%; }
#sp-main-body .breadcrumb a:hover:after { border-color: var(--clr-blk); }

/* broking news - focus on */
.bn-articles a { position: relative; padding: .5rem 2rem; transition: var(--lnk-trs) }
.bn-articles a:after {  bottom: 0px!important; }
.com-content.view-article #sp-main-body, .com-content.view-category #sp-main-body { padding: 0 0 6rem; } 
 
.articles-list li  { border-top: 1px solid #dfdfdf; }
.articles-list li>a:after  { bottom: -11px!important; }
.articles-list li:last-of-type  { border-bottom: 1px solid #dfdfdf; }

.accordion-header .btn:hover { color: var(--clr-t1h); background-color: unset;  }
.accordion-button:not(.collapsed) { background-color: unset; color: inherit; }

.brokingnews-sppb { font-size: 1rem; }

/* CONVERT FORMS */
.convertforms .cf-input:focus, .convertforms .cf-input:invalid:focus { border: solid 1px var(--clr-t1a); }
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), 
input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), 
input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control), .convertforms .cf-input { background-color: rgb(255 255 255 / 64%); border: 1px solid var(--clr-t2a);  color: var(----clr-t2a); font-weight: 600 }
.convertforms input.cf-input::placeholder { color: #fff; font-weight: 600; }

.convertforms a { font-weight: 600; color: #fff; }
.convertforms a:hover:after { border-color: #fff!important; }
.bg-scd .convertforms .cf-btn { background-color: transparent; border: 2px solid #fff; font-size: 1.25rem; font-weight: 600; transition: var(--lnk-trs); }
.bg-scd .convertforms .cf-btn:hover { opacity: 1; border-color: var(--clr-t1a); }
.bg-scd .convertforms.cf-success .cf-response { background-color: transparent!important; }


/* FOOTER */
#sp-footer { background-color: var(--clr-blk); color: #a2a2a2; font-size: 0.85rem; }
#sp-footer .container-inner { padding: 30px 0 0; border-top: 0; }
#sp-footer ul.menu li { display: block; font-size: .85rem; }
#sp-footer .sppb-addon-divider-wrap.divider-position .sppb-divider-border  { border-bottom-color: rgb(255,255,255,.1); }
#sp-footer .sppb-btn.sppb-btn-secondary { padding: 0; } 
#sp-footer .sppb-btn.sppb-btn-secondary>a { background-color: transparent; border: 1px solid #A2A2A2; padding: 8px 12px; border-radius: 4px; transition: all .15s ease-in-out; }
#sp-footer .sppb-btn.sppb-btn-secondary:hover { border-color: transparent; }
#sp-footer .sppb-btn.sppb-btn-secondary:hover>a { border-color: #FFFFFF; }
#sp-copyright { background-color: var(--clr-blk); padding-bottom: 1rem; font-size: 0.85rem; color: #a2a2a2; }

#sp-footer .menu.menu-header>li { display: inline-block; }

@media (max-width: 767px) { 
	#sp-footer .sppb-addon-content, #sp-footer .sppb-addon-header { text-align: center; } 
	}