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


.s-text {

	h1:not(.c-service-heading) {
		@include font-size(42, 52);
		text-transform: uppercase;

		//@include mq(500) {
		//	@include font-size(54);
		//}
	}

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

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

	// Classes that start with 'c-' are components and need a little extra space
	& > * + [class*='c-'] {
		margin-top: space(5);
	}

	& > 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;
			}
		}
	}
}

.s-text--on-dark {
	color: rgba(white, 0.6);

	h1 {
		color: white;
	}

	h2, h3 {
		color: rgba(white, 0.6);
	}
}