/*
	Styles for elements such as tab panes
	it's the nested tab problem So don't display tabs on other tabs unless you're active
*/

.tab-pane {
	display: block !important; /* undo "display: none;" */
	visibility: hidden;
	margin-right: -100%;
	width: 100%;
}

.tab-content {
	display: flex !important;
	/* background-color: azure; */
	/* ok - this fixed it! */
	flex-wrap: wrap;
}

.tab-content > .is-active {
/* .tab-pane.is-active { */
	visibility: visible;
}

	/* only want to apply this to the first */

.tab-pane > .tab-content {
	display: none !important;
}

	/* You only want this to apply to the first, like non-nested */

.tab-pane.is-active > .tab-content {
	display: flex !important;
}