.elementor-kit-10{--e-global-color-primary:#222D31;--e-global-color-secondary:#394643;--e-global-color-text:#FBFBFB;--e-global-color-accent:#EF2D53;--e-global-color-41a6a4b:#2A7764;--e-global-typography-primary-font-family:"Sansita";--e-global-typography-primary-font-size:var(--heading-m);--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Sansita";--e-global-typography-secondary-font-size:var(--heading-s);--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:var(--font-size-base);--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:var(--font-size-base);--e-global-typography-accent-font-weight:600;--e-global-typography-71ff9e9-font-family:"Sansita";--e-global-typography-71ff9e9-font-size:var(--heading-l);--e-global-typography-71ff9e9-font-weight:700;background-color:var( --e-global-color-primary );background-image:url("http://demo-venues.p05.caddiesoft.com/wp-content/uploads/2025/09/venues_bakgrunn_host_v5.webp");color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-position:top center;background-repeat:no-repeat;background-size:cover;overscroll-behavior:none;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-text );border-radius:var(--border-radius-full) var(--border-radius-full) var(--border-radius-full) var(--border-radius-full);padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-m);}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-41a6a4b );color:var( --e-global-color-text );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-10 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-71ff9e9-font-family ), Sans-serif;font-size:var( --e-global-typography-71ff9e9-font-size );font-weight:var( --e-global-typography-71ff9e9-font-weight );}.elementor-kit-10 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-10 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--site-content-width);}.e-con{--container-max-width:var(--site-content-width);--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:var(--spacing-m);}.elementor-element{--widgets-spacing:var(--spacing-m) var(--spacing-m);--widgets-spacing-row:var(--spacing-m);--widgets-spacing-column:var(--spacing-m);}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 h1{font-size:var( --e-global-typography-71ff9e9-font-size );}.elementor-kit-10 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-10 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 h1{font-size:var( --e-global-typography-71ff9e9-font-size );}.elementor-kit-10 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-10 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    
overflow: auto;    

--site-content-width: clamp(400px, 100vw, 1440px);
--text-width: 65ch;
--grid-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
--pad-container: min(5em, 8%);

--header-height: 64px;

--border-width: 1px;
--border-width-focus: 3px;

--border-radius: 4px;
--border-radius-l: 8px;
--border-radius-full: 9999px;

--color-primary: #222d31;
--color-secondary: #394643;
--color-accent: #EF2D53;
--color-text: #fbfbfb;

--multiplier: 1.5;

--font-size-base: 1rem;
--text-small: calc(var(--font-size-base) / var(--multiplier));
--heading-xs: calc(var(--heading-s) / var(--multiplier));
--heading-s: clamp(var(--font-size-base), calc(3vw + var(--font-size-base)), calc(var(--font-size-base) * var(--multiplier)));
--heading-m: calc(var(--heading-s) * var(--multiplier));
--heading-l: calc(var(--heading-m) * var(--multiplier));

--spacing-xs: calc(var(--spacing-s) / var(--multiplier));
--spacing-s: calc(var(--spacing-m) / var(--multiplier));
--spacing-m: var(--font-size-base);
--spacing-l: calc(var(--spacing-m) * var(--multiplier));
--spacing-xl: calc(var(--spacing-l) * var(--multiplier));

--shadow: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);

}

/*Container sizes--------------------------------------------------------------------------*/

.section {
    padding: var(--pad-container);
    background-repeat: no-repeat;
    background-position: center;
}

.hero {
    min-height: max(60dvh, 500px);
    padding-top: clamp(var(--pad-container), 30%, 6em);
}

.card {
    padding: calc(var(--pad-container) / 2);
}

.banner {
    padding: calc(var(--pad-container) / 2) var(--pad-container);
}

.ribbon {
    padding: max(calc(var(--pad-container) / 6), 0.5em) var(--pad-container);
}

/*Buttons-----------------------------------------------------------------------------------*/

.btn-primary {}

.btn-secondary {}

/*Images------------------------------------------------------------------------------------*/

.image, .avatar, .thumbnail {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.avatar {}

.thumbnail {}

.icon {}

/*Spacing-----------------------------------------------------------------------------------*/

.group {
    gap: 0;
}

.repel {
    gap: 2em;
}

.pushed {
    margin-top: 2em;
}
/*Decorations-------------------------------------------------------------------------------*/

.shadow {
    box-shadow: var(--shadow);
}

li::marker {
    color: var(--color-accent);
}

.rounded {
    border-radius: var(--radius);
    overflow: hidden;
}

.text-block {
    max-width: var(--text-width) !important;
}

.bordered {
    box-sizing: border-box;
    border: solid var(--color-primary) var(--border-width);
}

.ratio-widescreen {
    aspect-ratio: 16 / 9;
}

/*Dropdown indikator*/
.sub-arrow{
    color: var(--accent);
    fill: var(--accent);}

/*Highlight*/
*::selection {
  background: var(--accent);
  color: var(--white);}
  
*::-moz-selection {
  background: var(--accent);
  color: var(--white);}
  
*::-webkit-selection {
  background: var(--accent);
  color: var(--white);}
  
  
  .holographic-card {
  position: relative;
  transition: all 0.5s ease;
  overflow: hidden;
}

.holographic-card:hover {
  transform: scale(1.05) rotate(-2deg);
  box-shadow: 0 0 100px var(--color-accent);
    z-index: 50;
    cursor: pointer;
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

/* KNAPP */

.btn-secondary {
  position: relative;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 1s ease;
  z-index: 2;
}

.btn-secondary:active {
  transform: scale(0.96);
}

.btn-secondary:before,
.btn-secondary:after {
  position: absolute;
  content: "";
  width: 150%;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1000;
  background-repeat: no-repeat;
}

.btn-secondary:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, var(--color-accent) 20%, transparent 30%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, var(--color-accent) 15%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
    10% 10%, 18% 18%;
  background-position: 50% 120%;
  animation: greentopBubbles 1s ease;
}

@keyframes greentopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
      40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
      50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
      50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.btn-secondary:hover::after {
  bottom: -70%;
  background-image: radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, var(--color-accent) 15%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%),
    radial-gradient(circle, var(--color-accent) 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% 0%;
  animation: greenbottomBubbles 1s ease;
}

@keyframes greenbottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
      70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
      105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
      110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}/* End custom CSS */