/* Generelle stiler for header */
#site-header-sticky-wrapper {
   /* z-index: 9999;*/
    transition: all 0.3s ease;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff; /* Hvit bakgrunn */
   /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Skyggeeffekt */
    display: flex;
    justify-content: space-between;
    padding: 30px;
}


#site-header {
    width: fit-content;
    /*
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff; /* Hvit bakgrunn 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Skyggeeffekt */
}

#site-header-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 20px !important; /* Juster padding etter behov */
    max-width: 1200px; /* Begrens bredden til 1200px */
    margin: 0 auto;
}

/* Logo-stiler */
#site-logo {
    flex: 0 0 auto; /* Forhindrer at logoen strekker seg */
    float: left;
}

#site-logo-inner {
    display: flex;
    align-items: center;
}

#site-logo-link img {
    max-height: 60px; /* Maksimal høyde på 60px */
    width: auto; /* Beholder proporsjonene */
}

/* Navigasjonsmeny-stiler */
#site-navigation-wrap {
    flex: 1 1 auto; /* Fyller resten av plassen */
    display: flex;
    justify-content: flex-end; /* Plasserer menyen til høyre */
    align-items: center;
}

#site-navigation {
    display: flex;
    align-items: center;
}

.main-navigation-ul {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0px;
    font-family:"effra", sans-serif; ;
}

.main-navigation-ul li {
    position: relative !important;
/*   margin: 0 15px !important; /* Avstand mellom menyelementer */
  /*  padding: 10px;*/
}
/*
.main-navigation-ul li:hover {
    color: #fff;
    background-color: #0a2a3b;
    text-decoration: none !important;
}*/

.main-navigation-ul li a {
    text-decoration: none !important;
    color: #0a2a3b; /* Farge på menylenker */
    padding: 10px;
/*    font-size: 16px; /* Skriftstørrelse */
 /*   font-weight: 500; /* Medium fontvekt */
 /*   transition: color 0.3s ease;
    padding: 0px 4px;*/
   
}

.main-navigation-ul li a:hover {
    color: #fff; /* Hover-farge (hvit) */
    background-color: #0a2a3b;
    text-decoration: none !important;
}

/*
.main-navigation-ul li a:not(.btn):hover {

}*/

/* Dropdown-meny-stiler */
.main-navigation-ul li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px #eeeeee;
    list-style: none;
    padding: 0px 0;

}

.main-navigation-ul li:hover .sub-menu {
    display: block;

}

.main-navigation-ul li .sub-menu li {
    margin: 0;
    padding: 0;
}

.main-navigation-ul li .sub-menu li a {
    padding: 10px;
    display: block;
    white-space: nowrap;
    color: #0a2a3b;
}

.main-navigation-ul li .sub-menu li a:hover {
    background-color: #0a2a3b; /* Bakgrunnsfarge ved hover */
    color: white;
}

/* Mobilmeny-stiler */
#mobile-menu {
    display: none; /* Skjul mobilmeny på større skjermer */
}

.mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}

.mobile-menu-toggle__icon {
    display: flex;
    align-items: center;
}

.wpex-hamburger-icon {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #0a2a3b;
    position: relative;
}

.wpex-hamburger-icon::before,
.wpex-hamburger-icon::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background-color: #0a2a3b;
    position: absolute;
    transition: all 0.3s ease;
}

.wpex-hamburger-icon::before {
    transform: translateY(-6px);
}

.wpex-hamburger-icon::after {
    transform: translateY(6px);
}

/* Søkefelt-stiler */
#searchform-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

#searchform-dropdown.wpex-visible {
    opacity: 1;
    visibility: visible;
}

.searchform {
    position: relative;
}

.searchform-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.searchform-submit {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

/* Responsive stiler */
@media (max-width: 768px) {
    #site-navigation-wrap {
        display: none; /* Skjul navigasjonsmeny på mobil */
    }

    #mobile-menu {
        display: flex; /* Vis mobilmeny på mindre skjermer */
    }

    #site-header-inner {
        padding: 10px; /* Reduser padding på mobil */
    }
}


 /* footer styling*/
 .wpex-m-0 {
   margin: 0;
}
 .wpex-row.gap-10 {
   --wpex-row-gap: 10px
}

.wpex-mb-20 {
   margin-block-end: 20px;
}

.wpex-pt-40 {
   padding-block-start: 40px;
}

.wpex-pb-40 {
   padding-block-end: 40px;
}

.wpex-text-md {
   font-size: var(--wpex-text-md, var(--wpex-text-lg));
}
.wpex-heading {
   display: block;
   font-size: inherit;
   margin: 0;
   padding: 0;
}
.wpex-row .col>div {
   max-width: 100%;
}

.wpex-responsive .container {
   max-width: var(--wpex-container-max-width);
}

.wpex-row {
   display: flex
;
   flex-wrap: wrap;
   margin-inline: calc(-1* var(--wpex-row-gap) / 2);
}

.one-third, .span_1_of_3 {
   width: calc(100% / 3);
}

.wpex-row .col {
   margin: 0 0 var(--wpex-row-gap);
   padding: 0 calc(var(--wpex-row-gap) / 2);
   display: flex
;
   flex-direction: column;
   -mx-flex: 0 1 auto;
   flex: 0 1 auto;
}

:where(.wpex-classic-style) #footer-widgets.wpex-row .footer-box.col {
   margin-block-end: 0;
}

:where(.clr,.wpex-clr,.group,dl,.vc-empty-shortcode-element,.vcex-clr,.comment-body)::after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

*, *::before, *::after {
   box-sizing: border-box;
}

.widget {
   --wpex-list-margin-side: 0px;
   --wpex-list-margin-bottom: 0px;
}

.widget ul {
   list-style: none;
}

.footer-widget .widget-title {
   color: #ffffff;
}

#footer {
   --wpex-surface-1: #0a2a3b;
   background-color: #0a2a3b;
   --wpex-link-color: #ffffff;
   --wpex-hover-link-color: #ffffff;
   --wpex-hover-link-color: #b06533;
}