/* ------------------------------------------------------------------
   BTG Rebrand 2026 – FINAL CONSOLIDATED STYLESHEET
   Place this as the LAST custom CSS file.
------------------------------------------------------------------- */


/* ================================================================
   FONT SETUP — DM Sans (but DO NOT break icons)
================================================================= */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap');


/* Global DM Sans font, EXCEPT icons and pseudo-elements that need icon fonts */
body, body *:not(.glyphicon):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class^="icon-"]):not(.use-fa) {
    font-family: "DM Sans", Arial, sans-serif !important;
}





/* ================================================================
   BRAND TOKENS
================================================================= */
:root {
  --btg-slate: #243D51;
  --btg-orange: #FAA21B;
  --btg-text: #243D51;
}


/* ================================================================
   BASE TYPOGRAPHY
================================================================= */
body {
    color: var(--btg-text) !important;
}

h1, h2, h3, h4, h5,
.bigtitle, .bigtitle2, .bigtitle3 {
    color: var(--btg-text) !important;
    font-weight: 300 !important; /* DM Sans Light */
    letter-spacing: 0.2px;
}

.section-title,
h2.section-title {
    margin-bottom: 24px !important;
}


/* ================================================================
   LINKS
================================================================= */
a, a:visited {
    color: var(--btg-orange) !important;
}

a:hover {
    text-decoration: underline !important;
}

a:focus {
    outline: 2px solid var(--btg-slate) !important;
    outline-offset: 2px !important;
}


/* ================================================================
   BUTTON SYSTEM — BTG 2026 (Slate Primary)
================================================================= */

/* Primary Buttons (Slate) */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
input.btn-primary,
.mlogin, .nlogin {
    background-color: var(--btg-slate) !important;
    border-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
}

/* Hover */
.btn-primary:hover,
.btn.btn-primary:hover,
input.btn-primary:hover {
    background-color: #1A2E3B !important;
    border-color: #1A2E3B !important;
}

/* Outline buttons (White Background) */
.btn-outline-primary,
.btn.btn-outline-primary,
.mlogin2 {
    background-color: #FFFFFF !important;
    border: 2px solid var(--btg-slate) !important;
    color: var(--btg-slate) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
}

.btn-outline-primary:hover,
.mlogin2:hover {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}


/* ================================================================
   NAVBAR / HEADER
================================================================= */


/* === FIX: Remove white background from right-hand nav container === */




/* === NAVBAR / HEADER — FORCE SLATE THROUGH ALL WRAPPERS === */
.navbar.navbar-static-top,
.navbar.navbar-static-top .container,
.navbar.navbar-static-top .navbar-header,
.navbar.navbar-static-top .navbar-collapse,
.navbar.navbar-static-top .navbar-brand,
.navbar.navbar-static-top .menu-bar,
.navbar.navbar-static-top .weblinks,
header,
.header,
div[role="banner"] {
  background-color: #243D51 !important; /* BTG Slate */
  background-image: none !important;
  border: 0 !important;
}

/* Dropdowns and mobile panel */
.navbar-nav > li > .dropdown-menu,
#navbar {
  background-color: #243D51 !important;
}

/* Link colours on dark header */
.navbar .navbar-nav > li > a,
#navbar .navbar-nav > li > a,
#navbar a {
  color: #FFFFFF !important;
}
.navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:hover {
  color: #FAA21B !important; /* BTG Orange */
  background: transparent !important;
}

/* The vertical divider becomes invisible on dark */
.divider-vertical { border-right: none !important; }


.navbar.navbar-static-top .navbar-right,
.navbar.navbar-static-top .navbar-right .weblinks,
.navbar.navbar-static-top .navbar-right .weblinks > li,
.navbar.navbar-static-top .navbar-right .weblinks > li > a,
.navbar.navbar-static-top #navbar,
.navbar.navbar-static-top #navbar .navbar-nav {
    background: transparent !important;
}

/* Ensure right menu links are visible on slate */
.navbar.navbar-static-top .navbar-right a {
    color: #FFFFFF !important;
}

/* Mobile menu */
#navbar {
    background-color: var(--btg-slate) !important;
}

.navbar-toggle .icon-bar {
    background-color: #FFFFFF !important;
}


/* ================================================================
   HERO AREA (BACKGROUND SWOOSH / GRADIENT)
================================================================= */

#toprimg,
.section-hero,
.mainbody,
.home-hero {
    background-image: url('/bg-2026.png') !important;
    background-repeat: no-repeat !important;
    background-position: right -60px top -20px !important;
    background-size: 560px auto !important;
    background-color: #FFFFFF !important;
}


/* ================================================================
   CHECKLIST / ICON COLOUR
================================================================= */
.tick {
    color: var(--btg-orange) !important;
}


