/* Custom CSS to ensure portfolio and contact sections are visible */

#portfolio {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}

#about {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}

#contact {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}

.testimonials {
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
}

.contact {
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
}

.focus-separate {
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
}

/* Fix for animation issues */
[data-w-id] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Ensure section visibility */
.section {
  display: block !important;
  visibility: visible !important;
}

/* Fix for any potential JS encryption hiding content */
.w-form {
  display: block !important;
}

.w-layout-grid {
  display: grid !important;
}

/* Ensure navigation links work properly */
.nav-link {
  pointer-events: auto !important;
}

/* Fullscreen menu animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.nav-menu {
  animation: fadeIn 0.3s ease-in-out;
}

/* Active navigation styling */
.nav-link.current:after {
  width: 100% !important;
  background-color: #ffdd00 !important;
}

/* Force scrolling to work properly */
html, body {
  scroll-behavior: smooth !important;
}