@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-300italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local(''), url('../fonts/roboto-v30-latin-ext_latin-500italic.woff2') format('woff2');
}

body {
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #626262;
}

footer {
    color: #cccccc;
    background-color: #292b33;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 300;
}

h3 {
    font-size: 25px;
    line-height: 29px;
    font-weight: 300;
}

h4 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 500;
}

h1,
h1 a,
h1 a:hover,
h2,
h2 a,
h2 a:hover,
h3,
h3 a,
h3 a:hover,
h4,
h4 a,
h4 a:hover {
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    /* color: #161922; */
    color: #1a99cf;
    margin-bottom: 15px;
    text-decoration: none;
}

footer h1,
footer h1 a,
footer h1 a:hover,
footer h2,
footer h2 a,
footer h2 a:hover,
footer h3,
footer h3 a,
footer h3 a:hover,
footer h4,
footer h4 a,
footer h4 a:hover {
    color: #ffffff;
}

ol,
ul {
    margin-left: 32px;
}

big,
.big {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0px;
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #1a99cf;
    --bs-btn-border-color: #1a99cf;
    --bs-btn-border-radius: 0;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #188EC0;
    --bs-btn-hover-border-color: #188EC0;
}

.btn-light {
    --bs-btn-color: #747474;
    --bs-btn-bg: #f7f7f7;
    --bs-btn-border-color: #f7f7f7;
    --bs-btn-border-radius: 0;
    --bs-btn-hover-color: #747474;
    --bs-btn-hover-bg: #E6E6E6;
    --bs-btn-hover-border-color: #E6E6E6;
}

.navbar {
    --bs-navbar-nav-link-padding-x: 20px;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-font-size: 18px;
    --bs-navbar-active-color: #1a99cf;
}

.navbar-nav>li>a {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
}

.navbar-nav>li:last-child>a {
    border: 0;
}

.news.row {
    padding-top: 16px;
    max-width: 960px;
}

.news>.title {
    color: #1a99cf;
    margin-top: 32px;
    margin-bottom: 0;
}

.news>.title a {
    color: #1a99cf;
}

.news>.metadata {
    margin-bottom: 32px;
}

.news img {
    object-fit: scale-down;
    height: 300px;
    width: 100%;
}