#mobile-menu {
	overflow: hidden;
	max-height: 0;
	padding-bottom: 5px;
	padding-top: 5px;

	.sub-menu a {
		padding-left: 2rem;
	}

	ul {
		display: none;
		list-style-type: none;
	
		.sub-menu a {
			padding-left: 4rem;
		}
	}

	li {
		position: relative;
		margin-bottom: 0;
	}

	a {
		display: block;
		line-height: 1.5;
		font-size: $mobile-menu-font-size;
		padding: 0.75rem 1rem;
		color: $mobile-menu-link-color;
	}

}

.toggled-on #mobile-menu {
	max-height: 2000px;
}

#mobile-menu .current-menu-item > a,
#mobile-menu .current_page_ancestor > a {
	color: $nav-active-color;
}

// leave right margin for the button
#mobile-menu .menu-item-has-children > a {
	margin: 0;
	padding-right: 1rem;
}

@media #{$nav-sm-max}{

    #mobile-menu ul.toggled-on {
        display: block;
    }

}

@media #{$screen-xs-max}{

    .site-branding {
		padding: 1rem 1rem;
	    display: grid;
	    grid-template-columns: auto auto;
	    align-items: center;
	    grid-column-gap: 15px;
	    overflow-wrap: anywhere;
    }
}

@media #{$screen-sm}{
	#mobile-menu  {
		display: none;
	}

}
