/*
Theme Name: VitaMed Theme
Theme URI: http://example.com/vitamed-theme
Description: A lightweight WordPress theme tailored for the VitaMed content. It features a clean layout with a blue and teal color palette reminiscent of the original VitaMed site captured on the Wayback Machine. The theme removes default white backgrounds, uses muted greys for page backgrounds, and dark blue headers with teal accents.
Version: 1.0
Author: Reconstruction Tool
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vitamed
*/

/* Base typography */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f0f4f8; /* subtle light grey background */
}

h1, h2, h3, h4, h5, h6 {
    color: #014D7E; /* deep blue for headings */
    margin-top: 0;
}

a {
    color: #007FA3; /* teal accent for links */
    text-decoration: none;
}
a:hover {
    color: #005B7A;
    text-decoration: underline;
}

/* Container to constrain content width */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Header styling */
.site-header {
    background-color: #014D7E; /* dark blue header */
    color: #fff;
    padding: 20px 0;
}
.site-header .site-title {
    margin: 0;
    font-size: 1.8rem;
}
.site-header .site-title a {
    color: #fff;
    text-decoration: none;
}

/* Navigation menu */
.primary-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.primary-menu li {
    margin: 0;
}
.primary-menu a {
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #007FA3; /* teal menu items */
    transition: background-color 0.2s;
}
.primary-menu a:hover {
    background-color: #005B7A;
}

/* Footer */
.site-footer {
    background-color: #014D7E;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 0.9rem;
}

/* Content styling */
.site-content {
    padding: 40px 0;
}
.site-content h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}
.site-content p {
    margin-bottom: 1rem;
}
.site-content ul {
    margin-left: 1.25rem;
    margin-bottom: 1rem;
}
.site-content li {
    margin-bottom: 0.5rem;
}

/* Cards for doctor list or other sections */
.card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
}

.card h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Table styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}
th, td {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}
th {
    background-color: #014D7E;
    color: #fff;
    text-align: left;
}

/* Responsive design */
@media (max-width: 768px) {
    .primary-menu ul {
        flex-direction: column;
    }
    .primary-menu a {
        display: block;
    }
}