@media screen and (orientation: portrait)
{
	.caslogothinbar	  	{width: auto; height: 45px;}

/*** Next Section is specifically for 100players (Hall of Fame) ***************************************************************/ 
	.positionsmenu		{display: inline-block; width: 65%; text-align: right; padding-right: 5px; font-size: 1em;}
	.positionsmenuitems	{font-size: 1em; padding: 15px 6px; color: white; font-weight: bold;}
	.positionsdropbtn 			{font-weight: bold; color: #FFFFFF; font-size: 0.9em; padding-right: 3px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
	.positionsdropbtn:hover 		{font-weight: bold; color: #F5B219; font-size: 0.9em; padding-right: 3px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
	.positionsdropdown-content	{min-width: 250px; overflow-y: auto; height: 300px;}
	.positionsdropdown-content a:hover {color: #F5B219; font-size: 0.9em;} /* Change color of dropdown links on hover */
/*****************************************************************************************************************************/
}

@media screen and (orientation: landscape)
{
	.caslogothinbar		{width: auto; height: 45px;}

/*** Next Section is specifically for 100players (Hall of Fame) ***************************************************************/ 
	.positionsmenu		{display: inline-block; width: 80%; text-align: right; padding-right: 20px; font-size: 1.3em;}
	.positionsmenuitems	{font-size: 1em; padding-right: 6px; color: white; font-weight: bold;}
	.positionsdropdown-content	 {min-width: 300px; overflow-y: auto; height: 400px;}
	.positionsdropdown-content a:hover {color: #F5B219; font-size: 1em;} /* Change color of dropdown links on hover */
	.positionsdropbtn 			{font-weight: bold; color: #FFFFFF; font-size: 1em; padding-right: 6px; background-color: black; border: none; cursor: pointer; margin-left: 5%; width: 90%; text-align: right;} /* Style the dropdown button */
	.positionsdropbtn:hover 		{font-weight: bold; color: #F5B219; font-size: 1em; padding-right: 6px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
/*****************************************************************************************************************************/
}

.caslogo 					{width: auto; height: 38px; padding-top: 2px;}
.hamburgericonsize			{display: block; vertical-align: middle; width: auto; height: 45px;}

.navbar 					{background-color: white; position: -webkit-sticky; position: sticky; top: 0px; padding: 4px 0px; z-index: 20;}
ul.navbaritems 				{list-style-type: none; height: 44px; margin: 0; padding: 0; background-color: black;}
.navbarmenudropbtn 			{display: inline-block; font-weight: bold; font-size: 14pt; font-size: 1.2em; color: white; text-align: center; padding: 10px 5px; text-decoration: none; z-index: 20;}

li a:hover,
.navbarmenudropdown:hover .navbarmenudropbtn {background-color: black; color: #F5B219;}

.navbarcaslogo				{float: left; margin-left: 15px; margin-right: 15px;}
li.navbarmenudropdown 		{display: inline-block;}
.navbarmenudropdown-content {display: none; position: absolute; top: 47px; left: 65px; background-color: #222222; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.navbarmenudropdown-content a		{font-weight: bold; font-size: 14pt; display: block; padding: 5px 0px; margin: 10px; color: white; text-decoration: none; text-align: left;}
.navbarmenudropdown-content a:hover {background-color: black; color: #F5B219;}
.navbarmenudropdown:hover .navbarmenudropdown-content {display: block;}

/*** Next Section is specifically for 100players (Hall of Fame) ***************************************************************/ 
.positionsdropdown 		{display: inline-block; text-align: right;}
.positionsdropdown-content {display: none; font-size: 1em; position: absolute; right: 0; text-align: left;} /* Dropdown content */
.positionsdropdown-content a {padding: 3px 16px; text-decoration: none; display: block; background-color: #222222;} /* Links inside dropdown content */
.positionsdropdown-content span {padding: 5px 16px; text-decoration: none; display: block;} /* Links inside dropdown content */
.positionsdropdown:hover .positionsdropdown-content {display: block; background-color: #222222; color: #F5B219;} /* Show the dropdown content on hover */
.positionsmenuitems		{text-align: left}
/*****************************************************************************************************************************/