/**
 * Bootstrap 5
 */

a {
  text-decoration: none;
}

nav.macro-breadcrumb ol.breadcrumb .breadcrumb-item:first-child+.breadcrumb-item::before {
  display: none;
}

nav.macro-breadcrumb ol.breadcrumb .breadcrumb-item:first-child .fa-solid {
  margin-left: 0.5em;
  margin-top: 2px;
}

.nav-tabs .dropdown-menu {
  max-height: 60vh;
  overflow-y: auto;
}

ul.nav-tabs li.nav-item {
  list-style: none;
}

ul.nav-tabs li.nav-item a {
  color: #495057;
}

ul.nav-tabs li.nav-item.text-white a {
  color: #ffffff;
}

.navbar-dark .navbar-brand .modal {
  color: initial;
}

.ratio.ratio-16x9 {
  background-color: #000000;
}

/**
 * Restores Bootstrap 3 style (btn-default)that has been removed in Bootstrap 4.
 */
.btn-default {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #333333;
}

.btn-default:focus {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  color: #333333;
}

.btn-default:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333333;
}

.btn-default:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333333;
}

/**
 * Restores Bootstrap 3 style (btn-xs) that has been removed in Bootstrap 4.
 */
.btn-group-xs > .btn, .btn-xs {
  border-radius: .2rem;
  padding: .40rem .4rem;
  font-size: .775rem;
  line-height: .5;
}

.fs-6 {
  font-size: 0.8em !important;
}

.g-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/**
 * Negative Margin
 *
 * In CSS, margin properties can utilize negative values (padding cannot).
 * These negative margins are disabled by default, but can be enabled in Sass
 * by setting $enable-negative-margins: true.
 *
 * The syntax is nearly the same as the default, positive margin utilities, but
 * with the addition of n before the requested size.
 *
 * Instead of having to recompile Sass, when using the bundled version of
 * Bootstrap, the style are copied here.
 *
 * @link https://getbootstrap.com/docs/5.0/utilities/spacing/#negative-margin
 */

.mb-n1 {
  margin-bottom: -.25rem !important;
}

.mb-n2 {
  margin-bottom: -.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

.me-n1 {
  margin-right: -.25rem !important;
}

.me-n2 {
  margin-right: -.5rem !important;
}

.m3-n3 {
  margin-right: -1rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.me-n5 {
  margin-right: -3rem !important;
}

.ms-n1 {
  margin-left: -.25rem !important;
}

.ms-n2 {
  margin-left: -.5rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.ms-n5 {
  margin-left: -3rem !important;
}

.mt-n1 {
  margin-top: -.25rem !important;
}

.mt-n2 {
  margin-top: -.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

/* Progress */

.progress {
  background-color: #e9ecef;
  font-size: 0.75rem;
}

/* Modal */
/* correcting ID syntax need to revisit if it breaks anything */
/*
@media (max-width: 567px) {
  div[id^="modal-event-information-"].modal .modal-dialog .modal-content {
    width: 97%;
  }
}*/

label {
  font-weight: bold;
}