/* #Header */
.header-container {
	background-color: $header_bg_color;
	background-repeat: $header_bg_repeat;
	background-position: $header_bg_position_x top;
	background-attachment: $header_bg_attachment;
	background-size: cover;
}

/* ##Logo */
.site-logo {
	font-style: $header_logo_font_style;
	font-weight: $header_logo_font_weight;
	font-size: $header_logo_font_size{px};
	font-family: @font_family( $header_logo_font_family );
}

.site-logo__link:hover {
	color: $regular_accent_color_2;
}

/* ##Top Panel */
.top-panel {
	background-color: $top_panel_bg;
}

.top-panel__message .fa,
.top-panel__message .material-icons {
	color: $regular_accent_color_1;
}

.top-panel.srch-on .header__search .search-form {
	color: $regular_text_color;
}
.top-panel a:hover,
.top-panel .header__search .search__toggle:hover{
	color: $regular_text_color;
}
.top-panel a[href*="tel:"]:hover{
	color:inherit;
}

/* ##Showcase panel */
.showcase-active .header-wrapper{
	background-color: $header_showcase_bg_color;
	background-repeat: $header_showcase_bg_repeat;
	background-position: $header_showcase_bg_position_x top;
	background-attachment: $header_showcase_bg_attachment;
}

.showcase-active .header-wrapper:before {
	background-color: @alpha($header_showcase_color_mask, $header_showcase_opacity_mask);
}

.showcase-panel__title {
	font-style: $showcase_title_font_style;
	font-weight: $showcase_title_font_weight;
	font-size: @font_size($showcase_title_font_size, multiple, ceil, 0.7826)px;
	line-height: $showcase_title_line_height;
	font-family: @font_family( $showcase_title_font_family );
	letter-spacing: $showcase_title_letter_spacing{em};
	color: $showcase_title_color;
	text-transform: $showcase_title_text_transform;
}

.showcase-panel__description {
	font-size: @font_size($body_font_size, multiple, ceil, 1.2)px;
	color: $showcase_description_color;
	font-weight: $h3_font_weight;
	font-family: @font_family( $h3_font_family );
}

@media (min-width: 768px) {
	.showcase-panel__title{
		font-size: $showcase_title_font_size{px};
	}
}

/*Stuck Container*/
@media (min-width: 768px){
	.isStuck {
		background-color: $invert_text_color;
	}
	.isStuck .main-navigation .menu > li > a{
		color: $regular_text_color;
	}
}
