/* SPARKY DYNAMICALLY GENERATED CSS - DO NOT EDIT THIS FILE!
YOUR CHANGES WILL BE OVERWRITTEN AFTER NEXT SAVE OF TEMPLATE PARAMETERS!
You can add your custom CSS code in template options, under Custom tab or
you can edit file custom.css to add your CSS code. */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:var(--sparkycolor3);
    font-size:1.3125rem;
    line-height:1.5;
    font-family:'Poppins', sans-serif;
    
    font-weight:400;
    font-style:normal;
    background:var(--sparkycolor5);
}

input, textarea, button, select {
    font-family:'Poppins', sans-serif;
}

.content_sparky li, dl, dd, dt {
    line-height:1.5;
}

.sparky_container::after {
    content:'';
    display:table;
    clear:both;
}

.clr {
    clear:both;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border:none;
}

.sparky_container {
    margin:0 auto;
    padding:0;
}

.sparky_container > .sparky_cell {
    float:left;
}


/* GRID SYSTEM */

.sparkle1 {
    width: 8.3333333333333%;
}

.sparkle2 {
    width: 16.666666666667%;
}

.sparkle3 {
    width: 25%;
}

.sparkle4 {
    width: 33.333333333333%;
}

.sparkle5 {
    width: 41.666666666667%;
}

.sparkle6 {
    width: 50%;
}

.sparkle7 {
    width: 58.333333333333%;
}

.sparkle8 {
    width: 66.666666666667%;
}

.sparkle9 {
    width: 75%;
}

.sparkle10 {
    width: 83.333333333333%;
}

.sparkle11 {
    width: 91.666666666667%;
}

.sparkle12 {
    width: 100%;
}

.full .sparky_container {
    width:100%;
}

/* ROW SETTINGS */

.sparky_row1.sparky_full {
    background-color:var(--sparkycolor1);
}

.sparky_row2.sparky_full {
    background-color:#e8e8e8;
}

.sparky_row5.sparky_full {
    background-color:var(--sparkycolor5);
}

.sparky_row6.sparky_full {
    background-color:var(--sparkycolor5);
}

.sparky_row7.sparky_full {
    background-color:var(--sparkycolor1);
}


/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:150px) {
    .sparky_container {
        width:120rem;
    }

    [class*='sparkle'] {
        margin-left: 0;
    }
}
.one .sparkle1 {
    width: 8.3333333333333% !important;
}
.one .sparkle2 {
    width: 16.666666666667% !important;
}
.one .sparkle3 {
    width: 25% !important;
}
.one .sparkle4 {
    width: 33.333333333333% !important;
}
.one .sparkle5 {
    width: 41.666666666667% !important;
}
.one .sparkle6 {
    width: 50% !important;
}
.one .sparkle7 {
    width: 58.333333333333% !important;
}
.one .sparkle8 {
    width: 66.666666666667% !important;
}
.one .sparkle9 {
    width: 75% !important;
}
.one .sparkle10 {
    width: 83.333333333333% !important;
}
.one .sparkle11 {
    width: 91.666666666667% !important;
}
.one .sparkle12 {
    width: 100% !important;
}
.fluid .sparky_container {
    width: 100%;
}
.sparky_container > .sparky_cell {
    padding:1rem 1rem;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1.8;
    color:var(--sparkycolor3);
    font-size:2.4375rem;
    font-family:'Poppins', sans-serif;
    
    font-weight:600;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.8;
    color:var(--sparkycolor1);
    font-size:2.3375rem;
    font-family:'Poppins', sans-serif;
    
    font-weight:600;
    font-style:normal;
}

h2.row_heading {
    padding-left:1rem;
    padding-right:1rem;
}

h3 {
    padding:15px 0;
    margin:0;
    color:#1836ab;
    font-size:2rem;
    line-height:1.8;
    font-family:'Poppins', sans-serif;
    
    font-weight:600;
    font-style:normal;
}

h3.row_subheading {
    padding-left:1rem;
    padding-right:1rem;
}

h4 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor3);
    font-size:1.65rem;
    line-height:1.6;
    font-family:'Poppins', sans-serif;
    
    font-weight:600;
    font-style:normal;
}

a {
    color:var(--sparkycolor2);
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    color:var(--sparkycolor3);
    text-decoration:underline;
}

p {
    margin: 0 0 15px;
}

button,
button.btn,
a.btn,
button.btn-primary,
p.readmore a,
a.readmore {
    display: inline-block;
    padding: 4px 12px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image:none;
    border: 1px solid #cccccc;
    font-size:inherit;
    line-height:inherit;
    text-shadow:none;
    border-radius:0;
    box-shadow:none;
}

