/* 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: 'Sarala';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/uK_y4riEZv4o1w9RCh0TMv6EXw.ttf);
}
    
@font-face {
  font-family: 'Sarala';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/uK_x4riEZv4o1w9ptjI3OtWYVkMpXA.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:var(--sparkycolor1);
    font-size:16px;
    line-height:1.6;
    font-family:'Sarala', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

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

.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(--sparkycolor4);
}

.sparky_row3.sparky_full {
    background-color:var(--sparkycolor4);
}

.sparky_row4.sparky_full {
    background-color:var(--sparkycolor2);
}


/* SCREEN < 768px AND < TEMPLATE WIDTH */

@media (max-width: 767px) {
    .sparky_container {
        width: 100%;
    }

    .sparky_container > [class*='sparkle'] {
        width: 100% !important;
    }

    .two [class*='sparkle'] {
        width: 50% !important;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_container > .sparky_cell {
        margin: 0;
        padding: 0;
    }
}

/* SCREEN >= 768px AND < TEMPLATE WIDTH */

@media (min-width: 768px) {
    .sparky_container {
        width: 750px;
    }
}

/* SCREEN >= 992px AND < TEMPLATE WIDTH */

@media (min-width: 992px) {
    .sparky_container {
        width: 970px;
    }
}

/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:1230px) {
    .sparky_container {
        width:1200px;
    }

    [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:50px 15px;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1.2;
    color:var(--sparkycolor1);
    font-size:48px;
    font-family:'Sarala', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.2;
    color:var(--sparkycolor1);
    font-size:32px;
    font-family:'Sarala', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h2.row_heading {
    padding-left:15px;
    padding-right:15px;
}

h3 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor1);
    font-size:20px;
    line-height:1.4;
    font-family:'Sarala', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h3.row_subheading {
    padding-left:15px;
    padding-right:15px;
}

h4 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor1);
    font-size:16px;
    line-height:1.4;
    font-family:'Sarala', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

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

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

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:#999999;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#999999;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* DROP-DOWN MENU */
ul.mnu_mainmenu , ul.mnu_usermenu  {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:right;
    position:relative;
    font-family:'Sarala', sans-serif;
}
.mnu_mainmenu ul, .mnu_usermenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:var(--sparkycolor2);
    width:190px;
    border:0px solid #dddddd;
    padding:15px;
}
.mnu_mainmenu > li > a, .mnu_usermenu > li > a,.mnu_mainmenu > li > span, .mnu_usermenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:var(--sparkycolor1);
    font-size:16px;
    padding:0 15px;
    font-weight:400;
    font-style:normal;
    height:40px;
    line-height:40px;
    cursor:pointer;
}
.mnu_mainmenu > li.active > a, .mnu_usermenu > li.active > a,.mnu_mainmenu > li.active > span, .mnu_usermenu > li.active > span {
    color:var(--sparkycolor2);
    cursor:pointer;
}
.mnu_mainmenu > li > a:hover, .mnu_usermenu > li > a:hover,.mnu_mainmenu > li:hover > a, .mnu_usermenu > li:hover > a,.mnu_mainmenu > li > a:hover, .mnu_usermenu > li > a:hover,.mnu_mainmenu > li:hover > span, .mnu_usermenu > li:hover > span {
    color:var(--sparkycolor2);
}
.mnu_mainmenu > li, .mnu_usermenu > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border-right:0px solid var(--sparkycolor5);
    border-bottom:0px solid var(--sparkycolor5);
    border-top:0px solid var(--sparkycolor5);
}
.mnu_mainmenu > li.active, .mnu_usermenu > li.active {
}
.mnu_mainmenu > li:first-child, .mnu_usermenu > li:first-child {
    border-left:0px solid var(--sparkycolor5);
}
.mnu_mainmenu li:hover, .mnu_usermenu li:hover {
    position:relative;
}
.mnu_mainmenu li ul li:hover, .mnu_usermenu li ul li:hover {
    background-color:var(--sparkycolor2);
}
.mnu_mainmenu li ul li, .mnu_usermenu li ul li {
    height:30px;
    border-bottom:0px solid #dddddd;
    padding:0 0px;
    margin: 0;
    
}
.mnu_mainmenu li ul a, .mnu_usermenu li ul a,.mnu_mainmenu li ul span, .mnu_usermenu li ul span {
    display: block;
    line-height:30px;
    font-size:13px;
    color:var(--sparkycolor3);
    font-weight:400;
    font-family:'Sarala', sans-serif;
    font-style:normal;
    padding-top:0;
    cursor:pointer;
}
.mnu_mainmenu li ul li:hover > a, .mnu_usermenu li ul li:hover > a,.mnu_mainmenu li ul li:hover > span, .mnu_usermenu li ul li:hover > span {
    color:var(--sparkycolor5);
}
.mnu_mainmenu  li ul ul, .mnu_usermenu  li ul ul {
    left: calc(190px - 15px);
    margin-top:-15px;
}
.mnu_mainmenu ul ul, .mnu_usermenu ul ul {
    top:0px;
}
.mnu_mainmenu .sub, .mnu_usermenu .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}
.mnu_mainmenu > li > ul, .mnu_usermenu > li > ul {
    display: none;
}

