.tabs {
	border:none;
}

.tabs li {
	margin:0;
}

.tabs-title {
	position:relative;
}
.tabs-title>a {
	font-size:1rem;
	color:rgb(var(--midgrey));	
	font-weight:500;
	letter-spacing:.5px;
	border-bottom:none;
	text-transform: uppercase;
}

.tabs-title>a:focus, .tabs-title>a:hover {
	background: rgba(var(--sun),.2);	
	color: inherit;
}

.tabs-title>a[aria-selected='true'] {
	background: #ffffff;
	color: rgb(var(--darkslate));
	font-weight: 600;
}

.tabs-title.is-active::after { 
	position:absolute;
	height: 3px;
	width: 100%;
	bottom: 0;
	background-color: rgb(var(--sun));
	content: "";
	
}

.tabs-title>a[aria-selected='true']:focus, .tabs-title>a[aria-selected='true']:hover {
	background:rgb(var(--alabaster));
}

.tabs-content {
	border: 1px solid rgba(var(--midgrey),.3);
}