header {
    top: 0;
    z-index: 9999;
    background: var(--lugn-30);
}

header.transparent {
    background: transparent;
}

header.z-index-top {
    z-index: 9999;
    position:relative;
}

#desktopMenu.open {
    display:block;
    position: absolute;
    z-index: 9;
}

#desktopMenu.desktopMenu--fixed.open {
    position: fixed;
    top: 109px;
    z-index: 999;
    width: 100%; 
}

header .dropdown-toggle  {
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;
}

#kurserMenu.open {
    display:block;
    position: absolute;
    z-index: 9;
}

 #kurserMenu.open {
    
    top: 109px;
    width:100%
}

#page.menuOpen:after {
    content: "";
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.5);
}

.dropdown-toggle::after {
    position:relative;
    top: 2px;
}
header.header--fixed,
header.transparent.header--fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

 #kurserMenu.kurserMenu--fixed {
    position:fixed;
 }

header.header--fixed .border-bottom-white {
    border-bottom: none;
}

.lh-header-brand-img {
    max-width: 100%;
    width: 154px;
}

.nav-link {
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 400;
    border-bottom: solid 2px transparent;
}

.nav-pills, .nav-pills .nav-link {
    border-radius: 0;
}

.nav-link:hover, .nav-link:focus, .nav-link:focus-visible, .nav-link:active {
    color: var(--primary);
    border-radius: 0;
    border-bottom: solid 2px var(--primary);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: none;
    color: var(--primary);
}

.showSubMenu svg {
    position:relative;
    left: -5px;
    top: 3px;
    cursor: pointer;
}

#menu {
    display: none;
    padding-top: 80px;
}


.mm-listitem:hover {
    background: var(--white);
}

.mm-listitem:hover a {
    color: var(--primary) !important;
}

.mm-listitem:hover .mm-btn--next:after {
    border-color: var(--white);
}


.mm-listview {
    padding: 1rem;
}

.mm-panel {
    padding-top: 2rem;
}


.mm-menu--theme-light {
    background: var(--bg-primary);
}

.mm-navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 2rem;
}

.mm-navbar__title > span {
    color: var(--third);
    font-size: 1.3rem;
    overflow: visible;
    padding-bottom: 0.5rem;
}

.mm-panel > ul.level-1 .mm-listitem__text.isPrio {
    font-size: 2.222rem;
    padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;
    padding-left: 20px;
}

.mm-panel > ul.level-1 .mm-listitem__text {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0 !important;
}

a.mm-btn--next:after, a.mm-btn--prev:before {
    content: url("/icons/roundArrow.svg");
    border: none;
    bottom: 2px;
}

a.mm-btn.mm-btn--next.mm-listitem__btn {
    color: var(--white);
    margin-right:1rem;
}

a.mm-btn--next, [dir="rtl"] a.mm-btn--prev {
    --mm-btn-rotate: 0deg;
}

a.mm-btn--prev, [dir="rtl"] a.mm-btn--next {
    --mm-btn-rotate: -180deg;
}

.level-2 a.mm-listitem__text, .level-3 a.mm-listitem__text {
    font-size: 1.3rem;
}

.mm-menu a:hover {
    text-decoration: underline;
}

.mm-blocker {
    display: none !important;
}

.subMenuWrapper {
    width: 100%;
    padding-top: 2rem !important;
    display: none;
}

.prodItem > div > a {
    font-weight: 500;
}

.prodItem a:hover {
    text-decoration: underline !important;
}

.short-item * {
    text-decoration: none !important;
}

.short-items-arrow {
    position:absolute;
    left: -25px;
    top: 50%;
    transform: translate(0, -50%);
}

.short-items-arrow path {
    fill: var(--secondary) !important;
}

.headerWrapper .has-dropdown.open {
    background: var(--clear-blue);
    clip-path: circle(60% at 12% 81%);
        -webkit-clip-path: circle(60% at 12% 81%);
    width: 173px;
    margin-right: -60px;
}

.headerWrapper .has-dropdown.open a {
    border-bottom: solid 2px transparent;
}

.headerWrapper .has-dropdown.open a:after {
    display:none;
}

a.short-item-link.text-decoration-none:hover {
    text-decoration: none !important;
}


@media (max-width:1120px) { 
    .headerWrapper .logo {
        order: 2;
    }
    
    .headerWrapper div:last-child {
        order: 1;
        width: 100%;
        justify-content: center;
    }
    
    .headerWrapper > ul {
        order: 3;
    }

    li.nav-item {
        display: none !important;
    }
    

    .nav-pills li:last-child {
        display: block !important;
        margin-right: 2rem;
    }
}

@media (max-width:1080px) { 
        .lh-header-brand-img {
            width: 100%;
        }
        
        .nav-pills .nav-link {
            font-size: 0.9rem;
        }
}


@media (orientation: landscape) and (max-width:1024px) {
    .headerWrapper div:last-child {
        margin-left: 0;
    }
}

@media (max-width:1120px) { 
    
    .topNavigation {
        display: none !important;
    }
    
    .headerWrapper .logo {
        order: 1;
        width: 100%;
    }
    
    .headerWrapper div:last-child {
        order: 3;
        width: auto;
        justify-content: flex-end;
    }
    
    .headerWrapper > ul {
        order: 2;
    }
    

    li.nav-item {
        display: none !important;
    }
    

    .nav-pills li:last-child {
        display: block !important;
        margin-right: 1rem;
    }
    
    .contactUs {
        display: none;
    }
    
    #branschMenu,
    #productsMenu {
        display: none !important;
    }
    
    #menu {
        width: 100%;
    }
    
    .mm-btn--prev:after {
        content: "Tillbaka";
        margin-left: 8rem;
        position: relative;
        color: var(--primary);
        font-size: 1.2rem;
        font-weight: 500;
        top: 1px;
    }
    
    .mm-navbar {
        background: transparent !important;
    }

    .mm-btn--prev {
        margin-top: 2rem;
    }
    
    
    a.mm-btn--prev:before {
        content: url("/icons/arrowBackWhite.svg");
        rotate: 180deg;
    }
    
    .mm-navbar__title {
        display: none !important;
    }
    
    .mm-panel--opened:not(#mm-1) .mm-listitem__text {
        color: var(--primary) !important;
    }
    
    .level-2, .level-3 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    
   .level-2 a.mm-btn.mm-btn--next.mm-listitem__btn {
        margin-right: 0;
    }
    
    .mm-panel--opened:not(#mm-1) a.mm-btn--next:after {
        content: url("/icons/arrowBackWhite.svg");
        rotate: 180deg;
    }
    
    .level-2 > .mm-listitem, 
    .level-3 > .mm-listitem{
        border-bottom: solid 1px var(--primary);
        
    }
    
    .level-2 > .mm-listitem {
        margin-top: 0.5rem;
    }
    
    .level-2 > .mm-listitem:after,
    .level-3 > .mm-listitem:after{
        border: none;
    }
    
    #menu {
        padding-top: 68px;
    }
    
    header.p-3 {
        padding: 1.7rem !important;
    }
}

@media (max-width: 1680px) {

.subMenuWrapper {
    width: clamp(70%, 75%, 100%);
    
}

}

@media (max-width: 1620px) {
    .nav-link {
        font-size: 1rem;
    }
}

@media (max-width: 1430px) {
    .nav-link {
        font-size: 0.9rem;
    }
}

@media (max-width: 560px) {
    .headerWrapper .logo {
        order: 1;
       
    }
}