header
	{
	position:							relative;
	}

header *
	{
	max-width:							68.75em;
	}

header a,
header a:visited
	{
	font-weight:						bold;
	color:								#000000;
	text-decoration:					none;
	}

header a:hover,
header a:active
	{
	color:								#107dbd;
	}

header .square_button
	{
	padding:							0em 0.75em 0.2em 0.75em;
	}

header .orange_button,
header .orange_button:hover,
header .orange_button:active,
header .orange_button:visited
	{
	border:								0.15em outset #e58c00;
	background-color:					#e58c00;
	color:								#000000;
	}

header .blue_button,
header .blue_button:hover,
header .blue_button:active,
header .blue_button:visited
	{
	border:								0.15em outset #193b83;
	background-color:					#107dbd;
	color:								#ffffff;
	}

header .yellow_button,
header .yellow_button:hover,
header .yellow_button:active,
header .yellow_button:visited
	{
	border:								0.15em outset #f8d047;
	background-color:					#f8d047;
	color:								#000000;
	}

header .pink_button,
header .pink_button:hover,
header .pink_button:active,
header .pink_button:visited
	{
	border:								0.15em outset #e03968;
	background-color:					#e03968;
	color:								#ffffff;
	}

header .square_button:active
	{
	border-style:						inset;
	}

#header_container
	{
	position:							relative;
	padding:							0em 1em 0.5em 1em;
	}

#header_container .blue_divider
	{
	padding-bottom:						0.5em;
	}

#header_menus
	{
	float:								right;
	}

#header_main_menu_container
	{
	transition:							top 0.5s;
	-webkit-transition:					top 0.5s;
	position:							absolute;
	left:								0em;
	top:								-11em;
	z-index:							1000;
	box-shadow:							0em 0em 0.5em rgba(0,0,0,1);
	width:								100%;
	background-color:					rgba(0,0,0,0.9);
	}

#header_main_menu_container.menu_visible
	{
	top:								0em;
	}

.header_menu li
	{
	padding:							0em;
	list-style:							none;
	}

.header_menu a
	{
	display:							inline-block;
	}

.header_menu .square_button
	{
	padding-left:						1.75em;
	background-repeat:					no-repeat;
	background-position:				0.25em 0.1em;
	cursor:								default;
	}

#header_main_menu
	{
	margin:								1em;
	padding-left:						0.5em;
	}

#header_main_menu li
	{
	padding-bottom:						0.5em;
	}

#header_main_menu a,
#header_main_menu a:visited
	{
	color:								#ffffff;
	}

#header_main_menu a:hover,
#header_main_menu a:active
	{
	color:								#107dbd;
	}

#header_desktop_user_menu_container
	{
	display:							none;
	}

#header_mobile_user_menu_container
	{
	margin:								1.45em 3.5em 0.5em 0em;
	padding:							0em;
	display:							block;
	}
 
#header_login_form
	{
	position:							relative;
	margin:								1em 0em 0.75em 0em;
	}

#header_username,
#header_password
	{
	display:							inline-block;
	margin-right:						1em;
	width:								8em;
	height:								1.8em;
	vertical-align:						middle;
	}

#header_desktop_user_menu_login,
#header_desktop_user_menu_register
	{
	width:								6em;
	font-weight:						bold;
	text-align:							center;
	}

#header_desktop_user_menu_register
	{
	position:							absolute;
	right:								0em;
	top:								-2.5em;
	}

#header_desktop_user_menu_register
	{
	float:								right;
	}

#header_desktop_user_menu_container a:not(:first-of-type),
#header_mobile_user_menu_container a:not(:first-of-type)
	{
	margin-left:						1em;
	}

#header_user_menu li:not(.hidden)
	{
	display:							inline-block;
	}

#header_user_menu a
	{
	margin-left:						1em;
	}

#header_user_menu_register
	{
	background-image:					url('../images/icon_user.svg');
	background-size:					auto 1.25em;
	}

