/*
cookie consent:
https://github.com/orestbida/cookieconsent
*/

/* Override: */
#cc--main {
    --cc-color: #575757;
/*     --cc-color-link-hov: #ff6f15; */

    --cc-btn-color: black;
    --cc-btn-bg: lightgray;
    --cc-btn-color-hov: white;
    --cc-btn-bg-hov: #ff6f15;

    --cc-all-btn-color: white;
    --cc-all-btn-bg: #575757;
    --cc-all-btn-color-hov: var(--cc-btn-color-hov);
    --cc-all-btn-bg-hov: var(--cc-btn-bg-hov);
    
    --cc-box-bg: lightgray;
    --cc-box-bg-hov: transparent;
    
    --cc-checkbox-necessary: var(--cc-toggle-bg-off);

    --cc-fs: 16px;
    --cc-fs-btn: 0.82em;
    --cc-fs-title: 1.05em;
    --cc-fs-subtitle: 0.95em;

   /*  --cc-fw: var(--fw-medium);
    
    --cc-ff: var(--ff-txt);

    --cc-ff-btn: var(--cc-ff);
    
    --cc-fw-btn: var(--cc-fw);

    --cc-ff-title: var(--cc-ff); */
    
    

    --cc-overlay-bg: rgba(4,6,8,.85);
}


/* ------------- */

.cc_div {
    font-family: var(--cc-ff);
    font-weight: var(--cc-fw);
    font-size: var(--cc-fs);
}
#s-cnt .p, .cc_div, .cc_div .cc-link {
    --color: var(--cc-color);
    --color-hov: var(--color);
    --color-bg-hov: var(--color-bg);
    color: var(--cc-color);
}
.cc_div .cc-link {
    transition: color 0.25s ease, border 0.25s ease;
}
.cc_div .cc-link:hover, .cc_div .cc-link:focus, .cc_div .cc-link:active {
    color: var(--cc-color-link-hov);
    border-color: transparent;
}
.cc_div .cc-link, .cc_div .b-bn .exp::before {
    border-color: var(--cc-color);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: var(--cc-color);
}
.cc_div .b-tg .c-tgl[value="necessary"] ~ .c-tg {
    background: var(--cc-checkbox-necessary);
}
.c--anim .c-bn {
    transition: background 0.25s ease, color 0.25s ease !important;
}
.cc_div .c-bn {
    color: var(--cc-btn-color);
    background: var(--cc-btn-bg);
    font-family: var(--cc-ff-btn);
    font-size: var(--cc-fs-btn);
    font-weight: var(--cc-fw-btn);
}
#s-c-bn::after, #s-c-bn::before {
    background: var(--cc-btn-color);
    transition: background 0.25s ease;
}
#s-c-bn:hover::after, #s-c-bn:hover::before, #s-c-bn:focus::after, #s-c-bn:focus::before, #s-c-bn:active::after, #s-c-bn:active::before {
    background: var(--cc-btn-color-hov);
}
#cm .c_link:hover, #cm .c_link:focus, #cm .c_link:active, #s-c-bn:hover, #s-c-bn:focus, #s-c-bn:active, #s-cnt button + button:hover, #s-cnt button + button:focus, #s-cnt button + button:active {
    color: var(--cc-btn-color-hov);
    background: var(--cc-btn-bg-hov);
}
#c-bns button:first-child, #s-bns button:first-child {
    color: var(--cc-all-btn-color);
    background: var(--cc-all-btn-bg);
}
#c-bns button:first-child:hover, #s-bns button:first-child:hover, #c-bns button:first-child:focus, #s-bns button:first-child:focus, #c-bns button:first-child:active, #s-bns button:first-child:active {
    color: var(--cc-all-btn-color-hov);
    background: var(--cc-all-btn-bg-hov);
}
#s-bl .c-bl.b-ex {
    background: var(--cc-box-bg);
    transition: background 0.25s ease;
}
#s-cnt .b-bn .b-tl:hover, #s-cnt .b-bn .b-tl:active {
    background: var(--cc-box-bg-hov);
}
#s-bl .c-bl:hover {
    background: transparent;
}
#c-ttl, #s-ttl, .b-tl, #s-cnt .b-bn .b-tl, .cc_div .b-tl:hover {
    font-family: var(--cc-ff-title);
}
#c-ttl, #s-ttl {
    font-size: var(--cc-fs-title);
}
.b-tl, #s-cnt .b-bn .b-tl, .cc_div .b-tl:hover {
    font-size: var(--cc-fs-subtitle);
}