@import '../../../styles/definitions/colors';
@import '../../../styles/grid';
@import '../../../styles/definitions/breakpoints';
@import '../../../styles/definitions/mixins';

.productQuestions {
	&_container {
		position: relative;
		padding-bottom: 30px;

		@include media-lg-up {
			@include grid-width(8);
		}
	}

	&_hgroup {
		@include media-lg-up {
			display: flex;
			align-items: flex-end;
		}
	}

	&_title {
		@include title-2;
		display: inline-block;
		margin: 0;
		line-height: 25px;

		@include media-lg-up {
			flex-grow: 1;
			padding-right: 14px;
		}
	}

	&_description {
		display: inline-block;
		margin: 0;
		font-size: 16px;
		line-height: 25px;
		color: $deep-gray;
	}

	&_askQuestion {
		@include media-lg-down {
			margin-top: 25px;
		}
	}

	&_listWrapper {
		margin: 34px 0 0;
	}

	&_list {
		@extend %reset-list;
	}

	&_seeAll {
		margin: 30px 0 0;

		&Icon {
			margin-left: 12px;
		}
	}

	&_questionWrapper:not(:first-of-type) {
		margin: 40px 0 0;
	}
}