/******************************************************************************
 * Theme "kvw2026" for Admidio 5
 *
 * Child theme of "simple": only the differences to the standard theme are
 * defined here. All templates and all other files are taken from the fallback
 * theme (Preferences > Design > Fallback theme = simple), so updates of the
 * standard theme are applied automatically.
 *
 * IMPORTANT: Admidio writes the primary and secondary color of the preferences
 * (Preferences > Design) as inline style AFTER this file. Set them to
 *   primary color   #707070
 *   secondary color #404040
 * otherwise the Admidio standard colors are shown.
 *
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2.0 only
 *****************************************************************************/

/* complete stylesheet of the standard theme */
@import url("../../simple/css/admidio.css");

/* club font Nunito (local files, no external server) - remove this line to use the system font */
@import url("kvw-font.css");

/* brand accents with the kvw green - remove this line for the plain grey version */
@import url("kvw-accents.css");

/***********************************/
/* Colors */
/***********************************/
:root {
    /* brand colors of the kvw logo */
    --kvw-grey: #707070;
    --kvw-grey-dark: #404040;
    --kvw-green: #a7fd1d;

    /* defaults, if no colors are set in the preferences */
    --bs-primary: var(--kvw-grey);
    --bs-primary-rgb: 112, 112, 112;
    --bs-secondary: var(--kvw-grey-dark);
    --bs-secondary-rgb: 64, 64, 64;

    /* header: white title and links (the dark links of the Admidio 4 version
       had a too low contrast on the grey background) */
    --admidio-header-font-color: #ffffff;
    --admidio-header-link-color: #ffffff;
    --admidio-header-link-color-hover: #e6e6e6;

    /* sidebar: neutral grey instead of the blue hover of the standard theme */
    --admidio-menu-bg-color-hover: #575757;
    --admidio-menu-font-color-hover: #ffffff;

    /* neutral focus ring instead of the turquoise one */
    --bs-focus-ring-color: #d9d9d9;
}

/***********************************/
/* Images in content */
/***********************************/

/* images in the overview plugins and cards must not be wider than their box */
.admidio-plugin-content {
    overflow: hidden;
}

.admidio-plugin-content img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

.card-body img {
    max-width: 100%;
    height: auto !important;
}

/***********************************/
/* Active menu entry (set by js/kvw.js) */
/***********************************/
.admidio-menu-list .nav-link.active {
    color: #ffffff;
    background-color: var(--admidio-menu-bg-color-hover);
    font-weight: 700;
}

/***********************************/
/* Footer (templates/kvw.footer.tpl) */
/***********************************/

/* space between content and footer (the standard footer line had a margin) */
.admidio-content {
    padding-bottom: 2.5rem;
}

/* the footer stays at the bottom of the window also on short pages */
@media (min-width: 768px) {
    .admidio-content-col {
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 4rem);
    }
}

.kvw-footer {
    /* the standard theme gives the content "order: 1", the footer must come after it */
    order: 2;
    margin-top: auto;
    padding: 1.5rem 1rem 0;
    background-color: var(--bs-secondary);
    color: #e6e6e6;
    font-size: .9rem;
}

.kvw-footer a {
    color: #ffffff;
    text-decoration: none;
}

.kvw-footer a:hover {
    text-decoration: underline;
}

.kvw-footer-main {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3rem;
    max-width: 1000px;
    padding-bottom: 1.25rem;
}

.kvw-footer-title {
    font-weight: 700;
    font-size: 1rem;
    color: #ffffff;
    margin-bottom: .25rem;
}

.kvw-footer-block li + li {
    margin-top: .25rem;
}

.kvw-footer-block .bi {
    margin-right: .5rem;
    opacity: .75;
}

.kvw-footer-social {
    display: flex;
    gap: .75rem;
}

.kvw-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .12);
    font-size: 1.1rem;
}

.kvw-footer-social a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, .25);
}

.kvw-footer-social .bi {
    margin: 0;
    opacity: 1;
}

/* bottom line with imprint, data protection and "Powered by Admidio" */
#adm_imprint.kvw-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.25rem;
    max-width: none;
    margin: 0 -1rem;
    padding: .75rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: .8rem;
    color: #bdbdbd;
}

.kvw-footer-powered {
    margin-left: auto;
}

@media (max-width: 575px) {
    .kvw-footer-powered {
        margin-left: 0;
        width: 100%;
    }
}