@font-face {
    font-family: 'LCTPicon';
    src: url('/static/custom/font/Semi-bold/LCTPicon-Semi-bold.ttf');
}

@font-face {
    font-family: 'LCTPicon-Medium';
    src: url('/static/custom/font/Medium/LCTPicon-Medium.ttf');
}

:root {
    --main-color: #B15538;
    --second-color: grey;
    --third-color: #00CA64;
    --link-color: #008341;
    --map-maille-border-color: #ddd;
    --map-maille-lastobs-border-color: var(--second-color);
    --map-territory-border-color: var(--main-color);
    --map-area-border-width: 3px;
    --map-area-border-color: var(--second-color);
    --scrollbarBG: #cfd8dc;
    --thumbBG: #f000;
}

.navbar {
    .navbar-menu {
        background-color: var(--main-color);
        color: #FFFFFF;

        .navbar-brand.titreAppli {
            color: #FFFFFF;
        }

        #navbarSupportedContent .form-inline {
            margin-right: 2rem;
        }
    }
}


/*######################*/
/*#     Share page      */
/*######################*/

.title_share_obs {
    color: var(--main-color);
    font-weight: bold;
}

.list_share_species {
    width: 100%;
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;

    >li {
        width: 30%;
        margin: 1rem;


        .card {
            padding: 1rem;
            height: 100%;

            img {
                height: 20rem;
                object-fit: contain;
            }

            h3 {
                font-weight: bold;
            }

            p {
                flex-grow: 2;
            }

            a {
                width: 30%;
                align-self: center;
            }
        }
    }
}

.note_format {
    color: #5d5d5d;
    margin-left: 3rem;

    >ul {
        list-style: none;
    }
}

.list_logo {
    width: 90%;
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;

    >li {
        width: 30%;
        margin: 1rem;

        .card {
            padding: 1rem;
            border: none;

            h3 {
                font-weight: bold;
            }

            a {
                width: 30%;
                align-self: center;
            }
        }
    }
}





/*######################*/
/*#  partenaires page   */
/*######################*/
.atlas_biodiv_page {

    h1 {
        color: var(--main-color);
        margin-bottom: 3rem;
    }
}

/*######################*/
/*#  partenaires page   */
/*######################*/

.partenaires_page {



    .card {
        margin-top: 1rem;
    }

    .contact_wrapper {
        ul li {
            list-style: none;
        }
    }

    .partenaires_title {
        font-size: 1.5em;
        font-weight: bold;
    }

    .infos_partenaire {
        width: 100%;
        list-style: none;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;

        .card {
            margin: 2rem;
            width: 25%;
            .details_partenaire {
                .partenaire_name {
                    margin-top: 1rem;
                    font-weight: bold;
                }

                ul li {
                    list-style: none;
                }
            }
        }
    }

}


/*######################*/
/*#       Footer        */
/*######################*/

.real-footer {

    background-color: #000000;
    color: #FFFFFF;
    ul {
        align-self: center;
        display: inline-flex;
        list-style: none;
    }

    a,
    button
    {
        color: #FFFFFF;
        text-decoration: none;
        border: 0px;
        background: transparent;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    a:hover,
    button:hover {
        text-decoration: underline;
    }

    .logo-structure-brand {

        .logo-structure {
            filter: invert(100%);
            padding: 1rem;
        }
    }
}