/* ==========================================================================
   Content Tabs
   ========================================================================== */

.content-tabs {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 12px 8px;
	margin-top: -24px;

	@media (max-width: $screen-md-min) {
		padding: 12px 0;
	}

	ul {
		margin: 0;
		padding: 0;
	}

	li {
		display: inline-block;
		line-height: 36px;
		list-style: none;
		margin: 0 12px;

		@media (max-width: $screen-md-min) {
			margin: 0 24px 0 0;
		}

		&.content-tab-selected a {
			color: rgba($accent, .9);
		}

		a {
			@include anim(color);
			color: rgba($primary, .6);
			font-family: $font-family-secondary-bold;
			font-size: 15px;
			font-weight: 400;

			&:hover,
			&:focus {
				color: rgba($accent, .9);
			}
		}
	}
}