/* portal-request-account-page.css � page-specific overrides (shared styles in portal-shared.css) */

.gradient-bottom-left {
    position: fixed;
    left: 0;
    bottom: 0;
}

.main-photo {
    position: fixed;
    left: 0;
    bottom: 0;
}

.content-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 5%;
    padding: 9.2vh 4% 40px;
    box-sizing: border-box;
    position: relative;
    min-height: calc(100vh - 40px);
    flex-grow: 1;
    z-index: 1;
}

.content-column {
    flex: 0 1 33%;
    max-width: 33%;
    padding: 30px;
    box-sizing: border-box;
}

.text-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    position: relative;
}

.form-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    position: relative;
}

.portal-page-heading {
    text-align: left;
}

.page-instructions {
    display: flex;
    flex-direction: column;
    font-family: 'roc-grotesk', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.portal-form-group {
    margin-bottom: 15px;
}

.portal-form-validation-group {
    width: 100%;
}

.input-group {
    width: 100%;
}

.portal-form-group .small-container {
    display: flex;
    gap: 10px;
}

.portal-form-control.small {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    width: 235px;
}

.portal-form-submit-button {
    margin-top: 10px;
}

.footer-rect {
    height: 40px;
}

.message-container {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
}

/* --- Request-account responsive --- */

@media only screen and (max-width: 992px) {
    .content-body {
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: 0;
    }

    .text-column,
    .form-column {
        position: relative;
        left: auto;
        top: auto;
        max-width: 100%;
        width: 100%;
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .portal-page-form {
        width: 100%;
        max-width: 100%;
    }

    .portal-form-group {
        width: 100%;
        max-width: 100%;
    }

    .portal-form-control {
        width: 100%;
        max-width: 100%;
    }

    .portal-form-control.small {
        width: 100%;
        max-width: 100%;
    }

    .portal-form-group .small-container {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .portal-form-group .small-container > div {
        width: 100%;
    }

    .portal-form-submit-button {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .text-column,
    .form-column {
        padding: 15px 20px;
    }

    .portal-page-heading {
        text-align: center;
    }
}