/* ================================================================
   PANELS / FAQ ACCORDIONS
================================================================= */
.fancypanel, .card {
    box-shadow: 0 6px 16px rgba(0,0,0,.08) !important;
    border-radius: 12px !important;
}

.panel-heading, .fancypanel [data-toggle="collapse"]:after {
    color: var(--btg-slate) !important;
}


/* ================================================================
   FOOTER
================================================================= */
.footerc {
    background-image: url('/footer-2026.png') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 1600px auto !important;
}

.copyright {
    background-color: var(--btg-slate) !important;
}

.footer a {
    color: #FFFFFF !important;
}


/* ================================================================
   FORM FOCUS STATES
================================================================= */
input:focus, select:focus, textarea:focus {
    border-color: var(--btg-orange) !important;
    box-shadow: 0 0 0 .2rem rgba(250,162,27, .25) !important;
}

.text-danger, .is-invalid ~ .invalid-feedback {
    color: var(--btg-orange) !important;
}


/* ================================================================
   MOBILE TWEAKS
================================================================= */
@media (max-width: 500px) {
    .navbar-toggle .icon-bar { background-color: #FFFFFF !important; }
}



/* Trophy icon colour and spacing */
.smalldescription .fa-trophy {
    color: #FAA21B !important; /* BTG orange */
    margin-right: 6px;
}

/* Tagline text colour */
.smalldescription {
    color: #243D51 !important; /* BTG Slate */
    font-weight: 500;
}


/* Rebrand: section banner to Slate */
.section2banner {
    background-color: #243D51 !important;   /* BTG Slate */
    border-color: #243D51 !important;
}

/* Text colour stays white */
.section2bannertext {
    color: #FFFFFF !important;
}

/* Text colour stays white */
.paneltitle, .nav-tabs a {
    color: #243D51 !important;
}


/* ============================================================
   BTG 2026 — Remove ALL Default Green (Post-login pages)
   ============================================================ */

/* ----- Remove Bootstrap green from active list-group items ----- */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: var(--btg-slate) !important;
    border-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}

/* Left menu items (Security / Profile / Change Password) */
.weblinks .list-group-item,
.nav-profile .list-group-item {
    border-radius: 4px !important;
    border: 1px solid var(--btg-slate) !important;
    color: var(--btg-slate) !important;
}
.weblinks .list-group-item:hover,
.nav-profile .list-group-item:hover {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}

/* ----- Breadcrumb links ----- */
.breadcrumb > li > a {
    color: var(--btg-orange) !important;
}
.breadcrumb > .active {
    color: var(--btg-slate) !important;
}

/* ----- Global nuke of Bootstrap "success" styling ----- */
.text-success,
a.text-success,
.badge-success,
.alert-success,
.bg-success,
.btn-success {
    color: var(--btg-slate) !important;
    background-color: transparent !important;
    border-color: var(--btg-slate) !important;
}

/* ----- Alerts (success, warning, danger) restyled to brand ----- */
.alert-success {
    background-color: #e2f0ff !important;
    border-color: var(--btg-slate) !important;
    color: var(--btg-slate) !important;
}

/* ----- Field labels (to avoid green-ish hues) ----- */
.field-label,
label,
.control-label {
    color: var(--btg-slate) !important;
}

/* ----- Sidebar panel headings ----- */
.panel-title,
.nav-profile .panel-heading {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}

/* ----- Highlighting of selected "Change Password" link ----- */
.nav-profile .list-group-item.active .xrm-attribute-value,
.nav-profile .list-group-item.active span {
    color: #FFFFFF !important;
}

/* ----- All hyperlinks inside forms, grids, sidebars ----- */
#mainContent a:not(.btn),
.entity-form a:not(.btn),
.list-group-item a:not(.btn),
.panel a:not(.btn) {
    color: var(--btg-orange) !important;
}
#mainContent a:hover:not(.btn) {
    text-decoration: underline !important;
}

/* ===========================
   BTG – Forgot password button
   =========================== */


a.btn.btn-default[href*="/Account/Login/ForgotPassword"],
a.btn.btn-default[title*="Forgot your password"] {
  background-color: #ffffff !important;
  color: var(--btg-slate) !important;
  border: 2px solid var(--btg-slate) !important;
}
a.btn.btn-default[href*="/Account/Login/ForgotPassword"]:hover,
a.btn.btn-default[title*="Forgot your password"]:hover {
  background-color: var(--btg-slate) !important;
  color: #ffffff !important;
}

/* ============================================================
   BTG 2026 – Profile Sidebar Navigation Fix
   ============================================================ */

