/* LAYOUT */
#main, #body {
    max-height: 100%;
    position: fixed;
}
#content {
    margin-bottom: 0
}
#main {
    margin: 0;
    display: flex;
    width: 100%;
}
#main .entry-content, article.page, .entry-content, .container, #main {
    margin: 0 0 1px 0;
    flex: 1;
    display:flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}
.container{
    margin: 0 auto;
}
.login_required {margin-top: 20px;border: 4px solid var(--gray-mid);padding: 20px;margin: 10px;}
.login_required .bf_login {
    margin: 0 auto;
    border: 4px solid var(--gray-mid);
    background: linear-gradient( var(--blue-light), var(--blue-mid));
    border-radius: 10px;
    width: fit-content;
    display: block;
    padding: 5px 15px 8px 15px;
    font-size: 26px;
    color: var(--gray-light);
    text-decoration: none;
    cursor: pointer;
    max-width: 380px;
    text-align: center;
}
#main .login_required .bf_login:hover {
    background: linear-gradient( var(--blue-mid), var(--blue-dark));
    color: var(--gray-light);
    text-decoration: none;
}