#header_user_menu_login,
#header_user_menu_user
	{
	background-image:					url('../images/icon_user_white.svg');
	background-size:					auto 1.25em;
	}

#header_user_menu_favourites:before
	{
	content:							'Faves';
	}

#header_user_menu_favourites
	{
	background-image:					url('../images/icon_star_outline_white.svg');
	background-size:					auto 1.4em;
	}

#header_main_menu_open,
#header_main_menu_close
	{
	display:							inline-block;
	position:							absolute;
	right:								1.5em;
	top:								1.1em;
	width:								1.95em;
	height:								2.25em;
	background-size:					100% auto;
	background-repeat:					no-repeat;
	}

#header_main_menu_open
	{
	background-image:					url('../images/icon_menu.svg');
	}

#header_main_menu_close
	{
	background-image:					url('../images/icon_menu_white.svg');
	}

#header_main_logo
	{
	display:							none;
	}

#header_tagline
	{
	display:							none;
	font-style:							italic;
	font-weight:						bold;
	color:								#107dbd;
	}

#header_ticker
	{
	transition:							height 1s;
	display:							none;
	position:							relative;
	height:								2em;
	overflow:							hidden;
	background-color:					#107dbd;
	}

#header_ticker.inactive
	{
	height:								0.25em;
	}

#header_ticker .header_ticker_items
	{
	position:							relative;
	margin:								0em 1em;
	}

#header_ticker .header_ticker_items > div
	{
	position:							absolute;
	left:								0em;
	top:								2em;
	font-size:							1.25em;
	font-weight:						bold;
	color:								#ffffff;
	}

.header_ticker_overlay
	{
	position:							absolute;
	left:								0em;
	top:								0em;
	width:								100%;
	height:								2em;
	box-shadow:							inset 0em 0em 0.4em #107dbd,
										inset 0em 0em 0.4em #107dbd,
										inset 0em 0em 0.4em #107dbd,
										inset 0em 0em 0.4em #107dbd,
										inset 0em 0em 0.4em #107dbd,
										inset 0em 0em 0.4em #107dbd;
	}

.header_ticker_overlay.ticker_running
	{
	cursor:								pointer;
	}

/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/

@media (min-width: 28em)
{
#header_user_menu_favourites:before
	{
	content:							'Favourites';
	}

#header_main_logo
	{
	display:							inline-block;
	margin:								0.5em 1em 0em 0em;
	width:								6em;
	height:								3.6em;
	background-image:					url('../images/logo.png');
	background-size:					100% auto;
	background-repeat:					no-repeat;
	vertical-align:						bottom;
	}
}

/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/

@media (min-width: 32em)
{
#header_main_menu_container
	{
	position:							static;
	box-shadow:							none;
	width:								auto;
	background-color:					transparent;
	padding:							0em;
	}

#header_main_menu_container div.blue_divider,
#header_main_menu_close,
#header_main_menu_open
	{
	display:							none;
	}

#header_main_menu
	{
	margin:								1em 0em 0em 0em;
	padding:							0em;
	}

#header_main_menu li
	{
	display:							inline-block;
	padding-bottom:						0em;
	}

#header_main_menu li:not(:first-of-type)
	{
	padding-left:						1em;
	}

#header_main_menu a,
#header_main_menu a:visited
	{
	color:								#000000;
	}

#header_main_menu a:hover,
#header_main_menu a:active
	{
	color:								#107dbd;
	}

#header_desktop_user_menu_container
	{
	display:							block;
	}

#header_mobile_user_menu_container
	{
	display:							none;
	}

#header_user_menu
	{
	margin-right:						0em;
	}

#header_main_logo
	{
	margin-top:							1.5em;
	}
}

/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/

@media (min-width: 40em)
{
#header_tagline
	{
	display:							inline-block;
	}

#header_ticker
	{
	display:							block;
	}
}

/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/

@media (min-width: 50em)
{
#header_main_logo
	{
	margin-top:							0.5em;
	width:								9.375em;
	height:								5.625em;
	}
}