@charset "utf-8";
/* CSS Document */

	#picks_alert_box {
			display:none;
		}
		
	#header_bar {
		
	/*	background: #1e417d; */
		position: relative;
		background: #191955;
		height: 55px;
		width: 100%;
		z-index:1000000 !important;
		top:0;
	}

	#header_bar.is-stuck {
  	position:fixed;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.80); 
	-webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
	z-index:1000000 !important;
		
	}
	
	#pf_top-nav ul li a:link {
		text-decoration:none !important;	
	}

	#pf_top-nav ul li a:visited {
		text-decoration:none !important;	
	}
	
	/* Left Block */
	
	a.header_link:link {
	
		color: #F0F0F0;
		padding:2px;
		text-decoration:none;
		font-size:10px;
		font-family: \'Days One\', sans-serif;
	}
	
	a.header_link:visited {
	
		color: #F0F0F0;
		padding:2px;
		text-decoration:none;
		font-size:10px;
		font-family: \'Days One\', sans-serif;
	}
	
	a.header_link:hover {
	
		color: yellow;
		padding:2px;
		font-size:10px;
		font-family: \'Days One\', sans-serif;
	}
	
	a.header_link:active {
	
		color: yellow;
		padding:2px;
		font-size:10px;
		font-family: \'Days One\', sans-serif;
	}

	.login_box {
		order: 99;
		padding-left: 20px;
		padding-top:20px;
		padding-right:10px;
		color: #F0F0F0;
		float:right;
	}
	
	.pflogo19 {
		
		height:55px;
		float: left;
		margin-right: 15px;
		display:block;
	}
	
	.pflogo_mobile19 {
		
		height:55px;
		float: left;
		margin-right: 0px;
		border-right: 1px #9b9bb4 solid;
		display:none;
	}
	
	.menu_button {
		
		margin-left: 25px;
		height: 55px;
		float:left;
		border-left: 1px #9b9bb4 solid;
		border-right: 1px #9b9bb4 solid;
		border-width:thin;
		display:block;
		
	}

	
	.player_image {
		
		float: left;
		border-right: 1px #9b9bb4 solid; 
		height: 55px;
	}
	
	.top_icon_container {
		float: right; 
		height: 55px;
		display: flex; 
		flex-wrap: nowrap; 
		align-items: center;

		/* Allows user to swipe the icons if they zoom in too far to see them all */
		max-width: 50%; 
		overflow-x: auto; 
		overflow-y: hidden;
	}
	
	.top_icon {
		/* float: left; <--- REMOVE THIS entirely */

		/* ADD THIS: */
		flex-shrink: 0; /* Prevents the icon from squishing when zoomed */

		/* Keep your existing styles: */
		height: 35px;
		margin-left: 5px;
		font-size: 12px;
		z-index: 1;
		position: relative;
		font-family: 'Days One', sans-serif;
		color: #F0F0F0;

		/* Optional: Since 'align-items: center' on the parent handles vertical alignment, 
		   you may want to change margin-top: 10px; to margin-top: 0; for better centering */
		margin-top: 0; 
	}
	
	.top_icon .alert{
		float: right;
		background-color:#cd1919;
		padding:2px;
		border-radius: 5px;
		color: white;
		font-size:9px;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}
	
	.top_icon .alert_none{
		background-color:#5f5f7d;
		color: #F0F0F0;
		float: right;
		padding:2px;
		border-radius: 5px;
		font-size:9px;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}
		
	 .my_avatar {
		order: 99;
		height: 35px;
		margin-top: 8px;
		float:right;
		margin-right:25px;
		margin-left: 25px;
		border: 1px #c7cfde solid;
		border-width: thin;
	}

	.my_avatar[data-initial]::after {
    content: attr(data-initial);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
	border: solid 1px white;
    border-radius: 50%;
    background-color: #690000;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: sans-serif;
}
	
	.mobile_right {
		
		display: block;
		float: left;
	}
	
	.mobile_left {
		display:block;
		float: left;
	}
	
	@media screen and (max-width: 850px) and (min-width: 300px){
		
	#picks_alert_box {
			display:block;
		}
		
		.top_icon {
		float: left;
		height: 35px;
		margin-top: 10px;
		margin-left: 0px;
		font-size:12px;
		z-index: 1;
		position: relative;
		font-family: \'Days One\', sans-serif;
		color:#F0F0F0;
	}
	
	.top_icon .alert{
		float: right;
		background-color:#cd1919;
		padding:1px;
		border-radius: 5px;
		color: white;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}
	
	.top_icon .alert_none{
		background-color:#5f5f7d;
		color: #F0F0F0;
		float: right;
		padding:1px;
		border-radius: 5px;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}

			
	.my_avatar {
		
			
		}

			
		.menu_button {
		
			margin-left:0px;
		}

		.pflogo_mobile19 {
		
			display:block;
		}
		
		.pflogo19 {
			display:none;
		}
		
		.mobile_right {
		
		display: none;
		float: inherit;
	}
	
		.mobile_left {

		display:none;
		float: inherit;
	}

			
	}
	
	@media screen and (max-width: 850px) and (min-width: 300px){
		
	#picks_alert_box {
			display:block;
		}
		
		.top_icon {
		float: left;
		height: 35px;
		margin-top: 10px;
		margin-left: 0px;
		font-size:12px;
		z-index: 1;
		position: relative;
		font-family: \'Days One\', sans-serif;
		color:#F0F0F0;
	}
	
	.top_icon .alert{
		float: right;
		background-color:#cd1919;
		padding:1px;
		border-radius: 5px;
		color: white;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}
	
	.top_icon .alert_none{
		background-color:#5f5f7d;
		color: #F0F0F0;
		float: right;
		padding:1px;
		border-radius: 5px;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}

			
	.my_avatar {
		
			
		}

			
		.menu_button {
		
			margin-left:0px;
		}

		.pflogo_mobile19 {
		
			display:block;
		}
		
		.pflogo19 {
			display:none;
		}
		
		.mobile_right {
		
		display: none;
		float: inherit;
	}
	
		.mobile_left {

		display:none;
		float: inherit;
	}

			
	}
	
		
	@media screen and (max-width: 1100px) and (min-width: 851px){
		
	#picks_alert_box {
			display:block;
		}
		
		.top_icon {
		float: left;
		height: 35px;
		margin-top: 10px;
		margin-left: 0px;
		font-size:12px;
		z-index: 1;
		position: relative;
		font-family: \'Days One\', sans-serif;
		color:#F0F0F0;
	}
	
	.top_icon .alert{
		float: right;
		background-color:#cd1919;
		padding:1px;
		border-radius: 5px;
		color: white;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}
	
	.top_icon .alert_none{
		background-color:#5f5f7d;
		color: #F0F0F0;
		float: right;
		padding:1px;
		border-radius: 5px;
		font-size:9px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
		margin-top:20px;
		font-family: \'Days One\', sans-serif;
		z-index:10;
		position: relative;
		border: 1px black solid;
		border-width: thin;
		right:15px;
	}

			
	.my_avatar {
		

		}

			
		.menu_button {
		
			margin-left:0px;
		}

		.pflogo_mobile19 {
		
			display:none;
		}
		
		.pflogo19 {
			display:block;
		}
		
		.mobile_right {
		
		display: none;
		float: inherit;
	}
	
		.mobile_left {

		display:none;
		float: inherit;
	}

			
	}
	
	@media screen and (max-width: 1400px) and (min-width: 1101px) {
	
	#picks_alert_box {
		
		display:block;
	}
	.menu_button {
		margin-left:0px;
	}
	
	.pflogo_mobile19 {
		
		display:none;
	}
		
	.pflogo19 {
		
		display:block;
	}
		
	.mobile_right {
		
		display: none;
		float: inherit;
	}
	
	.mobile_left {

		display:none;
		float: inherit;
	}
	
}