/* --- fonts --- */
@font-face {
	font-family: 'Poppins';
    font-weight: 500;
	src: url('/fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins';
    font-weight: 700;
	src: url('/fonts/Poppins-Bold.ttf') format('truetype');
}

*{
    font-family: 'Poppins', 'Arial', sans-serif;
}

/* --- navbar --- */
.bg-white{
    background-color: #4442C7 !important;
}

.navbar-light .navbar-nav .nav-link{
    color: #fff;
}

.navbar-light .navbar-brand{
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: #6767e3;
}

.navbar-light .navbar-brand:hover{
    color: #6767e3;
}

body{
    background-color: #4442C7;
    padding-left: 1rem;
    padding-right: 1rem;
}

h1, h2, h3, h4{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

h1{
    font-size: 4em;
}

h3{
    font-size: 1.5em;
}

.display-3{
    font-size: 4rem;
}

p{
    color: #fff;
    font-weight: 500;
    text-align: justify;
}

a{
    color: #fff;
    font-weight: 500;
}

a:hover {
    text-decoration: none;
    color: #6767e3;
}

#filters li a:hover{
    color: #6767e3;
}

#filters li a.active{
    color: #6767e3;
}

#filters li a::after{
    background: #6767e3;
}

li{
    color: #fff;
}

.project-intro li{
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-primary{
    background-color: #fff;
    border-color: #fff;
    color: #4442C7;
}

.btn-primary:hover{
    background-color: #6767e3;
    border-color: #6767e3;
}

#projets-logo{
    width: 12em;
}

.entry-image{
    border-radius: 1rem;
}

.entry:hover{
    border-radius: 1rem;
}

.d-block{
    border-radius: 1rem;
}

.space-md{
    padding-top: 15px;
    padding-bottom: 15px;
}

#contact-link{
    text-decoration: underline;
}

.contact .img-fluid{
    width: 3em;
    margin-right: 0.5em;
}

#carouselExampleControls{
    margin-top: 2rem;
}

/* --- surlignage avec la souris --- */
::selection{
    background-color: #fff;
    color: #4442C7;
}
  
/* --- adaptation à la taille de l'écran --- */
@media (max-width: 991.98px){
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
}