@charset "UTF-8";

/*!
 * Version - 1.1.1
 * Copyright (c) 2023 2A Digital <contact@2adigital.site>

 * 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=Inter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
@import url('../plugins/bootstrap/css/bootstrap.min.css');


* {
    font-family: var(--ff-primary);
    color: var(--dark);
}


body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
}

.btn-outline-primary {
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    color: #fff !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
}

.bg-or-color {
    background-color: gold !important;
}

.fadeIn {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/* Buttons colors */

.s-btn-primary {
    --bs-btn-color: var(--light) !important;
    --bs-btn-bg: var(--color);
    --bs-btn-border-color: var(--color);
    --bs-btn-hover-color: var(--light);
    --bs-btn-hover-bg: var(--green);
    --bs-btn-hover-border-color: var(--green);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--light);
    --bs-btn-active-bg: #3b3b3b;
    --bs-btn-active-border-color: var(--color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gray);
    --bs-btn-disabled-bg: var(--dark);
    --bs-btn-disabled-border-color: var(--gray);
}

.s-btn-outline-primary {
    --bs-btn-color: var(--color);
    --bs-btn-border-color: var(--color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color);
    --bs-btn-hover-border-color: var(--color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color);
    --bs-btn-active-border-color: var(--color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color);
    --bs-gradient: none;
}

.s-btn-beige {
    --bs-btn-color: var(--color) !important;
    --bs-btn-bg: var(--beige);
    --bs-btn-border-color: var(--beige);
    --bs-btn-hover-color: var(--color);
    --bs-btn-hover-bg: var(--green);
    --bs-btn-hover-border-color: var(--green);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--color);
    --bs-btn-active-bg: #3b3b3b;
    --bs-btn-active-border-color: var(--beige);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gray);
    --bs-btn-disabled-bg: var(--dark);
    --bs-btn-disabled-border-color: var(--gray);
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Text */
.s-fs-small{
    font-size: 14px;
}

:root {
    --color: #022d1c;
    --green: #007B39;
    --dark: #000000;
    --beige: #fef4db;
    --light: #fff;
    --ff-primary: "Inter", sans-serif;
}