button:hover,
button.btn:hover,
button.btn-primary:hover,
button:active,
button.btn:active,
button.btn-primary:active,
button:focus,
button.btn:focus,
button.btn-primary:focus,
p.readmore a:hover,
p.readmore a:focus,
a.readmore:hover,
a.readmore:focus {
    color: #333333;
    text-decoration: none;
    background-color: #eeeeee;
    background-image:none;
}

p.readmore a.btn span {
    display:none;
}

/* blog layout */

.blog-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .blog-items.columns-2 .blog-item,
    .blog-items.columns-3 .blog-item,
    .blog-items.columns-4 .blog-item,
    .blog-items.columns-5 .blog-item,
    .blog-items.columns-6 .blog-item {
        width:100%;
        margin-inline-end: 0;
    }

}

.page-header {
    padding: 0;
    margin: 0;
    border: 0;
}

.pull-left.item-image, figure.left.item-image {
    margin-right:15px;
    float:left;
}

.pull-right.item-image, figure.right.item-image {
    margin-left:15px;
    float:right;
}

/* forms */

form {
    margin:0;
}

.form-inline {
    display:inline;
}

#login-form input {
    padding: 4px;
}

/* lists */

ul, ol {
    margin: 15px 45px;
    padding: 0;
}

div.item-page ol li, div.item-page ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

div.icons ul.dropdown-menu li {
    margin: 0;
}


ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
    margin: 15px 45px;
    padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.clock li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
    list-style: none;
    padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.clock li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding: 0;
    margin: 0 -30px;
    position: absolute;
}

ul.arrow li:before {
    content: '\f061';
}

ul.arrowleft li:before {
    content: '\f060';
} 

ul.calendar li:before {
    content: '\f073';
}

ul.checklist li:before {
    content: '\f00c';
}

ul.clock li:before {
    content: '\f017';
}

ul.delete li:before {
    content: '\f00d';
}

ul.email li:before {
    content: '\f0e0';
}

ul.file li:before {
    content: '\f15b';
}

ul.folder li:before {
    content: '\f07b';
}

ul.heart li:before {
    content: '\f004';
}

ul.information li:before {
    content: '\f05a';
}

ul.lock li:before {
    content: '\f023';
}

ul.pencil li:before {
    content: '\f303';
}

ul.person li:before {
    content: '\f007';
}

ul.play li:before {
    content: '\f04b';
}

ul.rss li:before {
    content: '\f09e';
}

ul.shop li:before {
    content: '\f07a';
}

ul.song li:before {
    content: '\f001';
}

ul.star li:before {
    content: '\f005';
}

ul.star2 li:before {
    content: '\f006';
}

ul.trash li:before {
    content: '\f2ed';
}

ul.tweak li:before {
    content: '\f0ad';
}

ul.unlock li:before {
    content: '\f09c';
}

ul.warn li:before {
    content: '\f071';
}

/* font awesome icon sizes */

.fa-1 {
    font-size: 1em;
}

.fa-2 {
    font-size: 2em;
}

.fa-3 {
    font-size: 4em;
}

.fa-4 {
    font-size: 7em;
}

.fa-5 {
    font-size: 12em;
}

.fa-6 {
    font-size: 16em;
}

.fontawesome-icon-list {
    font-size: 10px;
}

.fontawesome-icon-list i {
    font-size: 16px;
}

.warning, .info, .error {
    padding:15px 30px;
    min-height: 50px;
}

.warning {
    color:#000;
    border: 1px solid #ffcc00;
    background:#ffff66;
}

.info {
    color:#006699;
    border: 1px solid #006699;
    background:#bde1ff;
}

.error {
    color:#900;
    border: 1px solid #900;
    background:#f8b5b5;
}

.alert-heading .warning, .alert-heading .info, .alert-heading .error {
    border: 0;
    background: transparent;
    padding:15px 0;
}

.warning:before, .info:before, .error:before {
    font-family: 'Font Awesome 6 Free';
    font-size: 32px;
    font-weight: 900;
    line-height:1;
    margin: 0 30px 0 0;
    float: left;
}

.alert-heading .warning:before, .alert-heading .info:before, .alert-heading .error:before {
    float: none;
}

.warning:before {
    content: '\f071';
    color: #ffcc00;
}

.info:before {
    content: '\f05a';
    color:#006699;
}

.error:before {
    content: '\f057';
    color:#900;
}

