/* Optioneel: wit maken van de links voor contrast 
header .main-nav .nav-link, 
header .main-nav .navbar-brand {
    color: #ffffff !important;
}
*/

.top-nav-desktop .search,
.top-nav-mobile .search {
    display: none;
}


@media (min-width: 768px) {
    header .main-nav {
    background-color: #870930;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    }
    .navbar {
    margin-top: 2.5rem !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    }
    .navbar-nav .nav-link {
        padding: 8px 20px;
    }
    .nav-container {
        background-color: #870930;
        height: 55px;
    }
    .nav > li {
        border-left: 1px solid #fff;
    }
    .nav > li:last-child {
        border-right: 1px solid #fff;
    }
    .portlet {
        margin-bottom: 0;
    }

    .nav > li > a:hover, 
    .nav > li > a:focus, 
    .nav > li.active > a {
        background-color: inherit;
        box-shadow: 0 5px 0 #ff6600;
        text-decoration: none;
    }
    .nav > li > a {
        font-family: "Open Sans";
        color: #fff;
        height: 50px;
        box-shadow: 0 5px 0 #fff;
        transition: box-shadow 0.3s ease-in-out;
        display: flex;
        align-items: center;
        border-radius: 0;
        word-break: normal;
        line-height: 14px;
    }
    #logo-image {
        height: 60px;
    }
}
.mobile-footer-menu {
    display: none;
}
#language-nav {
    padding: 0;
    margin: 0 5px;
    text-transform: uppercase;
}
#language-nav a {
    text-decoration: none;
    color: #ff6600;
}
#language-nav span {
    padding: 0;
    border-bottom: 3px solid #ff6600;
}