/* RESPONSIVE TOP MENU */

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
    position:absolute;
}

.nav-collapse.opened > ul {
    position: fixed;
    top: 0;
    left: 5%;
    width: 90%;
    height: auto;
    background:#444;
}

.nav-collapse.opened > ul ul {
    width: 100%;
    position: relative;
    left:0;
    padding:0;
    margin:0;
    background:#444;
    border:0;
}

.nav-collapse.opened > ul ul li {
    height:auto;
}

.nav-collapse.opened li {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    text-align:initial;
}

.nav-collapse.opened li.active, .nav-collapse.opened li:hover {
    background-color:#333;
}

.nav-collapse.opened li.active a {
    color:#fff !important;
}

.nav-collapse.opened li a,
.nav-collapse.opened li span {
    padding:0 15px;
    margin:0;
    line-height:50px;
    height:50px;
    color:#fff !important;
}

.nav-collapse.opened li li a,
.nav-collapse.opened li li span {
    padding:0 30px;
    line-height:30px;
    height:30px;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: url('../images/tinynav.png');
    background-size: 42px 84px;
    width: 42px;
    height: 42px;
    text-indent:-9999px;
    display:inline-block;
    float:right;
}

.nav-toggle.active {
    position: fixed;
    z-index: 999;
    right: 5%;
    top: 0;
    margin-top:5px;
    margin-right:15px;
    background-position: bottom;
}

#blocker {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:9999;
}

@media screen and (min-width: 1280px) {

    .js .nav-collapse {
        position: relative;
    }

    .js .nav-collapse.closed {
        max-height: none;
    }

    .nav-toggle {
        display: none;
    }

}

