/* 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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkB1v_8CGxg.ttf);
}
    
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3aP6TkmDZz9g.ttf);
}
    
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkB1v_8CGxg.ttf);
}
    
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkB1v_8CGxg.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#454545;
    font-size:16px;
    line-height:1.4;
    font-family:'Source Sans Pro', sans-serif;
    
    font-weight:400;
    font-style:normal;
    background:var(--sparkycolor1) url('../images/bg1.jpg') top center repeat;
}

input, textarea, button, select {
    font-family:'Source Sans Pro', 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_row2.sparky_full {
    background-color:var(--sparkycolor1);
}

.sparky_row10.sparky_full {
    background-image: url('../images/footer_bg.png');
    background-position:top center;
    background-repeat:repeat;
}

.sparky_row11.sparky_full {
    background-color:var(--sparkycolor1);
}

.sparky_row12.sparky_full {
    background-color:var(--sparkycolor1);
}


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

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1;
    color:#454545;
    font-size:60px;
    font-family:'Source Sans Pro', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1;
    color:#454545;
    font-size:32px;
    font-family:'Source Sans Pro', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

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

h3 {
    padding:15px 0;
    margin:0;
    color:#454545;
    font-size:24px;
    line-height:1.4;
    font-family:'Source Sans Pro', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

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

h4 {
    padding:15px 0;
    margin:0;
    color:#454545;
    font-size:18px;
    line-height:1.4;
    font-family:'Source Sans Pro', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

a {
    color:#69c9ca;
    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;
}

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

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

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

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

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

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

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

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

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


/* LOGO */

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


/* DROP-DOWN MENU */

ul.mnu_mainmenu {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:right;
    position:relative;
    font-family:'Source Sans Pro', sans-serif;
}

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

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#4a4a5c;
    font-size:16px;
    padding:0 15px;
    font-weight:400;
    font-style:normal;
    height:35px;
    line-height:35px;
    cursor:pointer;
}

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:var(--sparkycolor1);
    cursor:pointer;
}

.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:#69c9ca;
}

.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 {
    background:#4a4a5c;
}

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

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

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

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

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:30px;
    font-size:14px;
    color:#fcfcfc;
    font-weight:400;
    font-family:'Source Sans Pro', 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:#69c9ca;
}

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

.mnu_mainmenu ul ul {
    top:0px;
}

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

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


/* STANDARD MENU */

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

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

.mnu_footermenu li {
    display:block;
}

.mnu_footermenu > li {
    display:inline-block;
}

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

.mnu_footermenu > li > a {
    color:#9f9f9f;
    font-family:'Source Sans Pro', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_footermenu > li > a:hover {
    color:var(--sparkycolor1);
}

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

.mnu_footermenu > li li a {
    color:#69c9ca;
    font-family:'Source Sans Pro', sans-serif;
    font-weight:400;
    font-style:normal;
}

.mnu_footermenu > li li a:hover {
    color:var(--sparkycolor1);   
}

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

}
    
/* SCROLL TO TOP */

#back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
}

#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: url('../images/arrow_up.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: 1s;
}

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

/* Dr. Flex Terminbutton */
.mp_top1 .moduletable{display:inline-block;vertical-align:middle;margin-right:24px}
.drflex-btn{display:inline-block;padding:8px 18px;background:#3aa6a7;color:#fff!important;border-radius:4px;font-weight:600;font-size:16px;line-height:1.3;text-decoration:none!important}
.drflex-btn:hover{background:#2e8586}
@media (max-width:767px){.mp_top1 .moduletable{margin-right:12px}.drflex-btn{font-size:14px;padding:6px 12px}}

/* Dr. Flex schwebender Button */
.drflex-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9999;padding:12px 22px;font-size:16px;border-radius:30px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media (max-width:767px){.drflex-float{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 16px;font-size:15px}}


/* Dr. Flex: Header-Button nur Desktop, schwebender Button nur mobil */
.drflex-head{text-align:right;margin-top:14px}
@media (max-width:767px){.drflex-head{display:none!important}}
@media (min-width:768px){.drflex-float{display:none!important}}

/* DR-FLEX SCHALTER: Diese Zeile loeschen, um beide Buttons zu aktivieren */
.drflex-btn{display:none!important}


ul.mnu_mainmenu {
     white-space: unset;  
}
@media (max-width: 767px) {
    #praxisbild{
    height: 300px;
    width: 100%;
    object-fit: cover;
    }
}
.grecaptcha-badge { opacity:0;}

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

.personfield.index1 span {
    color: #AAA;
    font-size: 1.5em;
}
.personfield.index3 span {
    font-size: 1.4em;
}

.te .personpicture {
    max-height: 200px;
    margin: 0 20px 0 0;
    max-width: 30%;
    overflow: hidden;
    padding: 3px;
}

#te_164 .person {
    margin: 5px;
  }
.te .picture img {
    max-height: 200px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border: #69C9CA 1.5px solid;
}

  .advertrow .mp_advert1.sparky_cell{
    margin: 0 20px 0 0;
  }
.advertrow .mp_advert2.sparky_cell{
    margin: 0 10px;
  }
.advertrow .mp_advert3.sparky_cell {
    margin: 0 0 0 20px;
  }

