/* ##################################################
# NAVIGATION POSITIONS
################################################## */

body:not(.mobile) .navigation-top {
    top: -160px;
}

body:not(.mobile) #page-header.navbar-transition .navigation-top {
    top: -100px;
}

body:not(.mobile) #page-content {
    padding-top: 70px;
    padding-bottom: 70px;
}

body:not(.mobile) .navbar-collapse,
body:not(.mobile) .navbar-nav {
    max-height: 70px;
}

body:not(.mobile) #mainnavigation {
    top: 160px;
}

.anker {
    min-height: 70px;
}

body:not(.mobile) #mainnavigation:before {
    height: 70px;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu {
    top: 230px!important;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu.show {
    top: 230px;
    height: 200px!important;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li {
    margin-right: 30px;
    height: 40px;
    width: 23%;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li:nth-child(4),
body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li:nth-child(8),
body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li:nth-child(12),
body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li:nth-child(16) {
    margin-right: 0px;
}

body.lg-down:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li {
    width: 22.8%;
}

/* ##################################################
# NAVIGATION POSITIONS SCROLLED
################################################## */

body:not(.mobile) .navbar-transition #mainnavigation {
    top: 100px;
}

body:not(.mobile) .navbar-transition.navbar-mainnavigation.navbar-fixed-top .dropdown-menu {
    top: 170px!important;
}



/* ##################################################
# NAVIGATION STYLING
################################################## */

body:not(.mobile) #mainnavigation:before {
    background: var(--gray-300);
}
body:not(.mobile) #mainnavigation:before {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li {
    border-bottom: 2px solid var(--gray);
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu li:hover {
    border-bottom: 2px solid var(--primary);
}



/* ##################################################
# DROPDOWNMENUE STYLING
################################################## */

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu {
    padding-top: 30px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
}















/* ##################################################
# NAVIGATION FUNCTIONS
################################################## */

body:not(.mobile) #mainnavigation {
    position: absolute;
    right: 20px;
}

body:not(.mobile) #mainnavigation:before {
    position: absolute;
    content: "";
    width: 10000px;
    left: -5000px;
}

body:not(.mobile) #mainnavigation,
body:not(.mobile) #mainnavigation:before {
    transition: all 0.2s ease-in;
}



/* ##################################################
# DROPDOWNMENUE FUNCTION
################################################## */

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu {
    position: fixed;
    height: 0px!important;
    left: 0px!important;
    width: 100%;
    overflow: hidden;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-container {
    width: 100%;
    padding-right: -40px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    height: 100px!important;
    position: relative;
    float: left;
}

body:not(.mobile) .navbar-mainnavigation.navbar-fixed-top .dropdown-menu {
    transition: all 0.2s ease-in;
    height: 1px!important;
    overflow: hidden;
}

body:not(.mobile) .dropdown-menu.show {
    display: inherit!important;
}



/* ##################################################
# NAVIGATION BEHAVIOR
################################################## */

#page-header.navbar-mainnavigation.navbar .navbar-nav .nav-item.active {
    background: transparent;
}
#page-header.navbar-mainnavigation.navbar .navbar-nav .nav-item.show {
    background: #ffffff;
}
#page-header.navbar-mainnavigation.navbar .navbar-nav .nav-item.active .nav-link-text {
    color: var(--primary);
}