/*********************************************
 * Cookie Notice
**********************************************/
/* adjust font to consistent with page */
#cookie-notice {font-family:inherit; font-size:var(--vii-size-14);}
#cookie-notice .cookie-notice-container {
    display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    gap:12px 8px; padding:16px var(--vii-gap-container);
    padding-right:30px;
}

/* text */
#cookie-notice .cn-text-container {margin-bottom:0;font-size:13px;}

/* button */
#cookie-notice .cn-button:not(.cn-button-custom) {
    background:var(--vii-color-linear-gold) !important;
    font-family:inherit;color:var(--vii-color-dark);
}
#cookie-notice .cn-buttons-container {display:flex; flex-wrap:wrap; justify-content:center;}
#cn-close-notice {
    color:inherit;font-size:12px;
    position:absolute; top:2px; right:2px;
    transform:translateY(0);
}
#cookie-notice .cn-button {
    font-family:inherit;
    display:inline-flex; min-width:unset; min-height:unset; margin:0;
    --padding:10px 18px 10px calc(18px + 1em + 8px);
    --padding-hover:10px calc(18px + 1em + 8px) 10px 18px;
}

/* close button */
.cn-close-icon {
    padding:5px; margin-top:0; opacity:.7;
    transform:translateY(-50%); right:5px;
    width:auto; height:auto; transition:all .3s ease;
}
.cn-close-icon:before {
    content:"\e93a"; font-family:var(--vii-font-icomoon);
    position:relative; top:auto;background:none;transform:none;
}
.cn-close-icon:after {display:none;}