#files-page-content {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

/* #files-page-content>p {
    text-align: center;
} */

#file-post-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cat-head-files {
    text-transform: uppercase;
    margin: 10px 0px 5px 10px;
}

.file-box {
    border: 2px solid #223f6a;
    background-color: #223f6a;
    padding: 10px;
    box-shadow: 1px 1px 1px 2px #000;
    margin: 10px;
    cursor: pointer;
}

.file-box:hover {
    background-color: #fff;
    color: #000;
    box-shadow: 2px 3px 2px 3px #000;
    transition: 0.2s ease-in-out;
}

.post-link {
    color: #fff;
    text-decoration: none;
}

.cat-text-files {
    margin-left: 10px;
}


.custom-login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    height: 400px;
    width: 600px;
    background-color: #223f6a;
    /* border-radius: 10px;*/
}

.custom-login-head {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.custom-file-head {
    color: #223f6a;
    text-align: center;
}



.custom-login-form>p {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.custom-login-input {
    width: 400px;
    /* border-radius: 10px; */
    background-color: #fff;
    opacity: 0.9;
}

.custom-login-btn {
    width: 150px;
    height: 40px;
    /* border-radius: 10px; */
    cursor: pointer;
}

.custom-login-btn:hover,
.logout-btn:hover {
    background-color: #000;
    color: #fff;
    transition: 0.2s ease-in-out;
}

#custom-login-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

a.custom-reset-pwd {
    color: #fff;
    margin-top: 20px;
}

a.custom-reset-pwd:hover {
    color: #000;
    margin-top: 20px;
}


.custom-login-form>p:nth-child(4) {
    align-items: center;
}

.logout-box {
    text-align: center;
    justify-content: center;
    display: flex;
    height: 121px;
    align-items: center;
}

.logout-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 173px;
    height: 45px;
    background-color: #223f6a;
    color: #fff;
}



.logout-link-custom {
    text-decoration: none;
}

.error-msg-cust-login {
    color: red;
}

.page-id-3490 .site__navs {
    display: none;
}

.page-id-3490 .site__nav-toggle--mobile {
    display: none;
}



@media screen and (max-width: 480px) {
    .custom-login-form {
        height: 200px;
        width: 300px;
        background-color: #223f6a;
        /* border-radius: 10px;*/
    }

    .custom-login-head {
        font-size: 16px;
    }

    .custom-login-btn {
        width: 70px;
        height: 25px;
        /* border-radius: 10px; */

    }

    .custom-login-input {
        width: 200px;
        height: 20px;
    }

    .custom-login-form>p {
        font-size: 12px;
    }

}