// BEGIN: Desktop mode

@media (min-width: $screen-md-min) { /* 992px */
	// Base header
	.c-layout-header.c-layout-header-#{$header_class} { 
		background: $header_desktop-bg-color; 
		border-bottom: $header_desktop_border;

		//	Topbar
		.c-topbar {		
			border-bottom: $top-menu_desktop-border;
			background: $top-menu_bg-color;

			.c-top-menu {	

				> .c-icons,
				> .c-links,
				> .c-ext {
					> li {
			    		> a:not(.btn), 
			    		> span {
			    			color: $top-menu_font-color;
			    			font-weight: 500;

			    			> i {
			    				background: $top-menu_icon-bg-color;
			    				color: $top-menu_icon-font-color;
			    			}
			    		}

			    		> a:not(.btn) {							
			    			&:active,
			    			&:hover,
			    			&:focus {
			    				color: $top-menu_font-color-on-hover; 

			    				> i {
				    				background: $top-menu_icon-bg-color-on-hover;
				    				color: $top-menu_icon-font-color-on-hover;
				    			}
			    			}
			    		}

			    		&.c-divider {
			    			color: $top-menu_font-color;
			    		}
			    	}
				}

				> .c-ext > li {

					&.c-lang {
						> a {		
							background: $top-menu_language-bar-bg-color;
							color: $top-menu_language-bar-font-color;

							&:active,
			    			&:hover, 
			    			&:focus {
								color: $top-menu_language-bar-font-color-on-hover;
								background: $top-menu_language-bar-bg-color-on-hover;
							}
						}

						> .dropdown-menu {
							background: $top-menu_language-menu-bg-color;
							> li {
								&.active > a {
									background: $top-menu_language-menu-link-bg-color-on-hover;
								}

								> a {	
									color: $top-menu_language-menu-link-font-color;

									&:hover {
										background: $top-menu_language-menu-link-bg-color-on-hover;	
									}
								}
							}
						}

						&:hover {
							> .dropdown-menu {
								display: block;
							}
						}					
					}

					&.c-search {

						> form {

							> .form-control {
								background: $top-menu_quick-search-bg-color;
								color: $top-menu_quick-search-font-color;
								@include placeholder($top-menu_quick-search-placeholder-color);
							}

							> i {
								color: $top-menu_quick-search-font-color;
							}
						}
					}
				}
			}
		}	

		//	Navbar
		.c-navbar {
			background: $header_desktop-navbar-bg;  

			// Main markup
			.c-mega-menu {
				> .nav.navbar-nav {				
					> li {

						> .c-btn-icon,
						> .c-link {
							color: $mega-menu_desktop_primary-link-font-color; 

							&:hover,
							&:focus {
								color: $mega-menu_desktop_primary-link-font-color; 
							}
						}

						> .c-quick-sidebar-toggler {
							> .c-line { 
								background-color: lighten($mega-menu_desktop_primary-link-font-color, 5%);
							}
						}

						&:focus,
						&:active,
						&:hover {
							> a:not(.btn) {
								color: $mega-menu_desktop_primary-link-font-color-on-hover;
							}

							> button {
								> .c-line {
									background: $mega-menu_desktop_primary-link-font-color-on-hover;
								}
							}
						}  

						&.c-active {
							color: $mega-menu_desktop_primary-link-font-color-on-active;
								
							> a:not(.btn) {
								color: $mega-menu_desktop_primary-link-font-color-on-active;
							}		

							> button {
								> .c-line {
									background: $mega-menu_desktop_primary-link-font-color-on-hover;
								}
							}
						}	
					}
				}      	
			}
		}

		// Quick search
		.c-quick-search {
			> .form-control {
				@include placeholder($quick-search_desktop_input-placeholder-color);  
				color: $quick-search_desktop_input-font-color;
			}

			// close icon
			> span {
				color: $quick-search_desktop_icon-font-color;
			}
		}
	}
	
	.c-page-on-scroll .c-layout-header.c-layout-header-#{$header_class} {
		background: $mega-menu_desktop_min-header-bg-color;
		border-bottom: $header_min_desktop_border;
		box-shadow: $header_min_desktop_shadow; 

		//	Topbar
		.c-navbar {

			.c-mega-menu {
				> .nav.navbar-nav {				
					> li {
						> .c-btn-icon,
						> .c-link {
							color: $mega-menu_desktop_min-header-primary-link-font-color; 

							&:hover,
							&:focus {
								color: $mega-menu_desktop_min-header-primary-link-font-color; 
							}
						}

						> .c-quick-sidebar-toggler {
							> .c-line { 
								background-color: lighten($mega-menu_desktop_min-header-primary-link-font-color, 5%);
							}
						}
					}
				}      	
			}
		}
	}
}

// END