@import url('fonts.css');

.login-background {
    background-image: url('../img/2025/background_desktop.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: black;
}

.login-background .btn-primary, 
.login-background .btn-success, 
.login-background .btn-primary:hover, 
.login-background .btn-success:hover, 
.login-background .btn-primary:visited, 
.login-background .btn-success:visited, 
.login-background .btn-primary:active, 
.login-background .btn-success:active, 
.login-background .btn-primary:focus, 
.login-background .btn-success:focus, 
.login-background .btn-primary:link, 
.login-background .btn-success:link {
    background-color: #355BFC;
    border: var(--e-global-color-2);
    font-weight: bolder;
}

.login-background .text-muted {
    color: #fff!important;
    letter-spacing: 1px;
    border-bottom: 1px solid white;
    font-size: 0.9rem;
}

.login-background .btn-outline-danger {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-family: 'CarmenSans-ExtraBold';
    font-size: 0.8rem;
}

.login-background .btn-outline-danger:hover {
    color: black;
    background-color: #fff;
    border-color: #fff;
}

.login-background section .container {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.login-background .modal .container {
    position: relative;
}

.login-background p,
.login-background a {
    color: #fff;
}

.login-background a {
    color: #fff;
}

.login-background a:hover {
    color: rgb(255, 255, 255, 0.8);
}

.login-background .footer-gradient {
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    position: fixed;
    bottom: 0;
    left: 0;
}

.login-background #register-section p,
.login-background #register-section h4,
.login-background #register-section span {
    color: #fff!important;
}

.login-background .modal-body {
    padding: 0!important;
}

@media (max-width: 768px) {
    .login-background {
        background-image: url('../img/2025/background_mobile.jpg');
    }

    .login-background section img.imgOpacity {
        margin-bottom: 150px;
        width: 170px;
    }
}