/*
###############################################################################
# Content:   CSS for Maxdaemon's pulldown menu.
# Author:    Max (Maxscape.com).
# Copyright: Dipl.-Ing. Ernst Robert Maximilian Heinzelmann.
###############################################################################
*/

div.pulldownMenu {
    position:         relative;
    display:          inline;
    background-color: var(--pulldownMenuBgColor);
    /* display:       inline-block; */
    /* padding-right:    1ch;  calc(1ch/2); */
}
a.pulldownMainLink {
    color: var(--pulldownMainLinkColor);

    cursor: pointer;
}
div.pulldownMenu:hover a.pulldownMainLink {
    background-color: var(--pulldownMainLinkBgColorHover);
    color: var(--pulldownMainLinkColorHover);
    /* z-index: 100; */
}
div.pulldownSubMenu {
    display: none;
    position: absolute;
    text-align: left;
    background-color: var(--pulldownSubMenuBgColor);
    min-width: 30ch; /* 200px; */
    right: 0; /* right: align */
    top: calc(3ex - 4px);
    /*
    left: 0; left align
    font-size: 0.9em;
    z-index: 100;
    box-shadow: 8px 8px 10px 0px rgba(200,200,200,0.3);
    */
}
div.pulldownMenu:hover .pulldownSubMenu {
    display: block;
    /* z-index: 100; */
}
a.pulldownSubMenuLink {
    text-transform: none;
    color: var(--pulldownMainLinkColor);
}
div.pulldownSubMenu a {
    display: block;
    color: var(--pulldownSubMenuAnchorColor);
    background-color: var(--pulldownSubMenuAnchorBgColor);
    padding: 0px 5px 0px 5px; /* SubMenu padding */
    text-decoration: none;
}
div.pulldownSubMenu a:hover {
    color: var(--pulldownSubMenuAnchorColorHover);
    background-color: var(--pulldownSubMenuAnchorBgColorHover);
    /* z-index: 100; */
}
span.LinkSeparator {
    visibility: hidden;
}
hr.pulldownSubMenuSeparator {
    padding: 0px 0px 0px 0px;
    margin:  0.5ex 0px 0.5ex 0px;
    color:   var(--pulldownSubMenuSeparatorColor);
    border:  var(--button-border); 
    border-collapse: collapse;
    /* height: 1px; */
}
hr:first-child {
    margin: 0px 0px 0.5ex 0px;
}
hr:last-child {
    margin: 0.5ex 0px 0px 0px;
}