@charset "UTF-8";
/* CSS Document */

/* ==================================
   RESET / BASE STYLES  (USED)
================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
* { box-shadow: none !important; }

:root {
  --background-color: black;
  --body-font-family: 'Roboto Condensed', sans-serif;
  --body-font-size: 1.1rem;
  --body-font-color: black;
}

html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem;
  background-color: white !important;
  color: black;
}

/* (Not used on this page; keep if you later lock scroll) */
/*
body.lock-scroll,
.lock-scroll { overflow: hidden; }
*/

/* Header tag styling is redundant with Bootstrap fixed-top navbar on this page */
/*
header {
  position: fixed;
  top: -100px;
  width: 100%;
  transition: top 0.5s ease;
  z-index: 1000;
}
header.visible-header { top: 0; }
*/

/* Section padding not needed (Bootstrap spacing used) */
/*
section { padding-top: 40px; margin-top: -40px; }
*/

.row {
  padding: 0;
  margin: 0;
}

.container-fluid {
  width: 100vw;
  padding: 0;
  margin: 0;
  position: relative;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container {
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
  padding: 0;
}

/* Not used on this page */
/*
.render-menu-container {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.image-row { display:flex; gap:20px; }
*/

/* ==================================
   ELEMENT SELECTORS  (USED)
================================== */
h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 0rem; padding: 0; }

h1 {
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 900;
}

h2 {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 300;
  padding-top: 0;
  margin-top: 0;
  color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
}

/* Not used on this page */
/*
h3 { font-size: 1.5rem; line-height: 2.1rem; font-weight: 500; }
h4 { font-size: 1.25rem; line-height: 2rem; font-weight: 500; }
h6 { font-size: 1.2rem; line-height: 1.8rem; font-weight: 300; }
*/

p {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  line-height: 1.6rem;
  margin-bottom: 0;
  font-weight: 300;
  color: inherit;
  padding-bottom: 1rem;
}

/* Not used on this page (no tables/blockquote) */
/*
table { width:100%; color:inherit; font-family:'Roboto Condensed', sans-serif; font-weight:300; font-size:.9rem; border-collapse:collapse; }
th { font-weight:500; text-transform:uppercase; border-bottom:1px solid currentColor; padding-bottom:1rem; }
td { font-weight:300; line-height:1.3rem; padding:.4rem 0; }
tr { line-height:1.3rem; border-bottom:.5px dotted currentColor; }
tr:last-child { border-bottom:none; }
.table-condensed-font { font-family:'Roboto Condensed', sans-serif; }

blockquote {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 3rem;
  color: #b96808;
  line-height: 2.8rem;
  padding: 5rem;
  margin: 0 auto;
}
*/

/* ==================================
   TEXT/LOGO OVERLAYS (NOT USED)
================================== */
/*
.bottom-logo { position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:150px; padding-bottom:1rem; }
.text-overlay { z-index:2; color:white; }
.full-width-image { object-fit:cover; height:100%; width:100%; display:block; }
*/

/* ==================================
   NAVBAR (USED)
================================== */
.navbar {
  background-color: black;
  border-bottom: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-brand {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: black;
  color: white;
  padding: 0 !important;
  margin: 0 !important;
}

.navbar-brand img { display: block; margin: 0; padding: 0; }

.navbar-collapse {
  background-color: black;
  width: 100%;
  border-top: 1px solid white;
}

.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}

@media (max-width: 768px) {
  .navbar { width: 100%; border-bottom: 1px solid white; }

  .navbar-collapse {
    width: 100%;
    margin-left: 0;
    background-color: var(--background-color);
    border-left: none;
  }

  .navbar-nav { flex-direction: column; align-items: flex-start; width: 100%; padding: 0; }
  .nav-item { width: 100%; }
  .nav-link { width: 100%; text-align: left; padding: 10px 15px; box-sizing: border-box; }

  /* Not used (no .active in this markup yet) */
  /*
  .nav-item.parent-active .nav-link,
  .nav-link.active {
    background-color: yellow;
    color: green;
    box-shadow: none;
  }
  */

  .navbar-toggler {
    position: relative;
    z-index: 1060;
    border: 1px solid white;
  }
}

/* Not used on this page */
/*
#second-row { background-color:black; padding:0; margin:0; border-top:1px dashed white; }
#second-row ul { margin:0; padding:.25rem 0; }
*/

/* ==================================
   TYPO / LINK HELPERS (USED)
================================== */
strong { font-weight: 700; color: black; }

/* Invalid selector (strong-white is not a tag). If you meant a class, use .strong-white */
/*
strong-white { font-weight:700; color:white; }
*/

/* ==================================
   CARDS (USED)
================================== */
.card { 
    font-family: 'Roboto Condensed', sans-serif; 
    margin-bottom: 1rem;
}

.card-title,
.card-body,
.card-text {
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 1rem;
  color: black;
}

.card-title { 
    text-transform: uppercase; 
    font-weight: 600;
    padding-top: 1rem;
}

/* Not used on this page */
/*
.font-condensed { font-family: 'Roboto Condensed', sans-serif; }
.wrap-img { float:left; margin:0 1rem 1rem 0; max-width:40%; height:auto; }
*/

/* ==================================
   TOOLTIPS (OPTIONAL / USED IF ENABLED)
================================== */
.tooltip-inner {
  background-color: #2d3e4e;
  color: white;
  border: 0.5px solid white;
  padding: 10px 12px;
  border-radius: 6px;
}

.tooltip .tooltip-arrow { width: 1rem; height: 1rem; color: inherit; }

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-color: white !important;
}

/* Not used on this page */
/*
.tooltip-highlight {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.15);
  outline: 0px solid blue;
  padding: 1px 2px;
  border-radius: 0px;
  font-weight: 400;
}
*/

/* ==================================
   FOOTER (USED VIA #FOOTER ID IN HTML)
================================== */
/* You currently rely on Bootstrap classes for footer styling.
   Keep this only if you want custom footer overrides later. */
/*
#FOOTER { }
*/

/* ==================================
   EVERYTHING BELOW IS NOT USED BY THIS PAGE
   (ACCORDION, OFFCANVAS, POPUPS, OVERLAYS, UTILITIES, PAGE-SPECIFIC SECTIONS)
================================== */

/*
#accordionnyc { ... }
.accordion-item { ... }
.accordion-header { ... }
.accordion-button { ... }
.accordion-body { ... }
.accordion-light ... / .accordion-dark ...
*/

/*
.btn { ... }  (No .btn in this page; only Bootstrap utilities/classes)
*/

/*
.openPopup / .custom-modal / popup styles (not used)
.offcanvas styles (not used)
.quote rotator (not used)
.overlay-container/captions (not used)
utility sizers/scalers (not used)
section IDs like #mission, #strategy, #benefits, #events, #podcasts, etc. (not used here)
large-screen overrides @media(min-width:768px) mostly unused here
*/