/* All Styles in this file relate to the mobile menu of the site/application. */

.navigation__mobile-menu .content { 
	display: block;
}

.navigation__mobile-menu { 
	display: none; 
}

@media screen and (max-width: 767px) {

	.navigation__mobile-menu .content,
	#block-search-form { 
		display: none; 
	}

    .navigation__mobile-menu {
		display: block;
	}

	.navigation__mobile-menu {
		background: var(--color-tofino-belue);
		background-image: none;
		height: auto;
		margin: 0;
	}

	.navigation__mobile-menu ul {
		margin: 0;
    	padding: 0;
	}

	.navigation__mobile-menu ul li,
	.navigation__mobile-menu ul li ul li { 
		text-align: left;
		float: none;
		list-style: none;
		list-style-type: none;
	}

	.navigation__mobile-menu ul li:hover,
	.navigation__mobile-menu ul li a:hover {
		opacity: 1;
	}

	.navigation__mobile-menu ul li a {
		background: var(--color-primary);
		padding: 3px 15px;
		width: auto !important;
		display: block;
		text-align: left;		
		color: var(--color-white);
	}

	.navigation__mobile-menu ul li a:hover {
		background: var(--color-night-dive);
	}

	.navigation__mobile-menu ul li {
		border-top: solid 1px var(--color-night-dive);
	}

	.navigation__mobile-menu ul {
		background: var(--color-smoked-pearl);
		float: none;
		height: auto;
		position: relative;
		z-index: 99999;
  	}

	.navigation__mobile-menu ul li ul {
		background: var(--color-moustache-grey);
		position: static;
		width: 100%;
	}

	.navigation__mobile-menu .menu-item--expanded .menu {
		display: none;
	}

	.navigation__mobile-menu ul li.expanded:hover ul {
		display: block !important
	}

	.navigation__mobile-menu ul li:nth-child(3) a {
		padding: 3px 15px;
		width: auto;
	}

	.navigation__mobile-menu ul li li a {
		padding-left: 25px !important;
	}

	.navigation__mobile-menu ul li li li a {
		padding-left: 25px !important;
	}

	.navigation__mobile-menu ul li ul li {
		border-top: solid 1px var(--color-welded-iron);
	}

	.navigation__mobile-menu ul ul ul {
		background: var(--color-grey-shingle);
	}
}