/*
Theme Name: RWorks Archive Recreation
Theme URI: https://rworks.com/
Author: OpenAI
Description: A custom WordPress recreation inspired by the archived November 2022 RWorks website.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rworks
*/

:root{
  --rw-blue:#00558b;
  --rw-dark:#161616;
  --rw-light:#f6f6f6;
  --rw-border:#d8d8d8;
  --rw-green:#00e51b;
  --rw-yellow:#ffd31f;
  --rw-red:#f50909;
  --rw-cyan:#006da6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#444;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}
a{color:var(--rw-blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.rw-wrap{width:min(940px,calc(100% - 32px));margin:0 auto}
.site-topbar{background:#fff;border-bottom:1px solid #e7e7e7;color:#777;font-size:12px}
.site-topbar .rw-wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rw-social{display:flex;gap:10px;text-transform:lowercase}
.rw-account{white-space:nowrap}.rw-account a{color:#666}
.site-header{background:#fff}
.site-header .rw-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 0 17px}
.rw-brand{display:flex;align-items:center;gap:18px;min-width:320px}
.rw-logo{font-size:46px;line-height:1;font-weight:700;letter-spacing:-3px;color:var(--rw-blue)}
.rw-logo .rw-mark{display:inline-block;width:16px;height:16px;background:#7bb129;border-radius:50%;margin-left:4px;vertical-align:5px}
.rw-tagline{border-left:1px solid #ddd;padding-left:18px;color:#07598d;font-size:18px;line-height:1.25;max-width:250px}
.rw-phonebox{text-align:right;color:#555;font-size:12px;line-height:1.8}.rw-phonebox strong{color:#07598d}.rw-flags{letter-spacing:6px}
.site-nav{background:#111;border-top:1px solid #222;border-bottom:4px solid #006da6}
.site-nav .rw-wrap{display:flex;align-items:stretch}
.site-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;width:100%}
.site-nav li{margin:0}.site-nav a{display:block;color:#fff;padding:12px 15px;font-size:13px;border-right:1px solid #333}.site-nav li:first-child a{border-left:1px solid #333}.site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current_page_item>a{background:#07598d;text-decoration:none}
.rw-hero{background:#eee;overflow:hidden}
.rw-slider{position:relative;aspect-ratio:940/382;background:#d7e6ef}
.rw-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}.rw-slide.is-active{opacity:1}
.rw-slide img{display:block;width:100%;height:100%;object-fit:cover}
.rw-slider-fallback{height:100%;background:linear-gradient(120deg,#c5dfef,#fbfbfb);display:flex;align-items:center;padding:7%}
.rw-slider-fallback .box{background:#050505;color:#fff;font-size:38px;line-height:1.35;padding:22px 28px;max-width:380px}
.rw-colorbar{height:39px;display:grid;grid-template-columns:repeat(4,1fr);color:#fff;font-size:18px;text-align:center;align-items:center;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.rw-colorbar span:nth-child(1){background:var(--rw-green)}.rw-colorbar span:nth-child(2){background:var(--rw-yellow)}.rw-colorbar span:nth-child(3){background:var(--rw-red)}.rw-colorbar span:nth-child(4){background:var(--rw-cyan)}
.rw-main{padding:30px 0 42px}.rw-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px}.rw-main h1,.rw-main h2,.rw-main h3{color:#07598d;font-weight:normal;line-height:1.25}.rw-main h1{font-size:30px}.rw-main h2{font-size:23px;border-bottom:1px solid #ddd;padding-bottom:8px}.rw-main p{margin:0 0 16px}.rw-main ul{padding-left:22px}
.rw-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:18px 0 10px}.rw-feature{border-top:4px solid var(--rw-blue);background:#f7f7f7;padding:18px}.rw-feature h3{margin-top:0;font-size:18px}
.rw-sidebar{border-left:1px solid #ddd;padding-left:26px}.rw-widget{margin-bottom:25px}.rw-widget-title{font-size:18px;color:#07598d;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #ddd}.rw-cta{background:#07598d;color:#fff;text-align:center;padding:18px 20px;margin-top:12px}.rw-cta strong{display:block;font-size:22px;font-weight:normal}.rw-button{display:inline-block;background:#7eaa22;color:#fff!important;padding:8px 16px;margin-top:9px;border-radius:2px;text-decoration:none!important}.rw-button:hover{filter:brightness(.93)}
.entry-title{margin-top:0}.entry-meta{color:#888;font-size:12px;margin-bottom:18px}.rw-post{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #ddd}
.site-footer-cta{background:#f1f1f1;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:18px 0}.site-footer-cta .rw-wrap{display:flex;align-items:center;justify-content:center;gap:22px;color:#555;font-size:17px}.site-footer{background:#111;color:#aaa;font-size:11px;padding:22px 0}.site-footer a{color:#ccc}.site-footer .rw-wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.rw-footer-links{display:flex;gap:8px;flex-wrap:wrap}
.rw-page-hero{background:#f3f3f3;border-bottom:1px solid #ddd;padding:20px 0}.rw-page-hero h1{margin:0;color:#07598d;font-weight:normal;font-size:28px}
.screen-reader-text{position:absolute;left:-9999px}
@media (max-width:760px){.site-header .rw-wrap,.site-topbar .rw-wrap{align-items:flex-start;flex-direction:column}.rw-phonebox{text-align:left}.rw-brand{min-width:0}.rw-logo{font-size:38px}.rw-tagline{font-size:15px}.site-nav .rw-wrap{width:100%}.site-nav ul{display:block}.site-nav a{border:0;border-bottom:1px solid #333;padding-left:20px}.rw-slider{aspect-ratio:940/430}.rw-colorbar{font-size:12px}.rw-content-grid,.rw-feature-grid{grid-template-columns:1fr}.rw-sidebar{border-left:0;border-top:1px solid #ddd;padding:20px 0 0}.site-footer-cta .rw-wrap{flex-direction:column;gap:8px}.site-footer .rw-wrap{display:block}.rw-footer-links{margin-top:10px}}

/* v1.1 archive-faithful homepage refinements */
.rw-logo-image{display:block;width:225px;flex:0 0 225px;line-height:0}
.rw-logo-image img{display:block;width:225px;height:auto}
.rw-brand{gap:18px}
.rw-tagline{font-size:18px}
.rw-hero .rw-wrap{width:min(940px,calc(100% - 32px))}
.rw-slider{aspect-ratio:940/382}
.site-footer-cta{margin-top:0}
@media (max-width:760px){.rw-logo-image,.rw-logo-image img{width:200px}.rw-brand{align-items:center;flex-wrap:wrap}.rw-tagline{border-left:0;padding-left:0}}