div.aboveMenu {
background: #333;
background-image: linear-gradient(#444, #222);
background-size: 100%;
color: #FFF;
font-weight: bold;
font-size: 14.4pt;
padding: 23px;
text-align: center;
}
div.templateHead div.menuContainer {
color: #FFF;
font-family: 'Noto Sans', sans-serif;
background-color: #268EDD;
background-image: linear-gradient(#1398CD, #3883ED);
padding: 0 26px;
border-bottom: 1px solid #99F;
}
@media (max-width: 640px) {
div.templateHead div.menuContainer {
padding: 0 6px;
}
}
.menuEntry2 {
cursor: default;
}
a.menuEntry2 {
text-decoration: none;
cursor: pointer;
}
.menuEntry2Sub {
z-index: 100;
background-color: #3883ED;
position: absolute;
border: 2px solid #3883ED;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
.menuEntry2Sub > hr {
height: 1px;
background-color: #FFF;
border: 0;
margin-top: 2px;
margin-bottom: 2px;
padding: 0;
}
.menuEntry3 {
font-family: 'Noto Sans', sans-serif;
display: block;
padding: 12px;
border-radius: 12px;
color: #FFF;
}
a.menuEntry3 {
text-decoration: none;
}
.menuEntry3:hover {
background-color: #FFF;
color: #000;
}
.menuEntry {
text-align: left;
position: relative;
}
.badge {
display: inline-block;
text-align: center;
font-weight: bold;
font-family: 'Noto Sans', sans-serif;
font-size: 10pt;
background-color: #E44372;
border: 2px solid #FFF;
color: #FFF;
padding: 0 .125em;
position: absolute;
left: -.5em;
top: 0;
min-width: 1.125em;
border-radius: 50%;
z-index: 1000;
box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .5);
}