/* 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: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg69CK48gW7PXooxW5rygbi49c.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#666666;
    font-size:16px;
    line-height:1.7;
    font-family:'Outfit', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

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

.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_row3.sparky_full {
    background-color:#000000;
}

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

.sparky_row7.sparky_full {
    background-color:000;
}


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

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1;
    color:var(--sparkycolor2);
    font-size:46px;
    font-family:'Bebas Neue', cursive;
    
    font-weight:400;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1;
    color:var(--sparkycolor2);
    font-size:38px;
    font-family:'Bebas Neue', cursive;
    
    font-weight:400;
    font-style:normal;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor2);
    font-size:30px;
    line-height:1;
    font-family:'Bebas Neue', cursive;
    
    font-weight:400;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:var(--sparkycolor2);
    font-size:20px;
    line-height:1.2;
    font-family:'Outfit', 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;
}


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

.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:#000000;
    font-size:32px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#000000;
    font-size:14px;
    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 {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    position:relative;
    font-family:'Outfit', sans-serif;
}

.mnu_mainmenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:#ff121f;
    width:200px;
    border:0px solid #dddddd;
    padding:10px;
}

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:var(--sparkycolor2);
    font-size:18px;
    padding:0 25px;
    font-weight:400;
    font-style:normal;
    height:42px;
    line-height:42px;
    cursor:pointer;
}

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:var(--sparkycolor2);
    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;
    margin:0;
    padding:0;
    border-right:0px solid #cccccc;
    border-bottom:0px solid #cccccc;
    border-top:0px solid #cccccc;
}

.mnu_mainmenu > li.active {
}

.mnu_mainmenu > li:first-child {
    border-left:0px solid #cccccc;
}

.mnu_mainmenu li:hover {
    position:relative;
    background:#ff121f;
}

.mnu_mainmenu li ul li:hover {
    background-color:#ff121f;
}

.mnu_mainmenu li ul li {
    height:35px;
    border-bottom:0px solid #dddddd;
    padding:0 15px;
    margin: 0;
    
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:35px;
    font-size:14px;
    color:var(--sparkycolor4);
    font-weight:400;
    font-family:'Outfit', sans-serif;
    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(200px - 10px);
    margin-top:-10px;
}

.mnu_mainmenu ul ul {
    top:0px;
}

.mnu_mainmenu > li.parent {
    background-image:url('../images/arrow_down.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:15px;
}

.mnu_mainmenu li li.parent {
    background:url('../images/arrow_right.png') no-repeat right center;
}

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

.mnu_mainmenu > 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: 1230px) {

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

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

    .nav-toggle {
        display: none;
    }

}

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

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

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

}
    
/* IMAGE ANIMATION */

.img-with-animation {
    opacity: 0;
    position: relative;
}

.img-with-animation[data-animation='grow-in'] {
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);}

.img-with-animation[data-animation='fade-in-from-left'] {
    left: -40px;
}

.img-with-animation[data-animation='fade-in-from-right'] {
    right: -40px;
}

.img-with-animation[data-animation='fade-in-from-bottom'] {
    bottom: -100px;
}

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

/* ============================================
   MULTISERVICES DANIEL VACHON — CSS GLOBAL
   Un seul fichier pour toutes les pages
   Couleurs et structure uniquement — typographie héritée du thème
   ============================================ */

:root {
  --bv-noir:        #111111;
  --bv-noir-2:      #2b2b2b;
  --bv-rouge:       #b10e16;
  --bv-rouge-fonce: #8e0a11;
  --bv-blanc:       #ffffff;
  --bv-gris-clair:  #f3f3f3;
  --bv-gris-texte:  #5e5e5e;
  --bv-border:      #bdbdbd;
}

/* ============================================
   UTILITAIRES COMMUNS
   ============================================ */

.bv-accent            { color: var(--bv-rouge); }
.bv-eyebrow           { text-transform: uppercase; letter-spacing: 1px; margin: 0; }
.bv-check             { color: var(--bv-rouge); }
.bv-pillar-icon,
.bv-feature-icon      { color: var(--bv-rouge); display: block; margin-bottom: 6px; }

