/*************************************************
partnavigation-2
*************************************************/

/* horizontal */

    /* fundementals */
    .partNavigation.horizontal {
        text-align: left;
    }

    .partNavigation.horizontal ul li {
        position: relative;
        transition-duration: 0.5s;
    }

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

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

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

    /* level 0 */
    .partNavigation.horizontal ul.level-0 {
        display: flex; 
        position: relative;
        z-index: 20;
        line-height: 1.3em;
        font-size: 24px;
    }

    .partNavigation.horizontal ul.level-0 > li {
        border-left: solid 1px rgba(255,255,255,0.1);
        flex: 1 1 auto;

    }

    .partNavigation.horizontal ul.level-0 > li:last-child {border-right:solid 1px rgba(255,255,255,0.1);}

    .partNavigation.horizontal ul.level-0 > li > a {
        color: #fff;
        display: flex;
        align-items: center;
        padding:25px;
    }
        
        /* icon */
        .partNavigation.horizontal .navigationIcon {
            margin-right: 6px;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }
        
        .partNavigation.horizontal .navigationIcon svg, .partNavigation.horizontal .navigationIcon img { 
            fill:#fff;
            height:12px;
        }

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

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

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

        /* hover & focus */
        .partNavigation.horizontal ul.level-0 > li > a:hover,
        .partNavigation.horizontal ul.level-0 > li > a:focus {
            background: rgba(0,0,0,0.1);
            color: #fff;
        }

        /* selected */
        .partNavigation.horizontal ul.level-0 > li.selected > a {
            background: rgba(0,0,0,0.1);
            color: #fff;
        }

    /* level 1 */
        
        /* dropdown container */
        .partNavigation.horizontal ul li ul {
            visibility: hidden;
            opacity: 0;
            min-width: 220px;
            position: absolute;
            top:100%;
            left: 0;
            font-size: 20px;
            transition: 0.2s 0s; /* first value fade in, second value fade out */
        }
                
        /* showing menu on focus/hover */
        .partNavigation.horizontal ul li:hover > ul,
        .partNavigation.horizontal ul li a:focus + ul,
        .partNavigation.horizontal ul li ul:hover,
        .partNavigation.horizontal ul li ul:focus {
            visibility: visible;
            opacity: 1;
            transition-delay: 0s; /* react immediately on hover */
            z-index: 2; /* fixes a bug with overlay because of visibile */
        }

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

        .partNavigation.horizontal ul.level-1 {
            background: #fff;
            box-shadow: 0 0 4px rgba(0,0,0,0.15);
            z-index: 10;
        }

        .partNavigation.horizontal ul.level-1 li {
            border-bottom: solid 1px rgba(0,0,0,0.1);
        }

        .partNavigation.horizontal ul.level-1 li:last-child {border-bottom: none;}

        .partNavigation.horizontal ul.level-1 li a {
            color: #000;
            padding:5px 25px;
            display: flex;
            align-items: center;
        }

        .partNavigation.horizontal ul.level-1 > li.selected > a svg {
            fill: #007945;
        }

        .partNavigation.horizontal ul.level-1 > li > a:hover svg,
        .partNavigation.horizontal ul.level-1 > li > a:focus svg {
            fill: #fff;
        }

        /* arrow */
        .partNavigation.horizontal ul.level-1 > li .navigationIconDropdown  {
            margin-left: auto;
        }

        .partNavigation.horizontal ul.level-1 > li .navigationIconDropdown svg {
            height:5px; width: 10px; transform: rotate(-90deg); fill: #000;
        }
    
        /* hover & focus */
        .partNavigation.horizontal ul.level-1 > li > a:hover,
        .partNavigation.horizontal ul.level-1 > li > a:focus {
            background: #007945;
            color: #fff;
        }

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

    /* level 2 */
        .partNavigation.horizontal ul.level-2 {
            top:0;
            left:100%;
            background: #fff;
            box-shadow: 0 0 4px rgba(0,0,0,0.15);
        }

        .partNavigation.horizontal ul.level-2 li a {
            color: #000;
            padding:5px 25px;
            display: flex;
            align-items: center;
        }

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

        /* selected */
        .partNavigation.horizontal ul.level-2 > li.selected > a {
            background: #007945;
            color: #fff;
        }