/**
 * All text elements that can be added by the user through a CMS
 */


.s-text {
	color: palette(text);

	p {
		@include font-size(m);
		line-height: 1.777777;
	}

	h2 {
		@include font-family(primary);
		@include font-size(l);
		@include font-weight('bold')
	}

	h3 {
		@include font-size(m);
		@include font-weight('bold');
		color: palette(text, 300);
	}

	// First the owl selector for setting a default vertical rhythm
	& > * + * {
		margin-top: space(3);
	}

	> h2 + h3 {
		margin-top: space(0.5);
	}

	// Make sure first item in scoped text has no margin on top
	& > :first-child {
		margin-top: 0 !important;
	}

	& > ul:not([class]) {
		list-style: none;

		& > li {
			position: relative;
			margin-left: -1.125em;
			padding-left: 1.125em;

			&::before {
				@include font-size(l);
				content: "\2022";
				position: absolute;
				top: -4px;
				left: 0;
			}
		}
	}

	& > ol:not([class]) {
		list-style: none;
		counter-reset: ol-counter;

		& > li {
			counter-increment: ol-counter;
			position: relative;
			margin-left: -1.125em;
			padding-left: 1.8em;

			&::before {
				content: counter(ol-counter) ". ";
				position: absolute;
				top: 0;
				left: 0;
				width: 1.275em;
				text-align: right;
			}
		}
	}

	a:not([class]) {
		color: palette(action);
		&:hover { // Links with no class get a default hover
			color: scale-color(palette(action), $lightness: -30%);
		}
	}

}