/* Button Styleing */
.btn-ucf {
  color: black;
  background-color: #ffc904;
}

.btn-ucf:hover,
.btn-ucf:active,
.btn-ucf:focus {
  color: white;
  background-color: black;
}

:not(.btn-check)+.btn:active {
  background-color: black;
  border-color: black;
}

/* Links Systling */
.links a {
  color: var(--mdb-link-color);
  text-decoration: none;
}

.links a:hover,
.links a:active {
  color: black;
}

/* YouTube video Styling*/
.yt-video {
  aspect-ratio: 16/9;
  width: 100%;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
}

.underline-heading:after {
  background: none repeat scroll 0 0 #fc0;
  bottom: -10px;
  content: "";
  display: block;
  height: 4px;
  position: relative;
  width: 60px;
}

.sm-underline-heading:after {
  background: none repeat scroll 0 0 #fc0;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  position: relative;
  width: 60px;
}

/* Pagination */
.highlighted {
  color: white !important;
  background-color: black !important;
}

.btn-pagination {
  border-width: 0px;
  border-radius: 4px;
  margin-top: auto;
  padding: 0.5rem 0.65rem;
  font-size: 1rem;
  line-height: 1;
}

/* Accordians */
.accordion-item {
  margin-bottom: 1rem;
  border: none;
}

.accordion-button:not(.collapsed) {
  background-color: #ffc904;
  color: black;
  font-weight: 550;
}

.accordion-button {
  background-color: #ffc900b8;
  color: black;
  border-radius: 7px !important;
}

.show {
  border: var(--mdb-accordion-border-width) solid var(--mdb-accordion-border-color);
}

.accordion-borderless .accordion-item .accordion-button {
  background-color: #ebedf0 !important;
  color: black;
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
  background-color: #C9CCD3 !important;
  color: black;
}