/* Bouton lien arrondi */
.bv-other-link-all {
  display: inline-block;
  border: 1px solid var(--bv-border);
  border-radius: 24px;
  padding: 10px 28px;
  color: var(--bv-noir);
  text-decoration: none;
}
.bv-other-link-all:hover { background: var(--bv-noir); color: var(--bv-blanc); border-color: var(--bv-noir); }

/* Bande accroche rouge */
.bv-tagline {
  background: linear-gradient(135deg, var(--bv-rouge) 0%, var(--bv-rouge-fonce) 100%);
  color: var(--bv-blanc);
  text-align: center;
  text-transform: uppercase;
  padding: 18px 20px;
}

/* Tampon incliné */
.bv-stamp {
  border: 2px solid var(--bv-rouge);
  color: var(--bv-rouge);
  text-align: center;
  padding: 16px;
  transform: rotate(-2deg);
  width: fit-content;
  text-transform: uppercase;
}

/* Numéro d'étape */
.bv-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--bv-noir);
  color: var(--bv-blanc);
  margin-bottom: 14px;
}

/* ============================================
   HERO COMMUN (page accueil + hero conteneurs)
   ============================================ */

.bv-home-hero {
  position: relative;
  padding: 80px 40px 40px;
}
.bv-home-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.78) 100%);
  z-index: 0;
  pointer-events: none;
}
.bv-home-hero .sparky_page_container { position: relative; z-index: 1; }
.bv-home-hero H1,
.bv-home-hero .bv-hero-sub { color: var(--bv-blanc) !important; }
.bv-home-hero .bv-eyebrow a { color: var(--bv-blanc); }
.bv-home-hero .bv-eyebrow strong { color: var(--bv-rouge); }

/* ============================================
   CARTES DE SERVICES (page accueil)
   ============================================ */

.bv-home-services { padding: 30px 40px 60px; }
.bv-services-alt  { background: var(--bv-gris-clair); }

.bv-service-card {
  background: var(--bv-blanc);
  border: 1px solid var(--bv-border);
  border-top: 4px solid var(--bv-rouge);
  border-radius: 6px;
  padding: 32px 24px;
}
.bv-service-card H3 a { color: var(--bv-noir); text-decoration: none; }
.bv-service-card H3 a:hover { color: var(--bv-rouge); }
.bv-service-card p { color: var(--bv-gris-texte); }

/* ============================================
   SECTION "POURQUOI NOUS" (page accueil + réutilisable)
   ============================================ */

