@import '../../../styles/fills';
@import '../../../styles/mixins';
@import '../../../styles/definitions/variables';
@import '../../../styles/definitions/colors';
@import '../../../styles/definitions/breakpoints';


.collapsibleText {
	display: flex;
	width: 100%;

	&_selectedBackground {
		width: 100%;
		border-radius: 2px;
        background-color: var(--background-color, $white);
		@include media-md-down {
			background-color: $white;
		}
	}

	&_QAgroup {
		padding: $collapsible-group_padding;
	}

	&_caret {
		height: 100%;
		width: 17px;
		color: $primary-color;
		float: right;
		cursor: pointer;
		path {
			@include fill-primary;
		}
	}
	&_caretContainer {
		width: 10%;
		cursor: pointer;
		margin-left: auto;
		margin-top: 5px;
	}
	
	&_faqDataContainer {
		@include title-3;
		@include color-primary;
		display: flex;
		margin: 0;
		align-items: flex-start;
		line-height: 1.2;
		cursor: pointer;
	}

	&_textContainer {
		@include text-5;
		padding-top: 16px;
		width: 100%;
		line-height: 1.4em;
		display: block;
		@include media-md-down {
			@include word-wrap;
		}
	}
}
