/* [project]/src/app/page.css [app-client] (css) */
:root {
  --background: #fff;
  --foreground: #0a0a0a;
  --gray-alpha-200: #0003;
  --gray-alpha-300: #0000004d;
}

.border-top, .border-start, .border-end {
  --bs-primary-rgb: 95, 150, 65;
}

.btn-primary {
  --bs-btn-color: #f14a38;
  --bs-btn-bg: #f8d619;
  --bs-btn-hover-bg: #5f9641;
  --bs-btn-border-color: #5f9641;
  --bs-btn-hover-border-color: #5f9641;
  --bs-btn-border-width: .125rem;
  --bs-btn-active-bg: #5f9641;
  --bs-btn-active-border-color: #5f9641;
}

.nav-link.active .btn-primary {
  --bs-btn-bg: #5f9641;
  --bs-btn-color: #fff;
}

.bg-danger, .text-danger {
  --bs-danger-rgb: 241, 74, 56;
}

@media (width >= 768px) {
  .h-md-auto {
    height: auto !important;
  }

  .w-md-100 {
    width: 100%;
  }
}

.files, .files > .carousel-inner, .files > .carousel-inner > .carousel-item, .files > .carousel-inner > .carousel-item > img {
  width: 100%;
  height: 100%;
}

.files img {
  object-fit: contain;
  object-position: center;
  max-width: 100%;
}

.vh-95 {
  height: 95vh;
}

.vh-5 {
  height: 5vh;
}

.contentContainer {
  height: 95vh;
}

.bannerContainer {
  height: 5vh;
}

@media (width < 768px) {
  .headerContainer {
    height: 18vh;
  }

  .filesContainer {
    height: 60vh;
  }

  .menuContainer {
    height: 7vh;
  }
}

@media (width >= 768px) {
  .headerContainer, .filesContainer, .menuContainer {
    height: 95vh;
  }
}

.carousel-indicators [data-bs-target] {
  background-color: #ddd;
}

.employee .card-title {
  font-size: 1rem;
}

.employee .card-text span {
  margin-bottom: 0;
  font-size: .7rem;
}


/* [project]/src/app/assets/components/employee.css [app-client] (css) */
.employeesContainer {
  height: 41vh;
}

.employeesNavContainer {
  height: 12vh;
}

.zoom-modal {
  z-index: 1000;
  backdrop-filter: blur(5px);
  -webkit-overflow-scrolling: touch;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.zoom-modal img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

@media (width >= 768px) {
  .employeesContainer {
    height: 77vh;
  }

  .employeesNavContainer {
    height: 20vh;
  }
}


/*# sourceMappingURL=src_app_16ea106f._.css.map*/