/* Netfontes - estilos escopados por pagina */

/* Home */
.page-index #content {
    min-width: 0;
}

.page-index .boxsorte {
    padding: 0 0 10px;
}

.page-index .home-intro {
    text-align: left;
    margin: 15px 0 20px;
    line-height: 1.55;
}

.page-index .font-card {
    min-width: 0;
    margin: 0 0 18px;
}

.page-index .menulg {
    margin-top: 12px;
    text-align: left;
}

.page-index .menulg ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px 0;
}

.page-index .menulg li {
    display: block;
    margin: 0;
    text-align: left;
}

.page-index .menulg li a {
    display: block;
    line-height: 17px;
    color: #949694;
    font-weight: bold;
    border: 1px solid #b5b2b5;
    padding: 6px 12px;
    font-size: 12px;
    background: #f7f7f7;
    border-radius: 4px;
    transition: border-color .3s, color .3s, background-color .3s;
}

.page-index .menulg li a:hover {
    color: #c00;
    background: #fff;
    border-color: #c00;
}

.page-index .section-title {
    text-align: left;
    font-size: 16px;
    line-height: 1.35;
    background: #319e08;
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    margin: 8px 0 4px;
}

.page-index .section-title.section-title-spaced {
    margin-top: 28px;
}

.page-index .font-card-title {
    font: inherit;
    margin: 0;
    overflow-wrap: anywhere;
}

.page-index .font2 {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
}

.page-index .font2 img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Busca */
.page-search .buscarel {
    text-align: left;
    padding: 0 0 15px;
}

.page-search .buscarel li {
    display: inline-flex;
    margin: 3px 4px 3px 0;
    border: 1px solid #d2d2d2;
    border-radius: 18px;
    background: #fff;
}

.page-search .buscarel li a {
    color: #005874;
    padding: 6px 10px;
    text-decoration: none;
}

.page-search .buscarel li a:hover {
    background: #eef6f8;
    border-radius: 18px;
}

.page-search .buscarel small {
    color: #777;
    margin-left: 4px;
}

.page-search .related-title {
    padding: 15px 0 7px;
}

.page-search .search-message {
    margin: 25px auto;
    font-weight: bold;
}

.page-search .search-message-invalid {
    margin: 15px auto;
    font-weight: bold;
}

/* Login e cadastro */
.page-login #content,
.page-register #content {
    text-align: left;
}

.page-login .boxin,
.page-register .boxin {
    width: 460px;
    max-width: 100%;
    text-align: left;
}

.page-login .boxin {
    padding: 0 10px;
}

.page-register .boxin {
    float: left;
}

.page-login h1,
.page-register h1 {
    margin-left: 0;
}

.page-login h2,
.page-register h2 {
    font-size: 18px;
    padding-bottom: 10px;
}

.page-login .boxin ul li,
.page-register .boxin ul li {
    padding: 0;
    font-weight: bold;
    margin: 25px 0 5px;
}

.page-login .boxin ul li a,
.page-register .boxin ul li a {
    font-size: 14px;
    color: blue;
    text-decoration: underline;
}

.page-login .boxin ul li a:hover,
.page-register .boxin ul li a:hover {
    text-decoration: none;
}

.page-login form label,
.page-login #sendemail label,
.page-register form label {
    display: block;
    text-align: left;
    padding: 10px 0 4px;
    font-weight: bold;
}

.page-login form,
.page-register form {
    width: 420px;
    max-width: 100%;
    padding: 10px 20px 20px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 8px 8px 16px 0 rgba(0,0,0,.2);
}

.page-login form {
    border: 3px solid #5886c2;
    background: #d9eafb;
}

.page-register form {
    border: 3px solid #66e237;
    background: #d5ffc5;
}

.page-login form input,
.page-login #sendemail input,
.page-register form input {
    border: 1px solid #a4a4a4;
    border-radius: 2px;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}

.page-login form img,
.page-login #sendemail img,
.page-register form img {
    border-radius: 8px;
    border: 2px solid #9f9f9f;
}

.page-login #sendemail {
    display: none;
    max-width: 420px;
    width: 100%;
    background: #fffade;
    border: 3px solid #f0b000;
    border-radius: 20px;
    padding: 10px 20px 20px;
    text-align: center;
    box-shadow: 8px 8px 16px 0 rgba(0,0,0,.2);
    transition: opacity 1s ease-out;
    opacity: 0;
}

.page-login #sendemail.is-open {
    display: block;
    opacity: 1;
}

.page-login p,
.page-register p {
    margin: 10px 0;
}

.page-register p {
    text-align: left;
}

