/* ------------------------------------------------------------------
   Made Simple - dark theme
   Inverts the site to black with gold, so the black-and-gold logo can
   be used as supplied and the brand gold becomes legible: #DC9B27 is
   only 2.40:1 on white but 8.19:1 on this background.
   Loaded last, and overrides only colour - no layout is touched.
   ------------------------------------------------------------------ */
:root{
  --ms-bg:#0d0b0b;          /* page */
  --ms-panel:#171313;       /* cards and raised blocks */
  --ms-panel-2:#1f1a18;     /* alternating bands */
  --ms-line:#2a2320;        /* hairlines */
  --ms-gold:#dc9b27;        /* brand gold */
  --ms-gold-hi:#f5da7e;
  --ms-gold-lo:#ac7b26;
  --ms-text:#ece7dc;        /* body copy - 15:1, comfortable to read */
  --ms-muted:#b0a696;
  --ms-dark:#231f20;        /* text that sits on gold */
}

/* Bootstrap drives most colour through these. */
body{
  --bs-body-bg:var(--ms-bg);
  --bs-body-color:var(--ms-text);
  --bs-emphasis-color:var(--ms-text);
  --bs-secondary-color:var(--ms-muted);
  --bs-border-color:var(--ms-line);
  background-color:var(--ms-bg) !important;
  color:var(--ms-text);
}
html{background:var(--ms-bg)}

/* Surfaces that used to be white. */
.PwhiteBack,.Pwhiteish,.Pwhitesmoke,.Pgray,
.bg-white,.bg-light,.bg-body,.bg-body-tertiary{
  background-color:var(--ms-bg) !important;
  background-image:none !important;
  color:var(--ms-text) !important;
}
section,.content-section{background-color:transparent}

/* Cards - there are 300+ of them and they default to white. */
html body .card,html body .card-body,html body .accordion-item,html body .accordion-button,html body .modal-content,html body .list-group-item{
  background-color:var(--ms-panel) !important;
  color:var(--ms-text) !important;
  border-color:var(--ms-line) !important;
}
.card-shadow,.shadow,.shadow-sm,.shadow-lg{box-shadow:0 6px 26px rgba(0,0,0,.55) !important}

/* Headings and accents carry the gold. Body copy stays warm off-white,
   which is far easier to read at length than gold on black. */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--ms-gold) !important}
a{color:var(--ms-gold)}
a:hover{color:var(--ms-gold-hi)}
.text-dark,.text-black,.text-body{color:var(--ms-text) !important}
.text-muted,.text-secondary{color:var(--ms-muted) !important}
p,li,span,td,th,dd,dt,label,figcaption{color:inherit}

/* The gold bar keeps dark text on it. */
.Predish,.Predish a,.Predish .nav-link,.Predish .navbar-brand{color:var(--ms-dark) !important}
.Pblackish{background-color:var(--ms-panel) !important}

/* Forms need to stop being white boxes. */
.form-control,.form-select,textarea,input[type=text],input[type=email],input[type=tel]{
  background-color:var(--ms-panel-2) !important;
  color:var(--ms-text) !important;
  border-color:var(--ms-line) !important;
}
.form-control::placeholder{color:#8a8175 !important}
.form-control:focus{border-color:var(--ms-gold) !important;
  box-shadow:0 0 0 .2rem rgba(220,155,39,.22) !important}

/* Separators */
hr,.exp-separator,.separator{border-color:var(--ms-line) !important;opacity:1}
.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--ms-line) !important}

/* Tables */
.table{--bs-table-bg:transparent;--bs-table-color:var(--ms-text);
       --bs-table-border-color:var(--ms-line)}

/* Navbar collapse panel on mobile */
.navbar-collapse{background-color:transparent}

/* ------------------------------------------------------------------
   Custom surfaces. These are declared in per-page <style> blocks rather
   than Bootstrap classes, so the generic .card rule above never reached
   them - they stayed white islands on the dark page.
   ------------------------------------------------------------------ */
