/* News Page Template (template-news.php). Loads only on that template.
   Brand: black/white foundation, SRO accents, Roboto body, Six Caps display. */

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

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

/* Hero */
.nr-hero{background:#000;color:#fff;padding:96px 0 48px}
.nr-crumbs{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#b8b8b8;font-weight:500;margin:0 0 14px}
.nr-crumbs a{color:#b8b8b8}
.nr-crumbs .breadcrumb{background:none;padding:0;margin:0}
/* Gradient text only paints inside the line box, so keep line-height at 1 and
   pad the box; a tighter line-height clips the bottom of the letters. */
.nr-title{margin:0;font-family:'Six Caps',Roboto,sans-serif;font-weight:400;font-size:150px;line-height:1;padding:0 .02em .06em 0;text-transform:uppercase;letter-spacing:.01em;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}
.nr-sub{margin:14px 0 0;font-size:20px;font-weight:300;line-height:1.5;color:#e6e6e6;max-width:640px}

/* Layout */
.nr-body{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-top:40px;padding-bottom:56px}
.nr-main{flex:999 1 560px;min-width:0}
.nr-rail{flex:1 1 300px;max-width:360px;display:flex;flex-direction:column;gap:32px}

/* Featured */
.nr-featured{display:flex;gap:28px;align-items:center;padding-bottom:28px;border-bottom:2px solid #111}
.nr-featured-media{flex:0 1 320px;min-width:220px;display:block}
.nr-featured-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block}
.nr-featured-body{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px}
.nr-featured-title{margin:0;font-size:30px;font-weight:500;line-height:1.2}
.nr-featured-title a{color:#111}
.nr-orb{display:block;width:100%;aspect-ratio:4/3;border-radius:4px;position:relative;background:#579dd1;background-image:radial-gradient(circle at 25% 30%,#37b19c 0%,rgba(55,177,156,0) 55%),radial-gradient(circle at 78% 70%,#6d3e89 0%,rgba(109,62,137,0) 60%),radial-gradient(circle at 60% 20%,#b7f184 0%,rgba(183,241,132,0) 35%)}
.nr-orb-mark{position:absolute;right:16px;bottom:16px;width:22px;height:22px;background:#fff;transform:rotate(45deg)}

/* Meta */
.nr-meta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:500;color:#555}
.nr-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:#f3eef7;color:#6d3e89;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.nr-pill.is-coverage{background:#e6f6f2;color:#0f6e5e}
.nr-dateline{color:#555}
.nr-summary{margin:0;font-size:15px;line-height:1.55;color:#333}
.nr-featured .nr-summary{font-size:16px;line-height:1.6}
.nr-byline{margin:0;font-size:13px;color:#555}
.nr-more{font-weight:700}

/* Show row */
.nr-show{display:flex;gap:18px;align-items:center;padding:20px 0 0;flex-wrap:wrap;font-size:14px}
.nr-show-label{font-weight:700}
.nr-show a span{color:#555;font-weight:400;margin-left:4px}
.nr-show a.is-on{font-weight:700;color:#111;border-bottom:2px solid #111}
.nr-show-order{margin-left:auto;color:#555}

/* Year groups and rows */
.nr-year{font-family:'Six Caps',Roboto,sans-serif;font-weight:400;font-size:72px;line-height:.9;color:#111;margin:40px 0 4px}
.nr-row{display:flex;gap:28px;padding:22px 0;border-bottom:1px solid #e6e6e6;align-items:flex-start}
.nr-row time{flex:0 0 120px;font-size:14px;font-weight:500;color:#555;padding-top:4px}
.nr-row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.nr-page .nr-row-title{color:#111;font-size:22px;font-weight:500;line-height:1.3}
.nr-page .nr-row-title:hover{color:#005193}
.nr-page .nr-rail-block h3{font-family:Roboto,Arial,sans-serif}
.nr-older{margin-top:28px}
.nr-older>summary{list-style:none;cursor:pointer;display:inline-block;border:2px solid #111;background:#fff;color:#111;font-weight:700;font-size:15px;padding:14px 28px;border-radius:4px}
.nr-older>summary::-webkit-details-marker{display:none}
.nr-older[open]>summary{margin-bottom:8px}

/* Rail */
.nr-contact{border:1px solid #e6e6e6;border-radius:6px;overflow:hidden}
.nr-contact-head{background:#005193;color:#fff;padding:14px 20px;font-weight:700;font-size:15px}
.nr-contact-body{padding:18px 20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}
.nr-rail-block{display:flex;flex-direction:column;gap:10px}
.nr-rail-block h3{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#555;font-weight:700;font-family:Roboto,Arial,sans-serif}
.nr-rail-block a{font-weight:500}
.nr-rail-all{color:#555;font-weight:400;font-size:14px}
.nr-small{font-size:14px;line-height:1.6;color:#333;margin:0}
.nr-btn{display:inline-block;background:#111;color:#fff !important;font-weight:700;font-size:15px;padding:11px 18px;border-radius:4px;width:-moz-fit-content;width:fit-content}
.nr-btn:hover{background:#333;text-decoration:none !important}
.nr-rule{height:4px;background:linear-gradient(to right,#37b19c 0%,#579dd1 50%,#6d3e89 100%);border-radius:2px}

/* Phones */
@media (max-width:760px){
  .nr-title{font-size:96px}
  .nr-sub{font-size:18px}
  .nr-featured{flex-direction:column;align-items:stretch}
  .nr-featured-media{flex-basis:auto;min-width:0}
  .nr-row{flex-direction:column;gap:6px}
  .nr-row time{flex-basis:auto;padding-top:0}
  .nr-year{font-size:56px}
  .nr-rail{max-width:none}
}
