html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    outline: 3px solid #FFD700;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.4);
    border-color: #FFD700;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.nvbarcolor {
  background: #FFFFFF !important;
}

.nav-item a {
  color: #02083C !important;
  /*    font-weight: 500;*/
}

.navbar-nav .nav-link {
  color: #333;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover {
  text-decoration: underline;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link.active {
  /*        color: #fff;*/
  background-color: #DFDFDF;
  font-weight: bold;
  /*        border-radius: 5px;*/
}

.navbar-toggler {
  transition: background 0.3s ease-in-out;
}

.navbar-toggler:hover {
  background-color: #ddd;
}

/* custom  */

.text-purple { color: #9B62C3; }
.border-purple { border-color: #9B62C3; }
.border-dark-blue { border-color: #02083C; }

/* ══════════════════════════════════════════════════════════════
    PRINT STYLES
  ══════════════════════════════════════════════════════════════ */
@media print {
    .no-print { display: none !important; }
    .print-container { 
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .letter-container {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        page-break-inside: avoid;
    }
    body { background: white !important; }
}