.dh-divider {
  display: block;
  width: 100%;
  padding-top: var(--dh-divider-pt, 0px);
  padding-bottom: var(--dh-divider-pb, 0px);
}

.dh-divider__inner {
  width: 100%;
  margin: 0 auto;
}

/* Matches the theme's page gutter: 32px desktop, 16px mobile. */
.dh-divider--page .dh-divider__inner {
  padding-left: var(--dh-divider-gutter, 32px);
  padding-right: var(--dh-divider-gutter, 32px);
}

.dh-divider__rule {
  display: block;
  width: 100%;
  height: var(--dh-divider-thickness, 1px);
  min-height: var(--dh-divider-thickness, 1px);
  background: var(--dh-divider-color, #002d1e);
}

@media (max-width: 768px) {
  .dh-divider {
    padding-top: var(--dh-divider-pt-m, var(--dh-divider-pt, 0px));
    padding-bottom: var(--dh-divider-pb-m, var(--dh-divider-pb, 0px));
  }

  .dh-divider--page .dh-divider__inner {
    padding-left: var(--dh-divider-gutter-m, 16px);
    padding-right: var(--dh-divider-gutter-m, 16px);
  }
}