.outline {
    background: transparent;
}

.warning.outline {
    color: #d5aa00;
}

.typewriter {
    background: url('../images/typewriter_bg.png');
    padding:20px 15px 20px 30px;
    color:#000;
    font-family:'Courier New', Courier, monospace;
    line-height:20px;
}

.quote {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 15px 15px;
    font-size: 24px;
    font-style: normal;
    line-height: 1.4;
    text-align: center;
    max-width: 600px;
}

.dropcap:first-letter {
    font-size: 300%;
    font-weight:bold;
    float:left;
    margin:0 10px 5px 0;
    line-height: 1;
}

.p_number:first-letter {
    display:block;
    float:left;
    font-family: monospace;
    font-size: 400%;
    line-height:1;
    font-weight:bold;
    text-align: center;
    margin:0 15px 15px 0;
    padding:5px 15px;
    position: relative;
    color: #fff;
    background: #ccc;
}

.inset_left {
    display:block;
    float:left;
    width: 150px;
    font-style: italic;
    margin: 15px 15px 15px 0;
}

.inset_right {
    display:block;
    float:right;
    width: 150px;
    font-style: italic;
    margin: 15px 0 15px 15px;
}

.inset_title {
    font-weight:bold;
    display:block;
}

img.img_left {
    float:left;
    margin:0 30px 30px 0;
}

img.img_right {
    float:right;
    margin:0 0 30px 30px;
}

blockquote {
    border-left: 3px solid #ccc;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 15px;
    padding: 15px;
}

legend {
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    background:#f5f5f5;
    border: 0;
    font-size:inherit;
    line-height:inherit;
}

code {
    display: block;
    padding: 1em;
    color:inherit;
    border:0;
}


.quote:before {
    display: block;
    text-align: center;
    font-family: 'Font Awesome 6 Free';
    content: '\f10d';
    font-size: 1.5em;
    font-style: normal;
    font-weight: 900;
    color: #ccc;
    float: none;
    margin-bottom: 15px;
}

.fontawesome-icon-list div {
    width: 25%;
    float: left;
    padding: 5px 0;
}

.fontawesome-icon-list i {
    width: 30px;
    color: #333;
}

@media(min-width:600px) {
    .two-cols {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .three-cols {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .four-cols {
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .five-cols {
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }

    .six-cols {
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }
}

.abovecontent {
    padding: 0 0 30px 0;
}

.belowcontent {
    padding: 30px 0 0 0;
}


/* LOGO */

.sparky_logo {
    color:#333333;
    font-size:24px;
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-style:normal;
    text-align:center;
    text-decoration:none;
}
.sparky_slogan {
    color:#3639f5;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    text-align:center;
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* DROP-DOWN MENU */

ul.mnu_mainmenu {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:center;
    position:relative;
    font-family:;
}

.mnu_mainmenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:var(--sparkycolor1);
    width:10rem;
    border:1px solid var(--sparkycolor5);
    padding:0.75rem;
}

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:var(--sparkycolor5);
    font-size:1.3125rem;
    padding:0 1.35rem;
    font-weight:normal;
    font-style:normal;
    height:2.5rem;
    line-height:2.5rem;
    cursor:pointer;
}

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:var(--sparkycolor1);
    cursor:pointer;
}

.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:var(--sparkycolor5);
}

.mnu_mainmenu > li {
    display:inline-block;
    position:relative;
    text-align:center;
    margin:0;
    padding:0;
    border-right:1px solid var(--sparkycolor5);
    border-bottom:1px solid var(--sparkycolor5);
    border-top:1px solid var(--sparkycolor5);
    background:var(--sparkycolor1);
}

.mnu_mainmenu > li.active {
    background:var(--sparkycolor5);
}

.mnu_mainmenu > li:first-child {
    border-left:1px solid var(--sparkycolor5);
}

.mnu_mainmenu li:hover {
    position:relative;
    background:var(--sparkycolor2);
}

.mnu_mainmenu li ul li:hover {
    background-color:var(--sparkycolor2);
}

.mnu_mainmenu li ul li {
    height:1.5625rem;
    border-bottom:1px solid var(--sparkycolor5);
    padding:0 0.625rem;
    margin: 0;
    
    text-align:center;
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:1.5625rem;
    font-size:0.75rem;
    color:var(--sparkycolor5);
    font-weight:normal;
    font-family:;
    font-style:normal;
    padding-top:0;
    cursor:pointer;
}

.mnu_mainmenu li ul li:hover > a, .mnu_mainmenu li ul li:hover > span {
    color:var(--sparkycolor5);
}

