header {
    top: 0;
    z-index: 9999;
    background: #FA7107;
    background: radial-gradient(circle,rgba(250, 113, 7, 1) 0%, rgba(189, 46, 5, 1) 100%);
}

header.transparent {
    background: transparent;
}

header.header--fixed,
header.transparent.header--fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #FA7107;
    background: radial-gradient(circle,rgba(250, 113, 7, 1) 0%, rgba(189, 46, 5, 1) 100%);
}

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

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

.headerWrapper > div {

}

.nav-link {
    color: var(--white);
    font-size: 1.1rem;
    font-weight: 500;
    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(--white);
    border-radius: 0;
    border-bottom: solid 2px var(--white);
}

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

.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: clamp(80%, 80%, 100%);
    padding-top: 140px !important;
    display: none;
}

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

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


@media (max-width:1500px) { 
    .lh-header-brand-img {
       
    }
}

@media (max-width:1500px) { 
    .headerWrapper > div:first-child {
        
    }
}


@media (max-width:1300px) { 
    .headerWrapper > div:first-child {
       
    }
}


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

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

@media (orientation: portrait) and (max-width:1024px) {
        li.nav-item {
        display: none !important;
    }
    

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

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

@media (max-width:912px) {
    .headerWrapper > div:first-child {
        width: 50%;
    }
    
    .lh-header-brand-img  {
        
        width: 80px;
        
    }
}

@media (max-width:860px) { 
    
    .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(--white);
        font-size: 1.2rem;
        font-weight: 500;
        top: 1px;
    }
    
    .mm-navbar {
        background: transparent !important;
    }
    
    .mm-panel--opened:not(#mm-1) {
        background-color: #FA7107 !important;
        background: radial-gradient(circle,rgba(250, 113, 7, 1) 0%, rgba(189, 46, 5, 1) 100%) !important;
    }
    
    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(--white) !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(--white);
        
    }
    
    .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: 560px) {
    .headerWrapper .logo {
        order: 1;
       
    }
}