/* Joomla 5 Custom.CSS by Creatiwe */

:root {
    --clr-prm: #550A21;
	--clr-scd: #016CBE;
	--clr-bse: #29294B;
	--clr-blk: #252525;
	--clr-txt: #363636;
	--clr-scs: #3ea383; /*Verde*/
	--rgb-scs: 62,163,131;
	--clr-mtd: #F5F5F0;
	--clr-mtd-lgh: #f3f3f3;
    --brd-rds-m: .75rem;
    --brd-rds-l: 1rem;
    --brd-rds-xl: 2rem;
	--lnk-trs: all .15s ease-in-out;
    --blk-shw:   0px 5px 20px 0px rgba(114, 114, 255, 0.15); 
    --blk-shw-h: 0px 5px 20px 0px rgba(114, 114, 255, 0.28); 
/*    --blk-shw: 0 0 20px 0 rgba(0, 0, 0, .1); */
}

h1, h2, h3, h4, h5, h6, .title {  font-family: 'Montserrat', sans-serif; }
body { font-family: 'Montserrat', sans-serif; font-size: 1.250rem; xbackground-color: #FDFCFF; xcolor: var(--clr-bse); overflow-y: scroll; } 

h1, .h1 { font-size: 2.500rem; font-weight:600; color:var(--clr-bse); }
h2, .h2 { font-size: 2.000rem; font-weight:600; color:var(--clr-bse); }
h3, .h3 { font-size: 1.500rem; font-weight:600; color:var(--clr-bse); }
h4, .h4 { font-size: 1.250rem; font-weight:600; color:var(--clr-bse); }
h5, .h5 { font-size: 1.250rem; font-weight:600; color:var(--clr-bse); }
h6, .h6 { font-size: 1.250rem; font-weight:600; color:var(--clr-bse); }
.title { font-weight: 600; }

@media (max-width: 767px) { 
	h1, .h1 { font-size: 1.75rem; }
	h2, .h2 { font-size: larger; }
	h3, .h3 h4, .h4 h5, .h5 h6, .h6 { font-size: 1.250rem; }
}

.link-strch: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); }

hr {  color: #9292b6; }

/* Design */

#sp-logo { display: flex !important; position: relative; }
#sp-logo>* { align-self: center !important; }
#sp-header	{ background-color: #FDFCFF; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
#sp-header.header-sticky { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); }
#sp-header .logo, #sp-footer .logo { height: auto; align-items: center; display: block; font-weight: 700; line-height: .5rem; }
#sp-header .logo-slogan , #sp-footer .logo-slogan { letter-spacing: 2.8px; font-size: 1.20rem; font-weight: 500; }
#sp-header .logo a:after, #sp-footer .logo a: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-megamenu-parent>li { height: 80px; cursor: pointer; }
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { font-weight: 600; letter-spacing: .5px; font-size: 1rem; line-height: 2rem; padding: .25rem 1rem; top: 50%; -ms-transform: translateY(50%); transform: translateY(50%); transition: var(--lnk-trs); border-radius: .5rem; } 
.sp-megamenu-parent>li:last-child>a { padding: .25rem 1rem; transition: var(--lnk-trs); color: var(--clr-bse); } 
.sp-megamenu-parent>li:last-child>a.c2a { color: var(--clr-prm); }
.sp-megamenu-parent>li:last-child>a.c2a:after { font-family: "Font Awesome 6 Free"; content: "\f054"; float: right; margin-left: 7px; font-weight: 900; font-size: .85rem; }
.sp-megamenu-parent>li:hover>* { background-color: #F2F2F6; }

#sp-title ul.menu a { color: #fff; font-size: 1rem; font-weight: 600;} }

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after { transition: var(--lnk-trs); }
body.ltr .sp-megamenu-parent>li.sp-has-child:hover>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child:hover>span:after {  transform: rotate(-180deg); }
body.ltr .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, body.ltr .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { font-size: 1rem; color: var(--clr-bse); font-weight: 600; letter-spacing: .5px; padding: .5rem 1.5rem; width: 100%; border-radius: .5rem; }
body.ltr .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover>a, body.ltr .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover span:not(.sp-menu-badge) { background-color: #F2F2F6; }
body.ltr .sp-megamenu-parent .sp-dropdown li.sp-menu-item { margin-bottom: .5rem; }
body.ltr .sp-megamenu-parent .sp-has-child:hover>.sp-dropdown { border-radius: .75rem; }
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: .5rem; box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, 0.15); border-radius: var(--brd-rds-m); }
body.ltr .sp-megamenu-parent>li.active>a { font-weight: 600; }

.sub-menu.list-inline li { margin: 0 1rem; }

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

.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: 1072px; margin-left: auto; margin-right: auto; }

