@import "@{parenturl}/less/mixins.less";

@blue: #1B4F72;
@brown: #826040;

.su-tabs {
	background-color:@brown;
	padding:5px;
	border-radius:8px;
	.su-tabs-nav {
		span {
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			font-size:18px;
			color:#fff;
			&.su-tabs-current {
				color:@blue;
			}
			&:not(.su-tabs-current):hover {
				background-color:@blue;
				color:#fff;
			}
		}
	}
}