/* Logo container og logo-styling */
.logo-container {
  position: relative;
  width: 200px;
  height: 60px;
  margin-top: 40px;
  padding: 10px;
}

.logo-default,
.logo-sticky {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: auto;
  height: 60px;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}

.logo-default {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}

.logo-sticky {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%) scale(1);
}

/* Når headeren er sticky */
.sticky-header .logo-container {
  margin-top: 35px;
}

.sticky-header .logo-default {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%) scale(0.8);
}

.sticky-header .logo-sticky {
  opacity: 1;
  visibility: visible;
  height: 90px; /* Økt størrelse */
  width: auto;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) scale(1.2); /* Lagt til scale for å gjøre den større */
}

/* Header-stiler */
.header-row,
.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 99999;
}

.header-row {
  background: transparent;
  padding-top: 20px !important;
  transition: all 0.3s ease-in-out;
}

.sticky-header {
  background: white !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  height: 100px;
}

/* Menystiler */
.menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 1cm;
  margin: 0;
}

.menu li {
  display: inline-block;
  margin: 25px;
}

.menu a {
  font-size: 24px;
  font-weight: 400;
  color: white;
  text-decoration: none;
}

.sticky-header .menu a {
  color: #96d9d5 !important;
}

.menu a:hover {
  color: #96d9d5 !important;
  text-decoration: none !important;
}

/* Forhindrer horisontal scroll */
html, body {
  overflow-x: hidden;
}
.intro-name {
    color: #ffffff; /* Hvit tekst */
    font-size: 24px; /* Juster størrelsen om nødvendig */
    font-weight: bold; /* Gjør teksten fet (valgfritt) */
}
/* Knapp container */
.vc_btn3-container {
    position: relative !important;
    top: -100px !important; /* Flytter knappene oppover */
    left: 60px !important; /* Flytter knappene ut fra venstre kant */
    margin-bottom: 0 !important;
    display: inline-block !important;
}

/* Felles knappestiler */
.vc_general.vc_btn3 {
    min-width: 140px !important; /* Redusert fra 160px */
    font-size: 15px !important; /* Redusert fra 16px */
    padding: 10px 25px !important; /* Redusert padding ytterligere */
    font-weight: 500 !important;
    margin-right: 15px !important;
}

/* Container for å holde knappene sammen */
.vc_row .vc_btn3-container {
    display: inline-block !important;
    vertical-align: top !important;
}

