:root {
--transparent: transparent;
--grey: grey;
--lightgrey: lightgrey;
--lightgrey1: #efefef;
--lightgrey2: #e6e6e6;
--lightgrey3: #696969;
--lightergrey: #dedede;
--darkgrey: #585858;
--whitesmoke: whitesmoke;
--black: #383838;
--lightergrey: #dedede;
--light-darkgrey: #d8d8d8;
--grey1: #bbbbbb;
--grey-green: #effff1;
--grey2: #ebebeb;
--default-white: white;
--default-darkwhite: #f3f3f3;
--sw-info-color: #3490dc;
--layout-row-shaddow-color-light: rgba(0,0,0,0.1);
--layout-row-shaddow-color-dark: rgba(0,0,0,0.2);
--calendar-selection-background-color: white;
--theme-heading-color: black;
--theme-heading1-color: black;
--theme-heading2-color: black;
--theme-heading3-color: black;
--theme-body-font-color: #424242;
--theme-color-lighten-10: hsl(var(--theme-color),40%);
--theme-color-lighten-20: hsl(var(--theme-color),30%);
--theme-color-darken-10: hsl(var(--theme-color),60%);
--theme-color-darken-20: hsl(var(--theme-color),70%);
--donate-wizard-button-next-color: #585858;
--theme-font-color: darkwhite;
--theme-color-contrast: whitesmoke;
--theme-color: #003300;
--default-black: var(--black);
--default-grey: var(--grey);
--navbar-background-color: var(--theme-nav-backgroundcolor);
--navbar-collapsed-background-color: var(--whitesmoke);
--navbar-font-color: var(--theme-nav-color);
--navbar-collapsed-font-color: var(--default-black);
--page-title-border-color: var(--theme-color);
--footer-background-color: var(--theme-color);
--footer-font-color: var(--theme-color-contrast);
--cta-events-date-border-color: var(--theme-color);
}

/* Hero section */
.heroimage_forside {
    position: relative;
    overflow: hidden;
}

/* Logo overlay */
.heroimage_forside::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;

    background-image: url("https://i.styreweb.com/v1/photoalbum/12373295/cropped-Logo-KV-hvit-trnsp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
    /*background-size: max(20% 20%);*/

    pointer-events: none;
}

/*Hero knapp*/
.panel-hero-image__img-button {
    position: relative;
    z-index: 11;
}

/* Mobile devices only */
@media (max-width: 767px) {
   .heroimage_forside::after {
   background-size: 60%;
   }
}

.navbar {
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: bold;
  color: white;
  background-color: rgb(0, 51, 0);
}

.newsHeader
{
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  background-color: rgb(0, 51, 0);
}

.newsBody {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Kontakt */
.contact {
  visibility: hidden;
}

/*Knapper*/

.btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 26px;
  border: 1px solid #34594D;
  border-radius: 6px;

  background-color: #34594D;
  color: #FFFFFF;

  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.btn-custom:hover {
  background-color: #253E37;
  border-color: #253E37;
  color: #FFFFFF;
  transform: translateY(-2px);
}

.btn-custom:link {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-custom:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-custom:focus-visible {
  outline: 3px solid #253E37;
  outline-offset: 4px;
}

.btn-custom:active {
  transform: translateY(0);
}

.btn-custom:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .btn-custom {
    transition: none;
  }
}