/* Import fonts from Google if needed */
body {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, nav, .navbar-brand {
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, .section-title, .card-title {
  font-family: 'Montserrat', sans-serif;
  
}
.section-title {
  color: #1DA1F9;
  font-weight: 700;
}
.card-title {
  color: #1DA1F9;
}

.navbar {
    background-color: #1DA1F9;
}
.navbar .nav-link, .navbar .navbar-brand {
    color: white !important;
}
.navbar .dropdown-menu {
    background-color: #38B6FF;
}
.navbar .dropdown-item {
    color: white;
}
.navbar .dropdown-item:hover {
    background-color: #1DA1F9;
}
footer {
    font-size: 0.9rem;
}
.hero-slide {
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: relative;
    animation: zoomin 12s ease-in-out infinite;
}
@keyframes zoomin {
    0% { background-size: 100%; }
    50% { background-size: 105%; }
    100% { background-size: 100%; }
}
.overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    height: 100%;
    width: 100%;
}
.overlay h1, .overlay p {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

.mission-section {
  background: linear-gradient(145deg, #eef7ff, #ffffff);
}

.mission-section {
  background: linear-gradient(135deg, #f0f8ff, #ffffff);
}

.mission-section {
  background: linear-gradient(135deg, #0077c8, #1e90ff); /* dégradé bleu institutionnel */
  color: white;
}

.mission-section .list-group-item {
  background-color: transparent;
  color: white;
  border: none;
}

.mission-section h2,
.mission-section h4,
.mission-section h6,
.mission-section p,
.mission-section blockquote {
  color: white;
}



.mission-section {
  background: linear-gradient(135deg, #0077c8, #1e90ff);
  color: white;
}

.mission-section h1,
.mission-section h2,
.mission-section h3,
.mission-section h4,
.mission-section h5,
.mission-section h6,
.mission-section p,
.mission-section blockquote,
.mission-section small,
.mission-section li {
  color: white !important;
}

.mission-section .blockquote {
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  padding-left: 1rem;
  font-style: italic;
}

.section-title {
  color: #EFBD40;
}

 textarea.form-control {
    resize: none;
  }



/* Hover effect */
.si:hover {
  transform: scale(1.15);
  opacity: 0.9;
}

/* Styles personnalisés */
.si-linkedin { background-color: #0a66c2; color: white; }

.si-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: white;
}

.si-facebook { background-color: #1877f2; color: white; }

.si-youtube { background-color: #ff0000; color: white; }

.si-whatsapp {
  background-color: white;
  color: #25d366;
  border: 2px solid #25d366;
}

.si {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;   /* ↑ plus grand pour correspondre à l’image */
  height: 60px;
  margin: 6px;
  font-size: 24px;
  border-radius: 50%;  /* ← assure le cercle parfait */
  text-decoration: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Corrige spécifiquement Twitter */
.si-x {
  background-color: white;
  border: 2px solid #1da1f2;
  color: #1da1f2;
  border-radius: 50%;  /* ← au lieu de 12px */
}

/* Conteneur flex centré pour les réseaux */
.social-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}


/*Palette de couleur personnalisées*/
.bg-orange { background-color: orange !important; }
.bg-purple { background-color: purple !important; }
.bg-teal { background-color: teal !important; }
.bg-indigo { background-color: indigo !important; }
.bg-pink { background-color: pink !important; }
.bg-lime { background-color: #cddc39 !important; }
.bg-brown { background-color: brown !important; }
.bg-cyan { background-color: cyan !important; }
.bg-blue { background-color: #007bff !important; }
.bg-gradient {
  background: linear-gradient(45deg, #6a11cb, #2575fc) !important;
  color: white;
}