:root {
    --text-color: #0F2C59 !important;
    --background-color: #EADBC8 !important;
    --link-color: #0F2C59 !important;
    --link-decoration: underline;
    --link-highlight-color: #2E87B9 !important;
    --paper-color: #EADBC8 !important;
    --shadow-color: #B5C0A1;
    --paper-color: var(--background-color) !important;
    --zone-background: var(--background-color) !important;
    --premium-tc: var(--text-color) !important;
    --premium-bc: var(--background-color) !important;
    --gray: #d0d0d3;
    --darkgray: #555;
    --paper-shadow: none;
    --sans: 'Noto Sans';
    --serif: 'Noto Serif';
    --selection-bg-color: #DAC0A3;
    --filter-color: brightness(0%) invert(12%) sepia(29%) saturate(4734%) hue-rotate(204deg) brightness(90%) contrast(94%);
}

html.msb .masthead, .masthead {
    --text-color: #0F2C59 !important;
    --link-color: #0F2C59 !important;
    --border-color: #0F2C59 !important;
    --fill-color: #0F2C59 !important;
    --button-background-color: #0F2C59 !important;
    --paper-color: #EADBC8 !important;
    --link-hover-color: #6B6359 !important;
}

#mastheadVueContainer {
    --media-background-color: #0F2C59 !important;
}

.sds-flag {
    --link-hover-color: #6B6359 !important;
}

.flag-account .button {
    --button-hover-color: #E6DCD1;
}

.msb .flag {
    --text-color: #0F2C59 !important;
}

#brz_envelope_container {
    background-color: transparent !important;
}

.brz_envelope {
    fill: #0F2C59 !important;
}

/* HOT BAR */
#zoneContainer, #zoneContainer > * {
    background-color: var(--paper-color) !important;
}

/* COMMENTING */
.viafoura {
    --background-color: #EADBC8 !important;
    --light-text-on-background-color: var(--secondary-text-color) !important;
    --dark-text-on-background-color: var(--text-color) !important;
}

.vf-dropdown::before,
.vf-dropdown-wrapper {
    --background-color: #EADBC8 !important;
    --light-text-on-background-color: var(--secondary-text-color) !important;
    --dark-text-on-background-color: var(--text-color) !important;
}

.vf3-comments {
    --background-color: #EADBC8 !important;
    --light-text-on-background-color: var(--secondary-text-color) !important;
    --dark-text-on-background-color: var(--text-color) !important;
}

/* ADS */
.zone[data-type=ad] {
    background-color: var(--background-color) !important;
}

/* SELECTION COLORS  */

/*** Works on common browsers ***/
::selection{
    background-color: var(--selection-bg-color);
    color: var(--selection-color);
}
/*** Mozilla based browsers ***/
::-moz-selection{
    background-color: var(--selection-bg-color);
    color: var(--selection-color);
}

/***For Other Browsers ***/
::-o-selection{
    background-color: var(--selection-bg-color);
    color: var(--selection-color);
}

::-ms-selection{
    background-color: var(--selection-bg-color);
    color: var(--selection-color);
}

/*** For Webkit ***/
::-webkit-selection{
    background-color: var(--selection-bg-color);
    color: var(--selection-color);
}

.flag-logo {
/*    filter: var(--filter-color) !important;*/
    filter: brightness(0) !important;
}

/* TABOOLA */
.organic-thumbnails-a-category .video-uploader, .organic-thumbnails-a-category .video-title, .organic-thumbnails-a-category .trc_rbox_header, .organic-thumbnails-a-category .logoDiv a span {
    color: var(--text-color) !important;
}

@media only screen and (max-width: 750px) {
    #signInOut a.button::before {
        filter: vaR(--filter-color);
    }
}

@container (max-width: 750px) {
    #signInOut a.button::before {
        filter: vaR(--filter-color);
    }
}