@charset "UTF-8";

/*!
 * Version Login - 1.1.1
 * Copyright (c) 2023 Daily Money <Cooland>

 * L’autorisation est accordée à toute personne qui en obtient une copie de ce style.
 * Il est strictement interdit de publier(vendre) sans l'autorisation préalable des auteurs.
 * Des spécialistes sont à l'origine des documents fournis.
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('../vendor/bootstrap/css/bootstrap.min.css');

/*
 * Base structure
 */

* {
    font-family: "Fira Sans", sans-serif;
    color: var(--dark) !important;
    transition: all .3s linear;
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 80px 0 60px 0;
    display: flex;
    align-items: center;
    background: url(../img/hero-bg.png) top center no-repeat;
    background-size: cover;
}

.dm-text-primary {
    color: var(--primary) !important;
}

.dm-fs-14 {
    font-size: 14px !important;
}

.form-signin {
    max-width: 900px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-control {
    border: 1px solid #a68b54 !important;
    color: var(--primary) !important;
    font-size: 15px !important;
    margin-bottom: -1px;
}

.button-login {
    background-color: var(--primary) !important;
    color: var(--secondary) !important;
    border-color: var(--primary) !important;
}

.button-login:hover {
    background-color: var(--hover-primary) !important;
    color: var(--secondary) !important;
}

/* =============================================
*  ================ OVERWRITE  ================
*  =============================================
*/
/* Alert */
.alert-warning {
    background-color: #f7b400 !important;
    border-color: #f7b400 !important;
}

.alert-danger {
    background-color: #9b0112 !important;
    border-color: #9b0112 !important;
}

:root {
    --primary: #121e38;
    --hover-primary: rgba(18, 30, 56, 0.9);
    --secondary: #d7bb83;
    --dark: #000000;
}