/*
Theme Name: S&R Valvo Consulting Theme
Author: Bart Watts
Description: Custom single page theme for S&R Valvo Consulting LLC.
Version: 1.0
*/

html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', Tahoma, sans-serif; margin: 0; padding: 0; color: #333; }
header {
    position: relative;
    /* Note: You must upload las_vegas_skyline.jpg to this folder for this to work */
    background: url('las_vegas_skyline.jpg') no-repeat center center/cover;
    color: white;
    text-align: center;
    padding: 60px 20px;
}
header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
header h1, header p { position: relative; z-index: 1; }
header h1 { font-size: 3em; margin-bottom: 10px; }
header p { font-size: 1.5em; font-weight: 300; }
nav { background-color: #003366; display: flex; justify-content: center; padding: 10px; flex-wrap: wrap; }
nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; }
nav a:hover { text-decoration: underline; }
section { max-width: 1000px; margin: 40px auto; padding: 20px; background: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
section h2 { color: #004080; margin-bottom: 10px; }
section p em { color: #0073e6; font-weight: bold; }
ul { margin-left: 20px; }
footer { background-color: #004080; color: white; text-align: center; padding: 20px; margin-top: 40px; }
footer a { color: #ffcc00; text-decoration: none; }
footer a:hover { text-decoration: underline; }

@media (max-width: 768px) {
    header h1 { font-size: 2em; }
    header p { font-size: 1.2em; }
    nav { flex-direction: column; }
    nav a { margin: 10px 0; }
}