/* colors */
/* as of Jan 13 2026 */
:root,
*,
body,
html {
  --w3-Classic-court-black: #231f20;
  --w3-Classic-court-dkblue: #232f3d;
  --w3-Classic-court-gold: #f5c04f;
  --w3-Classic-court-grey: #95a3ab;
  --w3-Classic-court-ltblue: #d4e5f5;
  --w3-Classic-court-ltgrey: #eeeeee;
  --w3-Classic-court-paleblue: #f0f4fc;
  --w3-Classic-court-primary: #005498;
  --w3-Classic-court-yellow: #f3c727;
  --w3-FA-Accent-Blue: #0085eb;
  --w3-FA-Accent-BlueLight: #f4faff;
  --w3-FA-Accent-Gold: #f3c629;
  --w3-FA-Accent-GoldLight: #fdf4d4;
  --w3-FA-Accent-Green: #7aaf35;
  --w3-FA-Accent-GreenLIght: #cadfae;
  --w3-FA-Accent-Orange: #fb9500;
  --w3-FA-Accent-OrangeLight: #ffcd85;
  --w3-FA-Accent-Red: #dc2626;
  --w3-FA-Accent-RedLight: #f2d3d0;
  --w3-FA-ButtonGreen: #437305;
  --w3-FA-ButtonRed: #bc2113;
  --w3-FA-PrimaryBlue: #005498;
  --w3-FA-darkSlate: #5a657c;
  --w3-FA-darkerSlate: #475063;
  --w3-FA-ghostSlate: #f7f7fa;
  --w3-FA-highlightBlue: #e7f5ff;
  --w3-FA-lightBrightBlue: #aad5f6;
  --w3-FA-lightSlate: #c7ccd6;
  --w3-FA-medSlate: #8690a4;
  --w3-FA-minimalSlate: #e5e7ec;
  --w3-FA-mutedMidnight: #232f3d;
  --w3-FA-vaporSlate: #f1f2f5;
  --w3-Off-White: #ffffff;
  --w3-White: #ffffff;
}
/* text */
.w3-text-court-black {
  color: var(--w3-Classic-court-black) !important;
}
.w3-text-court-dkblue {
  color: var(--w3-Classic-court-dkblue) !important;
}
.w3-text-court-gold {
  color: var(--w3-Classic-court-gold) !important;
}
.w3-text-court-grey {
  color: var(--w3-Classic-court-grey) !important;
}
.w3-text-court-ltblue {
  color: var(--w3-Classic-court-ltblue) !important;
}
.w3-text-court-ltgrey {
  color: var(--w3-Classic-court-ltgrey) !important;
}

.w3-text-court-paleblue {
  color: var(--w3-Classic-court-paleblue) !important;
}
.w3-text-court-primary {
  color: var(--w3-Classic-court-primary) !important;
}
.w3-text-Accent-Blue {
  color: var(--w3-FA-Accent-Blue) !important;
}
.w3-text-court-yellow {
  color: var(--w3-Classic-court-yellow) !important;
}
.w3-text-FA-mediumSlate {
  color: var(--w3-FA-ghostSlate) !important;
}
.w3-text-FA-darkerlate {
  color: var(--w3-FA-darkerSlate) !important;
}
/* background colors */
.w3-bg-ghostSlate {
  background-color: var(--w3-FA-ghostSlate) !important;
}
.w3-bg-court-black {
  background-color: var(--w3-Classic-court-black) !important;
}
.w3-bg-court-dkblue {
  background-color: var(--w3-Classic-court-dkblue) !important;
}
.w3-bg-court-gold {
  background-color: var(--w3-Classic-court-gold) !important;
}
.w3-bg-court-grey {
  background-color: var(--w3-Classic-court-grey) !important;
}
.w3-bg-court-ltblue {
  background-color: var(--w3-Classic-court-ltblue) !important;
}
.w3-bg-court-highlightBlue {
  background-color: var(--w3-FA-highlightBlue) !important;
}
.w3-bg-court-ltgrey {
  background-color: var(--w3-Classic-court-ltgrey) !important;
}
.w3-bg-court-paleblue {
  background-color: var(--w3-Classic-court-paleblue) !important;
}
.w3-bg-court-primary {
  background-color: var(--w3-Classic-court-primary) !important;
}
.w3-bg-court-yellow {
  background-color: var(--w3-Classic-court-yellow) !important;
}
.w3-bg-FA-lightBrightBlue {
  background-color: var(--w3-FA-lightBrightBlue) !important;
}
.w3-bg-FA-highlightBlue {
  background-color: var(--w3-FA-highlightBlue) !important;
}
.w3-bg-Classic-court-ltblue {
  background-color: var(--w3-Classic-court-ltblue) !important;
}
.w3-bg-Accent-Blue {
  background-color: var(--w3-FA-Accent-Blue) !important;
}
.w3-bg-FA-minimalSlate {
  background-color: var(--w3-FA-minimalSlate) !important;
}
.w3-bg-FA-darkerSlate {
  background-color: var(--w3-FA-darkerSlate) !important;
}
/* buttons */
.w3-btn-court-primary {
  background-color: var(--w3-Classic-court-primary);
  color: var(--w3-Off-White);
}
.w3-btn-court-primary:hover {
  background-color: var(--w3-Classic-court-dkblue);
  color: var(--w3-Off-White);
}
/* borders */
.w3-bd-court-black {
  border-color: var(--w3-Classic-court-black) !important;
}
.w3-bd-court-dkblue {
  border-color: var(--w3-Classic-court-dkblue) !important;
}
.w3-bd-court-gold {
  border-color: var(--w3-Classic-court-gold) !important;
}
.w3-bd-court-grey {
  border-color: var(--w3-Classic-court-grey) !important;
}
.w3-bd-court-ltblue {
  border-color: var(--w3-Classic-court-ltblue) !important;
}
.w3-bd-court-ltgrey {
  border-color: var(--w3-Classic-court-ltgrey) !important;
}
.w3-bd-court-paleblue {
  border-color: var(--w3-Classic-court-paleblue) !important;
}
.w3-bd-court-primary {
  border-color: var(--w3-Classic-court-primary) !important;
}
.w3-bd-court-yellow {
  border-color: var(--w3-Classic-court-yellow) !important;
}
.w3-bd-accent-blue {
  border-color: var(--w3-FA-Accent-Blue) !important;
}

