.block-layout--tab {
	padding-left: 0;
	padding-right: 0;
}
.tab--tab-bar {
	background-color: var(--color--blue-dark);
	box-sizing: border-box;
	float: left;
	padding: 30px 0 30px 30px;
	width: 200px;
}
	a.tab--tab-bar--button {
		display: block;
		color: white;
		padding: 20px;
		border-bottom: 1px solid var(--color--blue);
		cursor: pointer;
		text-decoration: none;
		transition: all .25s ease-in-out;
	}
		a.tab--tab-bar--button:hover {
			background-color: white;
			color: var(--color--blue-dark);
		}
		a.tab--tab-bar--button.is-open {
			background-color: white;
			color: var(--color--blue-dark);
		}

	.tab--tab-content {
		background-color: white;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		width: calc(100% - 200px);
	}
	.tab--tab-content--item {
		padding: 45px;
	}
		.tab--tab-content--item :first-child {
			margin-top: 0;
		}
		.tab--tab-content--item :last-child {
			margin-bottom: 0;
		}
		.tab--tab-content--item--heading:after {
			content: "";
			display: block;
			background-color: var(--color--blue-dark);
			width: 30px;
			height: 5px;
			margin-top: 10px;
		}
		.tab--tab-content--item.is-closed {
			display: none;
		}

	.tab--container {
		display: grid;
		grid-template-columns: 200px 100%;
		grid-template-rows: auto;
	}

@media (max-width: 768px) {
	.tab--tab-bar {
		float: none;
		padding: 30px;
		width: 100%;
	}
	.tab--tab-content {
		float: none;
		width: 100%;
	}
	.tab--tab-content--item {
		padding: 30px;
	}
	.tab--container {
		display: block;
	}
}

.theme--college-inquiry .block-layout--tab{
	background-color: var(--color--purple-light);
}
.theme--college-bridge .block-layout--tab {
	background-color: var(--color--green-light);
}
.theme--right-to-college .block-layout--tab {
	background-color: var(--color--orange-light);
}
.theme--college-allies .block-layout--tab {
	background-color: var(--color--red-light);
}
.theme--general .block-layout--tab {
	background-color: var(--color--blue-light);
}