/* ORCi redesign - mobile first, Bootstrap 5.3 overrides */
:root{
  --orci-black:#0b0d10;
  --orci-charcoal:#15191f;
  --orci-panel:#1c222b;
  --orci-line:#2b333f;
  --orci-blue:#0b5ed7;
  --orci-blue-dark:#0846a8;
  --orci-amber:#ffc400;
  --orci-text:#e9edf2;
  --orci-muted:#9aa5b4;
  --bs-body-bg:var(--orci-black);
  --bs-body-color:var(--orci-text);
  --bs-link-color:var(--orci-amber);
  --bs-link-hover-color:#fff;
}
html{scroll-behavior:smooth}
body{font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.0625rem;line-height:1.55;background:var(--orci-black)}
h1,h2,h3,h4,h5,.display-font{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
a{text-decoration:none}

/* chequered strip */
.chequer{height:14px;background:
  conic-gradient(#fff 25%,#000 0 50%,#fff 0 75%,#000 0) 0 0/28px 28px}
.chequer-thin{height:8px;background:conic-gradient(#fff 25%,#000 0 50%,#fff 0 75%,#000 0) 0 0/16px 16px}

/* header */
.site-header{position:sticky;top:0;z-index:1030;background:rgba(11,13,16,.96);backdrop-filter:blur(6px);border-bottom:3px solid var(--orci-blue)}
.site-header .navbar{padding:.4rem 0}
.site-header .brand img{height:52px;width:auto}
.navbar-toggler{border:2px solid var(--orci-line);color:#fff}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(11,94,215,.45)}
.navbar-nav .nav-link{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;color:var(--orci-text);padding:.75rem 0;border-bottom:1px solid var(--orci-line)}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--orci-amber)}
.dropdown-menu{background:var(--orci-panel);border:1px solid var(--orci-line);border-radius:0}
.dropdown-item{color:var(--orci-text);padding:.6rem 1rem}
.dropdown-item:hover{background:var(--orci-blue);color:#fff}
.hash{color:var(--orci-blue)}
@media(min-width:992px){
  .site-header .brand img{height:64px}
  .navbar-nav .nav-link{border:0;padding:.5rem 1rem;position:relative}
  .navbar-nav .nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.15rem;height:3px;background:var(--orci-blue);transform:scaleX(0);transition:transform .2s}
  .navbar-nav .nav-link:hover::after{transform:scaleX(1)}
}

/* hero */
.hero{position:relative;background:#000}
.hero .carousel-item{height:62vh;min-height:360px;max-height:640px}
.hero .carousel-item img{width:100%;height:100%;object-fit:cover;opacity:.7}
.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(11,13,16,.95) 100%);pointer-events:none}
.hero-overlay .container{padding-bottom:2.5rem;pointer-events:auto}
.hero h1{font-size:clamp(2.6rem,9vw,5.5rem);margin:0 0 .5rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hero h1 span{color:var(--orci-blue)}
.hero p.lead{max-width:34rem;color:var(--orci-text)}
.hero .carousel-indicators{margin-bottom:.4rem}

/* buttons */
.btn-orci{--bs-btn-bg:var(--orci-blue);--bs-btn-border-color:var(--orci-blue);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--orci-blue-dark);--bs-btn-hover-border-color:var(--orci-blue-dark);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--orci-blue-dark);
  font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0;padding:.7rem 1.6rem;font-size:1.15rem;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.btn-orci-outline{--bs-btn-color:#fff;--bs-btn-border-color:#fff;--bs-btn-hover-bg:#fff;--bs-btn-hover-color:#000;--bs-btn-hover-border-color:#fff;border-radius:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.7rem 1.6rem;font-size:1.15rem}

/* section headings */
.section{padding:3rem 0}
.section-title{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.9rem,6vw,2.8rem);margin-bottom:1.5rem}
.section-title::before{content:"";width:10px;height:1.1em;background:var(--orci-blue);transform:skewX(-18deg);flex:none}
.section-title a.view-all{margin-left:auto;font-size:1rem;font-family:'Barlow',sans-serif;font-weight:600;text-transform:none;letter-spacing:0;white-space:nowrap}

/* quick tiles */
.tile{position:relative;display:block;height:100%;padding:1.5rem 1.25rem;background:var(--orci-panel);border:1px solid var(--orci-line);border-left:6px solid var(--orci-blue);color:#fff;transition:transform .15s,background .15s}
.tile:hover{transform:translateY(-3px);background:#232b36;color:#fff}
.tile .tile-tag{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2rem;text-transform:uppercase;line-height:1}
.tile .tile-tag em{font-style:normal;color:var(--orci-blue)}
.tile p{margin:.4rem 0 0;color:var(--orci-muted);font-size:.95rem}
.tile i{position:absolute;right:1rem;top:1rem;font-size:1.6rem;color:var(--orci-amber)}

/* news cards */
.news-card{height:100%;background:var(--orci-panel);border:1px solid var(--orci-line);border-radius:0;overflow:hidden;transition:transform .15s,border-color .15s}
.news-card:hover{transform:translateY(-3px);border-color:var(--orci-blue)}
.news-card .thumb{aspect-ratio:16/9;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.news-card .thumb img{max-width:70%;max-height:80%;object-fit:contain}
.news-card .thumb img.cover{max-width:100%;max-height:none;width:100%;height:100%;object-fit:cover}
.news-card .card-body{padding:1rem 1.1rem 1.2rem}
.news-card h3{font-size:1.45rem;margin:.2rem 0 0}
.news-card h3 a{color:#fff}
.news-card h3 a:hover{color:var(--orci-amber)}
.news-date{font-size:.85rem;color:var(--orci-muted);text-transform:uppercase;letter-spacing:.06em}

/* most popular */
.popular{list-style:none;margin:0;padding:0;counter-reset:pop}
.popular li{counter-increment:pop;display:flex;gap:.9rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--orci-line)}
.popular li::before{content:counter(pop);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.7rem;line-height:1;color:var(--orci-blue);min-width:1.6rem}
.popular a{color:var(--orci-text);font-weight:600}
.popular a:hover{color:var(--orci-amber)}

/* events */
.events-wrap{background:var(--orci-charcoal);border-top:1px solid var(--orci-line);border-bottom:1px solid var(--orci-line)}
.event-row{display:flex;gap:1rem;align-items:stretch;background:var(--orci-panel);border:1px solid var(--orci-line);margin-bottom:.75rem}
.event-date{flex:none;width:76px;background:var(--orci-blue);color:#fff;text-align:center;padding:.6rem .2rem;display:flex;flex-direction:column;justify-content:center}
.event-date .d{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2.2rem;line-height:1}
.event-date .m{text-transform:uppercase;font-weight:700;font-size:.85rem;letter-spacing:.08em}
.event-info{padding:.7rem .5rem .7rem 0;flex:1}
.event-info h3{font-size:1.35rem;margin:0}
.event-info .loc{color:var(--orci-muted);font-size:.95rem}
.event-go{align-self:center;padding-right:1rem;color:var(--orci-amber);font-size:1.3rem}
.notice{background:rgba(255,196,0,.1);border-left:4px solid var(--orci-amber);padding:.7rem 1rem;color:var(--orci-text);font-size:.95rem}

/* formulas */
.formula{display:flex;align-items:center;gap:.6rem;height:100%;padding:.85rem 1rem;background:var(--orci-panel);border:1px solid var(--orci-line);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.03em;transition:background .15s,border-color .15s}
.formula::before{content:"";width:8px;height:22px;background:var(--orci-blue);transform:skewX(-18deg);flex:none}
.formula:hover{background:var(--orci-blue);border-color:var(--orci-blue);color:#fff}
.formula:hover::before{background:#fff}

/* tracks */
.track{display:block;height:100%;padding:1rem 1.1rem;background:var(--orci-panel);border:1px solid var(--orci-line);color:var(--orci-text);transition:border-color .15s}
.track:hover{border-color:var(--orci-amber);color:var(--orci-text)}
.track h3{font-size:1.5rem;margin:0 0 .25rem;color:#fff}
.track address{margin:0;color:var(--orci-muted);font-size:.92rem;font-style:normal}
.track i{color:var(--orci-blue);margin-right:.35rem}

/* footer */
.site-footer{background:#000;color:var(--orci-muted);font-size:.92rem;margin-top:0}
.site-footer .footer-logo{height:64px}
.site-footer h4{color:#fff;font-size:1.2rem;margin-bottom:.75rem}
.site-footer a{color:var(--orci-muted)}
.site-footer a:hover{color:var(--orci-amber)}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{padding:.2rem 0}
.footer-base{border-top:1px solid var(--orci-line);padding:1rem 0;font-size:.85rem}

.text-danger{color:var(--orci-blue)!important}
:focus-visible{outline:3px solid var(--orci-amber);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---- additions for the Telos CMS build ---- */
.announcement-bar{background:var(--orci-blue);color:#fff;text-align:center;padding:.5rem 1rem;font-weight:600}
.announcement-bar a{color:#fff;text-decoration:underline}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:#000;color:#fff;padding:1rem 0;border-top:3px solid var(--orci-blue)}
.hero .carousel-indicators [data-bs-target]{background-color:#fff}
.article-body{overflow-wrap:anywhere}
.article-body img{max-width:100%;height:auto}
.article-body h2,.article-body h3{margin:1.4rem 0 .6rem}
.article-body table{width:100%;margin:1rem 0;border-collapse:collapse}
.article-body th,.article-body td{padding:.5rem .75rem;border-bottom:1px solid var(--orci-line)}
.article-body thead th,.article-body tr:first-child th{background:var(--orci-panel);color:#fff}
.article .crumb{margin-bottom:1rem}
.lead-img{max-width:100%;height:auto}
.pic-card{display:flex;align-items:flex-end;min-height:190px;padding:1rem;background:var(--orci-panel) center/cover no-repeat;border:1px solid var(--orci-line);color:#fff;position:relative;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.4rem;line-height:1.1}
.pic-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.85));pointer-events:none}
.pic-card span{position:relative}
.pic-card small{font-family:'Barlow',sans-serif;text-transform:none;font-size:.9rem;color:var(--orci-text)}
a.pic-card:hover{color:#fff;border-color:var(--orci-amber)}
.doc{display:flex;gap:.9rem;align-items:center;height:100%;padding:1rem;background:var(--orci-panel);border:1px solid var(--orci-line);color:var(--orci-text);position:relative}
.doc i{font-size:2rem;color:var(--orci-amber)}
.doc b{display:block;color:#fff}
.doc small{display:block;color:var(--orci-muted)}
.doc em{margin-left:auto;font-style:normal;font-size:.85rem;color:var(--orci-amber);white-space:nowrap}
.doc:hover{border-color:var(--orci-amber);color:var(--orci-text)}
.pagination .page-link{background:var(--orci-panel);border-color:var(--orci-line);color:#fff;border-radius:0}
.pagination .active .page-link,.pagination .page-item.active .page-link{background:var(--orci-blue);border-color:var(--orci-blue)}
.cal-feed{display:flex;flex-wrap:wrap;gap:.5rem}
.contact-form label,.form-control{color:var(--orci-text)}
.section form label{display:block;margin:.8rem 0 .25rem;font-weight:600}
.section form input,.section form select,.section form textarea{width:100%;padding:.6rem .75rem;background:var(--orci-panel);border:1px solid var(--orci-line);color:#fff;border-radius:0}
.section form textarea{min-height:150px}
.section form button,.section form input[type=submit]{width:auto;background:var(--orci-blue);border:0;color:#fff;padding:.7rem 1.6rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-top:1px solid var(--orci-line);padding-top:1rem;margin-top:2rem}
.share__label{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.2rem;margin-right:.5rem}
.share__btn{display:inline-flex;gap:.4rem;padding:.35rem .9rem;border:1px solid var(--orci-line);background:var(--orci-panel);color:#fff;font-weight:600}
.share__btn:hover{background:var(--orci-blue);color:#fff}
.share__btn[hidden]{display:none}
.share__btn i{display:none}

.site-header .brand img{padding:3px 0}
.site-footer .footer-logo{padding:4px 0}