/*
Theme Name: twentytwenty_childtheme
Description: Barntema till Twentytwenty 
Author: LANKonsult	
Author URI: www.lankonsult.se
Template: twentytwenty
Version: 1.0 
*/
	body {
		font-family: Helvetica, sans-serif;
	}

.powered-by-wordpress{display:none}

.fullbredd {
    background: #f1f1f1;
    width: 100%!important;
    display: block;
    float: left;
    max-width: 100%!important;
}
.header-inner{max-width:1024px; padding:1rem 0 1rem 0;}
.header-titles{margin: -1rem 0 0 0;}

.site-logo.faux-heading{float:left; color:#7a7a7a; margin: 1rem 0 0 0;}
.faux-heading p{margin:0px;}
#header-widgetarea img{float:right;}
/* Primary Menu ---------------------------- */

.primary-menu-wrapper {
	/*display: none;*/
	text-transform:uppercase;
}

ul.primary-menu {
	display: flex;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: -0.0277em;
	flex-wrap: wrap;
	margin: -0.8rem 0 0 -1.6rem;
	width: 100%;
}

ul.primary-menu {
display: inline-flex!important;
justify-content: center;
}

.primary-menu .icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: rotate(-45deg);
	width: 1.3rem;
}

.primary-menu .icon::before,
.primary-menu .icon::after {
	content: "";
	display: block;
	background-color: currentColor;
	position: absolute;
	bottom: calc(50% - 0.1rem);
	left: 0;
}

.primary-menu .icon::before {
	height: 0.9rem;
	width: 0.2rem;
}

.primary-menu .icon::after {
	height: 0.2rem;
	width: 0.9rem;
}

.primary-menu li {
	font-size: inherit;
	line-height: 1.25;
	position: relative;
}

.primary-menu > li {
	margin: 0.8rem 0 0 5rem;
}

.primary-menu > li.menu-item-has-children > a {
	padding-right: 2rem;
}

.primary-menu > li > .icon {
	right: -0.5rem;
	top: calc(50% - 0.4rem);
}

.primary-menu a {
	color: inherit;
	display: block;
	line-height: 1.2;
	text-decoration: none;
}
.primary-menu li > a {
	color: inherit;
	display: block;
	line-height: 1.2;
	text-decoration: none;
	text-transform:uppercase!important;
	font-size:15px;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
	text-decoration: underline;
	color:#ffffff;
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: none;
color:#ffffff!important;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}


li.page_item.page-item-336.current_page_item.current-menu-item a{
	color:#ffffff!important;
	text-decoration:none;
	font-size:15px;
}
.modal-menu{text-align:center;}
.modal-menu > li > .ancestor-wrapper > a {
	font-size: 15px;
}

.menu-top {
    background: #000;
	border-radius: 6px 6px 6px 6px;
}



.header-titles-wrapper {
    max-width: 100%!important;
    width: 100%;
    margin: 0px;
}

.wp-custom-logo .header-titles {
    align-items: center;
    width: 100%;
}

.site-logo.faux-heading {
    float: left;
    width: 33.3%;
    text-align: center;
}


img.custom-logo{max-width:300px;}
img.custom-logo{max-width:300px;}

.kontaktformular{max-width:500px;}
.kontaktformular input{padding:5px 0px 5px 0px;}

@media (max-width: 1000px) {
	section#hight200 {   background-size: 1200px; background-position: center top;}
	.oppettider{display:none;}
	.site-logo.faux-heading {width: 50%;}
}
@media (max-width: 900px) {
	section#hight200 {max-height:200px!important; min-height:200px!important;     background-size: 900px; background-position: center top;}
	

}

@media (max-width: 1000px) {
	.mobile-nav-toggle{background:transparent!important}
}
@media (max-width: 782px) {
	img.custom-logo{max-width:100%!important;}
	.mobile-nav-toggle{background:transparent!important}
		section#hight200 {background-size: 782px;}
#m-no-border > .elementor-element-populated {
    border-left: 0px!important;
    border-right: 0px!important;
    padding-bottom: 25px;
    border-bottom: 3px dashed #d37422;
    border-top: 3px dashed #d37322;
}
	
}

@media ( max-width: 479px ) {
img.custom-logo{max-width:100%!important;}
	section#hight200 {background-size: 479px;}

}