html body .description-box,
html body .contact__wrapper,
html body .cardnews,
html body .Pcard-back,
html body .resume-experience,
html body .single_advisor_profile .single_advisor_details_info,
html body article{
  background-color:var(--ms-panel) !important;
  color:var(--ms-text) !important;
  border-color:var(--ms-line) !important;
}
html body .description-box p,html body .cardnews p,html body .contact__wrapper p,html body article p{color:var(--ms-text) !important}
.single_advisor_profile .advisor_thumb::after,
.single_advisor_profile:focus .single_advisor_details_info::after{
  background-color:var(--ms-panel) !important;
}
ul.i-list.medium.bordered .icon,
.jobster-candidate-timeline .jobster-timeline-icon,
.profile .jobster-user-info .profile-avatar i{
  background-color:var(--ms-panel-2) !important;color:var(--ms-gold) !important;
}
.resume-experience:before{background-color:var(--ms-line) !important}

/* The second navbar is not navbar-dark, so its links stayed near-black
   and disappeared against the new background. */
.navbar:not(.Predish) .nav-link,
.navbar:not(.Predish) .navbar-brand,
.navbar:not(.Predish) .nav-link span{
  color:var(--ms-text) !important;
}
.navbar:not(.Predish) .nav-link:hover{color:var(--ms-gold) !important}
.navbar-toggler{border-color:var(--ms-line)}
.navbar-toggler-icon{filter:invert(1) grayscale(1) brightness(1.6)}

/* Phone pill in the header was a light chip on white. */
.navbar .btn-light,.navbar .bg-light,.navbar .rounded-pill{
  background-color:var(--ms-panel-2) !important;color:var(--ms-text) !important;
  border-color:var(--ms-line) !important;
}

/* Headings inside gold blocks must stay dark, not turn gold on gold. */
.Predish h1,.Predish h2,.Predish h3,.Predish h4,.Predish h5,.Predish h6{
  color:var(--ms-dark) !important;
}

/* ------------------------------------------------------------------
   Inverted bands: the blocks that were black before this theme now go
   light, so the page alternates. Every one of them is marked
   "Pblackish text-white", so the text has to flip too - left white it
   would be invisible on the new background.
   ------------------------------------------------------------------ */
.Pblackish{
  background-color:#f4f1ea !important;   /* warm off-white, not stark white */
  color:var(--ms-dark) !important;
}
.Pblackish.text-white,
.Pblackish .text-white,
.Pblackish p,.Pblackish li,.Pblackish span,.Pblackish td,.Pblackish div,
.Pblackish small,.Pblackish label{
  color:var(--ms-dark) !important;
}
/* Headings in these bands need the deepened gold - the brand gold is
   2.40:1 on a light ground and would be unreadable. */
