/* STRUCT */

@font-face {
  font-family: 'simplon';
  font-style: normal;
  font-weight: 400;
  src: url('shared/SimplonNorm-Regular.otf');
}
@font-face {
  font-family: 'simplon';
  font-style: normal;
  font-weight: 700;
  src: url('shared/SimplonNorm-Bold.otf');
}

@font-face {
  font-family: 'simplon';
  font-style: italic;
  font-weight: 400;
  src: url('shared/SimplonNorm-RegularItalic.otf');
}
@font-face {
  font-family: 'simplon';
  font-style: italic;
  font-weight: 700;
  src: url('shared/SimplonNorm-BoldItalic.otf');
}

body, * {
  font-family:simplon;
  font-size:14px;
}

#logo {
	position:absolute;
}

#reportDate,
#frequency,
#legtitle {
	display:none !important;
}
nav,
nav .buttons {
  left:auto;
  right:2px;
	top:0;
}
nav.on {
  left:0;
  right:0;
}
nav #pages {
	display: none !important;
}
nav ul#legs {
	border-bottom:0px;
}
#board .body .boat big {
	font-size: 15px !important;
	font-weight: bold;
}
#board .body .boat small {
	font-size: 14px !important;
}

#racetitle {
	position:relative;
	display:inline-block;
	visibility:hidden;
	width:auto;
	left:50%;
	transform:translateX(-50%);
	margin-top:7px;
	z-index:1000;
	cursor:pointer;
}
		#racetitle svg {
			position:absolute;
			right:-35px;
			top:8px;
			width:28px;
			height:20px;
		}
		
		#racetitle.on svg {
			transform:rotate(180deg);
		}
		
		#racetitle p {
			font-family:ptsans;
			text-align: center;
			font-size: 26px;
			font-weight: bold;
			line-height: 35px;
		}
		
		#racetitle.waiting p {
			display:none;
		}
		#racetitle.waiting>svg {
			display:none;
		}
		
#raceselect {
	position:absolute;
	display:none;
	width:auto;
	top:45px;
	left:50%;
	transform:translateX(-50%);
	z-index:1000;
	text-align: center;
}
		#raceselect.on {
			display:block;
		}

		#raceselect a {
			display:block;
			padding:3px 10px;
			font-family:ptsans;
			font-size:14px;
	+font-weight:normal;
	+line-height:15px;
			box-sizing:border-box;
			white-space:nowrap;
		}

		
		
		
/* SKIN */
		#racetitle svg {
			fill:rgba(30,13,104,1);
		}
		#racetitle.on svg {
			fill:#28DBC4;
		}
		
		#racetitle p {
			color:#1E0D68;
		}
		
#racetitle:hover p {
	color:#28DBC4;
}
		#racetitle:hover svg {
			fill:#28DBC4;
		}
		
#raceselect {
	background-color:#EFEEEE;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
		#raceselect a {
			color:#1E0D68;
		}
		#raceselect a:hover,
		#raceselect .on a {
			color:#FFFFFF;
			background-color:#28DBC4;
		}

#board.leaderboard th.title {
	display: none;
}