.mnu_mainmenu li ul ul {
    left: calc(10rem - 0.75rem);
    margin-top:-0.75rem;
}

.mnu_mainmenu ul ul {
    top:0px;
}

.mnu_mainmenu .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}

.mnu_mainmenu > li > ul {
    display: none;
}


/* STANDARD MENU */

ul.mnu_lanostraunione {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
}

ul.mnu_lanostraunione ul {
    margin:0.625rem;
    padding:0;
}

.mnu_lanostraunione li {
    display:block;
}

nav ul.mnu_lanostraunione > li {
    margin-bottom:0.3125rem;
    padding:0.1875rem 1.5625rem;
    font-size:1.3125rem;
    font-weight:normal;
    font-style:normal;
    text-align:left;
}

.mnu_lanostraunione > li > a {
    color:var(--sparkycolor1);
    font-family:;
    font-weight:normal;
    font-style:normal;
}

.mnu_lanostraunione > li > a:hover {
    color:var(--sparkycolor2);
}

.mnu_lanostraunione > li li {
    margin:0;
    padding:0;
    font-size:1.1875rem;
    line-height:1.375rem;
    font-weight:normal;
    font-style:normal;
    text-align:left;
}

.mnu_lanostraunione > li li a {
    color:var(--sparkycolor1);
    font-family:;
    font-weight:normal;
    font-style:normal;
    text-align:left;
}

.mnu_lanostraunione > li li a:hover {
    color:var(--sparkycolor2);   
}

.element-invisible {
    display:none !important;
}

/* forms */

.input-group {
    margin-bottom:15px;
}

.has-danger input {
    border-color:red;
}

.form-control-feedback {
    color:red;
    padding: 0 15px;
}

.control-group {
    margin-bottom:15px;
}

.input-prepend .add-on,
.input-prepend .btn,
a.jmodedit {
    box-sizing: content-box;
}

.nav-tabs.nav-stacked {
    margin:0;
}

a.modal.btn, a.btn.hasTooltip, a.btn.modal-button {
    font-size:13px;
}

.input-password-toggle .icon-eye::before {
    content: '\f06e';
}

.input-password-toggle .icon-eye-slash::before {
    content: '\f070';
}

.btn .icon-edit::before {
    content: '\f044';
}

/* front-end edit */

a.jmodedit.btn {
    position: relative;
    z-index: 9999;
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

a.jmodedit.btn > span.icon-edit {
    color: #fff
}

a.jmodedit.btn:hover {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

.moduletable [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
}

form#modules-form {
    background: #fff;
    color: #333;
    padding: 15px;
}

form#modules-form legend {
    color: #fff;
    background: #333;
    border: 0;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

[aria-describedby^='editarticle'] {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    position: absolute;
    z-index: 9999;
    left: 15px;
}

[aria-describedby^='editarticle']:hover {
    color: #fff;
    background: #333;
}

[aria-describedby^='editarticle'] [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    margin-left: -15px;
}

.edit.item-page button span {
    margin:0 5px;
}

#jform_publish_up_img, #jform_publish_down_img {
    padding:7px 12px 6px;
}

#jformposition_chzn ul.chzn-results li:nth-child(1),
#jformposition_chzn ul.chzn-results li:nth-child(2),
#jformposition_chzn ul.chzn-results li:nth-child(3) {
    display:none;
} 

/* article info */

dl.article-info {
    display:inline-block;
    width:auto;
    margin:0 0 10px;
    padding:4px 3px 3px;
    font-size:13px;
}

dl.article-info dt.article-info-term {
    display:none;
}

dl.article-info dd {
    display:inline-block;
    padding:0 5px;
    margin:0;
    border-right:1px solid #ccc;
}

dl.article-info dd:first-of-type {
    padding:0 5px 0 0;
}

dl.article-info dd:last-child {
    border:0;
}

/* print/email drop-down */

.items-leading .icons,
.items-row .icons {
    float:right;
    width:15%;
}

.dropdown-menu li a span {
    padding:0 10px;
    background-image:none !important;
}

.dropdown-menu li a span:before {
    margin-left:-10px;
}