.page-login .alert,
.page-register .alert {
    background: yellow;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    width: 420px;
    max-width: 100%;
    margin-top: 15px;
    border-radius: 10px;
}

.page-login .captcha-wrap,
.page-register .captcha-wrap {
    padding: 20px 0 0;
    min-height: 90px;
}

.page-login .auth-submit,
.page-register .auth-submit {
    margin-top: 20px;
    width: 100px;
}

.page-login .auth-submit-wide,
.page-register .auth-submit-wide {
    margin-top: 20px;
    width: 180px;
}

.page-login .login-greeting {
    font-size: 2em;
}

.page-login .alert-result {
    display: none;
    visibility: hidden;
    margin: 20px 0;
}

.page-login .login-help {
    text-align: left;
    margin: 30px 0;
}

.page-login .maisatividade {
    background-color: beige;
    padding-bottom: 1em;
    border-radius: 4px;
    text-align: center;
}

.page-login .maisatividade a {
    display: inline-block;
    padding: 5px 20px;
    color: darkgreen;
    font-size: 14px;
    border: 2px solid #baba8d;
    margin: 2px 5px;
    border-radius: 15px;
}

.page-login .maisatividade a:hover {
    color: black;
    background: #e2e2b5;
}

.page-login .maisatividade p {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    text-indent: 20px;
    background: #439e00 url(/gifs/star.png) no-repeat 4px 4px;
    color: white;
}

.page-login .url {
    font-weight: bold;
    padding-top: 10px;
    text-align: left;
}

/* Coleções e seleção */
.page-user ul.buscacateg {
    text-align: left;
    padding: 0 0 10px 10px;
}

.page-user ul.buscacateg li {
    padding: 2px 0;
}

.page-user .maisatividade,
.page-selection-list .maisatividade {
    border-radius: 4px;
}

.page-user .maisatividade {
    background-color: beige;
    padding-bottom: 1em;
    margin-bottom: 30px;
}

.page-selection-list .maisatividade {
    padding: 1em 0 2em;
    text-align: left;
}

.page-user .maisatividade a,
.page-selection-list .maisatividade a {
    display: inline-block;
    color: darkgreen;
    font-size: 14px;
    border: 2px solid #baba8d;
    margin: 2px 5px;
    border-radius: 15px;
}

.page-user .maisatividade a {
    padding: 5px 20px;
}

.page-selection-list .maisatividade a {
    padding: 10px 20px;
}

.page-user .maisatividade a:hover,
.page-selection-list .maisatividade a:hover {
    color: #000;
    background: #e2e2b5;
}

.page-user .maisatividade p,
.page-selection-list .maisatividade p {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    text-indent: 20px;
    background: #439e00 url(/gifs/star.png) no-repeat 4px 4px;
    color: #fff;
}

.page-user .maisatividade p {
    margin: 10px 0;
}

.page-user .url {
    font-weight: bold;
    padding-top: 10px;
    text-align: left;
    overflow-wrap: anywhere;
}

.page-user .t_autor {
    font-weight: bold;
    font-size: 10px;
    color: lightcoral;
    text-align: left;
    margin: 0 0 4px;
}

.page-user .divulgue {
    margin-top: 10px;
    text-align: left;
}

.page-user .share_left {
    text-align: left;
}

.page-user .collection-empty-help {
    text-align: left;
    margin: 30px 0;
}

.page-user .collection-empty-help img {
    max-width: 100%;
    height: auto;
}

.page-user .collection-spacer {
    height: 20px;
}

@media only screen and (max-width: 640px) {
    .page-index .home-intro {
        margin: 12px 0 18px;
        text-align: left;
    }

    .page-index .section-title {
        text-align: center;
        margin-top: 10px;
    }

    .page-index .menulg {
        margin-top: 8px;
        text-align: center;
    }

    .page-index .menulg ul {
        justify-content: center;
        gap: 5px;
    }

    .page-index .menulg li.dn {
        display: none;
    }

    .page-index .menulg li a {
        padding: 7px 10px;
    }

    .page-index .font-card {
        margin-bottom: 12px;
    }

    .page-login form,
    .page-login form input,
    .page-login .alert,
    .page-login #sendemail,
    .page-register form,
    .page-register form input,
    .page-register .alert {
        width: 100%;
    }

    .page-login .img_sec,
    .page-register .img_sec {
        min-width: 60%;
        max-width: 100%;
    }

    .page-user .t_autor,
    .page-user h2,
    .page-user .url,
    .page-user .divulgue,
    .page-user .share_left {
        text-align: center;
    }

    .page-user .maisatividade,
    .page-selection-list .maisatividade {
        text-align: center;
    }
}