.cms {

	/* Headings */
	& h1, & h2, & h3, & h4, & h5, & h6 {
		font-weight: bold;
		line-height: 1.25;
    margin-bottom: var(--spacing-small);
  }

  & h1 {
    font-size: 2.25rem;
  }

  & h2 {
    font-size: 1.5rem;
  }

  & h3 {
    font-size: 1.25rem;
  }

  & h4 {
    font-size: 1rem;;
  }

  & h5 {
    font-size: .875rem;
  }

	/* Images */
	& img {
		display: block;
		margin-bottom: var(--spacing-medium);
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}

	/* Links */
	& a {
		color: var(--primary);
		transition: var(--hover-transition);
		&:hover {
			background-color: var(--highlight);
			color: var(--black);
		}
	}

	/* Lists */
	& ul, & ol, & li {
		position: relative;
	}

	& ul, & ol {
		margin-bottom: var(--spacing-medium);
	}

	& ul ul, & ol ol {
		padding-left: var(--spacing-small);
	}

	& ul {
		margin-left: 1.33rem;
		& >li:before {
			content: '★';
			left: -1.33rem;
			position: absolute;
			color: var(--primary);
		}
	}

	& ol {
		list-style: none;
		margin-left: var(--spacing-medium);
		counter-reset: i 0;
    & >li:before {
      font-weight: 800;
      left: -var(--spacing-medium);
      position: absolute;
      height: 100%;
      content: counter(i);
      counter-increment: i;
      color: var(--primary);
    }
	}

  /* Blockquotes */
  & blockquote {
    background-color: var(--grey-1);
    display: block;
    border-radius: var(--border-radius);
    padding: var(--spacing-medium);
    color: var(--primary);
    font-weight: 700;
    font-size: 1.25rem;;
    margin-bottom: var(--spacing-medium);
    & p {
      margin: 0;
    }
  }
}