/* Priority: 900 */
/* Shared Citydent styles. Loaded on every page. */

:root {
  color-scheme: only light;
  --titleWeight: 400;
}

:is(.titleXXXXS, .titleXXXS, .titleXXS, .titleXS, .titleS, .titleM, .titleL, .titleXL, .titleXXL) em {
  font-weight: var(--titleWeight);
  font-family: var(--titleFont);
}

.swiper-button-prev::before,
.swiper-button-next::before {
  font-size: 25.6px;
  color: var(--primary500);
}

@media(min-width:992px) {
  .citydent-person .people_image.vc_column_container {
    align-self: start;
    height: auto;
    position: sticky;
    top: calc(70px + var(--gapX6));
  }

  .people_image img {
    padding-right: var(--gapX10);
  }

  .citydent-quote__copy {
    padding-right: var(--gapX15);
  }
}

.textM+.textM.citydent-quote__position {
  margin-top: var(--gapX3) !important;
}

:is(.citydent-section__header,
  .citydent-team__header,
  .citydent-reviews__header,
  .citydent-answers__header,
  .citydent-articles__header)>.vc_column_container:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

@media (max-width: 991px) {

  :is(.citydent-section__header,
    .citydent-team__header,
    .citydent-reviews__header,
    .citydent-answers__header,
    .citydent-articles__header)>.vc_column_container:last-child {
    align-items: flex-start;
    justify-content: flex-start;
  }

}

.citydent-location,
.citydent-footer {
  background: #ffffff;
  color: var(--contentColor);
}

/* Citydent component palette; keep the shared plugin default unchanged. */
body .xleb-separator {
  border-bottom-color: var(--dividerDefault);
}

/* Review authors use body typography on this site. */
.author-info.textM.titleWeight :is(p, span, li, a) {
  font-family: var(--textFont);
  font-weight: var(--textWeight);
  letter-spacing: var(--bigTextSpacing);
}

/* Citydent button states and spacing, independent of plugin updates. */
body :is(button, a, div).btn:focus-visible {
  opacity: 1;
  text-decoration: none;
  color: var(--btnDefaultColor);
  background: var(--btnDefaultHoverBg);
  border: 1px solid var(--btnDefaultHoverBg);
}
body :is(button, a, div).btn.outlined:focus-visible {
  background: var(--btnOutlinedHoverBg);
}
body :is(button, a, div).btn:disabled {
  border-color: var(--btnDefaultDisableColor);
}
@media (max-width: 768px) {
  body :is(button, a, div).btn:not(.small, .large) {
    padding: 11px var(--gapX5);
  }
}