/* Resten av stilen forblir den samme */
/* Turkis knapp */
.vc_btn3.vc_btn3-color-info.vc_btn3-style-modern {
    background-color: #97d8d5 !important;
    border-color: #97d8d5 !important;
    color: #000000 !important;
    border-radius: 2em !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* Turkis knapp hover */
.vc_btn3.vc_btn3-color-info.vc_btn3-style-modern:hover {
    background-color: transparent !important;
    border: 2px solid #97d8d5 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Hvit knapp */
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern,
button.vc_general.vc_btn3.vc_btn3-color-white {
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
    border-radius: 2em !important;
    background-image: none !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
    text-decoration: none !important;
}

/* Hvit knapp hover */
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover,
button.vc_general.vc_btn3.vc_btn3-color-white:hover {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    text-decoration: underline !important;
}
/* Hovedcontainer styling */
.custom-service-row {
    width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 100px !important;
    margin-bottom: 60px !important;
    max-width: 1200px !important;
    background-color: #97D8D5 !important;
    border-radius: 15px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
    padding: 10px 0px !important; 
	padding-top:-30px !Important;
	/* Dette er den viktige linjen for høyden */
}

/* Styling for kolonnene */
.service-feature-column {
    text-align: center !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100px !important;
}
/* Styling for ikonene */
.service-feature-column img {
    width: 65px !important;
    height: 65px !important;
    margin-bottom: -20px !important;
    filter: brightness(0) invert(1) !important;
    transform: translateX(90px) !important; /* Beholdt din X-posisjon */
}


.service-feature-column .wpb_text_column {
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-15px) !important;
}

.service-feature-column .wpb_text_column p,
.service-feature-column .wpb_text_column * {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
    line-height: 1 !important;
}

.service-feature-column .wpb_text_column p,
.service-feature-column .wpb_text_column * {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Jevn fordeling av kolonnene */
.custom-service-row .vc_row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: -30px -15px !important; /* Redusert padding for mer kompakt design */
}
.full-width-gray-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.eiendomservice-image,
.skadedyr-image {
    border-radius: 15px !important;
    overflow: hidden !important;
}
/* Kun for tjeneste-bildene */
.wpb_single_image.eiendomservice-image .vc_single_image-wrapper img,
.wpb_single_image.skadedyr-image .vc_single_image-wrapper img {
    border-radius: 25px !important;
    overflow: hidden !important;
}
/* Styling for om-seksjonens bilde */
.about-image-column {
    overflow: visible !important;
    padding-right: 20px !important;
	margin-top: 20px !important;
}

/* Sikrer avrunding på alle bilde-lag */
.about-car-image,
.about-car-image .vc_single_image-wrapper,
.about-car-image .wpb_wrapper,
.about-car-image img {
    border-radius: 25px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
}
.about-turquoise-background {
    background-color: #97D8D5 !important;
    border-radius: 25px 0 0 0 !important;
    position: absolute !important;
    width: 87% !important;
    height: 55% !important;  /* Redusert høyde ytterligere */
    top: 15% !important; 
	left: -30px !important;/* Flyttet nedover for å starte nærmere bunnen av bildet */
    left: 20px !important;
    z-index: 1 !important;
}
.about-turquoise-background {
    border-radius: 25px !important;
}

.about-turquoise-background > .vc_column-inner {
    border-radius: 25px !important;
    overflow: hidden !important;
}
.owl-carousel.owl-loaded {
    max-width: 1800px !important; /* Økt maksbredde for å bruke mer av seksjonen */
    margin: 0 auto !important;
    padding: 40px 0 !important; /* Redusert padding på sidene */
}

.owl-carousel .owl-stage {
    display: flex !important;
    align-items: center !important;
    padding: 30px 0 !important;
}

/* Større bilder */
.owl-carousel .owl-item img {
    width: 100% !important;
    height: 400px !important; /* Økt høyde */
    object-fit: cover !important;
    border-radius: 15px !important;
}

/* Justert skalering for sidebilder */
.owl-carousel .owl-item {
    transition: all 0.5s ease !important;
    transform: scale(0.85) !important;
}

/* Justert skalering for midtbilde */
.owl-carousel .owl-item.center {
    transform: scale(1.15) !important; /* Økt skalering */
    z-index: 2 !important;
}

/* Fjerner alle effekter */
.owl-carousel *,
.owl-carousel *::before,
.owl-carousel *::after {
    filter: none !important;
    opacity: 1 !important;
    background: none !important;
}
.ansatt-kontakt a {
    color: #000 !important;
    text-decoration: none;
}

.ansatt-kontakt a:hover {
    text-decoration: underline;
}

.vc-entrancebox-phone a,
.vc-entrancebox-email a {
    color: #000 !important;
}

.ansatt-kontakt {
    padding: 15px !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    position: relative !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    z-index: 9999 !important;
    transform: translateZ(0) !important;
}

.ansatt-kontakt h3 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
}

