:root {
    --primary-h: 60 !important;
    --primary-s: 6.5% !important;
    --primary-l: 87.8% !important;
    --primary-contrast-h: var(--primary-h) !important;
    --primary-contrast-s: var(--primary-s) !important;
    --primary-contrast-l: 20%  !important;

    --secondary-h: 0 !important;
    --secondary-s: 0% !important;
    --secondary-l: 12.9% !important;
    --secondary-contrast-h: var(--secondary-h) !important;
    --secondary-contrast-s: var(--secondary-s) !important;
    --secondary-contrast-l: 100%  !important;
  }
  
/* last edit: 05.12.2025- Lisbeth */
/* last edit: 06.12.2025- Marianne - At the end, more code is added*/

:root {
  --blocks-icons-cards-icon-color: var(--primary);
}

a[data-cta],
.k-button {
  /* Generelt buttons */
  --k-button-medium-padding-block: 0.8rem;
  --k-button-medium-padding-inline: 1.5rem;

  /*Primary knapp*/
  --k-button-primary-background: var(--primary);
  --k-button-primary-text: var(--primary-contrast);
}

/* start - juster ikoner til toppen */
.section-project-intro .blocks-section__container {
  display: flex;
  flex-direction: column;
}

.section-icons {
  background-color: transparent !important;
  color: white !important;
  order: 31 !important;
  padding: 0 !important;
}

.blocks-images-text-section:nth-child(1) {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.blocks-images-text-section:nth-child(2) {
  padding-top: 0 !important;
}

@media (max-width: 700px) {
  .blocks-images-text-section:nth-child(2) .blocks-section__container {
    align-items:start !important;
  }
}


.section-icons .blocks-text {
  display: none;
}

.section-icons .k-elements-card__content {
  padding: 0 !important;
}

.blocks-icons-cards {
  --blocks-icons-cards-gap: 0 !important;
  justify-content: center !important;
}

@media (min-width: 700px) {
  .blocks-icons-cards {
    --blocks-icons-cards-gap: 0 !important;
    justify-content: center !important;
    transform: translate(-11px, 0px);
  }

  .section-icons .k-elements-card:first-child .k-elements-card__header {
    display: none;
  }
}


.standard-project .blocks-icons-cards__icon {
  --blocks-icons-cards-size: 4rem !important;
}

.standard-project.solhoyden .blocks-icons-cards__icon {
  --blocks-icons-content-width: fit-content !important;
}

/* end - juster ikoner til toppen */

/* Start - kontakt personer */
.blocks-contact-list__item:first-child .blocks-contact-list__company-logo {
  display: none;
}

.blocks-contact-list__item:last-child {
  position: relative;
}

.blocks-contact-list__item:last-child .blocks-contact-list__company-logo {
  position: absolute;
  left: 0;
}

.blocks-contact-list__company-logo {
  margin-top: 2rem !important;
  max-height: 1.5rem !important;
}
/*End - kontakt personer */

/* Start - map seksjon */
.section-map .blocks-section__container {
  max-width: var(--section-width-medium);
}
/*end - map seksjon */

/* Start - navigasjons justeringer */
.k-navigation__bars{
 visibility:hidden !important;
}

.k-navigation__items-wrapper{
 display: none !important;
}
.k-navigation--expanded .k-navigation__items-wrapper {
  display: none !important;
}

.navigation-wrapper__logo {
  --navigation-logo-height: 3.1rem !important;
  --navigation-logo-height-max: 3.1rem !important;
}

.navigation-wrapper {
  --k-navigation-padding: 1.5rem !important;
}

@media (max-width: 700px) {
  --k-navigation-padding: 1rem !important;
}


.navigation-wrapper-variant--center:not(.k-navigation--responsive).k-navigation .k-navigation__logo {
     display: flex !important;
      justify-content: center;
      margin-left: initial !important;
      transform: none !important;
}
.navigation-wrapper--is-small-device nav {
    justify-content: start !important;
  }
  
/*End - navigasjons justeringer */

.blocks-images-text-section--has-background-image
  .blocks-images-text-section__content {
  background-color: unset !important;
  color: #fff !important;
}



/* Animasjon loading screen (vidget) */

@keyframes show-logo {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes moveLeftInBackground {
  0% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 30% 30%;
  }
}

@keyframes moveAnimationToLogoSmallScreen {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translate(0.1rem, 0.4rem);
    left: var(--logo-position-left);
    top: var(--logo-position-top);
    width: 200px;
  }
}

@keyframes moveAnimationToLogo {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 1.5rem);
    left: 50%;
    top: var(--logo-position-top);
    width:241.13px;
    max-width: initial;
  }
}

.vignette--animation-ended .vignette__logo {
  display: block;
  max-width: initial;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

@media (min-width: 768px) {
  .vignette--animation-ended .vignette__logo {
    width: 655px;
    opacity: 0;
    animation: moveAnimationToLogo 1500ms ease-out;
  }
}

@media (max-width: 768px) {
  .vignette--animation-ended .vignette__logo {
    width: 310px;
    opacity: 0;
    animation: moveAnimationToLogoSmallScreen 1500ms ease-out;
  }
}

.vignette__animation {
  opacity: 1;
  width: 1500px;
  position: absolute;
}

@media (max-width: 700px) {
  .vignette__animation {
    width: 700px;
  }
}

.vignette--animation-has-loaded .vignette__background-image {
  animation: moveLeftInBackground 7000ms forwards;
  background-position: 30% 30%;
}

.vignette--animation-ended .vignette__animation {
  display: none;
}

.vignette + .standard-project .k-navigation__logo,
.vignette + .standard-project .navigation-wrapper__logo {
  opacity: 0;
}

.vignette--animation-ended + .standard-project .k-navigation__logo,
.vignette--animation-ended + .standard-project .navigation-wrapper__logo {
  opacity: 1;

  animation: show-logo 1500ms ease-in;
}

/* last edit: 06.12.2025- Marianne 
- Make h2 look like h1 on first container on all pages
- Make change icon fonttext into h2 font type
- Make icon height smaller
*/

.kvass-nuxt__page>.blocks>:nth-child(3)>.blocks-section__container>.blocks>:first-child h1{
  font-size: 1.8rem !important;
  text-align: center !important;
}
.kvass-nuxt__page>.blocks>:nth-child(3)>.blocks-section__container>.blocks>:first-child h2{
  font-size: 1.8rem !important;
  text-align: center !important;
}
  @media (max-width: 768px) {
  .kvass-nuxt__page>.blocks>:nth-child(3)>.blocks-section__container>.blocks>:first-child h2{
    font-size: 1.6rem !important;
    text-align: center !important;
  }
}
.standard-project.solhoyden .blocks-icons-cards__icon {
    font-family: var(--secondary-font);
    font-size: 1.2rem !important;
    font-weight: normal !important;
}
.standard-project.solhoyden .blocks-icons-cards__content:first-child {
    font-weight: var(--custom-bold-font-weight, 400) !important;
}
.standard-project.solhoyden .blocks-icons-cards__icon img{
  height: 60% !important;
}