@font-face {
    font-family: 'Minimal Mono';
    src: url('../fonts/MinimalMonoRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.mono-text {
    font-family: 'Minimal Mono', monospace !important;
}

@font-face {
    font-family: 'Minimal Bold';
    src: url('../fonts/MinimalMonoBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.mono-bold{
    font-family: 'Minimal Bold', monospace !important;
}

@font-face {
    font-family: 'Minimal Black';
    src: url('../fonts/MinimalMonoBlack.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.mono-black{
    font-family: 'Minimal Black', monospace !important;
}


.page-title {
    text-align: center;
    margin-bottom: 20px;
}

.page-title .subtitle {
    font-size: 1.2em; /* Keeps the subtitle size normal */
    color: #777;      /* Keeps the subtitle color gray */
}


/* Updated to use 'Minimal Bold' font & bold weight */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav > li > a,
.navbar-custom .navbar-nav .nav-link {
    font-family: 'Minimal Bold', monospace !important; /* Change to 'Minimal Black' if you want it even thicker */
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0px !important;
}


/* Full-width banner background */
.page-title {
    text-align: center;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    
    background: #276b77 !important; 
    padding: 100px 20px !important;
    margin-bottom: 50px !important;
    
    border-radius: 0 !important;
}

/* Typography settings */
.page-title h1 {
    font-family: 'Minimal Mono', monospace !important;
    font-size: 2.5rem !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    text-transform: uppercase;
}

.page-title .subtitle {
    color: #ffffff !important; 
    font-size: 1rem !important;
    margin-top: 15px !important;
    letter-spacing: 2px;
}


/* Global link color override */
a, 
a:visited {
  color: #276b77 !important;
}

a:hover, 
a:focus {
  color: #276b77 !important;
  text-decoration: underline;
}

/* Force wider spacing between top navbar links */
@media (min-width: 768px) {
  .navbar-custom .navbar-nav .nav-item {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  
  .navbar-custom .navbar-nav .nav-link {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Forces HTDT MAIN (brand) AND all header menu links to black */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:visited,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .navbar-nav li a,
.navbar-custom .navbar-nav li a:visited {
  color: #000000 !important;
}

/* Make "Register" link red */
.navbar-custom .navbar-nav .nav-link[href*="register"],
.navbar-custom .navbar-nav li a[href*="register"],
.navbar-custom .navbar-nav li a[href*="register"]:visited {
  color: #be4261 !important;
}