/* 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. */

@import url('../../sparky_framework/css/icons/fontawesome.min.css');

@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.1875rem;
    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(--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.125rem;
    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:var(--sparkycolor4);
    font-size:1.8125rem;
    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.5rem;
    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:space-between;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 7.5px);
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 7.5px);
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 7.5px);
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 7.5px);
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 7.5px);
}

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

}

.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;
}


.fa, .fas, [class*=' icon-'], [class^=icon-] {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

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

.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;
}

.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.1875rem;
    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.1875rem;
    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:1rem;
    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.50rem;
    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.1875rem;
    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;
}

/* Link nascosto finché non riceve focus */
.skip-link {
    position: absolute;
    top: -2.5rem;
    left: 0.625rem;
    background: transparent;
    color: transparent;
    padding: 0.5rem 1rem;
    z-index: 1000;
    border-radius: 0.25rem;
    transition: top 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}

/* link quando riceve focus */
.skip-link:focus {
    top: 0.625rem;
    background-color: var(--skip-focus-bg);
    color: var(--skip-focus-color);
    outline: 0.125rem solid var(--skip-focus-color);
}

/* 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.22rem 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 850px */
@media (max-width: 53rem) {

  /* 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;
}

/* padding h1-h5 */
h1, h1 a {
    padding: 0.2rem 0rem 0rem 0rem;
}

h2, h2 a {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

h3, h3 a {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

h4, h4 a {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

h5, h5 a {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

p {
    padding: 0.4rem 0rem 0.4rem 0rem;
}

p {
    margin: 0rem 0rem 0rem 0rem;
}

/* Distanze dei titoli negli articoli */
.com-content-article h3 {
  margin-top: 2rem;
  margin-bottom: 0rem;
}

.com-content-article h4 {
  margin-top: 0.8rem;
  margin-bottom: 0rem;
}

.com-content-article h5 {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}

/* 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: 1.25rem;*/
    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;
    }
}

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

.formContainer .col-sm-3 {
    width: 35%;
    margin-left: 1.5rem;
}

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

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

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

/* 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;
}

/* rimuovere bordo del focus via script */
#maincontent[tabindex="-1"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

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

/* spazio aggiuntivo dopo paragrafo testo */
p:not(:has(+ p, + ul, + ol, + table, + h3, + h5, + iframe)) {
    margin-bottom: 2.5rem;
}

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