.Pblackish h1,.Pblackish h2,.Pblackish h3,
.Pblackish h4,.Pblackish h5,.Pblackish h6{
  color:#dc9b27 !important;
}
.Pblackish a{color:#dc9b27 !important}
.Pblackish a:hover{color:var(--ms-gold-lo) !important}
.Pblackish hr,.Pblackish .border,.Pblackish [class*="border-"]{
  border-color:rgba(0,0,0,.14) !important;
}

/* --- corrections inside the inverted bands ------------------------- */
/* The subscribe button is .btn-dark; the blanket text rule above turned
   its label dark as well, leaving dark-on-dark. */
.Pblackish .btn-dark,
.Pblackish .btn-dark span{
  background-color:var(--ms-dark) !important;
  color:#ffffff !important;
  border-color:var(--ms-dark) !important;
}
.Pblackish .btn-dark:hover{background-color:#3a3330 !important}
/* Inputs in a light band should be light, not the dark-theme field. */
.Pblackish .form-control,
.Pblackish .bg-light,
.Pblackish input[type=email],
.Pblackish input[type=text]{
  background-color:#ffffff !important;
  color:var(--ms-dark) !important;
  border-color:rgba(0,0,0,.18) !important;
}
.Pblackish .form-control::placeholder{color:#6d665e !important}
/* Keep the mark itself untinted by the band's text colour. */
.Pblackish img{opacity:1}

/* ------------------------------------------------------------------
   Writing sections on the landing page, carried on the same warm
   off-white as the Our Strategy band so the page reads as alternating
   bands rather than one long dark field.
   These blocks are full of .text-white, which has to flip with them.
   ------------------------------------------------------------------ */
.ms-light{
  background-color:#f4f1ea !important;
  background-image:none !important;
  color:var(--ms-dark) !important;
}
.ms-light .text-white,
.ms-light p,.ms-light li,.ms-light span,.ms-light div,
.ms-light td,.ms-light small,.ms-light label,.ms-light .lead{
  color:var(--ms-dark) !important;
}
.ms-light h1,.ms-light h2,.ms-light h3,
.ms-light h4,.ms-light h5,.ms-light h6{
  color:#dc9b27 !important;           /* brand gold is 2.40:1 on light */
}
.ms-light a{color:#dc9b27 !important}
.ms-light a:hover{color:var(--ms-gold-lo) !important}
.ms-light .text-muted,.ms-light .text-secondary{color:#6d665e !important}
.ms-light hr,.ms-light .border,.ms-light [class*="border-"]{
  border-color:rgba(0,0,0,.14) !important;
}
/* Cards sitting inside a light band go white, not the dark panel. */
.ms-light .card,.ms-light .card-body,.ms-light .description-box,
.ms-light .cardnews,.ms-light article{
  background-color:#ffffff !important;
  color:var(--ms-dark) !important;
  border-color:rgba(0,0,0,.12) !important;
}
.ms-light .description-box p,.ms-light .card p,.ms-light article p{
  color:var(--ms-dark) !important;
}
/* Dark buttons keep their white label inside light bands. */
.ms-light .btn-dark,.ms-light .btn-dark span{
  background-color:var(--ms-dark) !important;color:#fff !important;
}
/* Gold buttons keep dark text, as everywhere else. */
.ms-light .Predish,.ms-light .read-more-btn,.ms-light .btn-custom-red{
  color:var(--ms-dark) !important;
}

/* A light band applied to a bare .row needs its own breathing room -
   rows carry no padding of their own. */
.row.ms-light{padding:38px 22px;border-radius:0}
/* The hero row scales on hover; keep the band from scaling with it. */
.row.ms-light.row-movement:hover{transform:none}

/* Page-level <style> blocks sit after this file in document order, so a
   plain .bg-white rule loses the tie. Raise specificity to win it. */
body .bg-white,body .bg-light,body .bg-body,body .bg-body-tertiary{
  background-color:var(--ms-bg) !important;color:var(--ms-text) !important;
}
body .bg-white.text-dark,body .bg-white .text-dark{color:var(--ms-text) !important}
body .bg-white h1,body .bg-white h2,body .bg-white h3{color:var(--ms-gold) !important}
/* but inside a light band those blocks stay light */
.ms-light .bg-white,.Pblackish .bg-white{
  background-color:#ffffff !important;color:var(--ms-dark) !important;
}
.ms-light .bg-white h1,.ms-light .bg-white h2,.ms-light .bg-white h3,
.Pblackish .bg-white h1,.Pblackish .bg-white h2,.Pblackish .bg-white h3{
  color:#dc9b27 !important;
}

/* ------------------------------------------------------------------
   Trusted By Partners: the band itself stays dark, but the testimonial
   cards on it stay white with dark copy - they read as quoted cards
   lifted off the page rather than part of it.
   ------------------------------------------------------------------ */
.ms-cards-light{background-color:transparent !important;color:var(--ms-text) !important}
.ms-cards-light h1,.ms-cards-light h2{color:var(--ms-gold) !important}

.ms-cards-light .card,
.ms-cards-light .cardnews,
.ms-cards-light .card-body{
  background-color:#ffffff !important;
  border-color:rgba(0,0,0,.10) !important;
}
.ms-cards-light .cardnews-title,
.ms-cards-light .card-title{color:#dc9b27 !important}   /* readable gold on white */
.ms-cards-light .cardnews-text,
.ms-cards-light .card p,
.ms-cards-light .card span,
.ms-cards-light .card li,
.ms-cards-light .card .text-sm{color:var(--ms-dark) !important}
.ms-cards-light .card .text-muted{color:#6d665e !important}
/* the circular avatar plate on each card */
.ms-cards-light .bg-white.rounded-circle{background-color:#ffffff !important}