/* Base styling for all sidebar items */
.weblinks.list-group .list-group-item,
.nav-profile .list-group-item {
    background-color: #FFFFFF !important;
    border: 1px solid var(--btg-slate) !important;
    color: var(--btg-slate) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
}

/* Hover behaviour */
.weblinks.list-group .list-group-item:hover,
.nav-profile .list-group-item:hover {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}

/* ACTIVE state (Bootstrap normally applies green) */
.weblinks.list-group .list-group-item.active,
.weblinks.list-group .list-group-item.active:hover,
.nav-profile .list-group-item.active,
.nav-profile .list-group-item.active:hover {
    background-color: var(--btg-slate) !important;
    border-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
}

/* The text span inside the anchors */
.weblinks .weblink-name,
.nav-profile .xrm-attribute-value {
    color: inherit !important;
}

/* Panel heading "Security" */
.nav-profile .panel-heading {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
    border-radius: 6px 6px 0 0 !important;
}
.nav-profile .panel-title span {
    color: #FFFFFF !important;
}

/* BTG 2026 — Dropdown: eliminate border-jump */

/* Default dropdown items */
.navbar .dropdown-menu > li > a {
    background-color: var(--btg-slate) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--btg-slate) !important;   /* fixed border so no jump */
    padding: 10px 16px !important;                   /* prevents text shift */
    display: block !important;
}

/* Hover/focus state — change ONLY text colour */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
    background-color: var(--btg-slate) !important;   /* keep same background */
    color: var(--btg-orange) !important;             /* brand highlight */
    border: 1px solid var(--btg-slate) !important;   /* same border = no jump */
    text-decoration: none !important;
}

/* Power Pages 'open' override */
.navbar .dropdown.open .dropdown-menu > li > a:hover {
    background-color: var(--btg-slate) !important;
    color: var(--btg-orange) !important;
    border: 1px solid var(--btg-slate) !important;
}

/* BTG 2026 – Fix entity grid text (make slate, not orange) */
.entitylist,
.entity-grid,
.entitylist a,
.entity-grid a,
.entitylist td,
.entity-grid td,
.entitylist th,
.entity-grid th {
    color: var(--btg-slate) !important;
}

/* Optional (recommended): remove link underline on hover */
.entitylist a:hover,
.entity-grid a:hover {
    color: var(--btg-slate) !important;
    text-decoration: underline !important; /* or none */
}

/* Column headers that sometimes use strong/bolder */
.entity-grid thead th,
.entitylist thead th {
    color: var(--btg-slate) !important;
    font-weight: 600 !important;
}

/* BTG 2026 — FORCE main page headings to slate (highest specificity) */

/* Common page header containers */
.page-header > h1,
.page-header h1,
.page-heading > h1,
.page-heading h1,
.container .page-header h1,
.container .page-heading h1 {
    color: var(--btg-slate) !important;
}

/* Web Form versions (Power Pages webform headings) */
div[role="main"] h1,
div[role="main"] h2,
div[role="main"] .page-header h1,
div[role="main"] .page-header h2 {
    color: var(--btg-slate) !important;
}

/* XRM editable field wrappers */
.xrm-attribute-value h1,
.xrm-attribute-value h2,
.xrm-editable-text h1,
.xrm-editable-text h2 {
    color: var(--btg-slate) !important;
}

/* Catch-all for stubborn heading styles */
h1.callouttitle,
h1.page-title,
h1[class*="title"] {
    color: var(--btg-slate) !important;
}

/* BTG 2026 — Override green heading colour from style.css */
.xrm-attribute-value,
.xrm-attribute-value *,
.page-copy .xrm-attribute-value,
.page-copy .xrm-attribute-value *,
div.xrm-attribute-value,
div.xrm-attribute-value * {
    color: var(--btg-slate) !important;
}

/* BTG 2026 — FAQ Question Styling */
.paneltitle,
.panel-heading .paneltitle,
.accordion-toggle.paneltitle {
    color: var(--btg-slate) !important;
    font-weight: 700 !important;   /* bold slate */
    text-decoration: none !important;
}

/* Optional: hover state */
.paneltitle:hover {
    color: var(--btg-slate) !important;  /* keep slate */
    text-decoration: underline !important;
}

/* BTG 2026 — Force FAQ question titles to bold slate */
.panel .panel-heading .paneltitle,
.panel .panel-heading a.paneltitle,
.panel .panel-heading h4 a.paneltitle {
    color: var(--btg-slate) !important;
    font-weight: 700 !important;
}

#tytop {
    background: rgb(0, 101, 103);
    background: linear-gradient(133deg, rgba(255, 104, 29, 1) 62%, rgba(253, 219, 0, 1) 100%);
    width: 100%;
    height: 130px;
}