/* 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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQZNLo_U2r.ttf);
}
    
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebukDQZNLo_U2r.ttf);
}
    
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDQZNLo_U2r.ttf);
}
    
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshRTM9jo7eTWk.ttf);
}
    
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDFwmRTM9jo7eTWk.ttf);
}
    
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWWaG5iddG-1A.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/pxiAyp8kv8JHgFVrJJLmE3tFOvODSVFF.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLmv1plEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLm21llEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pxiGyp8kv8JHgFVrJJLed3FBGPaTSQ.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLmg1hlEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLmr19lEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLmy15lEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLm111lEN2PQEhcqw.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/pxiDyp8kv8JHgFVrJJLm81xlEN2PQEhcqw.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#333333;
    font-size:16px;
    line-height:2;
    font-family:'Poppins', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

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

.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-image: url('../images/ack.jpg');
    background-position:top center;
    background-repeat:repeat;
}

.sparky_row6.sparky_full {
    background-image: url('../images/ack.jpg');
    background-position:top center;
    background-repeat:repeat;
    background-attachment: fixed;
}

.sparky_row7.sparky_full {
    background-color:var(--sparkycolor2);
    background-image: url('../images/ack.jpg');
    background-position:top center;
    background-repeat:repeat;
}


/* 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 >= 1200px AND < TEMPLATE WIDTH */

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

/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:1330px) {
    .sparky_container {
        width:1300px;
    }

    [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:#000000;
    font-size:22px;
    font-family:'Poppins', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1;
    color:#000000;
    font-size:25px;
    font-family:'Poppins', sans-serif;
    
    font-weight:500;
    font-style:italic;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:#000000;
    font-size:23px;
    line-height:1;
    font-family:'Poppins', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:#000000;
    font-size:16px;
    line-height:1;
    font-family:'Poppins', sans-serif;
    
    font-weight:100;
    font-style:normal;
}

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

a:hover, a:active, a:focus {
    color:#000000;
    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:space-between;
    clear:both;
}

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

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

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

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

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

@media (max-width: 767px) {

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

}

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

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

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

/* forms */

form {
    margin:0;
}

.form-inline {
    display:inline;
}

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

/* lists */

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* font awesome icon sizes */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.outline {
    background: transparent;
}

.warning.outline {
    color: #d5aa00;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


/* LOGO */

.sparky_logo {
    color:var(--sparkycolor1);
    font-size:32px;
    font-family:'Nunito', sans-serif;
    font-weight:700;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#000000;
    font-size:14px;
    font-family:'Nunito', sans-serif;
    font-weight:400;
    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:'Nunito', sans-serif;
}

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

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

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:#6bb9d6;
    cursor:pointer;
}

.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:#468ba8;
}

.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:#666666;
}

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

.mnu_mainmenu li ul li {
    height:25px;
    border-bottom:1px solid #dddddd;
    padding:0 10px;
    margin: 0;
    
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:25px;
    font-size:14px;
    color:#333333;
    font-weight:400;
    font-family:'Nunito', 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:#333333;
}

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

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


/* STANDARD MENU */

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

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

.mnu_bottommenu1 li {
    display:block;
}

nav ul.mnu_bottommenu1 > li {
    margin-bottom:5px;
    padding:5px 0px;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
}

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

.mnu_bottommenu1 > li > a:hover {
    color:#2681a8;
}

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

.mnu_bottommenu1 > li li a {
    color:#782320;
    font-family:;
    font-weight:normal;
    font-style:normal;
}

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

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

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

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

    .nav-toggle {
        display: none;
    }

}

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

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

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

}
    
/* FLOATING ROW (usually for top menu) */

