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

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

/* ==========================================================================
   Navigation Menu styles
   ========================================================================== */
$wide-menu-top-bottom-spacing: 30px 0 22px;
$space-between-menu-columns: 15px;
$wide-menu-level-two-top-spacing: 7px;

.qodef-header-navigation {
	
	.qodef-menu-item-icon {
		display: block;
		margin-right: 5px;
		line-height: inherit;
		
		&:before {
			display: block;
			line-height: inherit;
		}
	}
	
	&.qodef-menu-has-numbers {
		
		> ul {
			counter-reset: counter;
			
			> li {
				
				> a {
					
					.qodef-menu-item-text {
						position: relative;
						
						&:before {
							@include qodefMenuNumbersStyle();
							
							.qodef-skin--light & {
								color: rgba($header-light-skin-color,.4);
							}
							
							.qodef-skin--dark & {
								color: rgba($header-dark-skin-color,.4);
							}
						}
					}
					
					&:hover {
						
						.qodef-menu-item-text {
							
							&:before {
								
								.qodef-skin--light & {
									color: $header-light-skin-color;
								}
								
								.qodef-skin--dark & {
									color: $header-dark-skin-color;
								}
							}
						}
					}
				}
				
				&.current-menu-ancestor,
				&.current-menu-item {
					
					> a {
						
						.qodef-menu-item-text {
							
							&:before {
								
								.qodef-skin--light & {
									color: $header-light-skin-color;
								}
								
								.qodef-skin--dark & {
									color: $header-dark-skin-color;
								}
							}
						}
					}
				}
			}
		}
	}
	
	ul {
		
		li {
			
			.qodef-drop-down-second {
				position: absolute;
				top: 100%;
				left: 0;
				display: block;
				width: auto;
				height: 0;
				opacity: 0;
				visibility: hidden;
				overflow: hidden;
				z-index: 10;
				
				&.qodef-drop-down--start {
					opacity: 1;
					visibility: visible;
					overflow: visible;
					z-index: 20;
					transition: opacity $transition-timing;
				}
			}
			
			.qodef-mega-menu-widget-holder {
				display: none;
				white-space: normal;
			}
			
			&.qodef-menu-item--narrow {
				
				.qodef-drop-down-second {
					box-shadow: $menu-box-shadow;
					
					&.qodef-drop-down--right {
						left: auto;
						right: 0;
					}
				}
				
				.qodef-drop-down-second-inner {
					@include qodefRelativeLayout();
					
					> ul {
						position: relative;
						top: auto;
						opacity: 1;
						visibility: visible;
					}
				}
			}
			
			&.qodef-menu-item--wide {
				
				.qodef-mega-menu-widget-holder {
					display: block;
				}
				
				.qodef-drop-down-second {
					background-color: #fff;
					box-shadow: $menu-box-shadow;
					
					.qodef-drop-down-second--full-width & {
						width: 100vw;
					}
				}
				
				.qodef-drop-down-second-inner {
					
					&:not(.qodef-content-grid),
                    .qodef--boxed & {
						padding: $full-width-side-padding;
					}
					
					> ul {
						display: flex;
						justify-content: space-between;
						padding: $wide-menu-top-bottom-spacing;
						margin: 0 #{-$space-between-menu-columns};
						
						> li {
							width: 100%;
							padding: 0 $space-between-menu-columns;
							
							> a {
								font-size: 18px;
								line-height: 1.44em;
								
								&:hover {
									@include qodefMenuLevelOneHoverStyle();
								}
							}
							
							.qodef-menu-item-arrow {
								display: none;
							}
							
							ul {
								padding-top: $wide-menu-level-two-top-spacing;
								margin-left: 0;
								
								li {
									
									> a {
										@include qodefMenuLevelTwoInitialStyle();
										@include qodefMenuLevelTwoInitialTypographyStyle();
									}

&:hover,
									&.current-menu-item {
										
										> a {
											@include qodefMenuLevelTwoHoverStyle();
										}
									}
								}
							}
							
							&.current-menu-ancestor,
							&.current-menu-item {
								
								> a {
									@include qodefMenuLevelOneHoverStyle();
								}
							}
							
							&.qodef--hide-link:not(.current-menu-ancestor):not(.current-menu-item) {
								
								> a {
									
									&:hover {
										color: $heading-color;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

body {

&:not(.qodef-drop-down-second--full-width) {

.qodef-header-navigation {

ul {

li {

&.qodef-menu-item--wide {

.qodef-drop-down-second-inner {
                            padding: $full-width-side-padding;
                        }
                    }
                }
            }
        }
    }
}

[-] _nav-menu-default.scss [edit]
[+] ..