// ============================================================================
// :: FAQ PREVIEW
// ============================================================================
.m-faq-preview {
	position: relative;

	padding: 2rem 3rem;

	background-color: $background-color-white;

	& + .m-faq-preview {
		margin-top: 0.2rem;
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-faq-preview__header__title {
	padding-right: 3rem;

	font-family: $font-family-beausans;
	font-weight: $font-weight-semibold;
	font-size: $font-size;

	color: $text-color-grey;

	transition: color 0.2s ease-in-out;
}

.m-faq-preview__content {
	margin-left: 0;
}

// ============================================================================
// :: Modifiers
// ============================================================================
.m-faq-preview {

	&.is-open {

		.m-faq-preview__header__title {
			color: $text-color-primary;
		}
	}
}