@font-face {
    font-family: Gotham;
    font-weight: 100;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Thin.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 200;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Extra+Light.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 300;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Light.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 400;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Regular.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 500;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Medium.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 600;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Book.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Bold.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 800;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Ultra.otf")
    format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: 900;
    src: url("https://upstreamnz.s3.ap-southeast-2.amazonaws.com/fonts/Gotham+Black.otf")
    format("opentype");
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
    url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Gotham', sans-serif;
    font-weight: 300;
}

h1:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3.3rem;
    }
    .h2, h2 {
        font-size: 2.5rem;
    }
    .h4, h4 {
        font-size: 1.3rem;
    }
}

.h1, h1 {
    font-weight: 700;
}

.h2, h2 {
    font-weight: 700;
}

.h4, h4 {
    font-weight: 300;
}

.btn, button, a, input, .dropdown-item {
    font-weight: 300;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.btn-upstream-light {
    border-radius: 2px;
    background-color: rgb(77, 200, 237);
    box-shadow: none !important;
    --bs-btn-bg: rgb(76, 199, 232);
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: rgb(76, 199, 232) !important;
    --bs-btn-box-shadow: none !important;
    --bs-btn-focus-box-shadow: none !important;
}

.btn-upstream-light.active {
    background-color: rgb(77, 200, 237) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: rgba(77, 200, 237, 1.0) !important;
    --bs-btn-active-border-color: rgba(76, 199, 232, 1.0) !important;
    --bs-btn-box-shadow: none !important;
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-disabled-opacity: 1.0 !important;
}

.btn-upstream-light.dropdown-item {
    --bs-dropdown-link-hover-bg: rgb(98, 213, 250) !important;
}

.btn-upstream-light.nav-item.active {
    --bs-btn-disabled-opacity: 1.0 !important;
}

.color-upstream-light-blue {
    color: rgb(74, 199, 233);
}

.color-upstream-dark-blue {
    color: #162c47;
}

.color-upstream-light-gray {
    color: rgb(167, 164, 164);
}

.color-upstream-dark-gray {
    color: rgb(90, 90, 92);
}

.slightly-bigger-container {
    max-width: 1600px;
}

.big-container {
    max-width: 1920px;
}

.progress {
    --bs-progress-height: 40px;
    --bs-progress-border-radius: 30px;
    --bs-progress-bg: rgba(76, 199, 232, 0.3);
    --bs-progress-bar-bg: rgb(76, 199, 232);
}

.min-2-lines-header {
    min-height: calc(1.2em * 2);
}

@media (min-width: 576px) {
    .sm-min-2-lines-header {
        min-height: calc(1.2em * 2);
    }
}

@media (min-width: 768px) {
    .md-min-2-lines-header {
        min-height: calc(1.2em * 2);
    }
}

@media (min-width: 992px) {
    .lg-min-2-lines-header {
        min-height: calc(1.2em * 2);
    }
}

@media (min-width: 1200px) {
    .xl-min-2-lines-header {
        min-height: calc(1.2em * 2);
    }
}

@media (min-width: 1400px) {
    .xxl-min-2-lines-header {
        min-height: calc(1.2em * 2);
    }
}