:root {
    --currentBackground: #394D96;
    --colorFulTextColor: white;
    --blue: #384D96;

}

body {
    color: var(--blue);
}

.MainMenu-item-link {
    color: var(--blue);
}

.MainMenu-item-link:hover,
.MainMenu-item:hover > .MainMenu-item-link {
    color: var(--black);
}

@media (min-width: 970px) {
    .MainMenu-items > .MainMenu-item > .MainMenu-item-link {
        color: var(--blue);
    }

    .MainMenu-items > .MainMenu-item > .MainMenu-item-link:hover,
    .MainMenu-items > .MainMenu-item > .MainMenu-item.active .MainMenu-item-link,
    .MainMenu-items > .MainMenu-item > .MainMenu-item.active-ancestor > .MainMenu-item-link,
    .MainMenu-items > .MainMenu-item > .MainMenu-item:hover > .MainMenu-item-link {
        color: var(--black);
        background: none;
    }
}

.Figure-mask::after {
    background-image: url('../../../assets/mask.png');
}

.ColorFulBackground .Figure-mask::after {
    background-image: url('../../../assets/mask_eao_colorful.png');
}

.ColorFulBackground .Subtitle {
    color: var(--colorFulTextColor);
}

.Subtitle.Subtitle--4 {
    color: var(--blue);
}

.ColorFulBackground .Subtitle.Subtitle--3,
.ColorFulBackground .Subtitle.Subtitle--4,
.richtext .ColorFulBackground h2,
.richtext .ColorFulBackground h3,
.ColorFulBackground .Title--2,
.ColorFulBackground .Title--3 {
    color: white;
}

.richtext .ColorFulBackground h2:after {
    background-image: url('../../../assets/underline_yellow.png');
}


.Btn.Btn--default {
    color: #fff;
    background: var(--blue);
}

.Btn.Btn--default:hover,
.Btn.Btn--default:focus:active,
.Btn.Btn--default:active {
    text-decoration: none;
    background: #000;
}


.Btn.Btn--secondary {
    background: var(--yellow);
    border-color: var(--yellow);
    color: var(--blue);
}
.Btn.Btn--secondary:hover {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

.ColorFulBackground .Btn.Btn--secondary:hover {
    background-color: white;
    color: var(--blue);
}