/* Ported from DOD's inline HEAD <style> (2026-09-22). Rules global.css already
   provides are omitted: body flex column, .footer margin-top: auto, and the
   .prod-cat-item / .img-wrap border reset. Open Sans is loaded by the HEAD
   snippet, as before. */

:root {
  --dark-blk-bg: #232323;
  --ff: "Open Sans", sans-serif;
}

body {
  font-family: var(--ff);
}

body, html {
  min-height: 100vh;
}

a:hover {
  text-decoration: none;
}

.navbar {
  background: var(--dark-blk-bg);
  border: none;
  box-shadow: none;
  color: #dadada;
  text-transform: uppercase;
}

.navbar-nav {
  color: #dadada;
  font-size: 1.5rem;
  font-weight: 300;
}

.navbar-nav a {
  color: #dadada !important;
  border-color: #787878 !important;
}

.caption {
  padding-inline: 0 !important;
  text-align: center;
}

.caption h3 {
  font-size: 2rem;
  margin: 0;
}

.caption .prod-buttons {
  display: none;
}

.footer {
  --footer-text: #dadada;
  background-color: var(--dark-blk-bg);
  padding: 30px 0;
  color: var(--footer-text);
}

.footer a:link, .footer .footer-col-title {
  color: var(--footer-text);
}

.footer h4 {
  text-transform: uppercase;
  font-weight: bold;
  color: #a9a9a9;
}

/* global.css carries the shared size-chart table; these are DOD's deltas. */
.size-chart, .prod-measurements {
    font-size: 13px;

    table {
        margin-bottom: 0;
    }

    thead th {
        background: #c2c2c2;
    }

    th {
        font-weight: bold;
        text-align: left;
        color: #121212;
        /*background: #C2C3BE;*/
    }

    .label, .unused {
        color: unset;
    }
}

.custom-apparel-notice {
  border: solid 1px #cdcdcd;
  background-color: #f5f5f5;
  font-size: unset;
  padding: 1.5rem;
  margin: 2rem 0;
}

.discontinue {
  background-color: #f8d7da;
  border-color: #ffa7af;
  color: #721c24;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  font-weight: bold;
  font-size: 1.5rem;
}

/* global.css resets #loginPage .loginForm (padding 0, margin-top 25px);
   keep DOD's login card as it was before the loader cutover. */
#loginPage .loginForm {
  margin-top: 0;
  padding: 12.5px;
}