/* FONTS ----------------------------------------------------------------------- */
.ft-barlow {
    font-family: "Barlow";
}
.ft-comfortaa {
    font-family: "Comfortaa";
}
@font-face {
    font-family: calculator;
    src:url('./../../fonts/Calculator.ttf');
}

/* Propriétés personnalisées --------------------------------------------------- */
:root {
    --main-color: #DC4E28;
    --linear-main-color-gradient: linear-gradient(135deg, #dc4e28 0%,#db380f 50%,#d31f00 100%);
    --grey: #B4B4B4;
    --light-grey: #F3F3F3;
    /*--light-grey-gradient: linear-gradient(45deg, #d8d8d8 0%,#f3f3f3 40%,#fcfcfc 50%,#f3f3f3 60%,#e5e5e5 100%);*/
    --light-grey-gradient: linear-gradient(45deg, #d8d8d8 0%,#f3f3f3 40%,#f9f9f9 50%,#f3f3f3 60%,#e5e5e5 100%);
    --dark-grey: #666666;
    --light-black: #00000080;
    --success-color: #14ae5c;
    --light-green: #20a888;
    --btn-font-size: 15px;
    --font-thin: 300;
    --font-normal: 450;
    --font-light-bold: 500;
    --font-bold: 600;
    --font-extrabold: 700;
    --main-box-shadow: 5px 5px 7.5px -2.5px #00000040;
    --font-color: #3D3D3D;
}

/* COULEURS */
.main-color {
    color: var(--main-color) !important;
}
.bg-main-color {
    background-color: var(--main-color) !important;
}
.grey {
    color: var(--grey) !important;
}
.bg-grey {
    background-color: var(--grey) !important;
}
.light-grey {
    color: var(--light-grey) !important;
}
.bg-light-grey {
    background-color: var(--light-grey) !important;
}
.bg-transparent {
    background-color: #FFF0 !important;
    background: #FFF0 !important;
}
.ft-color {
    color: var(--font-color) !important;
}
/* ANIMATION ------------------------------------------------------------------- */
.spinner {    
    -webkit-animation: rotation 1s linear infinite;
}
.spinner-2 {
    -webkit-animation: rotation2 2s ease infinite;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotation2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
/* AUTRES */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.upper {
    text-transform: uppercase;
}
.normal {
    text-transform: none !important;
}
.hide {
    display: none;
}