body,
p,
button,
li {
  font-family: "Figtree", Arial, Helvetica, sans-serif;
  font-size: 1.1rem !important;
}

/* Utility Classes */
.dice-blue {
  color: #337af8;
}

.red {
  color: orangered;
}

.chocolate {
  color: chocolate;
}

.bg-white {
  background-color: white;
}

.bg-red {
  background-color: RGBA(255, 228, 225, .5);
}

.btn-aliceblue {
  /* background-color: aliceblue; */
  background-color: #E9F1FC;
}

.btn-light {
  background: #efeff3 !important;
}

.half-opacity {
  opacity: .65;
}

.pointer {
  cursor: pointer;
}

.no-outline {
  outline: none;
}

button:focus,
button:hover,
button:active {
  outline: none;
}

.short-round {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}

.mobbed-up {
  background: honeydew;
}

.smaller {
  font-size: .9rem !important;
}

/*
#randomStudent li {
  font-size: 10%;
} */
.list-group-item.bg-aliceblue {
  background-color: aliceblue !important;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.list-group-item,
.list-group-item.bg-aliceblue {
  text-align: left !important;
}

.w-40px {
  width: 40px !important;
}

/* Overlay for reset modal */
.ui-widget-overlay {
  background: #000;
  opacity: .6;
}

.badge {
  color: gray;
}

.ui-widget-header {
  background: transparent;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane {
  border: none;
}

.jumbotron {
  background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('../img/teamup_banner.jpg') no-repeat top left;
  background-size: cover;
  height: 250px;
}

/* Push down the buttons in the mobile nav */
@media all and (max-width: 600px) {

  #navigation-list {
    padding: 2rem 0 0 1rem;

  }
}