@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: 'Roboto' !important;
    src: url('../font/Roboto-Bold.ttf') format('truetype');
    src: url('../font/Roboto-Light.ttf') format('truetype');
    src: url('../font/Roboto-Regular.ttf') format('truetype');
}

:root {
    --font-family-roboto: Roboto;
    --font-family-roboto-condensed: Roboto;
}

h1, h2, .subtitle, html, body, .body-bold, .body2, .input-font, .btn-font, a, a:hover, .validation-message {
    font-family: Roboto;
}

h1 {
    font-weight: normal !important;
    font-size: 28px !important;
}

h2 {
    font-weight: bold !important;
    font-size: 24px !important;
}

h3 {
    font-weight: bold !important;
    font-size: 22px !important;
}

h4 {
    font-size: 20px;
}

h5 {
    font-weight: bold!important;
    font-size: 16px;
}

.subtitle {
    font-weight: 300 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
}

body, .body {
    font-weight: normal !important;
    font-size: 18px !important;
}

.body-bold {
    color: black !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.body2 {
    color: black;
    font-weight: normal;
    font-size: 14px !important;
}

.body3 {
    color: black;
    font-weight: normal;
    font-size: 16px !important;
}

.input-font {
    color: black;
    font-weight: normal !important;
    font-size: 12px !important;
}

.btn-font {
    font-weight: bold !important;
    font-size: 16px !important;
}

a, a:hover {
    font-weight: normal !important;

}

.validation-message {
    color: var(--color-error-red);
    font-weight: normal;
    font-size: 14px;
}

.infoIcon {
    font-size: 90%;
    font-weight: 100;
    color: var(--color-viridian) !important;
}

.rz-tick-text {
    font-size: 14px;
}

.projectTitleText {
    font: normal normal bold 18px/24px 'Roboto';
    color: var(--color-auburn);
    text-decoration: none;
    line-height: 2.5ex;
    height: 5ex;
}

.questionAnswertext {
    font: normal normal normal 16px/21px Roboto;
}

.newsText {
    font: normal normal normal 16px/21px Roboto;
    color: var(--color-dark-grey) !important;
}

.titleText {
    font: normal normal bold 32px/43px 'Roboto';
    color: var(--color-persian-plum);
}

.fieldBorderSmallTitle {
    font: normal normal bold 12px/16px Roboto;
    color: var(--color-charcoal);
}

.subtitleText {
    font: normal normal bold 21px/28px Roboto;
}

.subtitleTextSmall {
    font: normal normal bold 16px/21px Roboto !important;
    color: var(--color-charcoal) !important;
}

.subtitleTextSmallSmall {
    font: normal normal bold 14px/19px Roboto;
    color: var(--color-charcoal) !important;
}

.smallContentTitle {
    font: normal normal normal 14px/19px Roboto !important;
    color: var(--color-charcoal);
}

.smallsmallContentTitle {
    font: normal normal normal 10px/13px Roboto;
    color: var(--color-auburn);
}