/* 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: 'Anaheim';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/8vII7w042Wp87g4G0UTUEE5eK_w.ttf);
}
    
@font-face {
  font-family: 'Strait';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/DtViJxy6WaEr1LZzeDhtkl0U7w.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#3e3e3e;
    font-size:14px;
    line-height:1.4;
    font-family:Verdana, Geneva, sans-serif;
    text-align:left;
    font-weight:normal;
    font-style:normal;
    background:var(--sparkycolor1) url('../images/bg1.png') top center repeat;
}

input, textarea, button, select {
    font-family:Verdana, Geneva, sans-serif;
}

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

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


/* 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:1170px) {
    .sparky_container {
        width:1140px;
    }

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

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1;
    color:#3e3e3e;
    font-size:24px;
    font-family:'Strait', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1;
    color:#3e3e3e;
    font-size:18px;
    font-family:'Strait', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:#3e3e3e;
    font-size:18px;
    line-height:1.4;
    font-family:'Strait', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:#3e3e3e;
    font-size:14px;
    line-height:1.4;
    font-family:'Strait', sans-serif;
    text-align:left;
    font-weight:400;
    font-style:normal;
}

a {
    color:#33ccff;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    color:#333333;
    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:#3e3e3e;
    font-size:36px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#3e3e3e;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* STANDARD MENU */

ul.mnu_sidemenu {
    display:block;
    margin:0;
    padding:0;
}

ul.mnu_sidemenu ul {
    margin:10px;
    padding:0;
}

.mnu_sidemenu li {
    display:block;
}

nav ul.mnu_sidemenu > li {
    margin-bottom:0px;
    padding:10px 10px;
    font-size:12px;
    font-weight:400;
    font-style:normal;
}

.mnu_sidemenu > li > a {
    color:#8c8c8c;
    font-family:'Anaheim', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_sidemenu > li > a:hover {
    color:#333333;
}

.mnu_sidemenu > li li {
    margin:0;
    padding:0;
    font-size:12px;
    line-height:15px;
    font-weight:400;
    font-style:normal;
}

.mnu_sidemenu > li li a {
    color:#8c8c8c;
    font-family:'Anaheim', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_sidemenu > li li a:hover {
    color:#333333;   
}


/* DROP-DOWN MENU */

ul.mnu_topmenu {
    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:Verdana, Geneva, sans-serif;
}

.mnu_topmenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:#eeeeee;
    width:180px;
    border:0px solid #eeeeee;
    padding:12px;
}

.mnu_topmenu > li > a, .mnu_topmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#474647;
    font-size:14px;
    padding:0 15px;
    font-weight:normal;
    font-style:normal;
    height:40px;
    line-height:40px;
    cursor:pointer;
}

.mnu_topmenu  > li.active > a, .mnu_topmenu > li.active > span {
    color:#eeeeee;
    cursor:pointer;
}

.mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > a, .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > span {
    color:#474647;
}

.mnu_topmenu > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border-right:0px solid #eeeeee;
    border-bottom:0px solid #eeeeee;
    border-top:0px solid #eeeeee;
}

.mnu_topmenu > li.active {
    background:#eeeeee;
}

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

.mnu_topmenu li:hover {
    position:relative;
    background:#eeeeee;
}

.mnu_topmenu li ul li:hover {
    background-color:#e6e6e6;
}

.mnu_topmenu li ul li {
    height:30px;
    border-bottom:0px solid #eeeeee;
    padding:0 10px;
    margin: 0;
    
}

.mnu_topmenu li ul a, .mnu_topmenu li ul span {
    display: block;
    line-height:30px;
    font-size:12px;
    color:#474647;
    font-weight:400;
    font-family:'Strait', sans-serif;
    font-style:normal;
    padding-top:0;
    cursor:pointer;
}

.mnu_topmenu li ul li:hover > a, .mnu_topmenu li ul li:hover > span {
    color:#474647;
}

.mnu_topmenu li ul ul {
    left: calc(180px - 12px);
    margin-top:-12px;
}

.mnu_topmenu ul ul {
    top:0px;
}

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

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


/* STANDARD MENU */

ul.mnu_bottommenu {
    display:block;
    margin:0;
    padding:0;
}

ul.mnu_bottommenu ul {
    margin:10px;
    padding:0;
}

.mnu_bottommenu li {
    display:block;
}

nav ul.mnu_bottommenu > li {
    margin-bottom:0px;
    padding:10px 10px;
    font-size:12px;
    font-weight:400;
    font-style:normal;
}

