.tab-label {
  cursor: pointer;
} 


.tab-select .tab  {
	display: inline-block;
	margin-right: 1em;
	
}
.tab-active {
	.btn {
		border-color: transparent;
		box-shadow: none;
		background-image: $green-gradient;
		@include coverbg;
		color: #fff;
	}
}

.tab-mobile-content {
	padding: 10px 0px;
}
.tab-content, .tab-mobile-content {
  display: none;
}
.tab-content.tab-active, .tab-active .tab-mobile-content {
  display:block;
}

.tab-content-container {
	background-color: $gray-off-white;
	padding: 30px 0px 60px 0px;
	margin-top: 30px;
}

.tab-content-blocks {
	display: grid;
}

@media screen and (max-width: $small-screen) {
	.tab .btn {
		display: block;
		margin: 1em 0em;
	}
	.tab {
		width: 100%;
	}
	.tabs {
		margin-bottom: 3em;
	}
}
@media screen and (min-width: $medium-screen-up) {
	.tab-content-blocks {
		display:grid;
		grid-gap: $gutter-width;
		grid-template-columns: 1fr 1fr 1fr;
	}
}