/* CSS Page Connexion */

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
    background-image: linear-gradient(to right, #ffefda 0%, #ffd0ac 100%);
}

p {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    font-size: 1.1rem;
    color: #141414;
    letter-spacing: -0.3px;
}

a {
    font-family: 'Fira Sans', sans-serif;
}

input {
    font-family: 'Fira Sans', sans-serif;
}

h2 {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    color: #141414;
    margin-bottom: 1rem;
    word-wrap: break-word;
    text-transform: uppercase;
}

.element-form {
    margin-bottom: 1.5rem;
}

.input-group {
    border: 2px solid rgba(0, 0, 0, 0.0);
    border-radius: 5px;
}

.input-group:focus-within {
    border: 2px solid #f07e13;
}

.element-form input {
    color:black;
}

.element-form input:focus {
    color:black;
}

.coupure-ligne {
    display:block;
}

.liens-bas-card {
    color:#5f9bf2;
}

.liens-bas-card:hover {
    color:#f07e13;
}

.bouton-orange{
    font-family: 'Signika Negative', sans-serif;
    font-weight: 500;
    font-size:0.8em;
    text-transform: uppercase;
    border-radius: 60px;
    color:#ffffff;
    background-color:#f07e13;
    padding:0.7rem 1.5rem 0.7rem 1.5rem;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border:none;
    letter-spacing: 0.025em;
    transition: .2s ease;
}

.bouton-orange:hover{
    color:#ffffff;
    background-color:#5f9bf2;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: .2s ease;
}

#section-login {
    height:100%;
    width:100%;
    max-width: 100%;
    padding-bottom:50px;
    margin:4rem 0px 4rem 0px;
    
    background-image: url("https://www.cawibox.fr/assets/svg/AUTRE/fond-abs-connexion-mob.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150%;
}

.container {
    margin:0px;
    padding:0px 0.5rem 0px 0.5rem;
    width:100%;
    max-width: 100%;
}

.bouton-retour {
    position: relative;
    display: flex;
    top:5vh;
    left:12vw;
    width:120px;
    height:50px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: white;
    border-style: solid;
    border-width: 2px;
    border-color: #141414;
    transition: .1s ease-in;
}

.bouton-retour:hover {
    border-width: 4px;
    border-color: #f07e13;
    transition: .1s ease-in;
}

.bouton-retour:hover p {
    color:black;
    transition: .1s ease-in;
}

.bouton-retour p {
    font-size:1.2rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    color:#141414;
    margin:0px;
    transition: .1s ease;
}

#fleche-exit {
    margin-right: 0.5rem;
    height: 15px;
    width:auto;
    transition: .1s ease;
}

.titrage {
    margin: 50px 0px 1rem 0px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.card {
    border-radius: 25px;
    padding:2.5rem;
    margin:0px 0px 50px 0px;
    text-align: center;
    background-color: #fafafa;
    box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.20);
}

.formulaire, .formulaire-reg {
    max-width: auto;
}

.champ-mini-form {
    width:100%;
}

.texte-formulaire {
    margin-bottom: 1.5rem;
    font-size:1rem;
}

#captchaValider{
    margin-bottom: 1.5rem;
    padding:0px 17px 0px 17px;
    text-align:left;
}

#g-recaptcha div{
    width:50px!important;
}

/***          MOBILE LARGE SM         ***/

@media (min-width: 578px) {
    
    .titrage {
        margin-bottom: 2rem;

    }
    
    .coupure-ligne {
        display:none;
    }
    
    .formulaire {
        max-width: 30rem;
    }
    
    .formulaire-reg {
        max-width: 35rem;
    }
    
    #section-login {
        background-size: 110%;
    }
    
    .champ-mini-form {
        width:80%;
    }
         
}



/***          TABLETTE MD         ***/

@media (min-width: 960px) {
    
    .titrage {
        margin-bottom: 3rem;

    }
    
    #section-login {
        padding-bottom:0px;
        margin:0rem 0px 0rem 0px;
        background-image: url("https://www.cawibox.fr/assets/svg/AUTRE/fond-abs-connexion-25.svg");
        background-size: 170%;
    }
    
    .bouton-orange{
        font-size:1em;
        padding:0.9rem 2rem 0.9rem 2rem;
        letter-spacing: 0.025em;
    }
    
    .bouton-retour {
        top:6vh;
        left:8vw;
    }
    
    .texte-formulaire {
        font-size:1.2rem;
    }
    
    .formulaire-reg {
        max-width: 40rem;
    }
         
}

/***          DESKTOP LG         ***/

@media (min-width: 1368px) {
    
    #section-login {
        background-size: 120%;
    }
}

/***          DESKTOP LARGE XL         ***/

@media (min-width: 1920px) {
    
    .bouton-orange{
        font-size:1em!important;
        padding:0.9rem 2rem 0.9rem 2rem;
    }
    
    .formulaire {
        max-width: 35rem;
    }
    
    .formulaire-reg {
        max-width: 45rem;
    }
    
    #section-login {
        background-size: 110%;
    }
         
}