 

/* Start RAIL CSS PAGE */


    .cs-rail .hero h1, .cs-rail .split .img h2  {
        
        color: #fff;
    }

.cs-rail{--blue:#1573C9;--blue-d:#0F5AA3;--head:#4A4A4A;--text:#555;--grey:#EFEFEF;
  --hero-img:url('');   /* e.g. url('/wp-content/uploads/rail-hero.jpg') */
  --split-img:url('https://d14ty28lkqz1hw.cloudfront.net/data/org/26334/theme/43848/img/specialized-rail-safety-expertise.webp');  /* e.g. url('/wp-content/uploads/rail-worker.jpg') */
  font-family:"Roboto",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.7;
  overflow-x:hidden;-webkit-text-size-adjust:100%}
.cs-rail *{box-sizing:border-box}
.cs-rail h1,.cs-rail h2,.cs-rail h3{font-family:"Oswald","Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-weight:500;margin:0;line-height:1.15;overflow-wrap:break-word}
.cs-rail .wrap{max-width:1000px;margin:0 auto;padding:0 16px}
.cs-rail .hl{color:var(--blue)}
.cs-rail .rule{display:block;width:90px;height:3px;border-top:1px solid #B9CDE4;border-bottom:2px solid var(--blue);margin-top:12px}
.cs-rail .center{text-align:center}.cs-rail .center .rule{margin-left:auto;margin-right:auto}
 
/* ---------- BASE = SMALL (0-639px) ---------- */
.cs-rail .hero{
    position:relative;
    min-height:200px;
    display:flex;
    align-items:center;
    color:#fff;
  background:var(--hero-img) center/cover,
  linear-gradient(110deg,#0B1B33 0%,#14335E 60%,#1573C9 140%)
  }
.cs-rail .hero:before{content:"";position:absolute;inset:0;background:rgba(5,15,30,.55)}
.cs-rail .hero:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:16px;opacity:.35;
  border-top:3px solid #fff;border-bottom:3px solid #fff;
  background:repeating-linear-gradient(90deg,transparent 0 26px,#fff 26px 31px)}
.cs-rail .hero .wrap{position:relative;z-index:1;width:100%;padding-top:24px;padding-bottom:40px}
.cs-rail .hero h1{font-size:1.75rem;max-width:14em}
 
.cs-rail .intro{padding:36px 0 32px;background:#f7f7f7}
.cs-rail .intro .lead{text-align:center;margin:0 auto 28px}
.cs-rail .two{display:grid;grid-template-columns:1fr;gap:20px}
.cs-rail .two h2{font-size:1.5rem;color:var(--head)}
.cs-rail .two p{margin:0 0 16px}
 
.cs-rail .btn{display:block;width:100%;text-align:center;background:var(--blue);color:#fff;font-weight:700;text-transform:uppercase;font-size:13px;
  padding:14px 20px;min-height:44px;text-decoration:none;border:2px solid var(--blue);transition:background .2s}
.cs-rail .btn:hover{background:var(--blue-d);border-color:var(--blue-d)}
.cs-rail .btn:focus-visible,.cs-rail a:focus-visible{outline:3px solid #F2A900;outline-offset:2px}
.cs-rail .btn-w{background:#fff;color:var(--blue);border-color:#fff}
.cs-rail .btn-w:hover{background:#E6F0FA;border-color:#E6F0FA}
 
.cs-rail .band{background:var(--grey);padding:36px 0 40px}
.cs-rail .band .head{margin-bottom:24px}
.cs-rail .band h2{font-size:1.5rem;color:var(--head)}
.cs-rail .cards{display:grid;grid-template-columns:1fr;gap:14px}
.cs-rail .card{background:#fff;padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
.cs-rail .card svg{grid-row:1/span 3;width:44px;height:44px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cs-rail .card h3{font-family:"Roboto",Arial,sans-serif;text-transform:none;font-weight:500;font-size:16px;color:var(--blue);margin-bottom:6px;line-height:1.3}
.cs-rail .card p
{
    margin:0 0 6px;
    /* font-size:13px */
}
.cs-rail .card a{color:var(--blue);font-weight:700;text-decoration:none;display:inline-block;padding:6px 0}
.cs-rail .card a:hover{text-decoration:underline}
 
.cs-rail .split{display:grid;grid-template-columns:1fr}
.cs-rail .split .img{position:relative;display:flex;align-items:flex-end;min-height:220px;padding:28px 16px;color:#fff;
  background:var(--split-img) center/cover,linear-gradient(160deg,#1a1a1a,#2d3b4d)}
.cs-rail .split .img:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.75))}
.cs-rail .split .img>div{position:relative}
.cs-rail .split .img h2{font-size:1.4rem}
.cs-rail .split .img .rule{border-color:#fff;border-top:0;width:60px}
.cs-rail .split .panel{background:var(--blue);color:#fff;padding:32px 16px 36px}
.cs-rail .split .panel p{margin:0 0 14px}
.cs-rail .split .panel .btn{margin-top:8px}
 
.cs-rail .cta{padding:36px 0 44px}
.cs-rail .cta h2{font-size:1.4rem;color:var(--head)}
.cs-rail .cta p{margin:16px auto 20px}
 
/* ---------- MEDIUM AND UP (640px+) ---------- */
@media screen and (min-width:40em){
  .cs-rail .wrap{padding:0 24px}
  .cs-rail .hero{min-height:260px}
  .cs-rail .hero .wrap{padding-bottom:52px}
  .cs-rail .hero:after{bottom:26px;height:24px}
  .cs-rail .hero h1{font-size:2.2rem}
  .cs-rail .intro{padding:48px 0 44px}
  .cs-rail .intro .lead{max-width:44em;margin-bottom:36px}
  .cs-rail .two{grid-template-columns:1fr 1fr;gap:32px}
  .cs-rail .two h2,.cs-rail .band h2{font-size:1.8rem}
  .cs-rail .btn{display:inline-block;width:auto;font-size:12px;padding:12px 22px}
  .cs-rail .band{padding:44px 0 52px}
  .cs-rail .cards{grid-template-columns:1fr 1fr;gap:18px}
  .cs-rail .card{display:block;padding:22px 20px 18px}
  .cs-rail .card svg{width:52px;height:52px;margin-bottom:12px}
  .cs-rail .split .img{min-height:300px;padding:36px 32px}
  .cs-rail .split .panel{padding:40px 32px 44px}
  .cs-rail .split .panel p{max-width:40em}
  .cs-rail .cta{padding:52px 0 60px}
  .cs-rail .cta h2{font-size:1.8rem}
  .cs-rail .cta p{max-width:40em}
}
 
/* ---------- MEDIUM ONLY (640-1023px) ---------- */
@media screen and (min-width:40em) and (max-width:63.9375em){
  .cs-rail .split .panel .btn{align-self:flex-start}
}
 
/* ---------- LARGE AND UP (1024px+) ---------- */
@media screen and (min-width:64em){
  .cs-rail .hero{min-height:300px}
  .cs-rail .hero:after{bottom:34px;height:34px;transform:scaleY(.5)}
  .cs-rail .hero h1{font-size:2.6rem}
  .cs-rail .intro{padding:56px 0 48px}
  .cs-rail .two{gap:40px}
  .cs-rail .two h2{font-size:2.1rem}
  .cs-rail .band h2,.cs-rail .cta h2{font-size:2rem}
  .cs-rail .cards{grid-template-columns:repeat(3,1fr);gap:20px}
  .cs-rail .split{grid-template-columns:1fr 1fr;min-height:440px}
  .cs-rail .split .img{padding:44px 48px}
  .cs-rail .split .img h2{font-size:2rem}
  .cs-rail .split .panel{display:flex;flex-direction:column;justify-content:center;padding:48px 56px}
  .cs-rail .split .panel .btn{align-self:flex-start}
}
 
/* ---------- LARGE ONLY (1024-1199px) ---------- */
@media screen and (min-width:64em) and (max-width:74.9375em){
  .cs-rail .split .panel{padding:40px 40px}
  .cs-rail .split .img{padding:40px}
}
 
/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){.cs-rail .btn{transition:none}}





/* END RAIL CSS PAGE */

