.smallMenu {
	/*display: none;*/
	/*height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);*/
	height: calc(1rem * 1.5 + 0.75rem * 2 + 1px * 2);
	position: relative;
	padding-top: 10px;
}

.smallMenu .menu-button-container {
	display: flex;
	height: 100%;
	width: 60px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coolMenu li {
	list-style: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
	display: block;
	/*background-color: #fff;*/
	/*background-color: var(--primary-inverse);*/
	background-color: var(--menu-color);
	position: absolute;
	height: 6px;
	width: 32px;
	border-radius: 3px;
}

.menu-button::before {
	content: '';
	margin-top: -8px;
}

.menu-button::after {
	content: '';
	margin-top: 8px;
}

#menu-toggle {
	display: none;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(45deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
			margin-top: 0px;
	/*  transforms the hamburger icon into a cross  */
			transform: rotate(-45deg);
}

.menuDropdown {
    position: absolute;
    top: 0;
    margin-top: 57px;
    right: 0;
    flex-direction: column;
    /*width: 100%;*/
    justify-content: left;
    align-items: left;
    display: none;
    z-index: 100;
}
.menuDropdown li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
#menu-toggle:checked ~ .menuDropdown/*,
.smallMenu:hover .menuDropdown*/ {
	display: block;
}
#menu-toggle:checked ~ .menuDropdown li,
.smallMenu:hover .menuDropdown li {
    border: 1px solid #9f9a9a;
    height: 3em;
    padding: 0.5em;
}
.menuDropdown > li {
    display: flex;
    justify-content: left;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    /*background-color: #E8E8E8;*/
    background-color: var(--menu-background-color);
    cursor: pointer;
    color: var(--menu-color);
    overflow: hidden;
	flex-wrap: wrap;
}
ul.menuDropdown > li img, ul.menuDropdown > li svg {
	width: 32px;
	height: 32px;
}
.menuDropdown > li:not(:last-child) {
	border-bottom: 1px solid #444;
}
.menuDropdown select, .menuDropdown input[type=text] {
	padding-top: 0;
	padding-bottom: 0;
	width: initial;
	background-color: var(--menu-background-color);
	height: 32px;
}

.container-fluid.menu, .container-fluid.menu .container {
	padding-left: 0px;	
	padding-right: 0px;	
}

.menuDropdown li i {
	padding-right: 0.4em;
}


.pc {
	display: inherit;
}

.mobile {
	display: none;	
}

li.temp, .temp {
	display: none;/*html-elementer med disse klassene skal fjernes på sikt*/
}
@media (max-width: 1000px) {
	.pc {
		display:none;
	}
	
	.mobile {
		display: inherit;
	}
}