/* Static Site Styles for Team Ronholl */

html {
    scroll-behavior: smooth;
}

body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInRight {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

.animate-slide-in-right {
    animation: slideInRight 1s ease-out forwards;
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Scroll Animation States */
.scroll-animate.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.animate-slide-in-right-scroll.visible {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Card Effects */
.pillar-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

/* Transitions for Page views */
.page-view {
    transition: opacity 0.3s ease;
}

.hidden {
    display: none;
}

/* Navbar active state */
.nav-active {
    color: #8fb854 !important;
}

.nav-scrolled {
    background-color: #eff3d8 !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.nav-scrolled .nav-link, 
.nav-scrolled #mobile-menu-btn {
    color: #16312a !important;
}

.nav-scrolled #nav-logo {
    filter: none !important;
}