.u-misc-clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.u-misc-display-block {
  display: block;
}

.u-misc-position-relative {
  position: relative;
}

.u-misc-font-weight-default {
  font-weight: var(--v-font-weight-default);
}

/* Stamp | start */
.u-misc-stamp {
  --stamp-padding: 2rem;
  --stamp-size: 1.5rem;
  --stamp-spacing: 0.5rem;

  padding: var(--stamp-padding);
  position: relative;
}

.u-misc-stamp::after {
  content: "";
  position: absolute;
  z-index: 50;
  width: var(--stamp-size);
  height: var(--stamp-size);
  background-image: url("/wp-content/themes/w153c-theme-oe/assets/img/oe-blue.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.u-misc-stamp--white::after {
  background-image: url("/wp-content/themes/w153c-theme-oe/assets/img/oe-white.png");
}

.u-misc-stamp--rb::after {
  right: var(--stamp-spacing);
  bottom: var(--stamp-spacing);
}

.u-misc-stamp--bl::after {
  left: var(--stamp-spacing);
  bottom: var(--stamp-spacing);
}

.u-misc-stamp--none::after {
  display: none;
}
/* Stamp | end */

/* Separator | start */
.u-misc-separator,
.u-misc-separator-columns > div > :first-child {
  position: relative;
}

.u-misc-separator::after,
.u-misc-separator-columns > div > :first-child::after {
  content: "";
  position: absolute;
  z-index: 10;
  height: 4px;
  background-color: var(--v-color-1--300);
  transform: skewX(25deg);
}

.u-spacing-md .u-misc-separator::after,
.u-spacing-md.u-misc-separator-columns > div > :first-child::after {
  inset: auto calc(var(--v-spacing-md) / 2) calc(((var(--v-spacing-md) / 2) + 2px) * -1) calc(var(--v-spacing-md) / 2);
}

.u-misc-separator--vertical::after,
.u-misc-separator-columns--vertical > div > :first-child::after {
  inset: 0 -2px 0 auto !important;
  transform: skewY(-25deg);
  width: 4px;
  height: auto;
}

.u-misc-separator--invert::after {
  inset: 0 auto 0 -2px !important;
}
/* Separator | end */

@media (min-width: 700px) {
  .u-misc-stamp {
    --stamp-padding: 3rem;
    --stamp-size: 2.5rem;
  }

  .u-misc-separator::after,
  .u-misc-separator-columns > div > :first-child::after {
    inset: 0 -2px 0 auto !important;
    transform: skewY(-25deg);
    width: 4px;
    height: auto;
  }

  .u-misc-separator--invert::after {
    inset: 0 auto 0 -2px !important;
  }
}