/*
--------------------------------------
Containers
--------------------------------------
*/

.wrapper__inner {
    position  : relative;
    width     : 100%;
    max-width : var(--container-max-width-primary);
    margin    : 0 auto;
}

#main {
    max-width       : 100%;
    min-height      : 50vh;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    padding         : .75rem 0;
}

#main > * {
    width     : 100%;
    margin    : 0;
    max-width : 600px;
}

/*
--------------------------------------
Page header
--------------------------------------
*/

.page-header h1 {
    margin        : 0;
    padding       : 1em 1.5em;
    text-align    : center;
    color         : var(--color-primary);
    border-bottom : 1px solid var(--color-primary);
    background    : white;
}

/*
--------------------------------------
Form
--------------------------------------
*/

section#content a {
    color: var(--color-primary);
    transition: all 0.35s ease-in-out;
}

section#content a:hover {
    color: var(--color-secondary);
}

section#content .forgot-password {
    padding-top: 1em;
}

section#content .no-account {
    display: flex;
    justify-content: center;
}

/*
--------------------------------------
Form footer
--------------------------------------
*/

.form-footer {
    text-align : center;
}