/*----------------------------------------------*\
    BLOCK - Ornament
	================

	@package theorder

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package theorder

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes (Minor third) */
/* Max-widths */
/* is used for calculation for extend width. Each side is extended by x ems */
.ornament {
  margin-top: var(--size-700);
  margin-bottom: var(--size-700);
  text-align: center; }
  .ornament__stroke-color {
    stroke: var(--color-section-lines); }
  .ornament__stroke-color-applied-to-fill {
    fill: var(--color-section-lines); }
  .ornament__fill-color {
    fill: var(--color-bg); }

.ornament--three-dingbats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .ornament--three-dingbats svg {
    margin-right: calc(var(--size-800) * 2); }
    .ornament--three-dingbats svg:last-child {
      margin-right: 0; }

.ornament--horizontal-rule {
  border-top: 1px solid var(--color-section-lines); }