.mnu_bottommenu > li > a {
    color:#8c8c8c;
    font-family:'Anaheim', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_bottommenu > li > a:hover {
    color:;
}

.mnu_bottommenu > li li {
    margin:0;
    padding:0;
    font-size:12px;
    line-height:15px;
    font-weight:400;
    font-style:normal;
}

.mnu_bottommenu > li li a {
    color:#8c8c8c;
    font-family:'Anaheim', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_bottommenu > li li a:hover {
    color:;   
}

/* 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: 980px) {

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

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

    .nav-toggle {
        display: none;
    }

}

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

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

.shadowed > .sparky_page_container {
    gap: 30px;
    margin-bottom: 30px;
}

.shadowed > .sparky_page_container > .sparky_cell {
    box-shadow: 0 0 10px #ccc;
    border-radius: 15px;
}

/* Footer: zelfde grijs als de balk, lager, alles op één regel (2026-10-28) */
.sparky_wrapper .footerrow .sparky_container {
    background-color: transparent;
    padding: 12px 0;
}
.sparky_wrapper .footerrow .mp_footer .sparky_cell {
    padding: 0 15px;
}
.sparky_wrapper .footerrow .mp_footer p {
    margin: 0;
}
@media (min-width: 768px) {
    .sparky_wrapper .footerrow .sparky_container {
        display: flex;
        align-items: center;
    }
    .sparky_wrapper .footerrow .mp_footer .sparky_cell {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
    }
}

/* Fototegels homepage: alle tegels even groot, ook de bruiloftsfoto's van 940px (2026-10-29) */
.sparky_wrapper #row_64490096 figure img {
    width: 308px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 308 / 229;
    object-fit: cover;
}

/* Inklapbare FAQ (2026-11-05): zie het script in "Custom JS". Kleuren van de site: grijs #d9d9d9, tekst #333 */
.sparky_wrapper .hs-faq-vraag { position:relative; cursor:pointer; margin:0 !important; padding:14px 44px 14px 16px !important; background:#fff; border:1px solid #d9d9d9; border-radius:6px; overflow-wrap:anywhere; }
.sparky_wrapper .hs-faq-vraag ~ .hs-faq-vraag { margin-top:10px !important; }
.sparky_wrapper .hs-faq-vraag::after { content:"+"; position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:1.4em; line-height:1; color:#333; }
.sparky_wrapper .hs-faq-vraag[aria-expanded="true"] { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.sparky_wrapper .hs-faq-vraag[aria-expanded="true"]::after { content:"\2212"; }
.sparky_wrapper .hs-faq-vraag:hover { border-color:#333; }
.sparky_wrapper .hs-faq-vraag:focus-visible { outline:2px solid #333; outline-offset:2px; }
.sparky_wrapper .hs-faq-antwoord { margin:0 !important; padding:6px 16px 14px; background:#fff; border:1px solid #d9d9d9; border-top:0; }
.sparky_wrapper .hs-faq-antwoord + .hs-faq-antwoord { padding-top:0; }
.sparky_wrapper .hs-faq-antwoord:has(+ .hs-faq-antwoord) { border-bottom:0; padding-bottom:10px; }
.hs-faq-antwoord[hidden] { display:none !important; }
@media print { .hs-faq-antwoord[hidden] { display:block !important; } }

/* Diavoorstelling: ruimte vasthouden tot Nivo is gestart, zodat de pagina niet verspringt (CLS), 2026-11-06 */
.sparky_wrapper .nivoSlider, .sparky_wrapper #slider { aspect-ratio: 940 / 340; overflow: hidden; }
/* Voor de start van Nivo heeft #slider nog geen klasse: toon dan alleen de eerste foto en houd ruimte vrij voor de bolletjes (10 + 27 + 10 px) */
.sparky_wrapper #slider:not(.nivoSlider) { margin-bottom: 47px; }
.sparky_wrapper #slider:not(.nivoSlider) > :not(:first-child) { display: none; }
.sparky_wrapper #slider:not(.nivoSlider) img { display: block; width: 100%; height: auto; }

/* PageSpeed mobiel (2026-11-06). Logo: vaste breedte en verhouding, zodat de kop niet verspringt zodra het logo geladen is (CLS) */
.sparky_wrapper .sparky_logo_image img { width: 220px; max-width: 100%; height: auto; aspect-ratio: 220 / 95; }
/* Hoofdfoto van de diavoorstelling krijgt width/height via Custom JS; hoogte blijft automatisch */
.sparky_wrapper .nivoSlider img.nivo-main-image { height: auto; }
/* Tekstlinks (niet in de footer) iets donkerder roze voor voldoende contrast op wit (4,3 naar 5,4) en onderstreept, zodat ze niet alleen aan de kleur herkenbaar zijn */
.sparky_wrapper > div:not(.footerrow) p a:not(.btn):not(.sparky_button),
.sparky_wrapper > div:not(.footerrow) ul:not([class]) > li > a,
.sparky_wrapper > div:not(.footerrow) ol:not([class]) > li > a { color: #b5444c; text-decoration: underline; text-underline-offset: 2px; }
/* Footer: grotere tikvlakken voor de sociale iconen en de privacylink op mobiel */
.sparky_wrapper .footerrow a[class^="sparky_social_icon"] { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }
.sparky_wrapper .footerrow .mp_footer a { display: inline-block; padding: 4px 0; }
/* Footerlinks: donkergrijs in plaats van #aaa, zodat ze leesbaar zijn op de grijze balk (contrast 1,6 naar 5,3) */
.sparky_wrapper .footerrow p a { color: #555; }
.sparky_wrapper .footerrow p.copyright a { text-decoration: underline; }
/* Broodkruimel: zelfde donkerder roze voor voldoende contrast (2026-11-06) */
.sparky_wrapper a.pathway { color: #b5444c; }
/* "Lees meer"-knoppen: wit op donkerder roze voor voldoende contrast (4,3 naar 5,4), 2026-11-06 */
.sparky_wrapper p.readmore a.btn { background-color: #b5444c; }
/* Verzendknop contactformulier: donkerder grijs voor voldoende contrast met de witte tekst (3,4 naar 5,3), 2026-11-06 */
.sparky_wrapper form .btn-primary { background-color: #6b6b6b; border-color: #6b6b6b; }