.ansatt-kontakt .vc-entrancebox-title {
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.ansatt-kontakt .vc-entrancebox-phone,
.ansatt-kontakt .vc-entrancebox-email {
    font-size: 14px !important;
    margin: 5px 0 !important;
    display: flex !important;
    align-items: center !important;
}

.ansatt-kontakt .ikon {
    margin-right: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.ansatt-kontakt .ikon img {
    width: 14px !important;
    height: auto !important;
}

/* Nye stiler for turkis bakgrunn */
.turkis-bakgrunn-left,
.wpb_raw_html.turkis-bakgrunn-left,
[class*="turkis-bakgrunn-left"] {
    background-color: #97d8d5 !important;
    border-radius: 10px !important;
    width: 300px !important;
    height: 110px !important;
    position: absolute !important;
    left: 30px !important;
    bottom: 160px !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Variant for høyre side */
.turkis-bakgrunn-right,
.wpb_raw_html.turkis-bakgrunn-right,
[class*="turkis-bakgrunn-right"] {
    background-color: #97d8d5 !important;
    border-radius: 10px !important;
    width: 290px !important;
    height: 110px !important;
    position: absolute !important;
    right: 450px !important;
    bottom: 35px !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Justeringsklasse for venstre hvit boks */
.ansatt-kontakt-left {
    margin-left: 30px !important;
    margin-right: auto !important;
}

.ansatt-boks {
    position: relative !important;
    margin-bottom: 40px !important;
    padding-bottom: 20px !important;
    z-index: 1 !important;
    transform: translateZ(0) !important;
} 
/* Kontakt-seksjon stiler */
.vc_row-fluid .kontakt-info,
.vc_row-fluid .kontakt-skjemaFp {
    border-radius: 15px !important;
    overflow: hidden !important;
    padding: 20px !important;
    height: auto !important;
    max-height: 700px !important;
}

.vc_row-fluid .kontakt-info .vc_column-inner,
.vc_row-fluid .kontakt-skjemaFp .vc_column-inner {
    border-radius: 15px !important;
    overflow: hidden !important;
    height: auto !important;
    padding-bottom: 20px !important;
}

/* Spesifikk styling for kontakt-skjema */
.vc_row-fluid .kontakt-skjemaFp {
    background-color: #E1F4F3 !important;
}

.vc_row-fluid .kontakt-skjemaFp .vc_column-inner {
    background-color: #E1F4F3 !important;
}

/* Spesifikk styling for kontakt-info */
.vc_row-fluid .kontakt-info {
    background-color: #97D8D5 !important;
    margin-top: 47px !important;
}

.vc_row-fluid .kontakt-info .vc_column-inner {
    background-color: #97D8D5 !important;
}

/* Lenke-styling for kontakt-info tekstboks */
.vc_row-fluid .kontakt-info .wpb_text_column h5 a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.vc_row-fluid .kontakt-info .wpb_text_column h5 a:hover {
    text-decoration: underline !important;
}

/* Form container justering */
.wpforms-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.wpforms-form {
    margin-bottom: 0 !important;
}

.wpforms-submit-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.wpforms-submit {
    background-color: #97D8D5 !important;
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    font-size: 14px !important;
    height: 35px !important;
}

.wpforms-submit:hover {
    background-color: #7BC4C1 !important;
}
/* Google Maps styling */
.wpb_wrapper {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wpb_map_wraper {
    border-radius: 15px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.wpb_map_wraper iframe {
    border-radius: 15px !important;
    display: block !important;
    margin: 0 !important;
}
.footer-menu {
    padding: 20px 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.footer-menu li {
    display: inline-block;
    margin: 0 30px;
    white-space: nowrap;
}

.footer-menu a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 32px;
    transition: color 0.3s ease;
    display: inline-block;
    white-space: nowrap;
}
/* Tablet/iPad meny-justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .menu {
        padding-right: 20px !important;
        margin-left: auto !important;
        margin-top: 10px !important; /* Flytter menyen ned */
    }

    .menu li {
        margin: 15px !important;
    }

    .menu a {
        font-size: 24px !important; /* Tilbake til original størrelse */
    }

    .sticky-header .menu a {
        font-size: 24px !important; /* Tilbake til original størrelse */
    }
/* Tablet/iPad intro-tekst justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Justering av container */
    .custom-hero-banner {
        text-align: 
        padding-right: -100px !important;
        margin-top: -300px !important; /* Legger til 1cm (ca 40px) margin på toppen */
    }
    /* Justering av tekst */
    .intro-name {
        font-size: 32px !important;
        margin-left: -30px !important;
        max-width: 90% !important;
        margin-top: 300px !important; 
			margin-bottom: -200px !important;/* Legger til ekstra margin på selve tekstboksen også */
    }

    /* Justering av avsnitt inne i intro-name */
    .intro-name p {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
}
	/* Tablet/iPad knapp-justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Container for knappene */
    .faerder-btn-container {
        margin-top: -100px !important;
        display: flex !important;
        justify-content: center !important;
        gap: 30px !important;
    }

    /* Felles styling for begge knapper */
    .faerder-btn.primary-btn,
    .faerder-btn.secondary-btn {
        padding: 15px 30px !important;
        min-width: 200px !important;
        font-size: 18px !important;
    }

    /* Spesifikk styling for turkis knapp - med størrelsesjustering */
    .faerder-btn.primary-btn {
        margin-right: 50px !important;
        width: 250px !important; /* Individuell bredde for turkis knapp */
        padding: 20px 35px !important; /* Større padding for turkis knapp */
    }

    /* Spesifikk styling for hvit knapp */
    .faerder-btn.secondary-btn {
        margin-left: 15px !important;
        margin-top: 25px !important;
    }

    /* Knappenes container-kolonner */
    .faerder-btn.primary-btn,
    .faerder-btn.secondary-btn {
        text-align: center !important;
        margin-left: -250px !important;
    }
}
	/* Tablet/iPad service-seksjon justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Flytter kun ikonene */
    .service-feature-column img {
        transform: translateX(20px) !important; /* Redusert til 20px for mindre venstre-forskyvning */
        width: 55px !important; /* Justerer størrelsen på ikonene */
        height: 55px !important;
        margin-bottom: -15px !important;
    }
}
	/* Tablet/iPad tjenester-seksjon justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Bilde-justeringer */
    .skadedyr-image img,
    .eiendomservice-image img {
        width: 150% !important; /* Større bilder - justerbar */
        max-width: 800px !important; /* Maksimal bredde - justerbar */
        margin-left: -30px !important; /* Flytter bildene mot venstre - justerbar */
   /* Tablet versjon (768px - 1024px) */
    }
	/* Tablet/iPad tittel-justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styling for begge titlene */
    .responsive-service-title-pest h3,
    .responsive-service-title-maintenance h3 {
        font-size: 20px !important; /* Juster størrelsen her - gjør mindre ved å redusere tallet */
        margin-left: -35px !important; /* Juster venstre posisjon - øk tallet for å flytte mer mot høyre, reduser for mer mot venstre */
        margin-top: -15px !important; /* Juster avstanden fra elementet over */
    }
}
/* Tablet/iPad knapp-justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Skadedyrkontroll knapp */
    .pest-control-button {
        margin-left: -55px !important;
			
        display: block !important;
        text-align: left !important;
    }

    /* Vaktmestertjenester knapp - mer spesifikk selector */
    .wpb_wrapper .maintenance-button,
    .maintenance-button.vc_btn3-container {
        margin-left: -10px !important;
			margin-top:105px !important;
        display: block !important;
        text-align: left !important;
    }
}
	 /* Hovedcontainer for ansatte */
    #faerder-ansatte-seksjon {
        display: flex !important;
        justify-content: center !important;
        gap: 250px !important; /* Mellomrom mellom boksene */
        padding: 0 20px !important;
        margin-top: 40px !important;
			Margin-left:30px !important;
    }

    /* Ansatt bokser */
    .ansatt-boks {
        width: 45% !important; /* Justerer bredden på hver boks */
        margin: 0 !important; /* Fjerner standard margin */
        flex-shrink: 0 !important;
    }

    /* Venstre ansatt-boks */
    .ansatt-kontakt-left {
        width: 280px !important; /* Juster bredden her */
        height: 160px !important;
        margin: 20 !important;
        padding: -20px !important; /* Juster padding her */
        position: relative !important;
        display: inline-block !important;
    }

    /* Høyre ansatt-boks */
    .ansatt-kontakt-right {
        margin: 20 !important;
        width: 100% !important;
        max-width: none !important;
			height:170px !important;
    }
	/* Tablet/iPad turkis bakgrunn justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Venstre turkis bakgrunn */
    .turkis-bakgrunn-left {
        width: 280px !important; /* Juster bredden her */
        height: 110px !important; /* Juster høyden her */
        position: absolute !important;
        left: 30px !important; /* Juster posisjon fra venstre */
        bottom: 235px !important; /* Juster posisjon fra bunnen */
        z-index: -1 !important;
        border-radius: 10px !important;
    }

    /* Høyre turkis bakgrunn */
    .turkis-bakgrunn-right {
        width: 280px !important; /* Juster bredden her */
        height: 110px !important; /* Juster høyden her */
        position: absolute !important;
        right: 180px !important; /* Juster posisjon fra høyre */
        bottom: 235px !important; /* Juster posisjon fra bunnen */
        z-index: -1 !important;
        border-radius: 10px !important;
    }
}
/* Tablet/iPad footer-meny justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Footer meny container */
    #footer-menu.footer-menu {
        width: 100% !important;
        position: relative !important;
        margin-left: -180px !important; /* Juster horisontal posisjon */
        margin-top: -40px !important; /* Juster vertikal posisjon */
    }

    /* Meny liste container */
    .menu-faerder-menu-footer-container {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important; /* Endret fra center til flex-start */
    }

    /* Meny liste */
    #menu-faerder-menu-footer {
        display: flex !important;
        flex-direction: row !important;
        gap: 25px !important; /* Mellomrom mellom meny-elementer */
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Meny lenker */
    #menu-faerder-menu-footer a {
        font-size: 22px !important; /* Redusert tekststørrelse - justerbar */
        color: #ffffff !important;
        white-space: nowrap !important;
    }
}
/* Tablet/iPad footer logo justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Footer logo styling */
    .footer-menu-logo {
        width: 150px !important; /* Justerbar bredde */
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
			margin-left: 20px !important;
    }

    .footer-menu-logo img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
	/* Tablet/iPad hero-seksjon justeringer (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Hero banner container */
    #custom-hero-banner {
        margin-top: -20px !important; /* Fjerner mellomrom på toppen */
        padding-top: 0 !important;
        min-height: 100vh !important; /* Sikrer full høyde */
        position: relative !important;
        top: 0 !important;
        left: 50 !important;
        width: 120% !important;
        max-width: 1300px !important;
    }

    /* Indre container */
    #custom-hero-banner > .wpb_column > .vc_column-inner {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Sikrer at innholdet starter fra toppen */
    #custom-hero-banner.vc_row-o-content-middle {
        padding-top: 80px !important; /* Gir plass til header/meny */
    }
/* OK-knapp */
#cmp-banner-consent {
  background-color: #1bc5a3 !important;   /* Turkis */
  color: #000000 !important;              /* Svart tekst */
  border: 2px solid #1bc5a3 !important;   /* Turkis outline */
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
}

#cmp-banner-consent:hover {
  background-color: #17aa90 !important;   /* Mørkere turkis ved hover */
}

/* "Kun nødvendige" knapp */
#cmp-banner-decline {
  background-color: #ffffff !important;   /* Hvit bakgrunn */
  color: #000000 !important;              /* Svart tekst */
  border: 2px solid #007BFF !important;   /* Blå outline */
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

#cmp-banner-decline:hover {
  background-color: #f0f0f0 !important;   /* Lys grå ved hover */
}

/* "Les mer"-lenken */
.cmp-banner-link span {
  color: #1bc5a3 !important;              /* Turkis tekst */
  text-decoration: underline;
}

.cmp-banner-link span:hover {
  color: #17aa90 !important;              /* Mørkere turkis */
}