/* Single news item (single-news.php). Loads only on that template.
   Brand: black/white foundation, SRO gradient accent, Roboto body, Six Caps label. */

.rl-page{font-family:Roboto,Arial,sans-serif;color:#111;background:#fff}
.rl-page *{box-sizing:border-box}
.rl-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.rl-page a{color:#005193;text-decoration:none}
.rl-page a:hover{color:#003a6b;text-decoration:underline}

/* Site header sits over the black hero: white nav text and icons here only */
body.single-news header .navbar-nav.main-menu>li>a{color:#fff}
body.single-news header .navbar-nav.main-menu>li>a:hover{color:#e6e6e6}
body.single-news header .search-icon i{color:#fff}

/* Hero */
.rl-hero{background:#000;color:#fff;padding:96px 0 48px}
.rl-page .rl-up{display:inline-block;font-size:14px;font-weight:700;color:#b8b8b8;margin:0 0 18px;text-decoration:none}
.rl-page .rl-up:hover{color:#fff;text-decoration:none}
.rl-label{display:block;font-family:'Six Caps',Roboto,sans-serif;font-weight:400;font-size:56px;line-height:1;padding:0 .02em .06em 0;text-transform:uppercase;width:-moz-fit-content;width:fit-content;background:linear-gradient(to right,#37b19c 0%,#579dd1 50%,#6d3e89 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.rl-title{margin:0;font-family:Roboto,Arial,sans-serif;font-size:46px;font-weight:500;line-height:1.15;letter-spacing:-.01em;max-width:900px;color:#fff;text-transform:none}

/* Layout */
.rl-body{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-top:44px;padding-bottom:56px}
.rl-side{flex:1 1 220px;max-width:260px;display:flex;flex-direction:column;gap:22px;font-size:14px;color:#333}
.rl-article{flex:999 1 520px;min-width:0;max-width:720px}

/* Side column */
.rl-side h2{margin:0 0 6px;font-family:Roboto,Arial,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#555;font-weight:700}
.rl-blk{display:flex;flex-direction:column;gap:4px;padding-bottom:18px;border-bottom:1px solid #e6e6e6}
.rl-blk>span,.rl-blk>time,.rl-blk>strong{font-size:16px;font-weight:500;color:#111}
.rl-blk>a{font-size:15px}
.rl-small{font-size:13px !important;font-weight:400 !important;color:#555 !important}
.rl-share{border-bottom:0}
.rl-share div{display:flex;gap:14px;flex-wrap:wrap;font-weight:500;align-items:center}
.rl-copy{background:none;border:0;padding:0;font:500 14px Roboto,Arial,sans-serif;color:#005193;cursor:pointer}
.rl-copy:hover{text-decoration:underline}
.rl-back{display:inline-block;border:2px solid #111;color:#111 !important;font-weight:700;font-size:14px;padding:10px 16px;border-radius:4px;width:-moz-fit-content;width:fit-content}
.rl-back:hover{background:#111;color:#fff !important;text-decoration:none !important}

/* Body text (ACF content) */
.rl-text p{margin:0 0 20px;font-size:17px;line-height:1.7;color:#222}
.rl-text p:first-child{font-size:19px;line-height:1.6;color:#111}
.rl-text h2,.rl-text h3,.rl-text h4{margin:32px 0 10px;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.3;color:#111}
.rl-text ul,.rl-text ol{margin:0 0 20px 22px;font-size:17px;line-height:1.7;color:#222}
.rl-text img{max-width:100%;height:auto}
.rl-text a{font-weight:500}
.rl-rule{height:4px;background:linear-gradient(to right,#37b19c 0%,#579dd1 50%,#6d3e89 100%);border-radius:2px;margin:36px 0 28px}

/* Related */
.rl-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.rl-card{display:flex;flex-direction:column;gap:10px;border:1px solid #e6e6e6;border-radius:6px;padding:20px}
.rl-meta{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#555;font-weight:500}
.rl-card a{color:#111;font-weight:500;font-size:17px;line-height:1.35}
.rl-card a:hover{color:#005193}

/* Components other than the body (promo, related carousel, video) keep theme styling */
.rl-article .page-section{padding-left:0;padding-right:0}

/* Phones */
@media (max-width:760px){
  .rl-title{font-size:32px}
  .rl-label{font-size:44px}
  .rl-side{max-width:none;flex-basis:auto;width:100%}
  .rl-body{gap:32px}
}