.bv-home-why-title,
.bv-home-why { background: var(--bv-noir); }
.bv-home-why-title { padding: 50px 40px 10px; }
.bv-home-why       { padding: 30px 40px 60px; }
.bv-home-why-title H2,
.bv-home-why H3   { color: var(--bv-blanc); }
.bv-home-why p    { color: #c8c8c8; }
.bv-home-why .sparky_cell { text-align: center; padding: 0 16px; }

/* ============================================
   PAGE BACS DE VIDANGE
   ============================================ */

/* Hero diagonal */
.bv-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 540px; }
.bv-hero-left {
  background: var(--bv-noir); color: var(--bv-blanc);
  padding: 60px 50px 60px 60px;
  display: flex; flex-direction: column; justify-content: center; gap: 20px;
  position: relative; z-index: 2;
}
.bv-hero-right {
  background: var(--bv-gris-clair); color: var(--bv-noir);
  padding: 60px 60px 60px 90px;
  display: flex; flex-direction: column; justify-content: center; gap: 24px;
  margin-left: -60px;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
}
.bv-hero-left H1  { color: var(--bv-blanc); }
.bv-hero-right H2 { color: var(--bv-noir); }
.bv-hero-text     { color: #c8c8c8; }
.bv-hero-feature  { display: flex; gap: 14px; align-items: flex-start; }
.bv-hero-feature strong { color: var(--bv-blanc); display: block; }
.bv-hero-feature p     { color: var(--bv-gris-texte); margin: 0; }

/* Grille piliers */
.bv-pillars { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.bv-pillar strong { color: var(--bv-noir); }
.bv-pillar p      { color: var(--bv-gris-texte); margin: 0; }

/* Section générale */
.bv-section       { padding: 60px 0; }
.bv-section-title { color: var(--bv-noir); text-align: center; margin: 0 0 10px; }
.bv-section-sub   { color: var(--bv-gris-texte); text-align: center; max-width: 560px; margin: 0 auto 40px; }

/* Cartes produits */
.bv-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.bv-product-card {
  background: var(--bv-blanc);
  border: 1px solid var(--bv-border);
  border-radius: 8px;
  overflow: hidden;
}
.bv-product-img {
  background: var(--bv-gris-clair);
  height: 200px;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.bv-product-img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.bv-product-title   { color: var(--bv-noir); display: inline-block; padding: 8px 16px; margin: 20px 20px 16px; }
.bv-product-desc    { color: var(--bv-gris-texte); padding: 0 20px; margin: 0 0 24px; }
.bv-product-link {
  display: inline-block;
  margin: 0 20px 24px;
  padding: 10px 24px;
  border: 1px solid var(--bv-border);
  border-radius: 24px;
  color: var(--bv-noir);
  text-decoration: none;
}
.bv-product-link:hover { background: var(--bv-noir); color: var(--bv-blanc); border-color: var(--bv-noir); }

/* Bande caractéristiques */
.bv-features-bar {
  background: var(--bv-gris-clair);
  display: grid; grid-template-columns: repeat(4, 1fr);
  padding: 32px 40px;
}
.bv-feature-item  { display: flex; gap: 12px; align-items: flex-start; padding: 0 16px; }
.bv-feature-item strong { display: block; }
.bv-feature-item p      { color: var(--bv-gris-texte); margin: 0; }

/* Tableau comparatif */
.bv-compare-section { display: grid; grid-template-columns: 1.6fr 1fr; }
.bv-compare-table-wrap { padding: 60px 40px; background: var(--bv-blanc); }
.bv-compare-table { width: 100%; border-collapse: collapse; margin-top: 24px; }
.bv-compare-table thead th {
  background: var(--bv-noir); color: var(--bv-blanc);
  text-transform: uppercase; letter-spacing: 0.5px;
  padding: 14px 12px; text-align: left;
}
.bv-compare-table thead th span { color: var(--bv-gris-texte); text-transform: none; letter-spacing: 0; }
.bv-compare-table tbody td { padding: 16px 12px; border-bottom: 1px solid #e4e4e4; vertical-align: top; }
.bv-table-model { color: var(--bv-rouge); white-space: nowrap; }
.bv-compare-table ul { color: var(--bv-gris-texte); padding-left: 16px; margin: 0; }

/* Panneau usage */
.bv-usage-panel { background: var(--bv-gris-clair); padding: 60px 40px; display: flex; flex-direction: column; justify-content: center; gap: 28px; }
.bv-usage-list  { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.bv-usage-list li { display: flex; align-items: center; gap: 10px; }

/* CTA final */
.bv-cta-bar {
  background: linear-gradient(135deg, var(--bv-rouge) 0%, var(--bv-rouge-fonce) 100%);
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 32px 60px; flex-wrap: wrap;
}
.bv-cta-text strong { color: var(--bv-blanc); display: block; }
.bv-cta-text p      { color: rgba(255,255,255,0.85); margin: 4px 0 0; }

/* ============================================
   PAGES DÉTAIL CONTENEURS
   ============================================ */

.bv-breadcrumb { padding: 16px 40px; color: var(--bv-gris-texte); }
.bv-breadcrumb a        { color: var(--bv-gris-texte); text-decoration: none; }
.bv-breadcrumb a:hover  { color: var(--bv-rouge); }
.bv-breadcrumb span     { color: var(--bv-noir); }

.bv-detail-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; padding: 20px 40px 50px; align-items: start; }
.bv-detail-img { background: var(--bv-gris-clair); border-radius: 8px; padding: 30px; display: flex; align-items: center; justify-content: center; }
.bv-detail-img img { max-width: 100%; height: auto; }
.bv-detail-tagline  { color: var(--bv-rouge); text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 8px; }
.bv-detail-content p { color: var(--bv-gris-texte); }
.bv-detail-cta { display: inline-block; background: var(--bv-rouge); color: var(--bv-blanc); padding: 12px 28px; border-radius: 4px; text-decoration: none; margin-top: 12px; }
.bv-detail-cta:hover { background: var(--bv-rouge-fonce); }

.bv-detail-specs { background: var(--bv-gris-clair); padding: 40px; }
.bv-detail-specs .bv-table-model { background: var(--bv-noir); color: var(--bv-blanc); }

.bv-other-formats { padding: 50px 40px; text-align: center; }
.bv-other-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 30px; }
.bv-other-card {
  background: var(--bv-gris-clair); border-radius: 8px; padding: 24px;
  text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 10px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bv-other-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.bv-other-card img   { max-width: 100%; height: 120px; object-fit: contain; }
.bv-other-card span  { color: var(--bv-noir); }
.bv-other-card small { color: var(--bv-rouge); }

/* ============================================
   PAGE HUB CONTENEURS
   ============================================ */

.bv-hub-hero { background: var(--bv-noir); color: var(--bv-blanc); padding: 70px 60px; text-align: center; }
.bv-hub-hero H1      { color: var(--bv-blanc); }
.bv-hub-intro        { color: #c8c8c8; max-width: 760px; margin: 0 auto 16px; }
.bv-hub-intro-accent { color: var(--bv-blanc); max-width: 700px; margin: 0 auto 32px; }
.bv-hub-hero-btns    { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.bv-hub-hero-btns .outline { background: transparent; border: 1px solid var(--bv-blanc); color: var(--bv-blanc); }

.bv-hub-pillars { background: var(--bv-gris-clair); padding: 40px 60px; }
.bv-hub-pillars .sparky_cell { text-align: center; padding: 0 16px; }
.bv-hub-pillars H3 { color: var(--bv-noir); }
.bv-hub-pillars p  { color: var(--bv-gris-texte); margin: 0; }

.bv-hub-types-row { padding: 30px 40px 60px; }
.bv-type-card { background: var(--bv-blanc); border: 1px solid var(--bv-border); border-radius: 10px; padding: 28px; position: relative; }
.bv-type-active { border-top: 4px solid var(--bv-rouge); }
.bv-type-soon   { border-top: 4px solid var(--bv-gris-texte); opacity: 0.85; }
.bv-type-badge  { display: inline-block; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; }
.bv-badge-active { background: var(--bv-rouge); color: var(--bv-blanc); }
.bv-badge-soon   { background: var(--bv-gris-clair); color: var(--bv-gris-texte); border: 1px solid var(--bv-border); }
.bv-type-card H3  { color: var(--bv-noir); }
.bv-type-card p   { color: var(--bv-gris-texte); margin: 0 0 12px; }
.bv-type-list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.bv-type-list li { color: var(--bv-gris-texte); padding-left: 16px; position: relative; }

.bv-type-cta { display: inline-block; background: var(--bv-rouge); color: var(--bv-blanc); padding: 10px 24px; border-radius: 4px; text-decoration: none; margin-top: 8px; }
.bv-type-cta:hover { background: var(--bv-rouge-fonce); }

.bv-hub-formats { background: var(--bv-noir); color: var(--bv-blanc); padding: 50px 60px; text-align: center; }
.bv-hub-formats H3 { color: var(--bv-blanc); }
.bv-hub-formats p  { color: #c8c8c8; }
.bv-formats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 700px; margin: 24px auto 28px; }
.bv-format-item { background: var(--bv-noir-2); border-radius: 8px; padding: 20px; display: flex; flex-direction: column; gap: 6px; }
.bv-format-item span   { color: #c8c8c8; }
.bv-hub-formats .bv-other-link-all { border-color: var(--bv-blanc); color: var(--bv-blanc); }
.bv-hub-formats .bv-other-link-all:hover { background: var(--bv-blanc); color: var(--bv-noir); }

.bv-hub-repair-grid { padding: 30px 40px 60px; }
.bv-hub-repair-grid .sparky_cell { background: var(--bv-gris-clair); border-radius: 8px; padding: 28px; text-align: center; }
.bv-hub-repair-grid H3 { color: var(--bv-noir); }
.bv-hub-repair-grid p  { color: var(--bv-gris-texte); margin: 0; }

.bv-hub-crosssell { background: var(--bv-gris-clair); padding: 40px 60px; display: flex; align-items: center; }
.bv-hub-crosssell H3 { color: var(--bv-noir); }
.bv-hub-crosssell p  { color: var(--bv-gris-texte); margin: 0; }
.bv-crosssell-btn-cell { display: flex; align-items: center; justify-content: flex-end; }

.bv-hub-zone { background: linear-gradient(135deg, var(--bv-rouge) 0%, var(--bv-rouge-fonce) 100%); padding: 36px 60px; text-align: center; }
.bv-hub-zone H3 { color: var(--bv-blanc); margin: 0 0 8px; }
.bv-hub-zone p  { color: rgba(255,255,255,0.9); margin: 0; }

.bv-hub-steps { padding: 30px 40px 60px; }
.bv-hub-steps .sparky_cell { text-align: center; padding: 0 20px; }
.bv-hub-steps H3 { color: var(--bv-noir); }
.bv-hub-steps p  { color: var(--bv-gris-texte); margin: 0; }

.bv-hub-dealer { background: var(--bv-noir); padding: 40px 60px; display: flex; align-items: center; }
.bv-hub-dealer H3 { color: var(--bv-blanc); }
.bv-hub-dealer p  { color: #c8c8c8; margin: 0; }
.bv-dealer-btn-cell { display: flex; align-items: center; justify-content: flex-end; }

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 900px) {
  .bv-hero { grid-template-columns: 1fr; }
  .bv-hero-right { margin-left: 0; clip-path: none; padding: 50px 30px; }
  .bv-hero-left  { padding: 50px 30px; }
  .bv-product-grid { grid-template-columns: repeat(2, 1fr); }
  .bv-features-bar { grid-template-columns: repeat(2, 1fr); }
  .bv-compare-section { grid-template-columns: 1fr; }
  .bv-cta-bar { flex-direction: column; text-align: center; }
  .bv-detail-row { grid-template-columns: 1fr; padding: 20px 24px 40px; }
  .bv-other-grid { grid-template-columns: 1fr; }
  .bv-hub-types-row .sparkle6 { width: 100%; float: none; margin-bottom: 24px; }
  .bv-hub-crosssell,
  .bv-hub-dealer { flex-direction: column; text-align: center; gap: 16px; }
  .bv-crosssell-btn-cell,
  .bv-dealer-btn-cell { justify-content: center; }
  .bv-formats-grid { grid-template-columns: 1fr; }
  .bv-home-services .sparkle4,
  .bv-home-why .sparkle3,
  .bv-hub-pillars .sparkle3,
  .bv-hub-repair-grid .sparkle4,
  .bv-hub-steps .sparkle4 { width: 50%; float: left; margin-bottom: 20px; }
  .bv-home-hero,
  .bv-home-services,
  .bv-home-why-title,
  .bv-home-why,
  .bv-hub-hero,
  .bv-hub-pillars,
  .bv-hub-types-row,
  .bv-hub-formats,
  .bv-hub-repair-grid,
  .bv-hub-crosssell,
  .bv-hub-zone,
  .bv-hub-steps,
  .bv-hub-dealer,
  .bv-breadcrumb,
  .bv-detail-specs,
  .bv-other-formats { padding-left: 24px; padding-right: 24px; }
}
.sparky_button_black {
  background: #000000;
  border-radius: 27px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding: 10px 30px;
  transition: all 0.3s;
  display: inline-block;
  text-decoration: none;
}

.sparky_button_black:hover {
  background: #8a7a7a;
  color: #ffffff;
}
@media (max-width: 540px) {
  .bv-product-grid { grid-template-columns: 1fr; }
  .bv-features-bar { grid-template-columns: 1fr; }
  .bv-other-grid { grid-template-columns: 1fr; }
  .bv-type-list { grid-template-columns: 1fr; }
  .bv-home-services .sparkle4,
  .bv-home-why .sparkle3,
  .bv-hub-pillars .sparkle3,
  .bv-hub-repair-grid .sparkle4,
  .bv-hub-steps .sparkle4 { width: 100%; float: none; }
}