/*
This is used for the r2c _and_ mobile layouts. (But not the few remaining wwacd layouts.)

It's intended purely for styling the hamburger menu, and shouldn't contain any other r2c-related stuff.
*/

nav.menu_bar a.hamburger {
	float: right;
	display: block;
	position: relative;
	margin-right: 5px;
	cursor: pointer;
	font-size: 48px;
	top: -4px;
}
nav.menu_bar a.hamburger,
nav.menu_bar a.hamburger:link,
nav.menu_bar a.hamburger:visited
{
	color: white;

}
nav.menu_bar a.hamburger:hover,
nav.menu_bar a.hamburger:active
{
	color: #D81818;
}

nav.dropdown {
	background-color: black;
	opacity: 0.9;
	position: absolute;
	color: white;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	z-index: 100;
	margin-top: -1px;
	padding: 12px 5px 5px 12px;
	border-bottom: 2px solid white;
}
nav.dropdown .dropcol { /* 3/26/19 */
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-moz-column-rule: solid 2px white;
	-webkit-column-rule: solid 2px white;
	column-rule: solid 2px white;
}
nav.dropdown .column {
	/* width: 25%;
	float:left; */

	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;

}
nav.dropdown a.menu_item {
	font-size:16px;
	display: block;
	color: white;
	background-color: black;
	margin: 0px;
	padding: 5px;
	position:relative;
}
nav.dropdown a.menu_item:link,
nav.dropdown a.menu_item:visited {
	color: white;
}
nav.dropdown a.menu_item:hover,
nav.dropdown a.menu_item:active {
	color: #D81818;
	/*background-color: #1f1f1f; */
	opacity: 1.0;
}
nav.dropdown a.menu_item .notification,
a.hamburger .notification
{
	position:relative;
	border: solid 1px white;
	border-radius:2px;
	color: white;
	font-weight: bold;
	background-color: #D81818;
	font-size: 12px;
	text-align: center;
	font-family:sans-serif;
}
nav.dropdown a.menu_item .notification {
	display: inline-block;
	width: 10px;
	line-height: 12px;
	height:13px;
	margin-left: 7px;
	padding: 2px 2px 1px 2px;
}

a.hamburger .notification {
	right: -60%;
	bottom: 22px;
	height: 13px;
	line-height: 12px;
	width: 10px;
	padding: 3px 1px 1px 1px;
}

nav.dropdown a.menu_item:hover .notification,
nav.dropdown a.menu_item:active .notitication,
a.hamburger:hover .notification,
a.hamburger:active .notification
{
	background-color: yellow;
	color: #D81818;
	border-color: yellow;
}

nav.dropdown div.other_sites {
	text-align: center;
}