/* Advoke CV — Resume Dividers */

.resume-divider {
  width: 100%;
  height: 1px;
  border: none;
  background-color: var(--resume-rule);
  margin: 6px 0;
}

.resume-divider--strong {
  background-color: var(--resume-ink);
  height: 1px;
}

.resume-divider--thick {
  height: 2px;
  background-color: var(--resume-ink);
}

.resume-divider--accent {
  background-color: var(--resume-accent);
  height: 2px;
}

.resume-divider--double {
  background: none;
  height: 4px;
  border-top: 2px solid var(--resume-ink);
  border-bottom: 1px solid var(--resume-ink);
}

.resume-divider--dashed {
  background: none;
  border-top: 1px dashed var(--resume-rule-strong);
  height: 0;
}

.resume-divider--short {
  width: 40px;
  margin: 4px 0;
}

.resume-divider--center {
  margin-inline: auto;
}

.resume-divider--accent-thin {
  background-color: var(--resume-accent);
  height: 1px;
  opacity: 0.5;
}

.resume-divider--fade {
  background: linear-gradient(90deg, var(--resume-ink) 0%, transparent 100%);
}

.resume-divider--spacing-sm {
  margin: 3px 0;
}

.resume-divider--spacing-lg {
  margin: 10px 0;
}

.resume-rule-accent-left {
  border-left: 3px solid var(--resume-accent);
  padding-left: 10px;
}

.resume-rule-accent-top {
  border-top: 2px solid var(--resume-accent);
  padding-top: 6px;
}

.resume-rule-inset {
  border: 1px solid var(--resume-rule-strong);
  padding: 8px 10px;
  border-radius: 2px;
}

.resume-rule-top-bottom {
  border-top: 1px solid var(--resume-rule);
  border-bottom: 1px solid var(--resume-rule);
  padding: 6px 0;
}

.resume-header-rule {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.resume-header-rule__line {
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--resume-ink);
}

.resume-header-rule__label {
  flex: 0 0 auto;
  font-family: var(--resume-font-heading);
  font-size: calc(var(--resume-base-size) * 1.02);
  font-weight: 700;
  letter-spacing: var(--resume-heading-tracking);
  text-transform: uppercase;
  color: var(--resume-ink);
}

.resume-header-rule--accent .resume-header-rule__line {
  background-color: var(--resume-accent);
}

.resume-header-rule--accent .resume-header-rule__label {
  color: var(--resume-accent);
}

.resume-dot-separator {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background-color: var(--resume-faint);
  vertical-align: middle;
  margin: 0 5px;
}

.resume--ats .resume-divider {
  background-color: var(--resume-ink) !important;
  height: 1px !important;
  opacity: 1 !important;
}