/* pagination */

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-double-left:before {
    content: '\f100';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-double-right:before {
    content: '\f101';
}

/* pager */

.pager li > a, .pager li > span {
    background: transparent;
    border: 1px solid #121212;
    border-radius: 0;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 25px;
    text-transform: uppercase;
}

/* tags */

ul.tags.list-inline, .mod-tagspopular ul {
    margin:0;
    padding:15px 0;
    list-style:none;
}

ul.tags.list-inline li, .mod-tagspopular ul li {
    display:inline-block;
    border:1px solid #ccc;
    padding:0;
    border-radius:4px;
    line-height:13px;
}

ul.tags.list-inline li:hover, .mod-tagspopular ul li:hover {
    background:#f5f5f5;
}

ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
    display:inline-block;
    background:none;
    border:none;
    text-shadow:none;
    color:#999;
    padding:5px;
    margin:0;
    font-size:13px;
    line-height:13px;
}

ul.tags.list-inline li a.btn:hover, .mod-tagspopular ul li a:hover {
    color:#666 !important;
}

/* rating */

.content_rating {
    display: inline-block;
    margin-inline-end: 15px;
}

.content_vote {
    display: inline-block;
    margin-bottom: 15px;
}

.content_rating ul {
    margin: 0 0 15px;
}

.content_vote select {
    display: inline-block;
    height: 30px;
}

.content_vote input.btn {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

/* blog */

.items-more ol.nav {
    margin:0;
}

.items-more ol.nav li a {
    border:0;
    padding:5px 0;
}

.items-more ol.nav li a:hover,
.items-more ol.nav li a:focus {
    background:none;
}

/* category */

ul.category {
    margin:0;
    padding:0;
    list-style:none;
}

ul.category li {
    padding:10px 0;
}

ul.category li .list-title {
    font-size:18px;
}

/* contact form */


/* search form */

ol.com-finder__results-list,
ol.com-finder__results-list ul.result__taxonomy {
    margin: 0;
}

.com-finder__explained {
    padding-bottom: 30px;
}

/* user */

.registration legend,
.profile-edit legend {
    border:0;
    font-size:18px;
}

ul.mod-login__options {
    margin-left:0;
    margin-right:0;
}

/* breadcrumbs */

ol.mod-breadcrumbs {
    margin: 0;
}

/* faq */

.accordion-header {
    padding: 0;
}


/* Custom user code */

/* padding generale */
.sparky_container > .sparky_cell {
    padding: 0.8rem 0rem;
}

/* HEADER LOGO + INTESTAZIONE SITO */
.header-box {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    height: 8.5rem;
    padding-left: 1rem;
    overflow: hidden;
    align-items: stretch;
}

.header-logo {
    height: 8.4rem;
    width: auto;
    display: block;
    flex-shrink: 0;
    align-self: center;
}

.header-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-size: clamp(1.25rem, 5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    padding: 0rem;
}

.header-text span {
    display: block;
    word-break: break-word;
}

@media (max-width: 48rem) {
    .header-logo {
        height: 5rem;
        margin-top: 1.7rem;
    }

    .header-box {
        gap: 0.5rem;
        padding-left: 0rem;
    }

    .header-text {
        font-size: clamp(1rem, 5.5vw, 1.75rem);
        padding: 0rem;
    }
}

header.header1 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7.5rem;
    max-height: 9.5rem;
    padding: 0;
}

/* parametri globali h5 */
h5 {
    margin: 0;
    color: #4a4969;
    font-size: 1.3125rem;
    line-height: 1.7;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-style: normal;
}

/* LINK "Salta al contenuto" */

:root {
  --skip-focus-bg: #0b193c;
  --skip-focus-color: #ffffff;
  --skip-focus-outline: #ffcc00;
}

/* Stato normale: nascosto in alto fuori dalla schermata visibile */
.skip-link {
  position: fixed;
  top: -100px;
  left: 10px;
  background-color: var(--skip-focus-bg);
  color: var(--skip-focus-color) !important;
  padding: 12px 20px;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0 0 6px 6px;
  z-index: 999999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  transition: top 0.25s ease-in-out;
}

/* Stato quando riceve il focus tramite tasto TAB */
.skip-link:focus {
  top: 0;
  outline: 3px solid var(--skip-focus-outline);
  outline-offset: 2px;
}

/* Riga 3 */
.sparky_row3 {
    height: 3.4375rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
}

.sparky_row3 .sparky_container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100%;
}

/* Riga 3 per smartphone */
@media (max-width: 48rem) {
    .sparky_row3 .sparky_container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sparky_row3 .sparky_cell {
        width: 100% !important;
    }

    .sparky_row3 {
        margin-bottom: 0rem !important;
        padding: 0rem;
    }
}

/* focus */
:focus {
    outline: 0.25rem solid var(--sparkycolor2);
    outline-offset: 0rem;
}

