.header-ontop{
	position: absolute;
	left: 0;
	right: 0;
	background: var(--ontop-bg);
	&:after{
		content: '';
		display: block;
		height: 1px;
		width: 100%;
		background: $border-color;
		@include opacity(0.15);
	}
	//  menu
	@media (min-width: $desktop-screen){
		.cms-primary-menu{
			// level 1
			> li {
				> a,
				> .main-menu-toggle:before{
					color: var(--ontop-regular);
					&:hover{
						color: var(--ontop-hover);
					}
				}
				&:before{
					background-color: var(--ontop-hover);
				}

				&:hover{
					> a,
					> .main-menu-toggle:before{
						color: var(--ontop-hover);
					}
					&:before{
						background-color: var(--color-accent);
					}
				}

				&.current-menu-item,
				&.current-menu-ancestor {
					> a,
					.main-menu-toggle:before{
						color: var(--ontop-active);
					}
					&:before{
						background-color: var(--color-accent);
					}
				}
			}
		}
		.menu-color{
			color: var(--ontop-regular);
			&:hover{
				color: var(--ontop-hover);
			}
		}
	}
	// Button 1
	.cms-header-btn1 > .btn-primary{
		background: $white;
		color: $primary-color;
		&:hover{
			background: $accent-color;
			color: $white;
		}
	}
	// Phone
	.cms-header-phone{
		.cms-ripple{
			background: $white;
			color: var(--color-primary);
		}
	}
}