/* AABC 2022-08-31T23:18:00+01:00 */

.phpbb-navbar {
	clear: both;
	position: relative;
}

.phpbb-navbar ul {
	list-style: none;
	display: block;
}

.phpbb-navbar:after {
	clear: both;
	content: '';
	display: block;
}

.phpbb-navbar .nav-button {
	display: block;
	margin: 0 2px;
	float: left;
	position: relative;
	/* border-radius:10px; */
	overflow: hidden;
}

/* 
		.phpbb-navbar .nav-button {
			border-radius: 0;
			margin: 5px 7px;
					float: none;
			overflow: hidden;
		}
*/


.phpbb-navbar .shadow {
	text-shadow: 2px 2px;
}

.rtl .phpbb-navbar .nav-button {
	float: right;
}

/* Rolloff state */
.phpbb-navbar .nav-button > a {
	/* font-family: "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif; */
	cursor: pointer;
	display: block;
	font-size: 1rem;  /* was 1.1rem */
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	text-decoration: none;
	color: currentColor;
}

.phpbb-navbar .nav-button > a:hover {
	text-decoration: none;
}

.phpbb-navbar .nav-button:hover > a,
.phpbb-navbar .nav-button.hovering > a {
	border-radius: 4px;
	position: relative;
}

#phpbb-menu-toggle:hover {
	background-color: #e52329;
}
















.phpbb-navbar .but-menu {
	display: none;
	margin: 0 5px !important;
}

.phpbb-navbar .but-menu > a {
	font-size: 1.5em;
	padding-left: 30px;
	color: white;
}

.phpbb-navbar .but-menu > a:before {
	content: '';
	position: absolute;
	left: 8px;
}
















/* Responsive    was 700 changed to 900
--------------------------------------------- */
@media (max-width: 991.98px) {


	.phpbb-navbar .but-menu {
		display: none;
		background-color: #e52329;
	}

	.hasjs .but-menu {
		display: inline-block;  /* was just block */
	}

	.phpbb-navbar .phpbb-menu {
		background-color: #e52329;
		display: none;
		position: absolute;
		z-index: 11;
	}
	
	.headerbar .phpbb-navbar .phpbb-menu {
		background-color: #12A3EB;
		border-radius: 0 0 4px 4px;
	}

	.navbar .phpbb-navbar .phpbb-menu.show {
		display: block;
		border-radius: 0 0 4px 4px;
		left: -5px;
		padding-left: 5px;
	}
	
	.phpbb-navbar .but-menu > a::before {
		font-family: FontAwesome;
		font-size: 18px;    /* was 14px */
		content: "\f0c9";
	}

	.phpbb-navbar .phpbb-menu:after {
		content: '';
		clear: both;
		display: block;
	}
	
	.phpbb-navbar {
		left: -5px;
	}

	.phpbb-navbar .nav-button {
		margin: 5px 0;
		float: none;
	}

	.phpbb-navbar .nav-button > a {
		padding-right: 0;      /* was 30px */
	}



	.phpbb-navbar .but-menu {
	    /* display: none; */
	    background-color: #e52329;
	}

	#phpbb-menu-toggle:hover {
	    background-color: #e52329;
	}






		.phpbb-navbar .nav-button {
			border-radius: 5px;
			max-width: 100%;
			/* max-width:100px; AABC was also tried  10rem */
			border: 2px solid;
				overflow: hidden;


		}

			.nav-button .icon {
				display: none;
			}

			.phpbb-navbar .nav-button:hover > a,
			.phpbb-navbar .nav-button.hovering > a {
				border-radius: 2px;
			}



} /* this closing media query was missing */


/* test colour of hamburger

		@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)
		{
			.phpbb-navbar .nav-button {
				background-color: yellow;
			}
		}

*/