/* This will be more elegant in builds where Sass vars get set instead */
:root {
    --primary: #277C78;
    --primaryDarken: #0D625E;
    --secondary: #31A09D;
    --headerBackground: #142D3E;
    --headerBottomStroke: transparent;
    --iconColor: rgba(49, 160, 157, 1);
}

body {
    font-family: MontSerrat, Roboto, sans-serif;
}
footer {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.mainHeader {
    padding: 0.25rem 0;
}

.mainHeader--thick {
    height: 200px;
    background-image: none;
    background-color: var(--headerBackground);
}
.mainHeader--thick img {
    /* [adam]: this fits better than the default (based on designs) */
    max-width: 100%;
    width: unset;
    /* visibility: hidden; */
}

.mainHeader--thin {
    background-color: white;
    box-shadow: 0 0.25rem 0.25rem #00000026;
    color: black;
}

.mainHeader__innerWrapper--thick {
    justify-content: center;
}

.mainHeader__innerWrapper--thin {
    margin: 0 1rem;
    padding: 0;
}

.mainHeader .k2doLogo {
    position: absolute;
    left: -9999px; /* hack */
}

#officialWebsite {
    display: none;
}

.emphasisedPartOfProductName {
    font-style: italic;
    font-weight: bold;
}

#thinHeader .logo {
    /* width: 50px; */
    height: auto;
}

#thinHeader div {
    align-items: center;
}

.btn {
    font-weight: var(--weightBold);
}

.form-control:focus {
    border-color: #0056AD;
}


[data-page="applicantRegistrationForm"] [data-l10n="site.title.portal"] {
    display: none;
}
[data-page="applicantRegistrationForm"] [data-l10n="shared.title.applicantRegistration"] {
    font-weight: bold !important; /*!important is required becuse the label has normal weight, and I don't want to overried weight for other jurisdictions*/
}

[data-page="applicantRegistrationForm"] p {
    text-align: left !important;
}

[data-page="applicantRegistrationForm"] [data-l10n="shared.registrationConfirmation.applicant"] {
    font-weight: normal;
}

[data-page="paymentCanceled"] .simplePage__heading b {
    display: inline;
}

[data-page="startPaymentRefund"] .simplePage__heading b {
    display: inline;
}

.form-check-label {
    font-weight: normal;
}

[data-page="testResults"] .resultsBin__header {
    background-color: var(--headerBackground);
}
.attestation__rule {
    border-left: 3px solid var(--headerBackground);
}
.attestation__ruleCounter {
    background-color: var(--headerBackground);
}

[data-page-path="/ViewPeek/RegistrationDynamicForm"] .row--withFields div[class*="col-"],
[data-page-path*="ApplicantRegistration/DynamicForm"] .row--withFields div[class*="col-"] {
    @media (min-width: 768px) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 0 2rem;
    }
}