:root,
html {
    --brand-secondary: #e3ebf7;
    --border-radius-base: 0px;
    --border-radius-large: 0px;
    --font-family-base: "TheSansC5","Open Sans",Helvetica,Arial,Verdana,sans-serif;
    --headings-font-family: "TheSansC5","Open Sans Condensed","Open Sans",Helvetica,Arial,Verdana,sans-serif;
    --headings-font-weight: 600;
}

@font-face {
    font-family: 'TheSansC5';
    font-weight: 400;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-3_Light.woff2') format('woff2'),  url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-3_Light.woff') format('woff');
}

@font-face {
    font-family: 'TheSansC5';
    font-weight: 600;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-6_SemiBold.woff2')
    format('woff2'), url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-6_SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'TheSansC5';
    font-weight: 700;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-7_Bold.woff2') format('woff2'),
    url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/TheSansC5-7_Bold.woff') format('woff');
}

h1, .h1 {
    font-size: 32px;
}

h2, .h2 {
    font-size: 28px;
}

h3, .h3 {
    font-size: 24px;
}

h4, h5, .h4, .h5 {
    font-size: 20px;
}

.c-form-button:focus {
    outline: 0;
}

.c-info-box {
    border-radius: var(--border-radius-base);
}

.c-form-checkbox-with-icon__content,
.c-form-radio-with-icon__content {
    border-color: var(--brand-secondary);
    background-color: var(--brand-secondary);
}

.c-form-radio-with-icon--detached-house,
.c-form-radio-with-icon__content:before,
.c-form-radio-with-icon__label,
.c-form-label,
.c-form-checkbox-with-icon__label,
.c-form-checkbox-with-icon__content:before,
.c-form-checkbox-with-icon__content:after {
    color: var(--brand-primary);
}

.c-form-label {
    font-family: var(--headings-font-family);
    font-weight: var(--headings-font-weight);
}

.c-form-input__dummy-label {
    font-family: var(--font-family-base);
    font-weight: 300;
}

.c-form-radio-with-icon__label:before {
    display: none;
}

.c-form-radio-with-icon .c-form-input--radio:not(:disabled):checked ~ .c-form-radio-with-icon__content .c-form-radio-with-icon__label,
.c-form-radio-with-icon .c-form-input--radio:not(:disabled):checked~.c-form-checkbox-with-icon__content,
.c-form-connectiontypesection--options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-checkbox-with-icon__content .c-form-checkbox-with-icon__label {
    color: var(--lightest);
}

.c-form-input__dummy-label {
    color: var(--text-color);
}

.c-form-radio-with-icon .c-form-input--radio:not(:disabled):checked ~ .c-form-radio-with-icon__content .c-form-radio-with-icon__label:before {
    display: none;
}

.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-checkbox-with-icon__content,
.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-radio-with-icon__content {
    border-color: var(--brand-primary);
    background-color: var(--brand-secondary);
}

.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-checkbox-with-icon__content,
.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-checkbox-with-icon__content:before,
.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-radio-with-icon__content,
.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-radio-with-icon__content:before,
.c-form-connectiontypesection.c-form-connectiontypesection--no-options-checked .c-form-checkbox-with-icon .c-form-input--checkbox:not(:disabled):checked~.c-form-checkbox-with-icon__content:after {
    color: var(--brand-primary);
}

.c-form-input__dummy--checkbox,
.c-form-input__dummy,
.c-form-textarea,
.c-form-input,
.ss-main .ss-single-selected,
.c-form-section--border .c-form-section__wrapper {
    border-color: var(--brand-primary-hover);
}

.c-form-input__dummy--radio:after,
.ss-main .ss-single-selected .ss-arrow {
    background-color: var(--brand-primary-hover);
}

.c-form-button--secondary {
    background-color: var(--brand-primary-hover);
    color: var(--lightest);
    border-color: var(--brand-primary-hover);
}

.c-form-button:before,
.c-form-button:after {
    right: auto;
    left: 20px;
}

.c-form-button--large,
.c-form-button {
    min-width: auto;
}

.c-form-button--angle-right:after,
.c-form-button--angle-left:before {
    content: '»';
    font-family: "TheSansC5-Bold","Open Sans Condensed","Open Sans",Helvetica,Arial,Verdana,sans-serif;
}

.c-form-button__label {
    padding-left: 35px;
}

.c-form-input__dummy--checkbox:after {
    color: var(--brand-primary-hover);
}

.klaro .cookie-notice {
    background: var(--lightest);
    border: 1px solid var(--text-color);
}

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
    color: var(--text-color);
}

.klaro .cookie-modal a, .klaro .cookie-notice a {
    color: var(--brand-primary);
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background: var(--brand-primary);
    border-radius: var(--border-radius-base);
}

.c-form-radio-with-icon__content:before {
    /* in dna-project we have individual sizes as SVG sizes vary,
    therefore we force adjust their size to be equal. */
    font-size: 65px !important;
    top: 30px !important;
}

.c-button.c-button--login,
.c-dropdown-menu__wrapper,
.c-dropdown-menu__wrapper:hover,
.c-dropdown-menu__wrapper:focus {
    background-color: var(--brand-primary);
    color: var(--lightest);
}