:root {
--fb-lys:#fff;
--fb-mork:#1E1E1E;

--fb-profile1:#4D4B37;
--fb-profile2:#CCBFA8;
--fb-profile3: #B3363C;
--fb-profile4: #8F8F6F;
--fb-profile5: #F1F1F1;

--fb-menu: #4D4B37; 

}

hr {
margin:.5rem 0
}

a {
text-decoration:none;
border-bottom:1px solid var(--fb-profile1);
color:var(--fb-mork)
}

a:hover {
border-color:transparent
}

img {
max-width:100%;
height:auto
}

html {
margin-top:: 0!important;
font-size:16px
}
.container {
  width: 90%;
}
section {
margin-bottom: 1rem;
}

body {
 font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
font-size: 1rem;
  font-style: normal;
color:var(--fb-mork)
}


h1,h2 {
 font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h3 {
   font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
}
.profile1 {
  color: var(--fb-profile2);
overflow:hidden;
background-color: var(--fb-profile1);
}


/* NAV  */
.logo {
color: var(--fb-lys);
border:none;
position:relative;
z-index:99999
}


.logo svg {
width:100%;
height:auto;
max-width:200px
}




.logo-color {
  fill: var(--fb-profile2);
}

.nav {
top:0;
position:fixed;
padding:2rem 0 1rem;
width:100%;
z-index:999;

transition:all .3s ease
}
.nav a {
  display: inline-block;
}



.menu {
align-items:center;
gap:2rem;
display:inline-flex;
list-style:none;
margin:0;
padding:0;
color:var(--fb-profile2)
}

.menu a {
color:var(--fb-menu);
padding:.2rem 0;
text-decoration:none;
border-bottom: 1px solid transparent;
}

.menu a:hover {
border-bottom: 1px solid var(--fb-profile1)
}

.menu-button .burger {
width:31px;
float:right
}

.menu-button:hover {
transition:all .3s ease
}

.menu-button {
float:right;
position:relative;
z-index:999;
-webkit-appearance:none;
background-color:transparent;
border:none;
transition:all .3s ease;
float:right;
display:block;
text-transform:uppercase;
font-weight:500;
z-index:99999;
position:relative;
padding:10px
}

.menu-button .l {
width:31px;

height:3px;
margin-bottom:7px;
display:block;
background-color:var(--fb-profile2)
}

.menu-button span {
display:none;
transition:all .8s ease
}

.menu-button .l1 {
margin-top:3px
}



.active .l2 {
opacity:0
}

.active .l1 {
transform:rotate(45deg) translateX(6px) translateY(7px)
}

.active .l3 {
transform:rotate(-45deg) translateX(6px) translateY(-9px)
}

.big-menu {
  overflow: hidden;
transition:all .3s ease;
opacity: 0;
transform-origin:top center;
z-index:9999;
position:fixed;
top:0;
width:100%;
left:0;
right:0;
background-color:var(--fb-profile1);
bottom:100%;
}

.big-menu a {
font-size:2rem;
color: var(--fb-profile2) !important;
}

.big-menu .menu {
display:flex;
gap:0;
flex-direction:column;
align-items:flex-start
}

.big-menu.visible {
  bottom: 0px;
  opacity: 1;
display:flex;
justify-content:flex-start;
align-items:flex-start;
padding-top:8rem
}

.big-menu .follow a,.big-menu .follow {
color:var(--fb-profile2);
font-size:1.2rem
}


/* BUTTONS */
.button, li.button a {
text-decoration:none;
color:var(--fb-mork);
padding:.5rem 1.5rem;
display:inline-block;
border:1px solid var(--fb-profile1);
transition:all .2s ease;
border-radius: 10rem;
}

li.button {
  background-color: transparent;
  padding: 0px;
  border: none;
}

.button:hover, li.button a:hover {
background-color:var(--fb-profile1);
color:var(--fb-lys);
transition:all .2s ease;
text-decoration:underline
}


.button.filled {
  background-color: var(--fb-profile1);
  color: var(--fb-lys);
}
.button.filled:hover {
  background-color: transparent;
  border-color: var(--fb-mork);
  color: var(--fb-mork);
}



.home .nav {
background-color:transparent
}

.nav.scrolled {
background-color:var(--fb-profile1)!important
}


.nav li a {
  color: var(--fb-lys);
}
.nav li.button a {

padding:.5rem 1.5rem;
display:inline-block;
border:1px solid var(--fb-profile2);
}
.nav.scrolled a:hover {
  border-color: var(--fb-profile2);
}
.home .nav li a {
  color: var(--fb-profile1);
}
.home .nav li.button a {
  border-color: var(--fb-profile1);
}


.nav li.button a:hover {
background-color: var(--fb-profile2) !important;
border-color: var(--fb-profile2) !important;
color: var(--fb-profile1) !important;
}
.home .nav.scrolled li a {
  color: var(--fb-lys);
  
}
.home .nav.scrolled li.button a {
  border-color: var(--fb-lys);
}

.profile1 .button {
  color: var(--fb-lys);
  border: 1px solid var(--fb-profile2);
}
.profile1 .button:hover {
  background-color: var(--fb-profile2);
  color: var(--fb-profile1);
}

/* TEXTBOX */

.textbox_module figure {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.textbox_module figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.textbox_module {
overflow:hidden;
}
.textbox_module.profile2 {
  background-color:var(--fb-profile2);
color:var(--fb-profile1);
padding: 3rem 0px 0px;
margin-bottom: 2rem !important;
}
.textbox-link svg {
transition:all .4s ease;
fill: var(--fb-lys);
}
.textbox-link {
  color: var(--fb-lys);
}
.textbox-link:hover svg,.button:hover svg {
margin-left:1rem!important
}

.textbox_module .profile1 strong {
color:var(--fb-lys)
}

.textbox_module .profile1 a {
color:var(--fb-profile2)
}


/* timeline */


.timeline_module {
  color: var(--fb-profile2);
overflow:hidden;
background-color: var(--fb-profile1);
}

.timeline-link {
  color: var(--fb-lys);
}
.timeline-link:hover svg,.button:hover svg {
margin-left:1rem!important
}

.timeline_module .profile1 strong {
color:var(--fb-lys)
}

.timeline_module .profile1 a {
color:var(--fb-profile2)
}



/* AKTUELT  */
.aktuelt a {
border:none;
text-decoration:none;
color:var(--fb-mork)
}
.aktuelt-list figure {
width:100%;
height:auto;
aspect-ratio:5/3
}

.aktuelt-list figure img {
width:100%;
height:100%;
object-fit:cover
}


.aktuelt-list figure {
overflow:hidden
}

.aktuelt-list img {
transition:.3s ease
}

.aktuelt-list a:hover img {
transform:scale(1.02,1.02)
}

/* FOOTER  */
.footer {
position:relative;
background-color:var(--fb-profile1);
color:var(--fb-lys);
margin-top:0;
overflow:hidden;
position:relative
}


.footer .contanier {
position:relative;
z-index:2
}

.footer .footer-lines {
z-index:1
}

.footer a {
color:var(--fb-profile2);
border-bottom:1px solid var(--fb-profile2)
}

.footer a:hover {
color:var(--fb-lys);
border-color:transparent
}

.footer img {
  max-width: 150px !important;
  height: auto;
}


.footer .container {
position:relative;
z-index:2
}


/* SKJEMA  */


/* TJENESTER */

.tjenester {
/*background-color:var(--fb-profile1-5);*/
color:var(--fb-mork)
}

.tjeneste-wrap {
height:100%;
padding:2rem;
border:2px solid var(--fb-profile1);
transition: 0.4s ease;
}

.tjeneste-wrap:hover {
transition:.4s ease;
background-color:var(--fb-profile1);
color:var(--fb-lys)
}

.tjeneste-wrap:hover .a {
fill:var(--fb-profile2)
}

.tjenester .button {
background-color:var(--fb-profile2);
transition:.3s ease!important;
color:var(--fb-mork)
}

.tjenester .button:hover {
background-color:var(--fb-profile2);
color:var(--fb-mork)
}


.tjenester h4 {
font-weight:600;
font-size:1.5em;
margin-bottom:2rem
}



.tjenester svg {
float:right
}

.faq {
background-color: var(--fb-profile5);
padding: 2.5rem 0px;
}

.accordion__item {
display:block
}


.accordion__item .accordion__title {
position:relative;
display:block;
text-decoration:none;
cursor:pointer
}

.accordion__item .accordion__title h3 {
margin-bottom:0;
font-size:1.3rem;
padding-right:2rem;
margin-bottom: 0px !important;
}

.accordion__item .accordion__title:hover,.accordion__item .accordion-active {
background-color:var(--fb-profile2);
color:var(--fb-mork)

}

.accordion__item .accordion-active {
padding-top:1rem
}

.accordion__item .accordion__title:hover h3,.accordion__item .accordion-active h3 {
border-bottom:2px solid var(--fb-profile2);
display:inline-block;

}

.accordion__item .accordion__title .accordion__arrow {
position:absolute;
top:13px;
right:10px;
display:inline-block;
vertical-align:middle;
width:30px;
height:30px;
text-align:center;
line-height:30px;
font-size:20px;
font-weight:700;
margin-right:5px;

color:var(--fb-mork)
}

.accordion__item .accordion__rotate {
transform:rotate(45deg)
}

.accordion__item .accordion__content {
overflow:hidden;
max-width: 600px;
transition:all .6s ease;
transform-origin:top center;
padding-left:1em;
padding-right:1em;

display: grid;
  grid-template-rows: 0fr;
  transition: all 0.5s ease-out;
}
.accordion__item .accordion__content .inner {
  overflow: hidden;
}
.accordion__item .accordion__content.show-content {
transition:all .6s ease;

  grid-template-rows: 1fr;

padding:1em
}




/* BILDE + TEKST */

.image-text .button {
margin-top:1rem
}
.image-text .button svg {
  fill: var(--fb-mork);
}



/* SINGLE  */
.single {
padding-top: 7rem
}

.article-header figure {
width:100%;
height:auto;
aspect-ratio:5/2;
overflow:hidden
}

.article-header figure img {
width:100%;
height:100%;
object-fit:cover
}


.featured-image {
overflow:hidden;
width:100%;
height:auto;
aspect-ratio:5/1.8
}

.featured-image img {
width:100%;
object-fit:cover
}




/* CONTACT */
.contact figure {
width:100%;
height:auto;
aspect-ratio:2/2.5;
overflow:hidden
}

.contact figure img {
width:100%;
height:100%;
object-fit:cover
}


.contact h4 {
padding-bottom:.3rem;
border-bottom:2px solid var(--fb-profile2)
}


/* BILDE */

.image_module img {

width:100%;
max-width:inherit
}

.alignleft, .alignright {
  display: block;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

@media(min-width: 992px){
  .alignleft, .alignright {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.alignleft {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.alignright {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
}
.footer .profile1 .button {
font-size: 1.5rem;
  min-width: 300px;
  text-align: center;
}
.large h3 {
  font-size: 2.6rem;
  font-weight: 400;
}
.large p {
  font-size: 1.3rem;
}
.punkt {
  width: 250px;
  margin: 0px 2rem 1rem 2rem;
  text-align: center;
  color: var(--fb-lys)
}
.punkt .number {
  margin: 1rem auto;
  width: 100px;
  height: 100px;
  display: flex;
  border-radius: 50%;
  font-size: 1.5rem;
  justify-content: center;
  align-items: center;
  background-color: var(--fb-profile1);
  border: 2px solid var(--fb-profile2);
  position: relative;
  z-index: 3;
}
.punkt .number::after {
  content: '';
  display: block;
width: 100%;
  height: 100%;
  background-color: var(--fb-profile1);
  border-radius: 50%;
  z-index: -1;
  position: absolute;
}
.punkt .number::before {
  content: '';
  z-index: -2;
  display: block;
  width: calc(250px + 4rem); 
  height: 2px;
  background-color: var(--fb-profile2);
  position: absolute;
}
.aktuelt .content {
  text-transform: uppercase;
  font-weight: 300;
  color: var(--fb-profile1);
  font-size: 0.9rem;
}
.aktuelt h4 {
  padding: 0.5rem 0px;
  font-weight: 350;
  font-size: 1.3rem;
}




.nav {
z-index:200
}

.menu a {
position:relative;
z-index:300
}

.tjenester a:hover h4 {
text-decoration:underline
}

.header-module {
    padding-top: 10rem;
position:relative;
z-index:2;
color: var(--fb-lys);
background-color: var(--fb-profile1);
}
.header-module h1 {
  color: var(--fb-profile2);
}

.header-module strong {
  color: var(--fb-profile2);
}

.header-module .button:hover {
  color: var(--fb-lys);
  border-color: var(--fb-profile2);
}
.image-text {
position:relative;
overflow:hidden
}

.image-text .text {
display:flex;
justify-content:center;
align-items:flex-start;
flex-direction:column
}

.image-text.profile2 {
background-color:var(--fb-profile2);
color:var(--fb-profile1)
}

.image-text figure {
height:100%;
width:100%;
overflow:hidden;
margin-bottom:0
}

.image-text figure img {
object-fit:cover;
width:100%;
height:100%;
max-width:auto
}

.image-text .text h2 {
margin-bottom:2rem
}



/* HERO */


.hero {
display:flex;
align-items:center;
padding-top:15rem;
padding-bottom:8rem;
background-color:var(--fb-profile1);
position:relative;
height: 100vh;
}
.hero .container {
color:var(--fb-profile1);
position:relative;
z-index:1
}

.hero h1 {
font-size:clamp(2.4rem,5vw,5rem);
}

.hero figure {
z-index:1;
position:absolute;
left:0;
overflow:hidden;
right:0;
bottom:0;
top:0;
margin:0
}

.hero figure::before {
content:'';
display:block;
background-color:var(--fb-profile1);
opacity:.0;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}


.hero figure img {
width:100%;
height:100%;
object-fit:cover;
object-position:center center
}

.hero .button {
  font-size: 1.2rem;
  width: 100%;
  max-width: 400px;
}


.wp-caption-text {
  color: var(--fb-profile4);
  font-size: 0.9rem;
}


@media(min-width: 992px) {



.tjeneste-wrap {
padding-top:1.8rem
}

  

}

@media(min-width: 1300px) {
html {
font-size:18px
}





.header-module h1 {
font-size:3rem;
}

.container {
max-width:1300px
}

}
@media(min-width: 1700px) {
.container {
max-width:1550px
}
}
@media(max-width: 768px) {

.wpforms-page-indicator {
flex-direction:column
}

.wpforms-page-button {
margin-bottom:1rem!important
}
}



.textbox_module figure, .wp-caption {
  position: relative;
}
.single-content .wp-caption {
  margin-bottom: 1.5rem !important;
  display: block;
}
.textbox_module figure .wp-caption-text {
  font-size: 0.7rem;
}
.image_module:has(+ .profile2){
  margin-bottom: 0px !important;
}
.image-text figure {
  position: relative;
}
.image_module:has(+ .footer){
  margin-bottom: 0px !important;
}
.post-categories {
  z-index: 2;
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 0.5rem;
}
.post-categories li {
  display: inline-block;
background-color: var(--fb-profile4);
  padding: 2px 10px;
  font-size: 0.8rem;
  border-radius: 10rem;
  color: var(--fb-lys)
}
.aktuelt-list figure {
  position: relative;
}
.big-menu li.button a {
  border-color: var(--fb-profile2) !important;
  font-size: 1.5rem;
  margin-top: 2rem;
}
.img-circle {
  border-radius: 50%;
}
.article-header figure {
  position: relative;
}
.fullwidth-image {
  width: 95vw;
  max-width: none;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2rem;
}
.wp-caption-text {
  position: absolute;
  bottom: 10px;
  background-color: var(--fb-profile5);
  color: var(--fb-profile1);
  padding: 3px 8px;
  left: 10px;
}

.fullwidth-image + * {
  /* Dette gjelder det første elementet som kommer rett etter bildet */
  width: inherit;
  margin-top: 0.6rem;
  text-align: center;
  max-width: none;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.wp-caption {
  width: initial !important;
  margin: 0px !important;
}
.arrangement-info-wrapper {
  background-color: var(--fb-profile2);
  padding: 1rem;
  width: 100%;
  row-gap: 0.7rem;
  font-size: 0.8rem;
}
.article-header::before {
  content: '';
  display: block;
  background-color: var(--fb-profile1);
  position: absolute;
  top: -200px;
  width: 100%;
height: calc(50% + 200px);
}
.article-header {
  overflow: visible;
  position: relative;
}
.seksjonsoverskrift h2, h3 {
  color: var(--fb-profile1)
}
blockquote {
  color: var(--fb-profile4);
    position: relative;
  padding-left: 40px;
  font-size: 0.9rem;
}
blockquote p:first-of-type {
  margin-bottom: 0px;
}
blockquote em::before {
    background-color: var(--fb-profile3);
  content: '“';
  border-radius: 10rem;
  font-family: serif;
  font-size: 4.4rem;
  line-height: 1.05em;
  width: 50px;
  height: 50px;
  color: var(--fb-lys);
}
blockquote em {
    color: var(--fb-profile1);
  margin-left: -40px;
  gap: 1rem;
  z-index: 1;
  position: relative;
display: flex;
  align-items: center;
  line-height: 1em;
  font-size: 1.4rem;
  font-weight: 300;
  font-style: italic;
}


.profile-bg path {
  opacity: 0;
  fill: var(--fb-profile4);
  transition: all 0.2s ease;
}
.profile-bg path.filled {
opacity: 0.5;
}

.header-module.no-img {
  padding-bottom: 3%;
}
.header-module .button {
  background-color: var(--fb-profile2);
  color: var(--fb-profile1);
}
.header-module .profile-bg {
  margin: 0px auto;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: auto;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 0.15 !important;
}
.header-module .profile-bg svg {
  width: 100%;
height: auto;
}
.header-module {
  padding-bottom: 0px;
  overflow: hidden;
  position: relative;
}
.header-module .image figure {
  width: 100%;
  height: auto;
  aspect-ratio: 16/6;
  overflow: hidden;
  margin: 0px;
}
.header-module .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-module.no-img .profile-bg svg {
transform: translate(-50%,80%)
}
body .header-module.no-img .profile-bg {
  opacity: 0.15;
  display: block;
transform: rotate(-100deg);

  left: 0px;
height: auto;
  overflow: visible;
}


.wpforms-field {
  padding-bottom: 5px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-divider {
  border: none !important;
}
.wpforms-field-repeater-clone-wrap {
    border-top: 1px solid #ccc !important;
}
#wpforms-1692-field_54-container .wpforms-field-repeater-clone-wrap:nth-child(odd), #wpforms-1692-field_62-container .wpforms-field-repeater-clone-wrap:nth-child(even) {
      background-color: rgba(0,0,0,0.04) !important;
  
}
.wpforms-page-button,.wpforms-submit {
  background: var(--fb-profile1) !important;
  border-radius: 10rem !important;
}
.wpforms-page-button:hover,.wpforms-submit:hover {
  background: var(--fb-profile4) !important;
  color: var(--fb-lys) !important
}

.wpforms-submit {
  float: right !important;
  font-size: 1.2rem !important;
}
.wpforms-field-pagebreak {
  margin-top: 1rem !important;
  padding: 1rem !important;
  border-radius: 12px !important;
  background-color: rgba(16,35,52,0.03) !important;
}
.wpforms-page-next {
  float: right !important;
}

#wpforms-1692-field_39-container {
  border-bottom: 1px solid #ccc;
  background-color: rgba(0,0,0,0.02)
}

#wpforms-1692-field_49-container {
  border-bottom: 1px solid #ccc;
    background-color: rgba(0,0,0,0.02)
}