@keyframes topmenushow {
    0% {
        opacity: 1;
        transform: translateY(-50px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fix_menu {
    position: fixed;
    top: 0;
    z-index: 89;
    width: 100%;
    background: rgba(255,255,255,.9) !important;
}

.topmenushow {
    animation-name: topmenushow;
    animation-fill-mode: both;
    animation-duration: .5s;
}

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

.contentrow {
  position: relative;
}

.moduletable.latest-articles {
  transition: all 0.3s; /* Smooth visual adjustments */
}


.container_bottommenu1{
font-size:1rem!important;
 
}

.share{
color:#fff!important;
}


body {
    font-family: 'Poppins', Arial, sans-serif !important;
  color:#0d0d0d!important;

}
#page_transition_mask{
  background-color: #00394d!important;
}

.sparky_logo_image{
width:60%;
}



.fix_menu,.logorow, .sparky_full,.floating{
 background-image: url("https://kenyafinancialtools.co.ke/images/grad%205.webp?1740145855000")!important; 

}
.logorow{
background-image: url("https://kenyafinancialtools.co.ke/images/grad%205.webp?1740145855000")!important; 
  
  background-image: url("https://kenyafinancialtools.co.ke/images/grad%205.webp?1740145855000") !important;
  background-position: left top; /* Positions the image at the top-left corner */
  background-repeat: no-repeat;  /* Ensures the image does not repeat */
  background-size: cover;  /* Scales the background image to cover the area */


}
.fix_menu{
background-image: url("https://kenyafinancialtools.co.ke/images/grad%205.webp?1740145855000")!important; 
}
@media(max-width:480px)
{
.logorow{
     background-image: url("https://kenyafinancialtools.co.ke/images/grad%205%20small.webp?1740148414000")!important; 
  }
  .fix_menu{
     background-image: url("https://kenyafinancialtools.co.ke/images/grad%205%20small.webp?1740148414000")!important; 
  }
}
.bottomrow,.mp_copyright,.footerrow {
  
}

.mp_header1{
padding:0 0!important;
}

.sparky_inner .contentrow {
  position: relative;
  background-color: #fff; /* You can set a background color to fill the space */
  padding-top: 10px !important;
  padding-bottom: 50px;
  overflow-x:hidden;
  z-index: 2; /* Ensure the content stays above the blurred background */
}

.sparky_inner .contentrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://kenyafinancialtools.co.ke/images/content%201.jpg?1739888799000");
  background-size: cover;
  background-attachment: fixed;
  filter: blur(6px);
  z-index: -1; /* Ensure the pseudo-element stays behind the content */
}


/* Mobile Styles */

@media only screen and (max-width: 768px) {
  .sparky_inner .contentrow {
    background-image: url("https://kenyafinancialtools.co.ke/images/content%201%201.jpg?1739890688000") !important;
  }
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
color:#fff!important;
}
mnu_mainmenu li ul a:hover,
.mnu_mainmenu li ul span:hover {
    color: #000 !important; /* Example hover color, change to your preference */
}
@media(min-width:992px){
.mnu_mainmenu ul {
    width: 285px!important;  

  background: linear-gradient(90deg, #0044cc 0%, #df07bb 100%)!important;
}
}
.mnu_mainmenu li:hover {
    position: relative;
    background:none!important;  
}
h2 a{
  
  font-size:20px;
  font-style: normal!important;

}

h2 a:hover {
  color: #70cfe3!important;
}


a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:#0fa4c4!important;
}
.mnu_mainmenu li ul a{
font-size:16px;
}

.page-header {
     margin: 0 0!important; 
}

@media (max-width: 414px) {
    h1, h1 a {
        font-size: 25px!important;
      line-height:2rem!important;
    }
}

.nav-collapse.opened > ul {
   background-image: url('https://kenyafinancialtools.co.ke/images/ack.jpg?1739864108000');
}



.copyright {
color:#fff!important;
}

/* Style for the anchor tag with class 'black' */
a.black,a:hover 
  color: #267b9b; /* Sets the text color to a shade of blue */
  text-decoration: none; /* Removes the default underline */
  position: relative; /* Enables positioning for pseudo-element */
  transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Pseudo-element for the anchor tag with class 'black' */
a.black::after {
  content: ''!important; /* Creates an empty element */
  position: absolute!important; /* Positioning relative to the anchor tag */
  bottom: 0!important; /* Aligns the pseudo-element at the bottom of the anchor */
  left: 0!important; /* Aligns the pseudo-element to the left */
  width: 0!important; /* Starts with no visible width */
  height: 2px!important; /* Sets the thickness of the underline */
  background-color: black!important; /* Sets the color of the underline to black */
  transition: width 0.3s ease!important; /* Smooth transition for width expansion */
}

/* Hover effect for the anchor tag with class 'black' */
a.black:hover {
  color: black !important; /* Changes the text color to black when hovered */
}


a.black:hover::after, .header p::after {
  width: 100%!important; /* Make the underline expand from left to right */
}
.mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
color:#0fa4c4!important;
}
button, button.btn, input.button, a.btn, p.readmore a.btn, a.sparky_button {
    background: #267b9b!important;
    
}
button:hover, 
button.btn:hover, 
input.button:hover, 
a.btn:hover, 
p.readmore a.btn:hover, 
a.sparky_button:hover {
    background: #144252 !important;
}


