/* YogaJule theme: load after the unmodified Klaro vendor stylesheet. */
.klaro {
    --font-family: "Condensed", sans-serif;
    --title-font-family: "Condensed", sans-serif;
    --font-size: 14px;
    --green1: var(--col-tuerkis, #3ca7ad);
    --green2: #006a4e;
    --green3: var(--col-tuerkis, #3ca7ad);
    --blue1: var(--col-tuerkis, #3ca7ad);
    --blue2: var(--col-tuerkis, #3ca7ad);
    --dark1: #333;
    --dark2: #585858;
    --dark3: #999;
    --light1: #eee;
    --light2: #ccc;
    --light3: #999;
    --white2: #ccc;
    --white3: #fff;
    --button-text-color: #fff;
    --box-shadow-color: var(--col-tuerkis, #3ca7ad);
}

/* Previous Klaro buttons used the browser's sans-serif font, not Condensed. */
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn,
.klaro .context-notice .cm-btn {
    font-family: Arial, sans-serif;
    font-size: 13.3333px;
    border-radius: 6px;
    padding: 6px 10px;
}

.klaro :is(.cookie-modal, .cookie-notice, .context-notice) .cm-btn.cm-btn-sm {
    font-size: 14px;
    padding: 0.4em;
}

.klaro :is(.cookie-modal, .cookie-notice, .context-notice) .cm-btn.cm-btn-success-var {
    background-color: var(--col-tuerkis, #3ca7ad);
}

.klaro :is(.cookie-modal, .cookie-notice, .context-notice) .cm-btn.cm-btn-close {
    background-color: #eee;
    color: #000;
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-modal .cm-body .cm-toggle-all {
    border-color: #555;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    color: #999;
}