@charset "UTF-8";
@import "main-layout.css";
@import "colors.css";
@import "sizes.css";
@import "kunena.css";
@import "sliders.css";
@import "virtuemart.css";


h1, .h1, h2, .h2, h3, .h3, h4 {
    color            : var(--body-color-second);
    margin           : 0.6rem 0 0.3rem 0;
    padding          : 0.6rem 0;
    text-align       : center;
    background-color : var(--primary-bg);
    border-radius    : var(--border-radius-top);
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a {
    color           : var(--body-color-second);
    text-decoration : none;
}

h1 a:not([class]), .h1 a:not([class]), h2 a:not([class]), .h2 a:not([class]), h3 a:not([class]), .h3 a:not([class]), h4 a:not([class]) {
    text-decoration : none;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover {
    color           : var(--white);
}

dt {
    display : none;
}

dd {
    display       : inline-block;
    font-size     : 0.8rem;
    margin-bottom : 0;
}

dd:last-child {
    margin-bottom : 0.5rem;
}

.table {
    margin-top    : 0.8rem;
    --table-color : var(--body-color);
}

thead {
    background-color : var(--primary-bg);
}

thead a {
    color : var(--body-color-second);
}

.table thead th {
    color               : var(--body-color-second);
    background-color    : var(--primary-bg);
    border-bottom-width : var(--border-width);
    box-shadow          : inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg)));
    padding             : .5rem;
}

.table > :not(caption) > * > * {
    color : var(--table-color);
}

p.readmore {
    margin-top : 0.5rem;
}

.navbar-nav {
    --navbar-color          : var(--body-color);
    --navbar-hover-color    : var(--primary-color);
    --navbar-disabled-color : var();
}

.navbar-brand {
    width      : 100%;
    text-align : center;
}

.navbar-brand a {
    display    : block;
    width      : 100%;
    text-align : center;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color : var(--body-color);
}

.btn-outline-primary {
    --btn-color        : var(--btncolor-second);
    --btn-bg           : var(--btnbg-second);
    --btn-border-color : var(--btncolor-second);
}

.btn-secondary {
    --btn-color        : var(--btncolor-second);
    --btn-bg           : var(--btnbg-second);
    --btn-border-color : var(--bordercolor);
    --btn-hover-color  : var(--btncolorh-second);
    --btn-hover-bg     : var(--btnbgh-second);
}

.btn-outline-secondary {
    --btn-bg: var(--third-bg);
}

.btn-light {
    --btn-color        : #000;
    --btn-bg           : var(--body-color-second);
    --btn-border-color : var(--body-color-second);
}

.alert-info {
    --alert-bg: var(--secondary-bg);
}

.container-component nav.navbar-expand-lg {
    padding       : 0.6rem;
    border-radius : 0.5rem 0.5rem 0 0 !important;
}

main {
    padding          : 0 1.0rem 0.3rem 1.0rem;
    margin-top       : 0.6rem;
    border           : var(--border-width) solid var(--bordercolor);
    border-bottom    : 0.6rem solid var(--bordercolor);
    border-radius    : 0.5rem;
    background-color : var(--body-color-second);
}

.card {
    --card-border-color  : var(--primary-bg);
    --card-border-radius : 0.5rem;;
    --card-cap-bg        : rgba(var(--body-color-rgb), .03);
    --card-bg            : var(--body-color-second);
    padding-bottom       : 0.6rem;
    border-bottom        : 0.6rem solid var(--card-border-color);
}

.card-header {
    color            : var(--body-color-second);
    margin           : 0 0 1.0rem 0;
    text-align       : center;
    background-color : var(--primary-bg);
    border-radius    : var(--border-radius-top);
}

.footer a:not(.btn),
.footer .btn-link {
    color : var(--link-color);
}

.footer a:not(.btn):hover,
.footer a:not(.btn):focus,
.footer .btn-link:hover,
.footer .btn-link:focus {
    color : var(--link-color);
}

.bg-light {
    color            : var(--body-color);
    background-color : var(--third-bg)!important;
}

.bg-light-bw {
    color            : var(--body-color);
    background-color : var(--third-bg);
}

.back-to-top-link {
    color            : var(--btncolor-second);
    background-color : var(--btnbg-second);
    border           : 2px solid var(--bordercolor);
}

.back-to-top-link:hover,
.back-to-top-link:focus {
    color            : var(--btncolorh-second);
    background-color : var(--btnbgh-second);
    border-color     : var(--bordercolor);
}

.page-header h1 {
    margin  : 0 -1.0rem 0.6rem -1.0rem;
    padding : 0.6rem;
}


label.finder {
    display : none;
}

.container-header .grid-child:first-child {
    padding       : 0 .5em;
    margin-bottom : -1.5rem;
}

.container-header .container-nav {
    border-bottom : 0.3rem solid var(--btnbg);
    padding       : 0 0.5rem;
    margin-bottom : 1rem;
}

.container-header .mod-menu > li {
    background    : var(--btnbg);
    color         : var(--btncolor-second);
    font-weight   : bold;
    padding       : 0.6rem 0.5rem;
    border-radius : 0.3rem 0.3rem 0 0;
    transition    : all .2s, background-color .2s;
    display       : block;
}

.container-header .mod-menu > li + li {
    margin-left : 0.5rem;
}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color : var(--body-color-second);
}

.container-header .mod-menu a {
    color : var(--link-color);
}

.container-header .container-search {
    margin-top : -0.5em;
}

#searchHeader button,
#search h2 button {
    color            : var(--body-color-second);
    margin           : 0 0 1.0rem 0;
    padding          : 0.8rem;
    text-align       : center;
    background-color : var(--primary-bg);
    border-radius    : var(--border-radius-top);
    border-bottom    : 0;
}

.float-start h1 {
    padding-left  : 0.5rem;
    padding-right : 0.5rem;
}

.form-check-input {
    --form-check-bg       : var(--third-bg);
    background-color      : var(--form-check-bg);
    background-image      : var(--form-check-bg-image);
    border                : var(--border-width) solid var(--bordercolor);
    background-position   : 50%;
}

.form-check-input:checked {
    background-color: var(--primary-bg);
    border-color: var(--primary-bg);
}

.form-check-input:checked[type="checkbox"] {
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-select[multiple] option:checked,
[multiple].custom-select option:checked {
    color            : var(--body-bg);
    background-color : var(--primary-bg) !important;
}

/*
 * Module OsDonate
*/
#osdonatestatic ul li,
#osdonatestatic p {
    text-align : left;
}

.osdonate-wrapper {
    text-align : center;
}

/*
 * Module top A
*/
.top-a {
    border  : 0;
    padding : 0;
    margin  : 0;
}

.top-a .card-body {
    padding : 0;
}

/*
 * Module breadcrumb
*/
.mod-breadcrumbs {
    border-radius : 0.5rem;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: var(--secondary-bg);
}

/*
 * Contact form
*/
.control-group:has(label#jform_contact_email_copy-lbl),
.control-label:has(label#jform_contact_email_copy-lbl) {
    display : inline;
}

.form-check.form-check-inline {
    display: inline!important;
}

.controls:has(input#jform_contact_email_copy) {
    display : inline;
}

#jform_contact_email_copy {
    --form-check-bg : #ffffff;
    width           : 1.5em;
    height          : 1.5em;
    margin  : 0 0.5rem 0 0.5rem;
}