a.kori{
color:#6fbfdc!important;
  font-size:16px!important;
  font-family:'poppins'!important;
}
a.kori:hover{
color:#fff!important;
}

.bottomrow h3 {
    color: #fff!important;
}

.mnu_bottommenu1 > li > a:hover {
    color: #6fbfdc!important;
}
.white{
color:#fff!important;
  font-size:16px!important;
}


/* Container for the image */
.item-image{
    position: relative;
    overflow: hidden;
    display: inline-block; /* Adjust as needed */
}

/* Original image styling */
.item-image img{
    display: block;
    width: 100%;
    height: auto;
    transition: 0.3s ease-in-out;
}

/* Overlay element */
.item-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(169, 227, 230, 0.4);
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    pointer-events: none; /* Allows clicking through overlay */
}

/* Hover effect */
.item-image:hover::after {
    transform: translateX(0);
}

.com-content-category-blog__item {
    width: 280px;
    border: 1px solid #ccc;
    border-radius: 10px;
  padding:10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.com-content-category-blog__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.btn-secondary{
  display:none!important;
}

/* Initially, the scroll progress bar should be behind the logo */
#scroll-progress-bar-container {
  position: fixed;
  top: 90px!important; /* Space between the menu and progress bar */
  left: 0;
  width: 100%; /* Full width of the page */
  height: 4px; /* Adjust height as needed */
  z-index: 4; /* Lower z-index to ensure it is behind the logo */
}

#scroll-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* Starts at 0% width */
  height: 100%; /* Same height as the container */
  background-color: #05688a; /* Neon light color */
  z-index: 3; /* Progress bar should be on top of its container */
  
  /* Enhanced Neon glow effect with intensified glow */
  box-shadow: 
    0 0 20px #74e2f3,       /* Increased glow size */
    0 0 50px #74e2f3,       /* Increased blur for stronger glow */
         /* Maximal intensity for intense glow */
}

/* Ensure logo image stays above the progress bar */
.sparky_logo_image img {
  position: relative; /* If not already, add positioning */
  z-index: 10; /* Higher z-index to place it above the progress bar */
}

/* Hide the progress bar when the menu is open on small devices */
body.menu-open #scroll-progress-bar-container {
  display: none;
}

@media(max-width:992px){
  #scroll-progress-bar-container {
  position: fixed;
  top: 69px!important; /* Space between the menu and progress bar */
  left: 0;
  width: 100%; /* Full width of the page */
  height: 4px; /* Adjust height as needed */
  z-index: 1; /* Lower z-index to ensure it is behind the logo */
}
  }


.result__title-link:focus .result__title-text, .result__title-link:hover .result__title-text {

color:#000!important;
}

.main-blog #scroll-progress-bar-container {
   display: none !important;
}


.mnu_mainmenu > li.parent {
   
    padding-right: 4px!important;
}



/* Base styles for the anchor tags inside the dropdown menu */
.mnu_mainmenu li ul a {
  position: relative; /* Required for the absolute positioning of the pseudo-element */
  color: inherit; /* Inherits the default text color */
  text-decoration: none; /* Removes the default underline */
  transition: color 0.3s ease; /* Smooth transition for text color change */
}

/* Pseudo-element for the underline effect */
.mnu_mainmenu li ul a::after {
  content: ''; /* Creates an empty element */
  position: absolute; /* Positioning relative to the anchor */
  bottom: 0; /* Aligns the pseudo-element at the bottom of the anchor */
  left: 0; /* Aligns the pseudo-element to the left */
  width: 0; /* Starts with no visible width */
  height: 2px; /* Sets the thickness of the underline */
  background-color: #fff; /* Color of the underline */
  border-radius:12px;
  transition: width 0.3s ease; /* Smooth transition for width expansion */
}

/* Hover effect for the anchor tags inside the dropdown menu */
.mnu_mainmenu li ul a:hover {
  color:#b3ccff!important; /* Changes the text color when hovered */
}

.mnu_mainmenu li ul a:hover::after {
  width: 100%; /* Expands the underline to full width on hover */
}

.nav-collapse.opened li.active,.nav-collapse.opened > ul ul li{
background-color:#000733!important;
}

html body a.black,
html body a.sgr-calculator-link {
    color: #267b9b !important;
}
/* Default for all screens */
a {
  color: #267b9b;
}

/* If a media query overrides the color, force it back */
@media (max-width: 768px) {
  a {
    color: #267b9b !important; /* Use !important sparingly */
  }
}

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
  
    padding: 0px 16px!important;
   
}
ul.mnu_bottommenu1 > li{
font-size:16px!important;
}