.blk-scd-xs { background-color: #F1E9EC; border-radius: var(--brd-rds-m);  }
.blk-shw { box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, 0.15); border-radius: var(--brd-rds-m); }
.blk-shw.txt { padding: .5rem 1rem; margin: .5rem; display: inline-block; }

li .li-space { margin-left: 2.125rem; }

.sppb-btn { border: 2px solid transparent }
.sppb-btn-rounded  { border-radius: var(--brd-rds-m); }
.sppb-btn-primary  { border-color: var(--clr-prm); background-color: var(--clr-prm); font-weight: 600; text-transform: uppercase; letter-spacing: .5px;  }
.sppb-btn-primary:hover  { border-color: var(--clr-prm); background-color: #fff; color: var(--clr-prm);  }
.sppb-btn-link:focus, .sppb-btn-link:hover { text-decoration: none; }
.sppb-btn-default { box-shadow: var(--blk-shw); background-color: #fff; border-color: #fff; }
.sppb-btn-default:hover { box-shadow: var(--blk-shw-h); background-color: #fff; border-color: #fff;  }
.sppb-btn-success  { border-color: var(--clr-scs); background-color: var(--clr-scs); font-weight: 600; text-transform: uppercase; letter-spacing: .5px;  }
.sppb-btn-success:hover  { border-color: rgba(var(--rgb-scs),.73); background-color: rgba(var(--rgb-scs),.73); ;  }

.event-teaser { border-radius: 1rem; box-shadow: var(--blk-shw); margin-top: calc(var(--bs-gutter-x) * .5); margin-bottom: calc(var(--bs-gutter-x) * .5); transition: var(--lnk-trs); height: calc(100% - 2rem); }
@media (max-width: 767px) { .event-teaser  { margin-top:2rem; margin-bottom:2rem; height: calc(100% - 4rem); } }
.event-teaser:hover { box-shadow: var(--blk-shw-h); }
.event-teaser>.img { position: relative; height: 280px; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 0% 50%; opacity: .91; border-bottom: 1px solid #efefef; }
.event-teaser>.badge { position: absolute; background: #fff; color:var(--clr-bse); z-index: 1; left: 1rem; top: 1rem; box-shadow:  var(--blk-shw); }
.event-teaser>.info { padding: 1.25rem 1rem 1rem 1rem; }
.event-teaser hr { color: rgba(114, 114, 255, 0.91); margin: 0; }

.event .breadcrumb { background: unset; padding: 0; margin-bottom: 1rem; font-size: 1rem; }
.event .breadcrumb>li { margin: 0 auto; }
.event .breadcrumb>li>a { color: var(--clr-bse); }

.event .tags>li { margin: 0 auto; }
.event .tags>li a { background: #fff; color: var(--clr-bse); box-shadow:  var(--blk-shw); font-size: 1rem; } 

xx.event .article-full-image img { border-top-left-radius: 1rem; border-top-right-radius: 1rem; height: 370px; object-fit: cover; width: 100%; object-position: top; }

.event .event-info { border-top-left-radius: 1rem; border-top-right-radius: 1rem; padding: 1rem 0; box-shadow:  var(--blk-shw); overflow-wrap: anywhere; }
.event .event-info img { width: 100%; border: 1px solid #efefef; border-radius: 1rem; }
.event .event-info .img-disc { text-align: center; padding: .75rem 0; font-size: 1rem; font-weight: 700; color: var(--clr-bse); }
.event .event-info li:not(:last-of-type) { margin-bottom: 1rem; }
.event .event-info li>label { width: 23px; text-align: center; margin-right: .25rem; }

@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 }
}

.c2a { font-weight: 600; letter-spacing: .5px; border-radius: .5rem!important; }
.c2a:hover {  background-color: #F2F2F6; }


.blk-social-share i { font-size: 1.5rem; color: var(--clr-bse); } 
button.txt-btn { background-color: transparent; border: none; padding: 0;  }

/* Tipografia */
.txt-bse { color: var(--clr-bse); }
.txt-red, txt-prm { color: #EC1F27; }
.txt-blue, txt-scd { color: #016CBE; }
.txt-green { color: #19b519; }
.txt-orange { color: #ff6600; }
.txt-mtd { color: #72729b; }

.bg-bse { background-color: var(--clr-bse); color: #fff; }
.bg-prm { background-color: var(--clr-prm); color: #fff; }
.bg-scd { background-color: var(--clr-scd); color: #fff; }
.bg-scd-xs { background-color: #F1E9EC; }
.bg-scs { background-color: var(--clr-scs); color: #fff; }
.bg-mtd { background-color: var(--clr-mtd); }
.bg-mtd-lgh { background-color: var(--clr-lg); }

.list-inline li { display: inline-block; margin: 0 .5rem }

/* SPPB */
.sppb-addon-accordion .sppb-panel-modern { border: 0; border-radius: 1rem; }
.sppb-addon-accordion .sppb-panel-modern>.sppb-panel-heading { background-color: #fff; border-radius: 1rem; }
.sppb-addon-accordion .sppb-panel-modern>.sppb-panel-heading .sppb-panel-title { font-size: 1.25rem; }

.sppb-article #sp-main-body { padding-top: 5rem; padding-bottom: 4rem; }
.sppb-article #sp-main-body .sppb-row-container { max-width: 1072px; }

/* CONVERFORMS */
.convertforms .cf-input::placeholder, .convertforms .cf-input:has(option:disabled:checked) { color: #919191; }
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), .form-control { color: var(--clr-bse); font-weight: 500; letter-spacing: .5px; } 

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap { padding: 0; }

.convertforms .btn-field.cf-hide { display: block!important; }
.convertforms .btn-field.cf-hide button.cf-btn { opacity: .55; }

.convertforms .cf-required-label { color: var(--color-danger); }
.convertforms button.cf-btn { font-weight: 600; letter-spacing: .5px; transition: var(--lnk-trs); }

.convertforms .cf-response a.sppb-btn-link { color: #fff; border: 1px solid #fff; }
.convertforms .cf-response a.sppb-btn-link:hover { color: #0F9D58; background-color: #fff; }

xbutton:disabled { background-color: red; color: white; border-color: red; }

/* EVENTI */
.article-body img.emoji.emoji-small { display: inline-block; }

.accordion .sppb-btn { white-space: nowrap; }
.accordion button i { transition: .25s ease-in-out; }
.accordion button.collapsed i.fa-chevron-down { transform: rotate(-90deg); }

.event-info .accordion { box-shadow: var(--blk-shw); border-radius: var(--brd-rds-m); }
.event-info .accordion .sppb-btn { font-size: inherit;  color: var(--clr-prm); }

/* AREA REGISTRATA */
.com-users-login__options .list-group-item:hover { background: var(--clr-mtd-lgh); }


/* FOOTER */
#sp-footer .container-inner { padding: 0 0 2rem; }
#sp-footer .blk-logo>* { position: relative; width: fit-content; }
#sp-footer .logo a { font-size: 24px; line-height: 1; margin: 0; padding: 0; color: var(--clr-bse); }

#sp-footer .blk-menu .sppb-addon-title { display: block; }
#sp-footer .blk-menu ul.menu { width: 100%; }
#sp-footer .blk-menu ul.menu li { display: list-item; line-height: 1.5rem; }


/* SYSTEM */
#system-message-container { margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; }