:root {
    --color-blue: #005F86;
    --color-light-green: #B9DCD2;
    --color-green: #00857D;
    --color-orange: #a66530;
    --color-apricot: #ECC3B2;
    --color-dark-blue: #1D4F91;
    --color-black: #000;
    --color-white: #fff;

    --color-white-70: rgba(255, 255, 255, .8);
    --color-light-grey: rgba(255, 255, 255, .9);
    --color-link: var(--color-orange);
    --color-alert-link: #E30D40;
    --color-required: #e00;

    --color-header-footer-link: #077ad1;

    --font-serif: Georgia;
    --font-sans: Arial;
}

body {
    font-family: var(--font-sans), sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif), serif;
    color: var(--color-green);
}

.titles-and-body :is(h1, h2, h3, h4, h5, h6) {
    color: var(--color-light-green);
}

.wrapper-hio {
    background: var(--color-blue);
    background-size: cover;
}

#mainPageInfoScreen a:not(.btn), .loginmodule a {
    color: var(--color-white-70);
    text-decoration: underline;
}

#mainPageInfoScreen a:hover, .loginmodule a:hover {
    color: var(--color-white);
    text-decoration: underline;
}

#mainPageInfoScreen :is(h1, h2, h3, h4, h5, h6) {
    color: var(--color-light-green) !important;
}

a {
    color: var(--color-white-70);
}

#mainboxstart .alert a:not(.btn) {
    color: var(--color-alert-link) !important;
}

.footer a, .language-container a, .instructions a, .register-container a {
    color: var(--color-link);
}

.footer a:hover, .language-container a:hover, .instructions a:hover, .register-container a:hover {
    color: var(--color-header-footer-link);
    text-decoration: underline;
}

.kulturfonden-tab {
    color: var(--color-white-70) !important;
    border-bottom: 10px solid var(--color-white-70);
}

/*pidä tämä*/
.kulturfonden-tab-p, .kulturfonden-tab-w, .kulturfonden-tab-o, .kulturfonden-tab-all, .main-box-content-header {
    display:none;
}

/* Tabs – active / current */
.kulturfonden-tabs-active,
.current-steptab .text {
    color: var(--color-white) !important;
    border-bottom: 10px solid var(--color-white) !important;
}

/* Steps */
.kulturfonden-round-step-ok .text {
    color: var(--color-light-grey);
    border-bottom: 10px solid var(--color-light-grey);
}

.kulturfonden-round-step-nok div.steplabel,
.kulturfonden-round-step-nok .tab-arrow {
    color: var(--color-white-70);
}

.current-steptab div.steplabel,
.current-steptab .tab-arrow {
    color: var(--color-white);
}

.kulturfonden-round-step-nok .text {
    color: var(--color-white-70);
    border-bottom: 10px solid var(--color-white-70);
}

.kulturfonden-round-step-ok div.steplabel,
.kulturfonden-round-step-ok .tab-arrow {
    color: var(--color-light-grey);
}

.blue-module {
    background-color: var(--color-white);
    color: var(--color-black);
}

.blue-module a:hover {
    color: var(--color-white-70);
    text-decoration: underline;
}

.required {
    color: var(--color-required) !important;
}

.round-content  .text-muted {
    color: var(--color-black) !important;
}

.round-content a {
    color: var(--color-black);
}