:root {
  --maroon: #800000;
  --black: #000000;
  --white: #ffffff;
  --navy: #0d1a2b;
  --navy-mid: #162540;
  --navy-deep: #060e16;
  --steel: #1e2d3e;
  --concrete: #b8c4cc;
  --off-white: #f4f1ec;
  --txt: #d0d8e0;
  --bdr: rgba(200, 200, 200, 0.15);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--white);
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--white);
  overflow-x: hidden;
}
/* Utilities */
.ls-1 {
  letter-spacing: 1px;
}
.ls-2 {
  letter-spacing: 2px;
}
.ls-3 {
  letter-spacing: 3px;
}
.ls-4 {
  letter-spacing: 4px;
}
.ls-6 {
  letter-spacing: 6px;
}

/* Colors */
.bg-navy {
  background-color: var(--navy);
}
.bg-navy-mid {
  background-color: var(--navy-mid);
}
.bg-navy-deep {
  background-color: var(--navy-deep);
}
.bg-maroon {
  background-color: var(--maroon);
}
.text-maroon {
  color: var(--maroon) !important;
}
.text-concrete {
  color: var(--concrete) !important;
}
.text-white {
  color: var(--white) !important;
}
.text-black {
  color: var(--black) !important;
}
.border-bdr {
  border-color: var(--bdr) !important;
}

/* Custom Elements */
.tag-line {
  width: 28px;
  height: 2px;
  background-color: var(--maroon);
  flex-shrink: 0;
}
.btn-r {
  background-color: var(--maroon);
  color: var(--white);
  transition: background 0.2s;
}
.btn-r:hover {
  background-color: var(--black);
  color: var(--white);
}
.btn-o {
  color: var(--maroon);
  border-bottom: 1px solid rgba(128, 0, 0, 0.3);
  transition:
    color 0.2s,
    border-color 0.2s;
}
.btn-o:hover {
  color: var(--black);
  border-color: var(--black);
}
.btn-w {
  background-color: var(--white);
  color: var(--maroon);
  transition: opacity 0.2s;
}
.btn-w:hover {
  opacity: 0.88;
  color: var(--black);
}
.section-super-title {
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--concrete);
}
/*// ==================
======================
======== bootstrap overrides  ==============================
//////////*/
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}