/* Navigation Menu */



/* Global Start */
/* Global Start */

.darken-site::after {
    content: "";
    height: 100%;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    right: 300px;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}
.fade-in::after{
    opacity: .5;
    transition: all .3s ease;
}


.main-navigation {
    text-align: left;
    z-index: 20;
}
.main-navigation li {
    font-size: 12px;
    font-size: 0.85rem;
    line-height: 1.4;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}

/* Global End */
/* Global End */



/* Desktop Start */
/* Desktop Start */

@media screen and (min-width: 992px) {
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: inline-block !important;
        width: 100%;
    }
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
        font-family: "Work Sans","sans-serif";
    }
    .main-navigation li a {
        font-size: 1.125rem;
        color: white;
        white-space: nowrap;
    }
    .toggle-sub-menu{
        display: none;
    }
    .main-navigation li {
        margin: 0 23px 0 0;
        position: relative;
    }
    .main-navigation li:last-of-type{
        margin-right: 0;
    }
    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }
    /* Current item is white */
    header .current-menu-item.menu-item > a:not([href*="#"]), header .current_page_ancestor.menu-item > a:not([href*="#"]){
        font-weight: 500;
        border-bottom: 1px solid white;
    }
    .current-menu-item.menu-item > a:not([href*="#"]), .current_page_ancestor.menu-item > a:not([href*="#"]){
        color: white;
    }
    /* > depth 2 */
    .main-navigation li ul li a {
        background: #303030;
        display: block;
        font-size: 11px;
        font-size: 0.8rem;
        line-height: 2.2;
        padding: 8px 10px;
        padding: 0.57rem 0.7rem;
        width: 180px;
        width: 12.8rem;
        white-space: normal;
        text-align: left;
        padding-left: 2em;
    }
    /* > depth 2 hover */
    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        background: #202020;
        color: #fffb30;
    }
    .menu-toggle {
        display: none;
    }
    #toggle {
        display:none;
    }
}
@media screen and (max-width: 1385px) and (min-width: 1101px){
    .main-navigation li a {
        font-size: 0.87rem;
    }
}
@media screen and (max-width: 1100px) and (min-width: 991px){
    .main-navigation li a {
        font-size: 0.725rem;
    }
}

@media (max-width: 1228px) and (min-width: 991px) {
    .certifikater {
        padding-top: 10px;
        order: 3;
    }
	.certifikater:hover {
    	margin-left: 55px;
	}
}


/* Desktop End */
/* Desktop End */



/* Mobile Start */
/* Mobile Start */

@media screen and (max-width: 992px) {
    .menu-item-has-children::after{
        display: none;
    }
    header .close-navbar {
        background: transparent;
        border: 0;
        color: white;
        font-size: 2em;
        margin-left: auto;
        padding: 0 2rem;
        display: block;
        padding-top: .5rem;
        position: absolute;
        right: 10px;
    }
    .menu-item{
        position: relative;
    }
    #popout {
        position: fixed;
        height: 100%;
        width: 300px;
        background: #202020;
        color: white;
        top: 0px;
        right: -300px;
        overflow: auto;
        z-index: 999999;
        max-width: 100%;
        opacity: .9;
    }
    #toggle {
        margin-right: 1rem;
        color: white;
    }
    .nav-menu li > a{
        width:100%;
    }
    .main-navigation {
        padding-top: 20px;
    }
    .main-navigation li a {
        font-size: 20px;
        font-weight: 600;
        line-height: 43px;
        letter-spacing: 3px;
        white-space: nowrap;
        padding-left: 40px;
        display: block;
        
        letter-spacing: 0!important;
        text-decoration: none;
    }
    .main-navigation li ul li a {
        display: block;
        font-size:20px;
        white-space: normal;
        padding-left: 40px;
        font-weight: 400;
        text-transform: none!important;
        line-height: 35px;
    }
    #popout .sub-menu{
        padding-left: 0;
    }
    #popout .sub-menu > li > a{
        padding-left: 3.5em;
    }
    #popout .toggle-sub-menu{
        border-left: 1px solid #888;
        padding: 1.7em;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 30;
        cursor: pointer;
    }
    #popout .main-navigation li a {
        color: white;
    }
    /* Current item is white */
    #popout .main-navigation li.current-menu-item.menu-item > a:not([href*="#"]){
        color: white;
    }
    /* Makes the last item in the mobile menu yellow */
    /* #popout .main-navigation li:last-of-type > a {
        color: #fffb30;
    } */
    #menu-huvudmeny .sub-menu{
        display: none;
    }
    .navbar-toggler-icon{
        cursor: pointer;
        font-size: 1.6em;
        width: auto;
        height: auto;
    }
    .open > .sub-menu{
        display: block!important;
    }
}

/* Moblie End */
/* Moblie End */



@media screen and (max-width: 400px){
    #toggle{
        right: 1em;
    }
}