/*
  	Flaticon icon font: Flaticon
  	Creation date: 18/11/2019 09:49
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticond41dd41d.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff2") format("woff2"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

.flaticon-food:before { content: "\f100"; }
.flaticon-kitchen:before { content: "\f101"; }
.flaticon-lunch:before { content: "\f102"; }


/* === RSPL TEAM (FINAL) === */
.team { position: relative; z-index: 5; }

/* Prevent "COMING SOON" bars / notices from covering the team section */
.coming-soon, .comingSoon, #coming-soon, #comingSoon, .coming_soon, #coming_soon {
  position: relative !important;
  z-index: 1 !important;
}

/* Hover overlay + centered icons */
.team-image-wrapper { position: relative; overflow: hidden; border-radius: 12px; }
.team-image-wrapper img { width: 100%; display: block; }

.team-hover {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.team-image-wrapper:hover .team-hover,
.team-image-wrapper:active .team-hover { opacity: 1; }

.team-hover a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid #ffd400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffd400;
  font-size: 1.2rem;
  line-height: 1;
}

.team-hover a:hover { transform: scale(1.15); }



/* === CENTER NAME & ROLE UNDER TEAM IMAGE === */
.team-card {
  text-align: center;
}

.team-name, .team-card h3 {
  text-align: center;
  margin-top: 14px;
}

.team-role, .team-card p {
  text-align: center;
  opacity: 0.9;
}

/* Ensure hover icons stay centered */
.team-hover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* === SUBTLE ENTRANCE ANIMATION === */
@keyframes rsplFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.team-card {
  animation: rsplFadeUp 0.8s ease-out forwards;
}

/* === MOBILE SPACING POLISH === */
@media (max-width: 768px) {
  .team {
    padding: 40px 16px;
  }

  .team-card {
    max-width: 320px;
    margin: 0 auto;
  }

  .team-name {
    font-size: 1.25rem;
  }

  .team-role {
    font-size: 0.95rem;
  }

  .team-hover a {
    width: 40px;
    height: 40px;
  }
}


/* === TEAM HOVER ICONS: SVG (NO FONT DEPENDENCY) === */
.team-hover a svg {
  width: 20px;
  height: 20px;
  fill: #ffd400;
  display: block;
}