/* hamburger menu */

@media screen and (orientation: portrait)
{
	.hamburgermenu			{font-size: 17pt;}
}
	
@media screen and (orientation: landscape)
{
	.hamburgermenu			{font-size: 19pt;}
}

.caret 					{color: white; padding-left: 8px;}
.menu 					{background-color: black; height: 100%; width: 0; position: fixed; z-index: 30; top: 0; left: 0; overflow-x: hidden; transition: 0.3s;}
.menu a 				{background-color: black; text-decoration: none; color: white; display: block; padding: 5px;}
.menu a:hover, .menudropbtn:hover	{background-color: #F3B02E; background-image: linear-gradient(to right, #F3B02E, #FFDB58); color: black;}
.menu .menuclosebtn 	{background-color: black; position: -webkit-sticky; position: sticky; top: 0px; text-align: right; font-size: 22pt; padding: 0;}
.menu .menuclosebtn:hover 	{background-color: #F3B02E; background-image: linear-gradient(to right, #F3B02E, #FFDB58);  color: black;}
.menudropbtn:hover 		{display: block;}
.menudropbtn			{background-color: #666666; font-weight: 600; text-align: left; display: block; font-size: 12pt; border: none; outline: none; color: white; padding: 5px; font-family: inherit; margin-top: 5px; width: 100% /* Important for vertical align on mobile phones */}
.menuimgsize, .navbarcaslogo	{display: block; vertical-align: middle;}
.dropdown a, .menudropbtn {text-decoration: none; display: block; width: 100%; text-align: left;}
.menudropdown-content 	{display: none; width: 95%; z-index: 20;}
.menudropdown-content a {background-color: #f9f9f9; color: black; font-size: 10pt; padding: 2%; text-decoration: none; display: block; border: 1px solid black; text-align: left; width: 96%;}
.menudropdown-content a:hover {background-color: #FF6600; background-image: linear-gradient(to right, #FF3300, #F3B02E); color: white; font-size: 10pt; padding: 2%; text-decoration: none; display: block; border: 1px solid black; text-align: left; width: 96%;}
.menusticky				{cursor: pointer; position: -webkit-sticky; position: sticky; top: 0px; float: left; z-index: 25;}
.dropdownactive 		{background-color: #F3B02E; background-image: linear-gradient(to right, #F3B02E, #FFDB58); color: white;}
.statsmenuheading		{background-color: black; color: #E2AD2D; font-size: 14pt; font-weight: 900; text-align: center; padding: 0px 3px;}