Iris/src/scss/components/_sub-views.scss

.sub-views {
	.option {
		@include feature_font();
		color: colour(white);
		display: inline-block;
		margin-right: 25px;
		font-size: 15px;
		font-weight: 500;
		border-bottom: 3px solid transparent;
		cursor: pointer;

		.light-theme & {
			color: colour(darkest_grey);
		}

		h4 {
			margin: 8px 0 4px;
		}

		&.active {
			border-color: colour(white);

			.light-theme & {
				border-color: colour(darkest_grey)
			}
		}

		&:not(.active):hover {
			border-color: rgba(255,255,255,0.2);

			.light-theme & {
				border-color: rgba(0,0,0,0.2);
			}
		}
	}

	@include responsive($bp_medium){
		.option {
			margin-right: 15px;
		}
	}
}