/**************************************************

    General stuff

**************************************************/

.klaro {
    font-family:
        sans-serif,
        "Segoe UI",
        Roboto,
        "Helvetica Neue", Arial,
        "Noto Sans",
        "Liberation Sans",
        sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
    background: #fff;
    border-radius: 0;
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-footer {
    padding: 30px;
}

.klaro .cookie-modal .cm-modal .cm-header {
    line-height: 1.3;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice strong,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    color: #2e2e2e;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: 1.5em;
}

.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a {
    border-bottom: 1px solid;
    color: #8bbd09;
}

.klaro .cookie-modal .cm-list-description,
.klaro .context-notice .cm-list-description,
.klaro .cookie-notice .cm-list-description {
    line-height: 1.2;
}

.klaro .cookie-modal .cm-powered-by {
    display: none;
}


/**************************************************

    Sliders

**************************************************/

.klaro .cookie-modal .slider,
.klaro .context-notice .slider,
.klaro .cookie-notice .slider {
    box-shadow: none;
}


/***** Default *****/

.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
    background: #f2f2f2;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
    background-color: #333;
}


/***** Checked *****/

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background: #8bbd09;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
    background: #fff;
}


/***** Required *****/

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
    background: #8bbd09;
    opacity: 0.5;
}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider::before {
    background: #fff;
}


/***** Intermediate *****/

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
    background: #8bbd09;
}


/***** Only required *****/

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
    background: #f2f2f2;
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
    background: #333;
}


/**************************************************

    Buttons

**************************************************/

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
    flex-basis: 0;
    flex-grow: 1;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn:not(:last-child) {
    margin-bottom: 10px;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
    border: 2px solid;
    border-radius: 0;
    letter-spacing: 1px;
    margin: 0 15px;
    padding: 10px 15px;
}


/***** Decline :( *****/

.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .context-notice .cm-btn.cm-btn-decline,
.klaro .cookie-notice .cm-btn.cm-btn-decline {
    border-color: #2e2e2e;
    background: #fff;
    color: #2e2e2e;
}


/***** Accept *****/

.klaro .cookie-modal .cm-btn.cm-btn-accept,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-accept,
.klaro .cookie-modal .cm-btn.cm-btn-accept-all {
    border-color: #2e2e2e;
    background: #fff;
    color: #2e2e2e;
}


/***** Accept all / Success *****/

/*
.klaro .cookie-modal .cm-btn.cm-btn-accept-all,
.klaro .context-notice .cm-btn.cm-btn-success-var,
.klaro .cookie-notice .cm-btn.cm-btn-accept-all {
    background: #8bbd09;
    border-color: #8bbd09;
    color: #fff;
}

.klaro .cookie-modal .cm-btn.cm-btn-accept-all:hover,
.klaro .context-notice .cm-btn.cm-btn-success-var:hover,
.klaro .cookie-notice .cm-btn.cm-btn-accept-all:hover {
    background: #678a07;
    border-color: #678a07;
}
*/


/**************************************************

    CONTEXT NOTICE

**************************************************/

.klaro.cm-as-context-notice {
    padding: 0;
}

.klaro .context-notice {
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 30px;
}

.klaro .context-notice p:first-child {
    margin-bottom: 20px;
}

.klaro .context-notice .cm-btn {
    min-width: 100px;
}

[data-name="letscast-player"] .klaro .context-notice {
    aspect-ratio: 2280 / 720;
    background: #fff url(../images/full-house-podcast-overlay.jpg) no-repeat;
    background-size: cover;
}

[data-name="letscast-player"] .klaro .context-notice p:first-child {
    background: #fff;
    line-height: 1;
    padding: 10px;
}


@media (min-width: 660px) {

    .klaro .cookie-modal .cm-modal.cm-klaro {
        max-width: 800px;
    }

    .klaro .cookie-modal .cm-btn,
    .klaro .context-notice .cm-btn,
    .klaro .cookie-notice .cm-btn {
        padding: 15px 20px;
    }

    .klaro .cookie-modal .cm-modal .cm-footer-buttons {
        flex-direction: row;
    }

    .klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn:not(:last-child) {
        margin-bottom: 0;
    }
}


@media (min-width: 800px) {

    .klaro .cookie-modal .cm-modal.cm-klaro {
        max-width: 800px;
    }
}