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

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

/* ==========================================================================
   Full Screen Menu styles
   ========================================================================== */

#qodef-fullscreen-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: $box-background-color;
	overflow-x: hidden !important;
	visibility: hidden;
	opacity: 0;
	z-index: 99; /* smaller than header, bigger than content */
	
	.qodef-menu-has-numbers {
		
		> ul {
			counter-reset: counter;
			
			> li {
				
				> a {
					
					.qodef-menu-item-text {
						position: relative;
						
						&:before {
							@include qodefMenuNumbersStyle();
							position: absolute;
							top: -5px;
							left: 3px;
							color: rgba(#fff, .4);
							transition: color $transition-timing;
							
							@media only screen and (min-width: $screen-size-1025) and (max-width: $screen-size-1440) {
								top: -7px;
								left: 1px;
							}
						}
					}
					
					&:hover {
						
						.qodef-menu-item-text {
							
							&:before {
								color: #fff;
							}
						}
					}
				}
				
				&.current-menu-ancestor,
				&.current-menu-item {
					
					> a {
						
						.qodef-menu-item-text {
							
							&:before {
								color: #fff;
							}
						}
					}
				}
			}
		}
	}
	
	.qodef-content-grid {
		height: 100%;
		
		.qodef-fullscreen-menu {
			width: 100%;
		}
	}
	
	.qodef-fullscreen-menu-animate--in & {
		animation: qode-fade-in .25s linear both;
	}
	
	.qodef-fullscreen-menu-animate--out & {
		animation: qode-fade-out .25s linear both;
	}
}

#qodef-fullscreen-area-inner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
}

$menu-top-bottom-spacing: 1px 0 16px;
$menu-level-two-left-spacing: 20px;

.qodef-fullscreen-menu {
	position: relative;
	top: 0;
	margin: 0 auto;
	text-align: left;
	
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		
		li {
			position: relative;
			margin: 0;
			padding: 0;
			
			&.qodef--hide-link {
				
				> a {
					cursor: default;
				}
			}
			
			a {
				
				.qodef-menu-item-arrow {
					display: none;
				}
			}
		}
		
		&.sub-menu {
			display: none;
		}
	}
	
	.qodef-menu-item-icon {
		margin-right: 5px;
	}
	
	.qodef-mega-menu-widget-holder {
		display: none;
	}
	
	> ul {
		
		> li {
			@media only screen and (min-width: $screen-size-1025) and (max-width: $screen-size-1440) {
				padding: 6px 0;
				
				&:first-child {
					padding-top: 0;
				}
				
				&:last-child {
					padding-bottom: 0;
				}
			}
			
			> a {
				@include qodefMenuLevelOneInitialStyle(h3, $light-skin-text-color);
				line-height: 1.777777777777778em;
				
				&:hover {
					@include qodefMenuLevelOneHoverStyle(#fff);
				}
			}
			
			&.current-menu-ancestor,
			&.current-menu-item {
				
				> a {
					@include qodefMenuLevelOneHoverStyle(#fff);
				}
			}
		}
	}
	
	.qodef-drop-down-second-inner {
		
		> ul {
			padding: $menu-top-bottom-spacing;
			
			@media only screen and (min-width: $screen-size-1025) and (max-width: $screen-size-1440) {
				padding: 1px 0 7px;
			}
		}
		
		ul {
			
			li {
				
				> a {
					@include qodefMenuLevelTwoInitialStyle();
					@include qodefMenuLevelTwoInitialTypographyStyle($light-skin-text-color);
					
					&:hover {
						@include qodefMenuLevelTwoHoverStyle();
						color: #fff;
					}
				}
				
				&.current-menu-ancestor,
				&.current-menu-item {
					
					> a {
						@include qodefMenuLevelTwoHoverStyle();
						color: #fff;
					}
				}
			}
		}
	}
}

[+] ..
[-] _fullscreen-menu-default.scss [edit]
[-] _fullscreen-menu-opener-default.scss [edit]