/* Fix arrows in main nav*/
.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin: 0px;
	margin-left: 8px;
}

/* Style for main nav */
.wp-block-navigation .wp-block-navigation-item{
	border-radius:10px 10px 0px 0px;
		border: 0px;
	padding: 0px 5px 0px 10px;

}

.main-nav-item:hover {
	animation: color 300ms ease-in-out forwards;
}

@keyframes color {
	0%{
		color: white;
	}
	100%{
		color: #1A182D;
	}
}

 .main-nav-item::before {
	 width: 100%;
	 background-color: white;
	 z-index: -1;
	 height: 0px;
	 right: 0;
	 opacity: 1;
   position: absolute;
	 transform-origin: bottom;
	 bottom: 0px;
	 border-radius: 10px 10px 0px 0px;
}

 .main-nav-item:hover::before {
			animation: fadeNav 200ms ease-out forwards;

}

@keyframes fadeNav {
    0% {
			height:0px;
    }
	100% {
		height: 40px;

    }
}

/* sub-container navigation*/
.wp-block-navigation__submenu-container{
	min-width: 100% !important;
	left: 0px;
		border-radius: 0px 0px 10px 10px !important;

}

.wp-block-navigation__submenu-container li{
	border-radius: 0px 0px 10px 10px !important;
}

.short-title {
	border-radius: 0px 10px 10px 10px !important;
}

.short-title li{
	border-radius: 0px 10px 10px 10px !important;
}

.wp-block-navigation__submenu-container a{
	padding: 10px 0px;
}

.wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{
		animation: growDown 200ms ease-out forwards;
    transform-origin: top;
		border: 0px;
		left: 0px;
	  opacity: 0.5;
	
}

.wp-block-navigation__submenu-icon {
	background-color: rgb(255,255,255, 0) !important;
}



@keyframes growDown {
    0% {
        transform: scaleY(0); 
			  
    }
    100% {
        transform: scaleY(1); 
			  opacity:1;
    }
}

/*change background in a sent form*/
.panel-body {
	background-color: #6D6C83;
}

/* Style for buttons*/
.wp-block-button a{
	transition: all 300ms ease;
}

.wp-block-button:hover a {
	background: #f89c17 !important;
}

.button-orange a{
	transition: all 300ms ease;
}

.button-orange:hover a {
	background: #0e76a8 !important;
}

/* Style for img-zoom on landing page*/
.img_zoom {
	overflow: hidden;	
	border-radius: 10px 10px 0px 0px;
}

.img_zoom img{
	transition: transform .75s ease-in-out;
}

.img_zoom:hover img{
	transform: scale(1.1);
}

/* top "logga in" & "Support" */
.logga-in a{
	color: white !important;
}

.no-hover:hover a{
	background: none !important;
}

/* Style for lists (not main nav-list) */
ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

li {
  padding-left: 2.5em;
}

li:before {
  content: "+"; 
	font-size: x-large;
	font-weight: 800;
	color: #F89C17;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}

.wp-block-navigation__container li:before{
	content: "";
}

.m-t-md li a{
	font-size: 0.9rem;
	
}

/* END */


/* Target mobile devices */
@media only screen and (max-width: 600px) {
  /* Replace 'YOUR_COLOR' with the desired background color value */
  .wp-block-navigation__responsive-container-content {
    background-color: #F2F4FA;
		margin-top: auto;
  }
	
	/*Change size on hamburger-menu-icon*/
	.wp-block-navigation__responsive-container-open svg {
		width: 64px; 
		height: 64px;
	} 
	
	/*Change color and size on close-menu-button*/
	.wp-block-navigation__responsive-container-close svg {
		color: #1A182D;
		margin-top: 20px;
		width: 40px;
		height: 40px;

	}
	
	.is-position-sticky {
		position: static;
	}
	
	/*Smaller H1-tags on mobile*/
	h1 {
		font-size: 22px !important;
	}
}
/* Target mobile devices END */


/* Style for GoogleMaps*/
.google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
  }

/* Style for GoogleMaps END*/