/* Klaro overrides */
#klaro, .klaro {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	line-height: 1.35;
}
#klaro p,
#klaro span,
#klaro strong {
    color: #000;
}
#klaro-cookie-notice {
    background-color: #FFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
    max-width: 400px;
    width: calc(100vw - 60px);
    max-height: 98%;
    -ms-transform: none;
    transform: none;
    border-radius: 0;
    padding: 7px;
    top: auto;
    bottom: 80px;
    right: 30px;
    box-sizing: border-box;
}
#klaro-cookie-notice,
#klaro-cookie-notice:focus,
#klaro-cookie-notice:focus-within,
#klaro-cookie-notice:focus-visible {
    outline: 0px solid #000;
}
#klaro .cm-link,
#klaro .cookie-modal a {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: rgba(0, 0, 0, 0.75);  
}
#klaro .cm-link:hover,
#klaro .cookie-modal a:hover {
    color: rgba(0, 0, 0, 1);
}
#klaro .cn-body .cn-ok,
.klaro .context-notice p.cm-buttons {
    margin-top: .5em;
}
#klaro .cm-as-context-notice {
    padding-bottom: 0;
    padding-top: 0;
}
#klaro .cookie-notice .cm-btn,
#klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-buttons .cm-btn {
    background-color: rgba(0, 0, 0, 0.75);  
    border-radius:0; 
    color: #fff; 
    font-size: 13px;
    padding: 6px 9px;
}
#klaro .cookie-notice .cm-btn:hover,
#klaro .cookie-modal .cm-btn:hover,
.klaro .context-notice .cm-buttons .cm-btn:hover {
    background-color: rgba(0, 0, 0, 1);
}
#klaro .cookie-modal .cm-modal.cm-klaro {
    background-color: #FFF;
    border-radius: 0;
    padding: 23px;
    max-width: 500px;
}
#klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    display: none;
}
#klaro .cookie-modal .cm-list-title,
#klaro .cookie-modal .cm-list-description {
    font-size: inherit;
    padding-top: 0;
}
#klaro .cookie-modal .slider {
    box-shadow: none;
}
#klaro .cookie-modal .cm-list-label .slider::before {
    background-color: #c0c0c0;
}
#klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
#klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider {
    background-color: #000;
}
#klaro .cookie-modal .cm-toggle-all .cm-list-input.only-required+.cm-list-label .slider {
    background-color: #f2f2f2;
}
#klaro .cookie-modal .cm-toggle-all .cm-list-input.only-required+.cm-list-label .slider::before {
    /*background-color: #d4d4d4;*/
}
#klaro .cookie-modal .cm-modal > div {
    padding: 1em 0;
    border-color: #d4d4d4;
}
#klaro .cookie-modal .cm-modal .cm-header {
    padding-top: 0;
}
#klaro .cookie-modal .cm-modal .cm-footer {
    padding-top: 1.5em;
    padding-bottom: 0;
}
#klaro .cookie-modal .cm-modal .cm-header h1.title {
    font-size: 1.5em;
    line-height: inherit;
}
#klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
    border-color: #d4d4d4;
}
[data-type="placeholder"] .klaro {
    padding: 0;
}
[data-type="placeholder"] .klaro .context-notice {
    background-color: #f5f7f9;
    border-radius: 0;
    border: 0 solid transparent;
}
@media screen and (max-width: 480px) {
    #klaro-cookie-notice {
        width: 100vw;
        left: 0;
        right: 0;
        bottom: 57px;
    }
}