$toggleable_nav_items: ();

@for $i from 10 through 1 {
	$toggleable_nav_items: append($toggleable_nav_items, #{$i});
}

.header-fullscreen-style-1 {

	.navbar-fullscreen {
		width: 100%;
		height: 100% !important;
		padding: 10vh 0 15vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		background-color: #fff;
		transition: all 0.3s ease;

		.main-nav {
			display: block;

			> li {
				opacity: 0;
				visibility: hidden;
				transform: translateY(-25%) rotateX(45deg);
				transition: all 0.45s cubic-bezier(0.23, 1, 0.320, 1);
				
				@for $i from 1 through length($toggleable_nav_items) {
					
					&:nth-child(#{nth($toggleable_nav_items, $i)}) {
						transition-delay: ($i / 17)+s;
					}
				}
				> a {
					padding-left: 0;
					padding-right: 0;
				}
			}
		}

		.nav-item-children {
			text-align: center;
			box-shadow: none;

			> li {

				> a {
					padding: 0;
				}
				&:hover {

					> a {
						background-color: transparent;
					}
				}
			}
		}

		.megamenu {

			.nav-item-children {
				display: none;
				visibility: visible;
				left: auto !important;
				right: auto !important;
			}
			.ld-container,
			.megamenu-column,
			.megamenu-container {
				width: 100% !important;
			}
			section.vc_row {
				padding: 0 !important;
			}
			.ld-row {
				display: block;
			}
		}

		.header-module {
			align-items: center;
		}

		&[aria-expanded=true] {
			opacity: 1;
			visibility: visible;

			.main-nav {

				> li {
					opacity: 1;
					visibility: visible;
					transform: translateY(0) rotateX(0);
				}
			}
		}
	}
}