ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / header / assets / css / scss

/* ==========================================================================
   Header common styles
   ========================================================================== */

$left-right-spacing: 12px;

#qodef-page-header {

.qodef-widget-holder {
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;

.widget {
			margin: 0;
			height: 100%;
			
			&:first-child {
				margin-left: 0;
			}
			
			&:last-child {
				margin-right: 0;
			}
		}
	}
	
	div[id^="monster-widget-placeholder"],
	div[id^="woo-monster-widget-placeholder"] {
		display: none;
	}
}

$header-light-skin-color: #fff;
$header-light-skin-hover-color: #fff;
$header-dark-skin-color: #000;
$header-dark-skin-hover-color: #000;

#qodef-page-header-inner,
.qodef-custom-header-layout {
	
	&.qodef-skin--light {
		nav > ul > li {
			
			> a {
				color: $header-light-skin-color !important;
				
				&:hover {
					color: $header-light-skin-hover-color !important;
				}
			}
			
			&.current-menu-ancestor,
			&.current-menu-item {
				
				> a {
					color: $header-light-skin-hover-color !important;
				}
			}
		}
		
		.qodef-opener-icon {
			
			&.qodef-source--icon-pack,
			&.qodef-source--svg-path,
			&.qodef-source--predefined {
				
				&:not(.qodef--opened) {
					color: $header-light-skin-color !important;
				}

&.qodef-side-area-opener,
				&.qodef-fullscreen-menu-opener {
					
					&:hover {
						background-color: transparent;
					}
				}

&.qodef-fullscreen-menu-opener {
					&:before {
						background-color: $header-dark-skin-hover-background-color;
					}
				}
				
				&#qodef-side-area-close {
					
					&:hover {
						background-color: transparent;
					}
				}
			}
		}
		
		.qodef-woo-dropdown-cart {
			
			.qodef-m-opener {
				color: $header-light-skin-color;
			}
		}
	}
	
	&.qodef-skin--dark {
		
		nav > ul > li {
			
			> a {
				color: $header-dark-skin-color !important;
				
				&:hover {
					color: $header-dark-skin-hover-color !important;
				}
			}
			
			&.current-menu-ancestor,
			&.current-menu-item {
				
				> a {
					color: $header-dark-skin-hover-color !important;
				}
			}
		}
		
		.qodef-opener-icon {
			
			&.qodef-source--icon-pack,
			&.qodef-source--svg-path,
			&.qodef-source--predefined {
				
				&:not(.qodef--opened) {
					color: $header-dark-skin-color !important;
				}
				
				&.qodef-side-area-opener,
				&.qodef-fullscreen-menu-opener {
					
					&:hover {
						background-color: transparent;
					}
				}

&.qodef-fullscreen-menu-opener {
					&:before {
						background-color: #fff;
					}
				}
				
				&#qodef-side-area-close {
					
					&:hover {
						background-color: transparent;
					}
				}
			}
		}
	}
	
	&.qodef-menu-skin--dark {
		
		.qodef-opener-icon {
			
			&.qodef-source--icon-pack,
			&.qodef-source--svg-path,
			&.qodef-source--predefined {
				
				&.qodef-side-area-opener,
				&.qodef-fullscreen-menu-opener {
					
					&:hover {
						background-color: transparent;
					}
				}
				
				&#qodef-side-area-close {
					
					&:hover {
						background-color: transparent;
					}
				}
			}
		}
	}
	
	&.qodef-menu-skin--gray {
		
		.qodef-opener-icon {
			
			&.qodef-source--icon-pack,
			&.qodef-source--svg-path,
			&.qodef-source--predefined {
				
				&.qodef-side-area-opener,
				&.qodef-fullscreen-menu-opener {
					
					&:hover {
						background-color: transparent;
					}
				}
				
				&#qodef-side-area-close {
					
					&:hover {
						background-color: transparent;
					}
				}
			}
		}
	}
}

[-] _common-responsive.scss [edit]
[+] ..
[-] _common-default.scss [edit]
[-] _logo-default.scss [edit]