/*
 Theme Name:   Projects Portal
 Template:     twentytwentyone
*/

@import url("../twentytwentyone/style.css");
/* Add your custom CSS below */


.btn-fe-logout {
    background-color: #f3a938;
    padding: 5px 20px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

body .btcl-error-container, .btcl-form-container {padding: 0 !important}
body #loginform .login-remember label {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.btcl-container .col {flex: auto}


#loginform {
    width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 20px 30px;
    border: 1px solid #d1d1e4;
    box-shadow: 0px 0px 3px #999;
}

#loginform p {margin: 5px 0px;}

#loginform label {line-height: 2.4;font-size: 16px;}

#loginform  input {float: left;width: 100%;}
#loginform  input[type=text], #loginform input[type=password] {border: 1.2px solid #000;}
#loginform  input[type=checkbox] {margin-right: 5px;border: 1.2px solid #000;width: 15px;height: 15px;}
input[type=checkbox]:after {left: 6px;top: -5px;width: 5px;height: 15px;}

body .site-header {
    padding: 25px;
    margin: 0;
    max-width: 100%;
    background-color: #1a9ed4;
    color: #fff;
}

body .site-header .site-title {
    color: #fff;
        font-weight: bold;
}

body .site-header .site-branding {display: flex;justify-content: space-around;}

.site-main > article > .entry-content {display: flex;max-width: 900px;}

.site-footer > .site-info {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #023455;
    padding-bottom: 27px;
    margin-bottom: 0;
    color: #fff !important;
}

body .site-footer {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
    color: #fff !important;
}