/* ===================================
   APP LOGIN
=================================== */

.app-login-body{

    margin:0;

    background:#faf8f5;

    font-family:'Montserrat';
}

.login-layout{

    display:grid;

    grid-template-columns:
    1fr 500px;

    min-height:100vh;
}

.login-brand{

    position:relative;

    background:
    linear-gradient(
    rgba(0,0,0,.55),
    rgba(0,0,0,.55)
    ),
    url('https://clasesdebarre.com/assets/img/community.png');

    background-size:cover;

    background-position:center;
}

.brand-content{

    position:absolute;

    left:80px;

    bottom:80px;

    color:white;

    max-width:600px;
}

.brand-logo{

    width:180px;

    margin-bottom:40px;
}

.brand-content h1{

    font-size:5rem;

    line-height:.9;

    margin-bottom:25px;
}

.brand-content p{

    font-size:18px;

    color:
    rgba(255,255,255,.8);

    margin-bottom:30px;
}

.brand-content ul{

    list-style:none;

    padding:0;
}

.brand-content li{

    padding:8px 0;
}

.login-form-side{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;
}

.login-card{

    width:100%;

    max-width:420px;
}

.login-mini{

    color:#b69b82;

    letter-spacing:3px;

    font-size:12px;
}

.login-card h2{

    font-size:3rem;

    margin:15px 0;
}

.login-card p{

    color:#777;

    margin-bottom:30px;
}

.login-card input{

    width:100%;

    height:58px;

    border:1px solid #ddd;

    border-radius:16px;

    padding:0 20px;

    margin-bottom:15px;
}

.login-card button{

    width:100%;

    height:60px;

    border:none;

    border-radius:50px;

    background:
    linear-gradient(
    135deg,
    #c8a97e,
    #e6d1b5
    );

    color:#111;

    font-weight:700;
}

.login-links{

    margin-top:25px;

    display:flex;

    justify-content:space-between;
}

.login-links a{

    color:#777;

    text-decoration:none;
}

@media(max-width:991px){

    .login-layout{

        grid-template-columns:1fr;
    }

    .login-brand{

        display:none;
    }

}