/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    color: #333;
    min-height: 600px; /* Ensure re-captcha pop-up fits */
}

.h1, h1 { font-size: 1.8rem; }
.h2, h2 { font-size: 1.6rem; }
.h3, h3 { font-size: 1.4rem; }
.h4, h4 { font-size: 1.2rem; }
.h5, h5 { font-size: 1.1rem; }
.h6, h6 { font-size: 1rem; }

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    color: #555;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.text-counter {
    color: #757575;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.hidden {
    display: none;
}

/* Hide validation summary when it's valid */
.validation-summary-valid {
    display: none;
}

/* Override Bootstrap for valid controls, so they don't turn green with check marks */
.form-control.is-valid,
.form-control.is-valid:focus,
.was-validated .form-control:valid,
.was-validated .form-control:valid:focus {
    background: none;
    border-color: #ced4da; /* Revert to default border color */
    box-shadow: none;
}

@media (max-width: 768px) {
    .btn {
        display: block;
        width: 100%;
    }
}

.tooltip-trigger {
    cursor: pointer;
}

.tooltip-content {
    max-width: 75vw;
}

.required {
    color: red;
    margin-left: 0.25rem;
}