/* menu secondario bold + padding */
nav.container_lanostraunione .mnu_lanostraunione,
nav.container_lanostraunione .mnu_lanostraunione li,
nav.container_lanostraunione .mnu_lanostraunione a,
nav.container_lanostraunione .mnu_lanostraunione a span,
nav.container_lanostraunione .mnu_lanostraunione .mod-menu__sub li a {
    font-weight: 700 !important;
    padding: 0.3rem 0;
    margin-bottom: 0;
}

/* disattivare protezione doppio-click */
#blocker {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* RIGA 4 - struttura base */
.sparky_row4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 25% 0 1%;
}

/* RIGA 4 - fino a 900px */
@media (max-width: 56rem) {

  /* Riga 4 */
  .sparky_row4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0.5rem 0 0 0;
    justify-items: center;
    justify-content: start;
  }

  /* Il contenitore della riga al 98% */
  .sparky_row4 .sparky_container {
    width: 98% !important;
    max-width: 98% !important;
    margin: 0 !important;
    display: block !important; /* rimuove il flex precedente */
  }

  /* Ogni cella 100% */
  .sparky_row4 .sparky_cell {
    width: 100% !important;
    padding-bottom: 0.5rem !important;
  }

  /* margine left e right breadcrumbs a 0 */
  .mod-breadcrumbs {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  /* padding */
  .sparky_container > .sparky_cell {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem
  }

  /* altezze righe h */
  h1, h2, h3, h4, h5, a {
    line-height: 1.3;
  }
  
  /* spazio sopra il contenuto */
  #maincontent {
    padding-top: 1rem;
  }
}

/* cella vuota fra menu secondario e content */
.sparkle1 {
    flex: 0 0 8%;
}

/* posizione del cerca */
.sparky_cell.mp_search.sparkle5 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1rem;
}

.sparky_cell.mp_search.sparkle5 > * {
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* cerca x mobile: torna al comportamento predefinito */
@media (max-width: 48rem) {
    .sparky_cell.mp_search.sparkle5 {
        display: block;
        justify-content: initial;
        align-items: initial;
    }

    .sparky_cell.mp_search.sparkle5 > * {
        white-space: normal;
        flex-wrap: wrap;
    }
}

/* mappa responsive */
.gmaps-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* proporzione 16:9 */
    height: 0;
    overflow: hidden;
    border: 0;
}

.gmaps-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* STILE TABELLE */
.com-content-article table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #b8b8b8 !important;
    font-size: 1.125rem;
}

/* CAPTION */
.com-content-article table caption {
    caption-side: top !important;
    padding: 0.5rem 1rem;
    background: var(--sparkycolor1);
    font-weight: 600;
}
.com-content-article table caption h3,
.com-content-article table caption h4 {
    color: #fff !important;
    margin: 0rem;
}

/* TH e TD */
.com-content-article table th,
.com-content-article table td {
    padding: 0.5rem 1rem;
    border: 1px solid #e3e3e3;
}
.com-content-article table th {
    background: #f7f7f7;
    font-weight: 700;
    border-color: #b8b8b8;
}

/* BORDO ESTERNO UNIFORME */
.com-content-article table tr:first-child > * {
    border-top: 1px solid #b8b8b8 !important;
}
.com-content-article table tr:last-child > * {
    border-bottom: 1px solid #b8b8b8 !important;
}
.com-content-article table tr > *:first-child {
    border-left: 1px solid #b8b8b8 !important;
}
.com-content-article table tr > *:last-child {
    border-right: 1px solid #b8b8b8 !important;
}

/* Tabelle responsive */
.com-content-article table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

.com-content-article table th,
.com-content-article table td {
    white-space: normal !important;
    word-break: break-word !important;
}

/* evitare sforamenti dei collegamenti mail */
@media (max-width: 48rem) {
  joomla-hidden-mail a {
     word-break: break-word;
     overflow-wrap: anywhere;
     display: inline-block;
     max-width: 100%;
    }
}

/* Nasconde la label del modulo di ricerca per tutti*/
.mod-finder .visually-hidden.finder {
    display: none !important;
}

/* piè di pagina: margine di p */
.sparky_row6 p {
    margin: 0;
}

/* padding top di cerca */
.mod-finder__search {
    padding-top: 0.30rem;
}

/* =========================================
   MARGINI DEI TITOLI NEGLI ARTICOLI
   ========================================= */

body main.content_sparky h3 {
    margin-top: 2rem;
    margin-bottom: 0;
}

body main.content_sparky h4 {
    margin-top: 0.8rem;
    margin-bottom: 0;
}

