/* Menu */

.ui.secondary.pointing.menu {
	border-bottom: 2px solid $borderColor;
	
	.item {
		color: $mainTextColor;
		cursor: pointer;
		font-size: 14px;

		&:hover {
			color: $mainColor;
		}

		&.active {
			font-size: 14px;
			border-bottom: 4px solid $mainTextColor;
			color: $mainColor;

			span.pck-tab-title {
				color: $mainColor;
			}
		}
	}
}

/* Tab & Buttons to dropdown */
.tab-to-dropdown {
	select, .ui.dropdown {
		display: none;
	}

	.ui.secondary.menu {
		margin-left: 0;
		margin-right: 0;
	}

	@include mobile {
		.ui.menu {
			display: none !important;
		}
		select, .ui.dropdown {
			display: block;
		}
	}
}