/*************************************************
partNavigation-2 account 
*************************************************/

/* fundementals */
.partNavigation ul li {
	position: relative;
    transition-duration: 0.5s;
}

.partNavigation ul li a {
    text-decoration: none;
}

.partNavigation li a:focus {
	cursor: pointer;
}

.partNavigation li:focus,
.partNavigation li a:focus {
    outline: none;
}

/* level 0 */
.partNavigation ul.level-0 {
    display: flex;
}

.partNavigation ul.level-0 > li {
    
}

.partNavigation ul.level-0 > li > a {
    color: #fff;
    display: flex;
    padding:5px 10px;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    
    /* icon */
    .partNavigation .navigationIcon {
        margin-right: 6px;
        display: flex; 
        justify-content: center; 
        align-items: center;
    }
    
    .partNavigation .navigationIcon svg, .partNavigation .navigationIcon img { 
        fill:#fff;
        height:16px;
    }

    /* dropdown icon */
    .partNavigation .navigationIconDropdown {
        margin-left: 6px;
        display: flex; 
        justify-content: center; 
        align-items: center;
        margin-bottom: 2px;
    }

    .partNavigation .navigationIconDropdown svg {
        margin-top: 2px; /* align arrow better with text */
        width: 10px; 
        height:5px;
        fill:#fff;
    }
    
    .partNavigation ul.level-0 > li.selected > a svg {
        fill: #a71930;
    }

    .partNavigation ul.level-0 > li > a:hover svg,
    .partNavigation ul.level-0 > li > a:focus svg {
       fill: #a71930;
    }

    /* hover & focus */
    .partNavigation ul.level-0 > li > a:hover,
    .partNavigation ul.level-0 > li > a:focus {
        color: #a71930;
        background-color: #fff;
    }

    /* selected */
    .partNavigation ul.level-0 > li.selected > a,
    .partNavigation ul.level-0 > li.selected > a {
        color: #a71930;
        background-color: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;;
    }

/* level 1 */
    
    /* dropdown container */
    .partNavigation ul li ul {
        visibility: hidden;
        opacity: 0;
        min-width: 300px;
        position: absolute;
        top:100%;
        left: 0;
        transition: 0.2s 0s; /* first value fade in, second value fade out */
        text-transform: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden;
        font-size: 16px;
    }
    
    /* showing menu on focus/hover */
    .partNavigation ul li:hover > ul,
    .partNavigation ul li a:focus + ul,
    .partNavigation ul li ul:hover,
    .partNavigation ul li ul:focus {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s; /* react immediately on hover */
    }

    .partNavigation ul li:focus-within > ul {
        visibility: visible;
        opacity: 1;
    }

    .partNavigation ul.level-1 {
        background: #fff;
        box-shadow: -8px 8px 8px rgba(0, 0, 0, 0.05), 8px 8px 8px rgba(0, 0, 0, 0.05);
        z-index: 1;
    }

    .partNavigation ul.level-1 li a {
        color: inherit;
        padding:10px;
        display: flex;
        align-items: center;
    }

    /* hover & focus */
    .partNavigation ul.level-1 > li > a:hover,
    .partNavigation ul.level-1 > li > a:focus {
        background: #e0e1e2;
        color: #000;
    }

     /* selected */
     .partNavigation ul.level-1 > li.selected > a,
     .partNavigation ul.level-1 > li.selected > a {
         background: #a71930;
         color: #fff;
     }