/* Accessibility fix for custom buttons */
a.custom-button {
  color: #1f4f6a !important;          /* Darker blue */
  border-color: #1f4f6a !important;
  background-color: transparent !important;
}

a.custom-button:hover,
a.custom-button:focus {
  background-color: #1f4f6a !important;
  color: #ffffff !important;
}

/* Keyboard focus visibility */
a.custom-button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}

.bruner-button {
  padding: 0.3em 1em !important;
}

section-anchor {
  scroll-behavior: smooth;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center; /* centers text horizontally */
  margin: 20px auto;
  background-color: #ffffff;
  font-family: "Lora", serif;
}

.custom-table th {
  border: 1px solid #e0e0e0;
  padding: 12px;
  background-color: #f9f9f9;
  transition: background-color 0.3s ease, color 0.3s ease;
  vertical-align: middle; /* aligns content vertically */
  text-align: center;     /* aligns text horizontally */
}

.custom-table th:hover {
  background-color: #d6d6d6; /* soft gray hover */
  color: #000000;
}

.custom-table a {
  text-decoration: none;
  color: #006ba3;
  font-size: 15px;
  transition: color 0.3s ease;
  display: inline-block;  /* keeps link alignment consistent */
  line-height: 1.4;
}

.custom-table a:hover {
  color: #555555;
}

//.side-list {
    display: none;
}

@media (max-width: 768px) {

  .media-text {
    display: block !important;
  }

  .block-layout-alignment-block-right {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }

  .media-embed {
    width: 100% !important;
    display: block !important;
  }

  .media-text p {
    display: block;
    width: 100%;
  }
}