/**
 * Optimal FAQ styles.
 *
 * Self-contained port of Divi's toggle.css + accordion.css, scoped to the
 * .et_pb_optimal_faq wrapper. The icon glyphs use Divi's globally-loaded
 * "ETmodules" icon font (\E050 = down arrow, \E04F = up arrow).
 */

/* ---- Toggle base ---- */
.et_pb_optimal_faq .et_pb_toggle_content,
.et_pb_optimal_faq .et_pb_toggle_title {
	word-wrap: break-word;
}

.et_pb_optimal_faq .et_pb_toggle {
	border: 1px solid #d9d9d9;
	margin-bottom: 10px;
	position: relative;
}

.et_pb_optimal_faq .et_pb_toggle:last-child {
	margin-bottom: 0;
}

.et_pb_optimal_faq .et_pb_toggle_close {
	background-color: #f4f4f4;
	padding: 20px;
}

.et_pb_optimal_faq .et_pb_toggle_close .et_pb_toggle_content {
	display: none;
}

.et_pb_optimal_faq .et_pb_toggle_open {
	padding: 20px;
	background-color: #fff;
	z-index: 1;
}

.et_pb_optimal_faq .et_pb_toggle .et_pb_toggle_title,
.et_pb_optimal_faq .et_pb_toggle h5.et_pb_toggle_title {
	cursor: pointer;
	position: relative;
	padding: 0 50px 0 0;
}

.et_pb_optimal_faq .et_pb_toggle_close .et_pb_toggle_title,
.et_pb_optimal_faq .et_pb_toggle_close h5.et_pb_toggle_title {
	color: #666;
}

.et_pb_optimal_faq .et_pb_toggle_open .et_pb_toggle_title,
.et_pb_optimal_faq .et_pb_toggle_open h5.et_pb_toggle_title {
	color: #333;
}

/* ---- Toggle icon ---- */
.et_pb_optimal_faq .et_pb_toggle_title:before {
	content: "\E050";
	font-family: "ETmodules";
	position: absolute;
	right: 0;
	left: auto;
	font-size: 16px;
	color: #ccc;
	top: 50%;
	margin-top: -0.5em;
}

.et_pb_optimal_faq .et_pb_toggle_open .et_pb_toggle_title:before {
	content: "\E04F";
}

.et_pb_optimal_faq .et_pb_toggle_open .et_pb_toggle_title:before {
	display: none;
}

/* ---- Toggle content ---- */
.et_pb_optimal_faq .et_pb_toggle_content {
	padding-top: 20px;
	position: relative;
}

.et_pb_optimal_faq .et_pb_toggle_content:empty {
	display: none !important;
}

.et_pb_optimal_faq .et_pb_toggle_content p:last-of-type {
	padding-bottom: 0;
}

/* ---- Responsive (text-align left padding) ---- */
@media (max-width: 980px) {
	.et_pb_optimal_faq .et_pb_toggle.et_pb_text_align_left-tablet .et_pb_toggle_title,
	.et_pb_optimal_faq .et_pb_toggle.et_pb_text_align_left-tablet h5.et_pb_toggle_title {
		cursor: pointer;
		position: relative;
		padding: 0 50px 0 0;
	}
}

@media (max-width: 767px) {
	.et_pb_optimal_faq .et_pb_toggle.et_pb_text_align_left-phone .et_pb_toggle_title,
	.et_pb_optimal_faq .et_pb_toggle.et_pb_text_align_left-phone h5.et_pb_toggle_title {
		cursor: pointer;
		position: relative;
		padding: 0 50px 0 0;
	}
}