/* klaro */
.klaro .cookie-modal {
    z-index: 10000;
}

.klaro {
    background-color: #fff6e1;
    color: #511f06;

    & .cookie-modal .cm-btn,
    & .cookie-modal .cm-btn.cm-btn-info,
    & .cookie-modal .cm-btn.cm-btn-success,
    & .cookie-modal .cm-btn.cm-btn-decline,
    & .cookie-modal .cm-btn.cm-btn-danger,
    & .context-notice .cm-btn,
    & .context-notice .cm-btn.cm-btn-info,
    & .context-notice .cm-btn.cm-btn-success,
    & .context-notice .cm-btn.cm-btn-decline,
    & .context-notice .cm-btn.cm-btn-danger,
    & .cookie-notice .cm-btn,
    & .cookie-notice .cm-btn.cm-btn-info,
    & .cookie-notice .cm-btn.cm-btn-success,
    & .cookie-notice .cm-btn.cm-btn-decline,
    & .cookie-notice .cm-btn.cm-btn-danger,
    &.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
        border-color: transparent;
        &:hover {
            border-color: transparent;
            color: #fff;
            background-color: #6E6E6E;
        }
    }
    .cookie-modal .cm-btn.cm-btn-info,
    .context-notice .cm-btn.cm-btn-info,
    .cookie-notice .cm-btn.cm-btn-info {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        margin: 0 12px;
        background-color: #511f06;
        color: #fff;
        padding: 8px 16px;
        border-radius: 10px;
        border-color: transparent;
        font-size: 16px;
    }
    & .cookie-modal .cm-btn, & .cookie-modal .cm-btn.cm-btn-info, & .cookie-modal .cm-btn.cm-btn-success, & .cookie-modal .cm-btn.cm-btn-decline, & .cookie-modal .cm-btn.cm-btn-danger, & .context-notice .cm-btn, & .context-notice .cm-btn.cm-btn-info, & .context-notice .cm-btn.cm-btn-success, & .context-notice .cm-btn.cm-btn-decline, & .context-notice .cm-btn.cm-btn-danger, & .cookie-notice .cm-btn, & .cookie-notice .cm-btn.cm-btn-info, & .cookie-notice .cm-btn.cm-btn-success, & .cookie-notice .cm-btn.cm-btn-decline, & .cookie-notice .cm-btn.cm-btn-danger, &.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more,
    .cookie-modal .cm-btn,
    .context-notice .cm-btn,
    .cookie-notice .cm-btn,
    button.cm-btn.cm-btn-decline.cm-btn-danger.cn-decline {
        background-color: #ADADAD;  /* C2C2C2 */
        display: inline-block;
        text-align: center;
        text-decoration: none;
        margin: 0 12px;
        color: #fff;
        padding: 8px 16px;
        border-radius: 10px;
        font-size: 16px;
    }
}
.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-color: #511f06;
}
.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-color: #511f06;
    
}
.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: #C2C2C2;
}
.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-color: #6E6E6E;
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: #511f06;
}
/* reopen cookie box */
.cookie {
  width: 44px;
  height: 44px;
  margin-top: 16px;
  background-image: url('../img/cookie-emv.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: inline-block;
  opacity: 0.25;
}
.cookie:hover {
  opacity: 0.35;
}

#klaro p.purposes {
    display: none !important;
}
#klaro p.cm-list-description {
    padding: 0 !important;
    font-size: 12px !important;
}
#klaro label.cm-list-label {
    font-size: 16px !important;
}
#klaro a {
    text-decoration: underline;
}