.nav-menu > ul,
header nav > ul,
footer nav > ul,
.child-pages-navigation > ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

header nav li,
footer nav li,
.child-pages-navigation li
{
    position: relative;
}

header nav li a,
footer nav li a,
.child-pages-navigation li a
{
    display: block;
    padding: 0.75em;
    color: #fff;
    text-decoration: none;
}

header nav li a:hover,
footer nav li a:hover,
.child-pages-navigation li a:hover
{
    background: rgba(0, 0, 0, 0.25);
}

/* Dropdown (Child Menu) Styling */
header nav li ul,
footer nav li ul,
.child-pages-navigation li ul
{
    position: absolute;
    top: 100%;
    left: 0;
    background: #444;
    list-style-type: none !important;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 9999999999;
}

header nav li:hover > ul,
footer nav li:hover > ul,
.child-pages-navigation li:hover > ul
{
    display: block;
}

.site-navigation-toggle
{
    display: none;
    background: #333;
    color: #fff;
    border: none;
    padding: 0.75em 1rem;
    font-size: 1rem;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

@media screen and (min-width: 768px)
{
    .site-navigation
    {
        display: block !important;
    }
}

@media screen and (max-width: 768px)
{
    .site-navigation
    {
        display: none;
        border-bottom: 3px solid #444444;
    }

	header .nav-menu .children
    {
        display: none;  /* initially hidden on mobile */
    }

    header nav ul
    {
        flex-direction: column;
        dissplay: none;  /* initially hidden on mobile */
    }

    header nav li
    {
        display: block;
    }

    /* On mobile, display child items inline without dropdown behavior */
    header nav li ul
    {
        display: block;
        position: static;
    }

    .site-navigation-toggle
    {
        display: inline-block;
		width: fit-content;
    }

	.site-navigation
	{
		background-color: var(--og-sport-primary-color);
	  position: absolute;
	  top: 8rem;
	  width: 100%;
	  left: 0;
	  z-index: 9999;
	}

	.page_item_has_children > a::before
	{
		content: '+';
		margin-right: 0.25rem;
	}
}