body main.content_sparky h5 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Rimuovi margini degli H nei caption delle tabelle */
body main.content_sparky caption h3,
body main.content_sparky caption h4,
body main.content_sparky caption h5 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Specifiche per smartphone (fino a 48rem) */
@media (max-width: 48rem) {
    body main.content_sparky h3 {
        margin-top: 2rem; 
    }
    body main.content_sparky h4 {
        margin-top: 1rem;
    }
    body main.content_sparky h5 {
        margin-top: 0.8rem;
    }
}

/* Distanza articoli blog in homepage (Schermi più larghi di 48rem) */
@media (min-width: 48.01rem) {
    body.homepage main.content_sparky .blog-item:not(:last-child) {
        margin-bottom: 3rem;
    }
}

/* Padding menu secondario */
.sparky_cell.mp_lanostraunione {
  padding-top: 0 !important;
  padding-bottom: 1.5rem;
}

/* Tabelle scrollabili SOLO se hanno più di 5 colonne e SOLO sotto i 48rem */
@media (max-width: 48rem) {

    /* tabelle base */
    .item-page table {
        display: table;
        overflow: visible;
        white-space: normal;
    }

    /* attiva scroll solo per tabelle con almeno 5 colonne */
    .item-page table:has(tr > *:nth-child(5)) {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .item-page table:has(tr > *:nth-child(5)) th,
    .item-page table:has(tr > *:nth-child(5)) td {
        min-width: 9rem;
        white-space: nowrap;
    }
}

/* Menu principale che va a capo */
.container_mainmenu .mod-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.4rem;
}

/* Le voci non devono forzare una riga unica */
.container_mainmenu .mod-menu > li {
    white-space: normal;
}

/* aspetto risultati di ricerca */
.com-finder__results-list {
    margin: 0;
}

/* aspetto scadenza "collaborazioni" */
.article-info dd {
    color: #212529bf;
    font-size: 1rem;
}

dl.article-info {
    padding: 0 0.625rem 0 0;
}

/* Spazio extra tra descrizione categoria e primo articolo */
.com-content-category-blog .category-desc {
    margin-bottom: 1.5rem;
}

/* Spazio extra negli articoli collaborazioni */
.com-content-article dl.article-info {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

/* spazio minimo fra riga 3 e riga 4 per smartphone */
@media (max-width: 48rem) {
  .sparky_row3 {
    height: auto !important;
    min-height: unset !important;
  }
}

.com-content-article dl.article-info {
    margin-bottom: 1.25rem;
}

/* margini article-info per smartphone */
@media (max-width: 48rem) {
.com-content-article dl.article-info {
    margin: 0.625rem 0 0.625rem;
  }
}

.com-content-article .icon-fw {
    width: unset;
}

.com-content-category-blog .icon-fw {
    width: unset;
}

/***** FORM *****/
@media (max-width: 67.49rem) {
.formContainer .rsform-block:not(:first-child) {
        width: auto;
    }
    /* Forza il ritorno a capo solo per i link email dentro il form per non rompere il layout */
    .formContainer a[href^="mailto:"] {
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }
}

@media (min-width: 67.5rem) {
    .formContainer .rsform-block:not(:first-child) {
        width: 90%;
        margin: 0 auto;
    }

    /* Gestione delle proporzioni e dei margini delle colonne su PC */
    .formContainer .col-sm-3 {
        width: 35%;
        margin-left: 1.5rem;
    }

    .formContainer .col-sm-9 {
        width: 55%;
        margin-left: 1.5rem;
    }
}

/* grandezza etichette */
.formControlLabel {
    font-size: 1.3125rem;
}

.input,
.form-select,
.form-control {
    font-size: 1.3125rem;
}

/* collaborazioni info */
dl.article-info dd {
    display: inline-block;
    padding: 0 1rem;
    margin: 0;
    border-right: none;
}

/* nascondere avviso in form */
.segnalazione-inviata-con-successo #system-message-container {
    display: none !important;
}

/* nasconde cornice focus per main-content */
#main-content:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* modifiche colore e angoli caselle */
input[type="text"], 
input[type="email"], 
input[type="checkbox"],
input[type="file"],
textarea, 
select.form-select, 
select.rsform-select-box {
    border-color: #0b193c !important;
    border-radius: 0.3rem !important;
}

/* margine prima del primo campo del modulo */
.rsform-block-nominativo {
    margin-top: 2rem !important;
}

