/* Legal information page */
.citydent-legal__navigation .tag-item {
  background-color: var(--gray200);
  color: var(--contentColor);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.citydent-legal__navigation .tag-item:is(:hover, :focus-visible) {
  background-color: var(--gray300);
  color: var(--contentColor);
}

.citydent-legal__navigation .tag-item.citydent-legal__tag--active {
  background-color: var(--primary500);
  color: var(--contentOnPrimary) !important;
}

.citydent-legal__navigation .tag-item:focus-visible {
  outline: 2px solid var(--primary500);
  outline-offset: 2px;
}

.citydent-legal-list__item,
.citydent-contact-details-row {
  padding-block: var(--gapX6);
}

.citydent-legal-card {
  --cardIndentTop: var(--gapX5);
  --cardIndentRight: var(--gapX4);
  --cardIndentBottom: var(--gapX4);
  --cardIndentLeft: var(--gapX5);
  aspect-ratio: 324 / 240;
  box-sizing: border-box;
}

a.citydent-legal-card,
a.citydent-legal-card:is(:hover, :focus) {
  color: var(--contentColor);
  text-decoration: none;
}

a.citydent-legal-card:focus-visible {
  outline: 2px solid var(--primary500);
  outline-offset: 2px;
}

.citydent-legal-card--resource {
  aspect-ratio: 324 / 180;
}

.citydent-legal-card__more {
  margin-top: auto;
  width: 100%;
}

.citydent-legal-card__more>p {
  align-items: center;
  color: var(--contentOpacityColor);
  display: flex;
  justify-content: space-between;
  transition: color 0.1s ease;
  width: 100%;
}

a.citydent-legal-card:is(:hover, :focus-visible) .citydent-legal-card__more>p {
  color: var(--linkDefaultHoverColor);
}

.citydent-legal-card__more>p>.xleb-icons.ph-caret-right {
  align-items: center;
  background: var(--primaryOpacity100);
  border-radius: var(--roundedXL);
  color: currentColor;
  display: inline-flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  margin: 0;
  width: 40px;
}

.citydent-legal-card__more>p>.xleb-icons.ph-caret-right::before {
  font-size: 22px;
  color: var(--primary500);
}

.citydent-legal-cards {
  row-gap: var(--gapX6);
}

.citydent-legal-documents .link>a,
.citydent-legal-documents .link>span {
  align-items: center;
  gap: var(--gapX2);
}

.citydent-legal-documents .xleb-icons {
  flex: 0 0 auto;
}

.citydent-legal-license-slide {
  background: transparent;
  display: flex;
  flex-direction: column;
}

.citydent-legal-license-slide__image {
  width: 100%;
}

@media (max-width: 991px) {

  .citydent-legal-list__item,
  .citydent-contact-details-row {
    padding-block: var(--gapX5);
  }

  .citydent-legal-stack-md>.vc_column_container,
  .citydent-legal-cards>.vc_column_container {
    grid-column: span 12 !important;
  }

  .citydent-legal-card,
  .citydent-legal-card--resource {
    aspect-ratio: 361 / 160;
  }

  .citydent-legal-cards {
    row-gap: var(--gapX4);
  }

  .citydent-legal-documents .xleb-icons.ph::before {
    font-size: 16px;
  }
}