.ob-accordion2 {
}

.ob-accordion2__title {
	--_title-mt: var(--ob-accordion2-title-mt, 0);
	--_title-mb: var(--ob-accordion2-title-mb, var(--wp--preset--spacing--80));
	--_title-align: var(--ob-accordion2-title-align, left);

	text-align: var(--_title-align);
	margin-top: var(--_title-mt);
	margin-bottom: var(--_title-mb);
}

.ob-accordion2__body {
}

.ob-accordion2__footer {
	--_footer-mt: var(--ob-accordion2-footer-mt, var(--wp--preset--spacing--80));

	margin-top: var(--_footer-mt);
	text-align: center;
}

.ob-accordion2__item {
	--_item-header-bg: var(--ob-accordion2-item-header-bg, var(--wp--preset--color--primary));
	--_item-header-color: var(--ob-accordion2-item-header-color, var(--wp--preset--color--contrast));
	--_item-header-bg--active: var(--ob-accordion2-item-header-bg--active, var(--wp--preset--color--contrast));
	--_item-header-color--active: var(--ob-accordion2-item-header-color--active, var(--wp--preset--color--primary));
	--_item-header-bg--hover: var(--ob-accordion2-item-header-bg--hover, var(--_item-header-bg--active));
	--_item-header-color--hover: var(--ob-accordion2-item-header-color--hover, var(--_item-header-color--active));
 	--_item-header-mt: var(--ob-accordion2-item-header-mt, 0);
	--_item-header-mb: var(--ob-accordion2-item-header-mb, var(--wp--preset--spacing--20));
	--_item-header-py: var(--ob-accordion2-item-header-py, var(--wp--preset--spacing--20));
	--_item-header-px: var(--ob-accordion2-item-header-px, var(--wp--preset--spacing--40));
	--_item-header-radius: var(--ob-accordion2-item-header-radius, 0);
	--_item-content-bg: var(--ob-accordion2-item-content-bg, transparent);
	--_item-content-color: var(--ob-accordion2-item-content-color, inherit);
	--_item-content-mb: var(--ob-accordion2-item-content-mb, var(--wp--preset--spacing--20));
	--_item-content-py: var(--ob-accordion2-item-content-py, var(--wp--preset--spacing--20));
	--_item-content-px: var(--ob-accordion2-item-content-px, var(--wp--preset--spacing--20));
	--_item-content-radius: var(--ob-accordion2-item-content-radius, 0);
	--_icon-color: var(--ob-accordion2-icon-color, var(--_item-header-color));
	--_icon-color--active: var(--ob-accordion2-icon-color--active, var(--_item-header-color--active));
	--_icon-color--hover: var(--ob-accordion2-icon-color--hover, var(--_item-header-color--hover));
	--_icon-size: var(--ob-accordion2-icon-size, 1rem);
	--_icon-url--minus: url("data:image/svg+xml,%3csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.61597 5.5H1.61597V3H7.61597V5.5Z' fill='%23172B02'/%3e%3c/svg%3e");
	--_icon-url--plus: url("data:image/svg+xml,%3csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.34132 8.25586H2.65868V5.64508H0V2.91454H2.65868V0.255859H5.34132V2.91454H8V5.64508H5.34132V8.25586Z' fill='%23172B02'/%3e%3c/svg%3e");
	--_icon-url: var(--ob-accordion2-icon-url, var(--_icon-url--plus));
	--_icon-url--active: var(--ob-accordion2-icon-url--active, var(--ob-accordion2-icon-url, var(--_icon-url--minus)));
	--_icon-transform: var(--ob-accordion2-icon-transform, none);
	--_icon-transform--active: var(--ob-accordion2-icon-transform--active, none);
	--_content-rows: 0fr;
}

.ob-accordion2.is-style-chevron {
	--ob-accordion2-icon-url: url("data:image/svg+xml,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 4L9 1' stroke='black' stroke-width='2'/%3e%3c/svg%3e");
	--ob-accordion2-icon-transform--active: rotate(180deg);
}

.ob-accordion2__item--active {
	--_content-rows: 1fr;
	--_icon-color: var(--_icon-color--active);
	--_icon-url: var(--_icon-url--active);
	--_icon-transform: var(--_icon-transform--active);
	--_item-header-bg: var(--_item-header-bg--active);
	--_item-header-color: var(--_item-header-color--active);
}

.ob-accordion2__item:hover {
	--_item-header-bg: var(--_item-header-bg--hover);
	--_item-header-color: var(--_item-header-color--hover);
	--_icon-color: var(--_icon-color--hover);
}

.ob-accordion2__item-header {
	margin-bottom: var(--_item-header-mb);
	margin-top: var(--_item-header-mt);
	padding: var(--_item-header-py) var(--_item-header-px);
	border-radius: var(--_item-header-radius);
	background-color: var(--_item-header-bg);
	color: var(--_item-header-color);
	margin-bottom: var(--_item-header-mb);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ob-accordion2__item-header::after {
	--_mask:  var(--_icon-url) no-repeat center / var(--_icon-size);

	content: '';
	width: 1rem;
	height: 1rem;
	display: inline-block;
	background-color: var(--_icon-color);
	-webkit-mask: var(--_mask);
	mask: var(--_mask);
	vertical-align: text-bottom;
	flex-shrink: 0;
	transform: var(--_icon-transform);
}

.ob-accordion2__item-content {
	border-radius: var(--_item-content-radius);
	background-color: var(--_item-content-bg);
	color: var(--_item-content-color);
	margin-bottom: var(--_item-content-mb);
	display: grid;
	grid-template-rows: var(--_content-rows);
}

.ob-accordion2__item-content > div {
	overflow: hidden;
}

.ob-accordion2__item-content > div > div {
	padding: var(--_item-content-py) var(--_item-content-px);
}

@media (prefers-reduced-motion: no-preference) {
	.ob-accordion2__item-header {
		transition: 0.3s ease-in-out margin-left,
					0.3s ease-in-out margin-right,
					0.3s ease-in-out background-color,
					0.3s ease-in-out color;
	}
	.ob-accordion2__item-content {
		transition: 0.3s ease-in-out grid-template-rows;
	}

	.ob-accordion2__item-header::after {
		transition: 0.3s ease-in-out background-color,
					0.3s ease-in-out -webkit-mask,
					0.3s ease-in-out mask,
					0.3s ease-in-out transform;
	}
}