/* margin-bottom li + h4 */
ul:has(+ h4) li:last-child, 
ol:has(+ h4) li:last-child {
    margin-bottom: 1.8rem;
}

/* spazio aggiuntivo dopo paragrafo testo */
@media (min-width: 48.01rem) {
  p:has(+ h4) {
    margin-bottom: 2.5rem;
  }
}

/* font-weight h */
h1 a, h2 a, h3 a, h4 a, h5 a {
    font-weight: 600;
}

/* margin-bottom li + h5 */
ul:has(+ h5) li:last-child, 
ol:has(+ h5) li:last-child {
    margin-bottom: 1.5rem;
}

/* cella del maincontent limitata per lunghezza testi ottimale */
@media (min-width: 56rem) {
    .sparkle8 {
        width: 60%;
        max-width: 53rem; /* limite per schermi 4K */
        margin-left: 2.5rem;
    }
}

/* SCHERMI 4K */
@media screen and (min-resolution: 192dpi) and (orientation: landscape) {
    body {
        zoom: 0.67 !important;
    }
}

/* modifiche blog-categoria */
.com-content-category-blog .category-desc {
    margin-bottom: 0;
}

/* elenchi */
ol li, 
ul li {
    margin-bottom: 0.5rem;
}

/* stile pie di pagina per smartphone */
@media (max-width: 48rem) {
    #mod-custom95 p {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    #mod-custom95 li,
    #mod-custom95 div,
    #mod-custom95 span {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}

/* STRISCIA 5 X 1000 */

/* classi dei link */
.cinquexmille-desktop,
.cinquexmille-mobile {
    width: 100%;
    display: block;
}

/* impostazioni  per le immagini dentro i link */
.cinquexmille-desktop img,
.cinquexmille-mobile img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* MOBILE: Sotto 48rem */
.cinquexmille-desktop {
    display: none;
    visibility: hidden;
}
.cinquexmille-mobile {
    display: block;
    visibility: visible;
}

/* DESKTOP: Sopra i 48rem */
@media (min-width: 48.01rem) {
    .cinquexmille-desktop {
        display: block;
        visibility: visible;
    }
    .cinquexmille-mobile {
        display: none;
        visibility: hidden;
    }
}

/* personalizzazioni estetiche */
.sparky_cell:has(#mod-custom140) {
    padding: 0 !important;
}

/* Stili personalizzati Modulo Cerca (mod_finder) */

.mod-finder.js-finder-searchform {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.mod-finder .js-finder-search-query {
  color: var(--sparkycolor1);
  font-size: 1.3125rem;
  min-width: 13rem;
  max-width: 13rem;
  border: 1px solid var(--sparkycolor1);
  border-radius: 0.25rem;
  padding: 0.4rem 0.6rem;
}

.mod-finder .js-finder-search-query::placeholder {
  color: var(--sparkycolor1);
  opacity: 0.8;
}

.mod-finder .js-finder-search-query:focus {
  border-color: var(--sparkycolor2);
}

.mod-finder button.btn.btn-primary {
  background-color: var(--sparkycolor1);
  color: #fff;
  font-size: 1.3125rem;
  width: 5rem;
  border: none;
  border-radius: 0.25rem;
  padding: 0.4rem 0.6rem;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.mod-finder button.btn.btn-primary:hover {
  background-color: #000;
}

/* Adattamento per dispositivi mobili */
@media (max-width: 48rem) {
  .mod-finder.js-finder-searchform {
    justify-content: center;
    flex-wrap: nowrap;
  }
  
  .mod-finder .js-finder-search-query {
    max-width: 45%;
  }
  
  .mod-finder button.btn.btn-primary {
    max-width: 30%;
    min-width: 5rem;
  }
}

/* BANNER CIOCCOLATA */

/* classi dei link */
.bannercioccolata-desktop,
.bannercioccolata-mobile {
    width: 100%;
    display: block;
}

/* impostazioni  per le immagini dentro i link */
.bannercioccolata-desktop img,
.bannercioccolata-mobile img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* MOBILE: Sotto 48rem */
.bannercioccolata-desktop {
    display: none;
    visibility: hidden;
}
.bannercioccolata-mobile {
    display: block;
    visibility: visible;
}

/* DESKTOP: Sopra i 48rem */
@media (min-width: 48.01rem) {
    .bannercioccolata-desktop {
        display: block;
        visibility: visible;
    }
    .bannercioccolata-mobile {
        display: none;
        visibility: hidden;
    }
}

/* personalizzazioni estetiche */
.sparky_cell:has(#mod-custom141) {
    padding: 0 !important;
}