/* CW9 JOOMSHAPER IUSETVIS CUSTOM.CSS */

:root {
    --clr-prm: #83c11f; /* verde */
	--clr-scd: #235893;
	--clr-scd-d: #255696; /* blu scuro */
	--clr-scd-l: #4faae7; /* blu chiaro */
	--clr-txt: #363636;
    --brd-rds: 1rem;
    --brd-rds-l: 2rem;
	--lnk-trs: all .15s ease-in-out;
    --blk-shw: 0 0 20px 0 rgba(0, 0, 0, .1);
    --blk-shw-scd: 0 0 20px 0 rgba(40,83,185,.1);
	--ftr-cbg: #235893; /* footer background */
	--ftr-txt: #a0c1e5; /* footer text-lnk */
}

h2 { color: var(--clr-scd); letter-spacing: 1px; }
h3 { color: var(--clr-scd); }

a { color: var(--clr-scd); }
a:hover { color: var(--clr-scd-l); }

#sp-header { box-shadow: 0 5px 15px rgba(39,44,63,.06); }
@media (max-width: 575px) { #sp-header { height: 60px; } }

ul.list-inline>li { display: inline-block; }

body, html { overflow: visible !important; }
	
/* Menu Modal */
#modal-menu.active { bottom: 0; }
x#modal-menu.active>.modal-menu-inner { border-top: 1px solid #f0f0f0; }
#modal-menu {  padding-left: 0; padding-right: 0; } 
x#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(40,83,185,.82); } }
#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: #F6F8FA; --bs-gutter-x: 0; }
@media (max-width: 767px) { #modal-menu .modal-menu-inner { overflow: scroll; } }

.header-with-modal-menu #modal-menu a { font-weight: 600; color: var(--clr-scd-l); }
#modal-menu .title, #modal-menu .title>*, #modal-menu .title a { font-weight: 600; text-transform: uppercase; color: var(--clr-scd); letter-spacing: .5px; font-size: 1.15rem; }
#modal-menu .title, #modal-menu li:not(:last-child) { margin-bottom: .25rem; }
.header-with-modal-menu #modal-menu a:hover { color: var(--clr-prm); }
#sp-header.header-with-modal-menu a:hover, #sp-header.header-with-modal-menu a:focus { color: var(--clr-prm); }
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-right: 0px; }
@media (max-width: 767px) { 
	.offcanvas-menu .logo-image { height: 55px; } 
	.offcanvas-menu .offcanvas-inner { padding: 0 1.5rem; }
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span,
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus,
.offcanvas-menu .offcanvas-inner ul.menu li.active a, .offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner ul.menu>li li a { color: var(--clr-scd); font-weight: 600; }
.offcanvas-menu .offcanvas-inner ul.menu>li a.sppb-btn-secondary { color: #fff; }
.offcanvas-menu .offcanvas-inner a.sppb-btn-primary { color: #fff; }

.offcanvas-menu .mod-menu__sub.menu-child>li:not(last-of-type) { margin-bottom: .75rem; }
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a { font-size: 1rem; font-weight: 600; }

/* DESIGN */
.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; }
.mxw-cnt-xl { max-width: 1270px; margin-left: auto; margin-right: auto; }
.sppb-cnt.view-page #sp-main-body .sppb-row-container { max-width: 1072px; margin-left: auto; margin-right: auto; }
.pg-mxw-cnt-lg #sp-main-body>.container { max-width: 1072px; margin-left: auto; margin-right: auto; }

.grd-my-3 .sppb-row>* { margin: 1rem 0; }
.grd-my-4 .sppb-row>* { margin: 1.25rem 0; }

.sp-page-title { background-color: var(--clr-scd-d); }
.site .sppb-btn { border: 2px solid transparent; }
.site .sppb-btn:focus { box-shadow: 0 0 0 0 rgba(0,0,0,0); }

.site .sppb-btn-rounded  { border-radius: var(--brd-rds-l); }
.site .sppb-btn-primary, .site .sppb-btn-primary:active  { border-color: var(--clr-prm); background-color: var(--clr-prm); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.site .sppb-btn-primary:hover  { border-color: var(--clr-prm); background-color: #fff; color: var(--clr-prm);  }
.site .sppb-btn-secondary, .site .sppb-btn-secondary:active  { border-color: var(--clr-scd); background-color: var(--clr-scd); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.site .sppb-btn-secondary:hover  { border-color: var(--clr-scd); background-color: #fff; color: var(--clr-scd);  }
.site .sppb-btn-tertiary, .site .sppb-btn-tertiary:active  { border-color: var(--clr-scd-l); background-color: var(--clr-scd-l); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.site .sppb-btn-tertiary:hover  { border-color: var(--clr-scd-l); background-color: #fff; color: var(--clr-scd-l);  }
.site .sppb-btn-link, .site #sp-header a.sppb-btn.sppb-btn-link  { color: var(--clr-txt); font-weight: 600; letter-spacing: .5px; border-radius:var(--brd-rds-l); text-decoration: none;  }
.site .sppb-btn-link:hover, .site #sp-header a.sppb-btn.sppb-btn-link:hover { text-decoration: none; border-color: var(--clr-scd-l);  }
.site .sppb-btn-danger, .site .sppb-btn-danger:active  { border-color: #b93b23; background-color: #b93b23; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.site .sppb-btn-danger:hover  { border-color: #b93b23; background-color: #fff; color: #b93b23;  }
.site .sppb-btn { white-space: inherit; }

.anchor { scroll-margin-top: 120px; }
.link-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); } 

#sp-header.header-with-modal-menu a.sppb-btn { font-size: 1rem; color: #fff; }
#sp-header a.sppb-btn-primary:hover, #sp-header a.sppb-btn-primary:focus { color: var(--clr-prm);  background-color: #fff; }
#sp-header a.sppb-btn-secondary:hover, #sp-header a.sppb-btn-secondary:focus { color: var(--clr-scd);  background-color: #fff; }


.bg-mtd { background-color: #f6f8fa; }
.bg-mtd-azr { background-color: #DAEBFF; }
.bg-mtd-azr-l { background-color: #dbf1ff; }
.blk-wht { background-color: #fff; padding: 3rem 2rem; border-radius: var(--brd-rds); box-shadow: var(--blk-shw-scd); }
.blk-mtd { background-color: #f6f8fa; padding: 3rem 2rem; border-radius: var(--brd-rds); }
.blk-azr { background-color: #DAEBFF; padding: 3rem 2rem; border-radius: var(--brd-rds); }
.brd-rds { border-radius: var(--brd-rds); }
@media (max-width: 767px) { .blk-wht, .blk-mtd, .blk-azr { padding: 2rem 1rem; } }

.txt-bse { color: #252525;}
.txt-wht { color: #fff; }
.txt-prm { color: var(--clr-prm); }
.txt-scd { color: var(--clr-scd); }
.txt-scd-d { color: var(--clr-scd-d); }
.txt-scd-l { color: var(--clr-scd-l); }
.txt-meta { color: var(--clr-scd-l); font-weight: 600; letter-spacing: 1px; margin-bottom: .25rem; text-transform: uppercase; }
.lead { font-weight: 400; }

.grd-service .sppb-column { min-height: 360px;  }
.grd-service .sppb-column-addons { position: unset; }
.grd-service .blk-srv-h { transition: var(--lnk-trs); }
.grd-service .blk-srv-h:hover { background-color: #dbf1ff; }

.sppb-addon-accordion .sppb-panel-modern { border: 1px solid var(--clr-scd-d); color: var(--clr-scd-d); border-radius: var(--brd-rds); }
.sppb-addon-accordion .sppb-panel-modern button { border-radius: var(--brd-rds); transition: var(--lnk-trs); }
.sppb-addon-accordion .sppb-panel-modern button.active { border-bottom-left-radius: 0;  border-bottom-right-radius: 0;  }
.sppb-addon-accordion .sppb-panel-modern button .sppb-panel-title { font-size: 1rem; }
.sppb-addon-accordion .sppb-panel-modern .sppb-panel-body { border-top: 0; }
.blk-mtd .sppb-addon-accordion .sppb-panel-modern button { background-color: #f6f8fa; }
.blk-mtd .sppb-addon-accordion .sppb-panel-modern button:hover { background-color: rgba(246,248,250,.55); }
.blk-azr .sppb-addon-accordion .sppb-panel-modern button { background-color: #DAEBFF; }
.blk-azr .sppb-addon-accordion .sppb-panel-modern button:hover { background-color: rgba(218,235,255,.73); }

.breadcrumb { background-color: transparent; margin-bottom: 0; padding: 0.75rem 0; font-size: 1rem; }
.breadcrumb>.float-start { color: var(--clr-scd); margin-right: .25rem; }
.breadcrumb a { color: var(--clr-scd); }
.breadcrumb a:hover { color: var(--clr-prm); }
.breadcrumb-item.active { color: var(--clr-scd-d); }

.breadcrumb .sppb-addon-module { padding: 1rem 0 .5rem; }

.grd-feed .sppb-column-addons { position: unset; }
.grd-feed .sppb-addon-title { right: 1rem; top: 1rem; font-size: 1rem; background: #fff; color: #235893; position: absolute; padding: .25rem .65rem; border-radius: .5rem; }
.grd-feed .feed-link { text-transform: uppercase; font-weight: 600;  color: var(--clr-scd-d) }
.grd-feed .feed-item-date { color: #888; font-size: 13px; }
.grd-feed li:not(:last-of-type) { margin-bottom: 1rem;}

#system-message-container { position: relative; margin-left: auto; margin-right: auto; bottom: 0; right: 0; max-width: 550px; z-index: unset; }
#system-message-container joomla-alert { font-size: 1.25rem; margin-bottom: 2.5rem; }

/* Sp Page Bulder */
.site.pg-std #sp-main-body { padding: 100px 0; }
.sppb-addon-content>*:last-child { margin-bottom: 0px; }
@media (max-width: 767px) { 
	div[data-arrow-content=icon_only].sp-slider .sp-nav-control .nav-control { display: none; }
	.sp-slider .sppb-sp-slider-title { font-size: 36px; }
	.sp-slider .sp-dots { bottom: 1.25rem!important; }
	.sp-slider .sp-dots li { margin: 5px 1rem!important; }
}

/* PAGINE */
.page-header { padding-bottom: 1rem; } 
.blk-srv-h { padding: 1rem; }
.blk-srv-h>* { max-width: 360px; margin: 0 auto; }
.blk-srv-h i { font-size: 3rem; color: var(--clr-scd-l); margin-bottom: .5rem; }
.blk-srv-h .sppb-addon-title { font-size: 1.5rem; font-weight: 600; }

.sppb-addon-articles>.sppb-addon-content { padding-left: 1rem; padding-right: 1rem; }
.sppb-addon-article { height: 100%; background: #fff; border-radius: 1rem; box-shadow: var(--blk-shw); }
.sppb-addon-article img { border-top-left-radius: 1rem; border-top-right-radius: 1rem;  }
.sppb-addon-article .sppb-article-info-wrap h3 { font-size: 1.25rem; }

/* BLOG */
xxx.site.layout-blog .article-list>.row>* { margin-bottom: 2rem; }
xxx.site.layout-blog .article {  margin-bottom: 0; padding: 0; border: 0px solid #f5f5f5; border-radius: 1rem; height: 100%;  } 
xxx.site.layout-blog .article .blk-wht { padding: 0; height: 100%;  }
xxx.site.layout-blog .article .article-intro-image { margin: 0; }
xxx.site.layout-blog .article img { border-top-left-radius: 1rem; border-top-right-radius: 1rem; object-fit: cover; height: 240px; width: 100%; }
xxx.site.layout-blog .article .article-body {padding: 1rem 1.5rem; }

.blog-hrz>.article-teaser>.row { transition: var(--lnk-trs); margin: 20px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); border-radius: .75rem; }
.blog-hrz>.article-teaser>.row:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .28); }
.blog-hrz>.article-teaser>.row .art-img { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 50% 50%; transition: var(--lnk-trs); min-height: 121px; }
.blog-hrz>.article-teaser>.row:hover .art-img { opacity: .82; }
.blog-hrz>.article-teaser>.row h2 { letter-spacing: 0px; font-size: 1.5rem; }

.blog-hrz>.eventi-teaser>.row { transition: var(--lnk-trs); margin: 20px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); border-radius: .75rem; }
.blog-hrz>.eventi-teaser>.row .art-img>div { height: 100%; border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; background-position: 50% 50%; transition: var(--lnk-trs); min-height: 121px; }
.blog-hrz>.eventi-teaser>.row:hover .art-img { opacity: .82; }
.blog-hrz>.eventi-teaser>.row h2 { letter-spacing: 0px; font-size: 1.5rem; }
.blog-hrz>.eventi-teaser .art-info i { width: 2rem; text-align: center; }
@media (max-width: 767px) { 
	.blog-hrz>.eventi-teaser .art-info li:not(:last-of-type) { margin-bottom: .5rem; } 
	.blog-hrz>.eventi-teaser .intro { margin-bottom: 1rem; } 
	.blog-hrz>.eventi-teaser .sppb-btn { margin-bottom: 1rem; } 
}

.pagination>.active>a, .pagination>.active>span { border-color: var(--clr-scd); background-color: var(--clr-scd); }
.site .page-link:focus { box-shadow: 0 0 0 0; }

.sppb-sp-slider-button .sp-slider-btn-text { background: inherit; padding: unset; transition-duration: unset; transition-property: unset; font-size: inherit; border-radius: 0; color: inherit; }

.rsfl_folder_content_viewer li { font-size: 1.25rem; margin-bottom: 1rem; }

/* CORSI */
.grd-course>.blk-corso:not(:first-of-type) { margin-top: 1.25rem; border-top: 1px solid var(--clr-scd-l); padding-top: 1.25rem; }
.tbl-course .table>:not(caption)>*>* { box-shadow: inset 0 0 0 0; }

.files>.accordion .rsfiles-layout ul a.sppb-btn-secondary { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: var(--clr-scd); padding: .125rem .25rem; }
.files>.accordion .rsfiles-layout ul a.sppb-btn-secondary:hover { color: var(--clr-scd-l); }

.accordion-button:focus { box-shadow: 0 0 0 0 rgba(0,0,0,0);}
/* LOGIN */
#login-form ul>li { width: 33.33%; }

/* CONVERTFORMS */

.convertforms .cf-btn { font-weight: 600; text-transform: uppercase; letter-spacing: .5px; padding: .5rem 1rem; font-size: 1rem; color: #fff; }
@media (min-width: 640px) { 
	.convertforms .cf-ten-p { width: 10%; }
    .convertforms .cf-twenty-p { width: 20%; }
}

/* FOOTER */

#sp-bottom { background: var(--clr-scd-l); color: var(--clr-scd); padding: 0; font-size: inherit; }
#sp-bottom a { color: var(--clr-scd); }
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus { color: var(--clr-scd-d); }
#sp-footer { background-color: var(--ftr-cbg); color: var(--ftr-txt); font-size: 0.85rem; }
#sp-footer .container-inner { padding: 30px 0 0; border-top: 0; }
#sp-footer a { color: var(--ftr-txt); }
#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 var(--ftr-txt); 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(--ftr-cbg); padding-bottom: 1rem; font-size: 0.85rem; color: var(--ftr-txt); }

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

#sp-footer .title { text-transform: uppercase; font-weight: 600; letter-spacing: .5px; }


.site #sp-footer .sppb-btn-primary, .site .sppb-btn-primary:active  { border-color: var(--clr-prm); background-color: var(--clr-prm); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.site #sp-footer .sppb-btn-primary:hover  { border-color: var(--clr-prm); background-color: #fff; color: var(--clr-prm);  }