/* info pages modules */

/* courtroom details module */
.w3-module_cths_details {
  background-color: var(--w3-FA-ghostSlate);
  a {
    text-decoration: none !important;
    color: var(--w3-FA-PrimaryBlue) !important;
  }
  .card {
    border-radius: 10px !important;

    button i {
      color: #fff;
    }
    i {
      font-weight: 600;
      color: var(--court-primary);
    }
  }

  .w3_cthse_tile {
    margin-bottom: 1rem;
    small,
    i {
      font-size: 0.75rem;
      color: #717182;
    }
    .dept_bar {
      background-color: var(--w3-FA-highlightBlue);
    }
  }
}
/* courthouse directory modules */
.w3_cthse_filters {
  border-radius: 20px;
  padding: 1rem;
}
.w3-module_cths_dir {
  a {
    text-decoration: none !important;
    color: var(--w3-Classic-court-black);
  }
  .w3_cths_tile {
    background-color: var(--w3-FA-highlightBlue);
    border: none;
    border-radius: 20px;
    height: 127px;

    img {
      height: 127px;
      width: auto;
    }
  }
}

/* courthouse newsroom communications modules */
.w3-module_cths_news {
  background-color: var(--w3-FA-ghostSlate);
  a {
    text-decoration: none !important;
    color: var(--w3-FA-PrimaryBlue);
  }
  > a {
    color: var(--w3-Classic-court-primary) !important;
  }
  /* courthouse tiles */
  .w3_cths_tile {
    background-color: var(--w3-FA-highlightBlue);
    border: none;
    border-radius: 20px;
    height: 127px;

    img {
      height: 127px;
      width: auto;
    }
  }
}
/* EFSP Content */
.efsp-content {
  .card img {
    max-width: 300px;
    max-height: 150px;
  }
}
/* typography */
small,
.fs-sm {
  font-size: 0.75rem;
}

/* utilities */
button {
  background-color: var(--w3-Classic-court-dkblue);
}
button[type="submit"] {
  color: #fff !important;
  background-color: var(--w3-Classic-court-primary) !important;
  &:hover {
    background-color: var(--w3-Classic-court-dkblue) !important;
  }
}
button[type="reset"] {
  background-color: transparent !important;
  border: 1px solid black !important;
  color: black;
  &:hover {
    color: var(--w3-Classic-court-dkblue) !important;
    border-color: inherit !important;
    background-color: var(--w3-FA-highlightBlue) !important;
  }
}
.w3-court-rules {
  .accordion-button::after,
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }
}
.breadcrumb-item a {
  text-decoration: none !important;
  color: var(--w3-Classic-court-black);
}
.rounded {
  border-radius: 20px !important;
}
.rounded-top {
  border-radius: 20px 20px 0 0 !important;
}
.rounded-bottom {
  border-radius: 0 0 20px 20px !important;
}
.rounded-start {
  border-radius: 20px 0 0 20px !important;
}
.rounded-end {
  border-radius: 0 20px 20px 0 !important;
}
.rounded div.rounded,
.rounded img.rounded {
  border-radius: 20px !important;
}

.rounded-br {
  border-radius: 0 0 20px 0 !important;
}
.rounded-bl {
  border-radius: 0 0 0 20px !important;
}
.shadow2 {
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.3),
    0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.w3_pagination {
  width: 100%;
  justify-content: center;
  display: flex;
  margin: 1rem 0 0;
  padding: 0 1rem;
  .page-item {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin: 0 2px;
    text-align: center;
    line-height: 38px;
    &:hover {
      background-color: var(--w3-FA-minimalSlate);
    }
  }
}
.resource-accordion table tr:hover {
  background-color: #f5c04f;
  cursor: pointer;
}
.resource-accordion .accordion-button:after {
  background-color: #232f3d;
  padding: 15px;
  align-items: center;
  justify-content: center;
  background-position: center;
  display: flex;
  transform: rotate(0deg);
}
.resource-accordion .accordion-button:not(.collapsed):after {
  transform: rotate(-180deg);
}
.accordion {
  a,
  ::marker {
    color: var(--w3-Classic-court-primary);
    text-decoration: none;
  }
}