@media (max-width: 767px) {
  .advertrow .mp_advert1.sparky_cell{
    margin: 0 0 10px 0;
  }

  .advertrow .mp_advert2.sparky_cell{
    margin: 0;
  }

  .advertrow .mp_advert3.sparky_cell {
    margin: 10px 0 0 0;
  }
}

  .sparky_wrapper {
    margin: 0 10px;
}
.sparky_container > .sparky_cell {
    padding: 2px 0px;
}
.sparky_container > .mp_logo {
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.sparky_container > .mp_top1 {
     padding-top: 0px;  
  padding-right: 2px;
     padding-left: 15px;
}
/* Mobiles Menue (Fix 09.10.2026):
   Das geoeffnete Menue haengt direkt unter der Sprachleiste an der klebenden Logo/Menue-Zeile,
   egal wie weit gescrollt wurde. Vorher stand hier "top: auto" - dadurch hat iOS das Menue
   um die Scrollhoehe nach unten verschoben. */
.js .nav-collapse.opened {
  position: static !important;
}
.js .nav-collapse.opened > ul {
  position: absolute !important;
  top: 0 !important;
  left: 5%;
  width: 90%;
  max-height: calc(100vh - 30px);
  max-height: calc(100dvh - 30px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}
/* Schliessen-X im geoeffneten Menue: rechts in der HOME-Zeile */
.js .nav-toggle.active {
  position: absolute;
  top: 4px;
  right: calc(5% + 4px);
  z-index: 10000;
}
/* Kein Springen beim Laden: Menueliste auf Mobil ausblenden, bis das Menue-Skript sie
   eingeklappt hat (sonst ist die Logo/Menue-Zeile kurz ~250px hoch und die
   Telefon/Suche-Leiste erscheint weiter unten ueber dem Bild) */
@media screen and (max-width: 991px) {
  nav.container_mainmenu:not(.nav-collapse) > ul {
    display: none;
  }
  /* Kein Rutschen beim Schliessen: das Menue sofort aus dem Seitenfluss nehmen,
     statt es 0,3 s lang mit Platzbedarf einklappen zu lassen */
  .js .nav-collapse.closed {
    position: absolute !important;
  }
}
.toprow .sparky_container {
    max-width: 970px;
}
.telephone {
        display: flex;
    align-items: center;
}
.sparky_container > .mp_top2 {
    padding-right: 30px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.sparky_row6.sparky_full {
   padding-top: 0px;
   padding-bottom: 0px;
}

.advertrow .cell_pad {
	margin: 0;
	border-top: 3px solid #69C9CA;
	border-bottom: 1px solid #e4e4e7;
	padding: 12px 10px 10px 70px;
}

a {
    color: #69C9CA;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
	
.gtranslate {
    float: right;
}
a.glink span {
    color: #9f9f9f;
}
.sparky_container > .mp_top3 {
    padding-top: 2px;
}

.accordion-button:not(.collapsed) {
    color: #69C9CA;
    background-color: #e7f1ff;
}
.accordion-button:focus {
    border-color: ;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.accordion-button {
     color: #69C9CA;
}
   
.accordion-button:focus {
    border-color: #00000000;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.accordion-button:not(.collapsed) {
    color: #69C9CA;
    background-color: #00000000;
}
.mnu_mainmenu > li > a {
    text-transform: uppercase;
}
  .mp_user1.sparky_cell{
    margin: 0 20px 0 0;
  }

.sparky_row9.sparky_full {
   padding-bottom: 15px;
}
.sparky_row10.sparky_full {
   /* max-width: 1140px;*/
    margin: auto;
    padding-top:40px;
    padding-bottom:40px;
      color: #9f9f9f;
  }
.sparky_row10 h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #9f9f9f;
    font-weight: 300;
    padding: 0 0 10px 0;
    margin: 0;
}  
  .sparky_cell.mp_bottom2 > .moduletable{
    background: #31313d;
    margin: 0 10px 0 0px;
    padding: 15px;
     height: 210px;
}  
  .sparky_cell.mp_bottom3 > .moduletable{
    background: #31313d;
    margin: 0 0px 0 20px;
    padding: 15px;
      height: 210px;
}   
@media (max-width: 767px) {
    .sparky_cell.mp_bottom2 > .moduletable{
    margin: 0 0 0 0;
    padding: 15px;
}  
  .sparky_cell.mp_bottom3 > .moduletable{
    background: #31313d;
    margin: 0 0 0 0;
    padding: 15px;
  
} 
  } 

input[type="datetime"]::before{
    color: #999;
    content: attr(placeholder);
}
input[type="datetime"]:focus::before {
    content: "" !important;
}
.theme-elegant.mix-grid .inner-mix {
    height: 220px;
}
.jb-decline.link {
    box-shadow: none;
    background-color: #ffffff;
    background-image: none;
    border: 0px;
}
.jb-cookie-decline  {
    font-size: 14px;
  }
.jb-decline {
    font-size: 14px;
  }


/* H1 der Startseite optisch wie der bisherige Absatz (04.09.2026) */
h1.praxis-intro { font-family: inherit; font-size: 16px; line-height: 22.4px; font-weight: 700; color: #454545; margin: 0 0 15px; padding: 0; border: 0; text-align: inherit; text-transform: none; letter-spacing: normal; }
h1.praxis-intro:before, h1.praxis-intro:after { content: none; }

/* Sticky Header (Zeilen 1-3), top-Werte setzt das JS */
.sticky-head{position:sticky;background:#fff}
html{scroll-padding-top:var(--sticky-h,0px)}
/* Nach-oben-Pfeil ausblenden */
#back-top{display:none!important}