/* Allen County Public Health - Main CSS File */

/* Import variables and reset */
@import 'variables.css';
@import 'reset.css';

/* Import component styles */
@import 'components/header.css';
@import 'components/hero.css';
@import 'components/carousel.css';
@import 'components/quick-links.css';
@import 'components/featured-programs.css';
@import 'components/social-feed.css';
@import 'components/about.css';
@import 'components/footer.css';
@import 'components/buttons.css';
@import 'components/utilities.css';
@import 'components/facebook-feed.css';
@import 'components/search.css';
@import 'components/news.css';

/* Additional custom styles */
.page-section {
    padding: 5rem 0;
}

.divider {
    height: 5px;
    width: 100px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
    margin: 2rem auto;
    border-radius: 2px;
}

/* Animations for page elements */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Print styles */
@media print {
    header, footer, .social-feed, .carousel-controls {
        display: none;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    a {
        color: #000;
        text-decoration: underline;
    }

    .container {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
    }
}