.nav-mobile-menu {

	height: 100%;
	width: 100%;
	position: relative;

	.ul--primary {

		padding:0;
		margin:0;
		height: 100%;
		background: #fff;

		li {

			list-style: none;

			a {

				font-size: 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 10px 0;

			}

			.ul--secondary,
			.ul--tertiary {

				display: none;
				position: absolute;
				top:0;
				left:0;
				width: 100%;
				height: 100%;
				margin:0;
				padding:0;
				background: #fff;

				li {

					a {

						&[data-back-parent],
						&[data-back-gparent] {
							justify-content: flex-start;
							gap: 10px;
							font-size: 16px;
							background: #eee;
							margin: 0 -20px;
							padding: 10px 20px;
							svg {
								transform: rotate(180deg);
							}
						}

					}

					&.expanded {

						.ul--tertiary {

							display: block;

						}

					}

				}

			}

			&.expanded {

				.ul--secondary {

					display: block;

				}

			}

		}

	}

}

@media only screen and (min-width: 769px) {
    .site-header {
        padding: 0;
    }
}

@media only screen and (min-width: 769px) {
    .index-section {
        margin: 45px 0;
    }
}