@media screen and (max-width: 1279px) {

    .nav-collapse.closed {
        overflow:hidden;
    }

    .firstClick + ul {
        display: none !important;
    }

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

/* Foyer de Frampton — accueil responsive, 26-10-2026. Dépendances : Quattro/Sparky, article 26, galerie module 128, Forms ID 1. Retour arrière : retirer ce bloc et restaurer la sauvegarde HTML. */

#ff-home-banner .ff-desktop{display:block;width:100%;height:auto}#ff-home-banner .ff-mobile{display:none;background:#5caf9f;text-align:center;padding:0 20px 28px}#ff-home-banner .ff-mobile img{display:block;width:100%;max-width:453px;height:auto;margin:auto}#ff-home-banner h2{font-size:clamp(44px,12vw,76px);color:white;line-height:1.2;margin:12px 0}#ff-home-banner p{color:#102e27;font-size:16px;line-height:1.6}#ff-home-banner a{display:inline-block;padding:10px 22px;border:1px solid white;border-radius:4px;color:white;text-decoration:none}#ff-home-banner a:hover{background:#222;color:white}.ff-banner-row .sparky_page_container{max-width:none;width:100%;padding:0}.ff-banner-row .sparky_cell{padding:0;margin:0;width:100%}
.ff-home-row{box-sizing:border-box;max-width:100%;margin-left:0!important;margin-right:0!important}.ff-home-row .sparky_page_container{width:100%;max-width:1200px;margin:auto;box-sizing:border-box}.ff-home-row img{max-width:100%;height:auto}.ff-home-row h1{font-size:clamp(30px,4vw,48px);line-height:1.25}.ff-home-row h2{font-size:32px;line-height:1.3}.ff-home-row h3{font-size:20px;line-height:1.4}.ff-home-row p{font-size:16px;line-height:1.65}.ff-home-row .featured_image{border-radius:40px 40px 0 40px}#row_85867007{padding:36px 16px 0}#row_37938572 .sparky_cell{box-sizing:border-box;min-width:0;flex:1;padding:30px;margin:15px!important}#row_37938572 .sparky_page_container{gap:0}#row_75049003 .sparky_cell{box-sizing:border-box}#row_12700617{padding:45px 24px}#row_12700617 .ba-form{max-width:100%}#row_12700617 h2{color:white}
@media(max-width:800px){.ff-home-row .sparky_page_container{display:flex;flex-wrap:wrap;padding:0 20px;box-sizing:border-box}.ff-home-row .sparky_cell{width:100%!important;flex:0 0 100%;max-width:100%;margin-left:0!important;margin-right:0!important;min-width:0}#row_37938572 .sparky_cell{flex:0 0 100%;width:100%!important;margin:12px 0!important}#row_75049003 .sparky_cell{padding:20px!important}#row_75049003 p{text-align:left!important}#row_12700617 .sparky_page_container{padding:0}.ff-home-row .ba-form-row{max-width:100%}}
@media(max-width:550px){#ff-home-banner .ff-desktop{display:none}#ff-home-banner .ff-mobile{display:block}.ff-home-row h2{font-size:28px}.ff-home-row h1{font-size:30px}}

.ff-home-row.row_full_width{left:50%!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:0!important}.ff-banner-row .sparky_page_container{max-width:none!important;width:100%!important}.ff-home-row .sparky_cell{min-width:0;box-sizing:border-box}.ff-home-row .sparky_page_container{box-sizing:border-box}#row_37938572 .sparky_page_container{display:flex;gap:24px;padding:0 24px}#row_37938572 .sparky_cell{margin:0!important;flex:1;width:auto!important}#row_30688115 .sparkle5{padding-right:25px}#row_53470834{padding:40px 0}@media(max-width:800px){#row_37938572 .sparky_page_container{gap:24px}#row_37938572 .sparky_cell{width:100%!important;flex:0 0 100%}#row_30688115 .sparkle5{padding-right:0}#row_37938572{padding-bottom:40px!important}}
/* Largeur utile : évite de compter la barre de défilement dans 100vw. */
.ff-home-row.row_full_width,.ff-banner-row.row_full_width{width:var(--ff-viewport-width,100%)!important;left:50%!important;margin-left:calc(var(--ff-viewport-width,100%) / -2)!important;max-width:none!important}

/* Foyer Frampton : module Adresse, largeur interne du pied de page. */
.mp_user4 #row_88109078,.mp_user4 #row_88109078 > .sparky_page_container{width:100%!important;max-width:100%;margin-left:0!important;margin-right:0!important;box-sizing:border-box}

/* Quattro : le menu long passe au bouton natif sur les écrans intermédiaires. */
@media(max-width:1280px){.logorow .mp_mainmenu .nav-toggle{display:block!important}.logorow nav.container_mainmenu:not(.opened) ul.mnu_mainmenu{display:none!important}.logorow nav.container_mainmenu.opened ul.mnu_mainmenu{display:flex!important;flex-direction:column;max-width:100%;width:auto}.logorow nav.container_mainmenu.opened ul.mnu_mainmenu>li{float:none;max-width:100%}}

/* Foyer Frampton — accessibilité 27-10-2026. Dépendances : Quattro, BA Forms et Web357. Retour arrière : retirer uniquement ce bloc. */
main .com-content-article :is(h1,h2,h3,h4),main .ff-home-row :is(h1,h2,h3){color:#315d4a}
main #ff-home-banner h2,main #row_12700617 h2{color:#244b40!important}
main #ff-home-banner a{background:#244b40;color:#fff;border-color:#244b40;min-height:44px;box-sizing:border-box}
main :is(a,button,input,textarea,select):focus-visible,.logorow a:focus-visible,.cpnb-outer :is(a,button):focus-visible,.cpnb-m-modal :is(a,button,input):focus-visible{outline:3px solid #244b40;outline-offset:4px}
body :is(.cpnb-button,.cpnb-m-enableAllButton,.cpnb-m-DeclineAllButton,.cpnb-m-SaveChangesButton){min-height:44px;font-size:16px!important;line-height:1.4}

/* Foyer Frampton — présentation mobile 30-10-2026. Dépendances : Quattro, accueil 26, galerie module 128. Retirer ce bloc pour revenir au rendu précédent. */
@media(max-width:600px){
.logorow{position:relative;z-index:100}
.logorow>.sparky_container{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%!important;max-width:100%;margin:0!important;padding:10px 20px!important;box-sizing:border-box;min-height:108px}
.logorow .mp_logo{flex:0 0 88px;width:88px!important;max-width:88px;padding:0!important;margin:0!important}
.logorow .sparky_logo_image img{display:block;width:88px!important;height:88px!important;object-fit:contain}
.logorow .mp_mainmenu{position:static;flex:0 0 44px;width:44px!important;margin:0 0 0 auto!important;padding:0!important}
.logorow .mp_usermenu{flex:0 1 auto;width:auto!important;margin:0!important;padding:0!important}
.logorow .mp_mainmenu .nav-toggle{position:relative!important;top:auto!important;right:auto!important;float:none!important;background:none!important;width:44px;height:44px;margin:0!important;box-sizing:border-box}
.logorow .mp_mainmenu nav.container_mainmenu.opened{position:absolute!important;top:100%;left:0;width:100%!important;max-width:100%;height:auto!important;max-height:none!important;clip:auto!important;z-index:101;background:#fff;box-shadow:0 10px 16px rgba(36,75,64,.12);box-sizing:border-box}
.logorow nav.container_mainmenu.opened ul.mnu_mainmenu{position:static!important;float:none!important;width:100%!important;background:#fff;box-sizing:border-box;padding:10px 20px 18px!important;margin:0!important}
.logorow nav.container_mainmenu.opened ul.mnu_mainmenu>li>a{display:block;color:#244b40!important;padding:12px 0!important;min-height:44px;box-sizing:border-box}
.logorow .nav-toggle::after{content:"\2630";position:absolute;inset:0;display:grid;place-items:center;text-indent:0;color:#244b40;font:28px/1 Arial,sans-serif}.logorow .nav-toggle.active::after{content:"\00d7";font-size:36px}#ff-home-banner .ff-mobile{padding:0 0 28px}
#ff-home-banner .ff-mobile img{width:100%;max-width:none;margin:0;aspect-ratio:1920/712;object-fit:cover}
#ff-home-banner h2{font-size:36px!important;line-height:1.2;margin:22px 16px 12px}
#ff-home-banner p{max-width:32ch;padding:0 18px;margin:0 auto 18px;box-sizing:content-box;line-height:1.65}
#ff-home-banner a{border-radius:7px;padding:12px 24px}
#row_85867007{padding:28px 0 0}#row_85867007 .sparky_page_container,#row_85867007 .sparky_cell{padding:0!important}#row_85867007 h1{width:100%;font-size:28px;line-height:1.25}
#row_53470834{padding:32px 0}
#row_53470834 .sparky_page_container{width:100%!important;max-width:100%;padding:0!important;margin:0!important;box-sizing:border-box}
#row_53470834 .sparky_cell{padding:0!important;margin:0!important;width:100%!important;max-width:100%;box-sizing:border-box}
#row_53470834 h2{font-size:28px;line-height:1.25;max-width:18ch;margin:0 auto 24px}
#row_53470834 #row_10380527{margin:0!important;padding:0!important;width:100%!important}
#row_53470834 #row_10380527>.sparky_page_container>.sparky_cell>p:empty{display:none}
#row_53470834 .ba-gallery{width:100%;max-width:100%;padding:0!important}
#row_12700617{padding:32px 20px}
}