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 {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
  margin-bottom: 60px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*To customize an MVC 5 project with an Oklahoma State University (OSU) theme, primary and secondary overrides. */
/* Override Primary (OSU Orange) */
.btn-primary,
.bg-primary,
.text-primary,
.navbar-inverse {
    background-color: #FE5C00 !important;
    border-color: #FE5C00 !important;
    color: #FFFFFF; /* Ensure white text for accessibility */
}

/* Override Secondary (OSU Black or Dark Grey) */
.btn-secondary,
.bg-dark {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Link and Active States */
a {
    color: #FE5C00;
}

    a:hover, a:focus {
        color: #CC4A00; /* A slightly darker shade for hover */
    }

/* OSU Brand Colors */
.bg-osu-orange {
    background-color: #FE5C00 !important;
}

.border-osu-orange {
    border-color: #FE5C00 !important;
}

.bg-burnt-orange {
    background-color: #CC5500 !important;
    color: white;
}

/* Solid Complementary Blue (Matches well with OSU Orange) */
.bg-osu-blue {
    background-color: #004080 !important;
    color: #fff !important;
}

.text-osu-orange {
    color: #FE5C00 !important;
}

/* Custom card header style */
.card-header-osu {
    background-color: #FE5C00;
    color: white;
    font-weight: bold;
}