:root{--blue:#0647c7;--deep:#03122f;--ink:#10131a;--muted:#5d6572;--line:#dbe1ea;--light:#f4f7fb;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.site-header{background:#02040a;border-bottom:4px solid var(--blue)}.hero-image{width:100%;height:auto;max-height:360px;object-fit:cover}.nav-wrap{background:var(--deep);border-bottom:1px solid rgba(255,255,255,.14)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;min-height:58px}.nav .brand{font-weight:700;color:#fff;text-decoration:none;letter-spacing:.03em}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{color:#fff;text-decoration:none;padding:10px 15px;border-radius:6px}.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--blue)}.notice{background:#eaf1ff;border-bottom:1px solid #cbd9f8}.notice .inner{max-width:var(--max);margin:auto;padding:14px 20px;text-align:center;font-weight:700;color:#14356f}.container{max-width:var(--max);margin:auto;padding:42px 20px}.intro{text-align:center;max-width:900px;margin:0 auto 36px}.eyebrow{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem}.intro h1,.page-title{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:.3rem 0 1rem}.lead{font-size:1.15rem;color:#303744}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}.card h2,.card h3{margin-top:0}.services{background:var(--light)}.service-list{columns:2;column-gap:30px;margin:0;padding-left:20px}.service-list li{margin:0 0 8px;break-inside:avoid}.rate{background:var(--deep);color:#fff;border-left:6px solid var(--blue);padding:24px 28px;border-radius:10px}.rate strong{font-size:1.6rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.contact-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}.contact-panel h2{margin-top:0}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{margin:10px 0}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;text-decoration:none;background:var(--blue);color:#fff;padding:12px 18px;border-radius:7px;font-weight:700}.button.secondary{background:var(--deep)}.map-frame{width:100%;height:100%;min-height:390px;border:0;border-radius:12px}.hours-table{width:100%;border-collapse:collapse}.hours-table td{padding:9px 0;border-bottom:1px solid var(--line)}.hours-table td:last-child{text-align:right;font-weight:700}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}.history-images{display:grid;gap:16px}.history-images img{border-radius:10px;border:1px solid var(--line);width:100%}.footer{background:#02040a;color:#fff;margin-top:40px}.footer .inner{max-width:var(--max);margin:auto;padding:28px 20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small{font-size:.92rem;color:#c7ced9}.footer a{color:#fff}.mobile-toggle{display:none;background:transparent;color:white;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:8px 10px;font-size:1rem}
@media(max-width:800px){.hero-image{min-height:160px;object-position:center}.mobile-toggle{display:block}.nav{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:8px 0}.nav-links.open{display:flex}.nav-links a{text-align:center}.grid,.contact-grid,.about-grid{grid-template-columns:1fr}.service-list{columns:1}.container{padding:32px 18px}.map-frame{min-height:330px}}

/* Social media buttons */
.social-button{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:4px;color:#fff;text-decoration:none;font-weight:bold;font-size:14px;margin-left:6px}
.social-button.facebook{background:#1877f2}
.social-button.yelp{background:#d32323}
.social-button:hover{opacity:.85}


/* Rock River Marine social button fixes */
.button-row .social-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 12px 18px;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    margin-left: 0;
}

.button-row .social-button.facebook {
    background: #1877f2;
}

.button-row .social-button.yelp {
    background: #d32323;
}

.button-row .social-button:hover {
    opacity: .85;
    color: #ffffff;
}
