@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    --color-tab-inactive: rgba(255, 255, 255, 0.8);
    --color-white: rgba(255, 255, 255);
    --color-white-80: rgba(255, 255, 255, 0.8);
    --color-black: rgba(0, 0, 0);
    --color-black-80: rgba(0, 0, 0, 0.8);
    --color-varha-purple: #3C2B7C;
    --color-varha-purple-50: #B9BEDF;
    --color-disabled: #0042a4;
    --color-required: #E30D40;
    --color-select-dimmed: #757575;
}

.wrapper-varha {
    background: var(--color-varha-purple);
    background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif;
    color: var(--color-varha-purple);
}

.titles-and-body h1, .titles-and-body h2, .titles-and-body h3, .titles-and-body h4, .titles-and-body h5, .titles-and-body h6 {
    color: var(--color-white) !important;
}

/* .container titles white */
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
    color: var(--color-white) !important;
}

.main-box-content h1, .main-box-content h2, .main-box-content h3, .main-box-content h4, .main-box-content h5, .main-box-content h6 {
    color: var(--color-black) !important;
}

#mainboxstart .export-to-pdf i, #mainboxstart .export-to-pdf a {
    color: var(--color-black) !important;
}

.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
    color: var(--color-black) !important;
}

.application h1, .application h2, .application h3, .application h4, .application h5, .application h6 {
    color: var(--color-black) !important;
}

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

.kulturfonden-tab-p, .kulturfonden-tab-w, .kulturfonden-tab-o, .kulturfonden-tab-all, .main-box-content-header {
    display:none;
}

.kulturfonden-tab-navigation a:hover {
    color: var(--color-white) !important;
}

.main_nav_inner a:hover {
    color: var(--color-varha-purple) !important;
}

body {
    font-family: 'Manrope', sans-serif;
}

a {
    color: var(--color-black);
    text-decoration: underline;
}

a:focus, a:hover {
    color: var(--color-black-80) !important;
    text-decoration: underline;
}

.dropdown .btn:hover {
    color: var(--color-black-80) !important;
    border-color: var(--color-black-80) !important;
}

#frontpageloggedout .backgroundwrapper a, #mainPageInfoScreen a, .loginHelpers a {
    color: var(--color-white) !important;
    text-decoration: underline;
}

#mainPageInfoScreen a:hover, .loginHelpers a:hover {
    color: var(--color-white-80) !important;
}

#frontpageloggedout .backgroundwrapper a:focus, #frontpageloggedout .backgroundwrapper a:hover {
    color: var(--color-white);
    text-decoration: underline;
}

.language-container a {
    color: var(--color-black);
    padding: 5px;
}

.kulturfonden-tab {
    color: var(--color-tab-inactive);
    border-bottom: 10px solid  var(--color-tab-inactive);
}

.kulturfonden-tab-navigation a:hover, .kulturfonden-tab:hover {
    color: var(--color-white) !important;
}

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

.kulturfonden-round-tab .text, .Tabs div.steplabel .text {
    color: var(--color-tab-inactive) !important;
    border-bottom: 10px solid  var(--color-tab-inactive);
}

.tab-arrow {
    color: var(--color-tab-inactive) !important;
}

.kulturfonden-round-tab .text, .Tabs div.steplabel {
    color: var(--color-tab-inactive) !important;
}

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

.kulturfonden-round-tab.current-steptab .Tabs div.steplabel .text {
    color: var(--color-white) !important;
    border-bottom: 10px solid  var(--color-white);
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: var(--color-select-dimmed);
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .btn:hover{
    color: var(--color-select-dimmed);
    border-color: var(--color-select-dimmed);
}

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

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

.container .description a:hover {
    color: var(--color-black);
    font-weight: bold;
}

.blue-module {
    background: var(--color-varha-purple-50);
    color: var(--color-black);
}

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

.blue-module a:hover {
    color: var(--color-black-80);
}

.btn-primary, #mainboxstart .btn-primary {
    color: var(--color-white) !important;
}
.btn-primary:hover, #mainboxstart .btn-primary:hover {
    color: var(--color-white) !important;
}