/*
Module Name: modal_faq (Main CSS)
Author: Jushua F. Fata-ek
Author URL: http://prosoft-phils.com/
*/

.faq-modal-body .label {
	margin-bottom: 70px;
}

.faq-modal-body u {
	color: #007070;
}

.faq-modal-body .faq-label {
	font: 30px/30px Nunito Sans BoldItalic;
	color: #000000;
}

ul.faq-questions {
	border-right: 4px solid #D0D0D0;
	padding-right: 20px;
}

ul.faq-questions li{
	font: 20px/26px Red Hat Display Italic;
	color: #000000;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

ul.faq-questions li span b{
	font: 20px/26px Red Hat Display BoldItalic !important;
	letter-spacing: 0px;
	color: #007272;
}

ul.faq-questions li.active::before{
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	content: '\f0da';
	margin-left: -15px;
    margin-right: 7.5px;
    font-size: 20px;
	color: #007070;
}

.faq-modal-body p {
	font: 20px/26px Red Hat Display Regular;
	color: #000000;
}

.faq-modal-body p .target_connect {
	font: 20px/26pxRed Hat Display Bold;
	color: #007070;
}

.faq-modal-body p .educ_train {
	font: 20px/26pxRed Hat Display MediumItalic;
	letter-spacing: 0px;
}

.faq-modal-body p .my_bio {
	font: 20px/26px Red Hat Display Regular !important;
	color: #007070;
	cursor: pointer;
}

ul.faq-questions li.mobile-answer {
	display: none;
}

@media (max-width: 991px) {
	ul.faq-questions li.active::before,
	.faq-modal-body .answers {
		display: none;
	}
	
	.faq-modal-body .faq-questions {
		padding-right: 0;
		border-right: none;
	}

	ul.faq-questions li {
		justify-content: space-between;
		padding: 25px;
		background-color: rgba(220,220,220,0.8);
		border-radius: 10px;
		margin-bottom: 10px
	}

	ul.faq-questions li.mobile-answer {
		display: block;
		background-color: inherit;
		padding: 0;
	}

	ul.faq-questions li::after {
		font-family: 'Font Awesome 5 Free';
	  	font-weight: 900;
		content: '\f0d7';
	}

	ul.faq-questions li.active::after {
		content: '\f0d8';
	}

	ul.faq-questions li.mobile-answer p {
		padding: 25px;
	}

	ul.faq-questions li.mobile-answer::after {
		display: none;
	}
}