.elementor-kit-9{--e-global-color-primary:#FAFAF5;--e-global-color-secondary:#407044;--e-global-color-text:#9EBA60;--e-global-color-accent:#373F43;--e-global-color-1ab5be9:#FDFFFD;--e-global-color-4a572ad:#C8C8C8;--e-global-color-a49cfbe:#59593D25;--e-global-color-200e170:#355442;--e-global-typography-primary-font-family:"Tahoma";--e-global-typography-primary-font-size:var(--text-heading-l);--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Tahoma";--e-global-typography-secondary-font-size:var(--text-heading-m);--e-global-typography-secondary-font-weight:bold;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Tahoma";--e-global-typography-text-font-size:var(--text-body);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Tahoma";--e-global-typography-accent-font-size:var(--text-body);--e-global-typography-accent-font-weight:600;--e-global-typography-fa68ab9-font-family:"Tahoma";--e-global-typography-fa68ab9-font-size:var(--text-heading-xl);--e-global-typography-fa68ab9-font-weight:bold;--e-global-typography-fa68ab9-line-height:1em;--e-global-typography-fa68ab9-letter-spacing:0px;--e-global-typography-d9dedf0-font-family:"Tahoma";--e-global-typography-d9dedf0-font-size:var(--text-small);--e-global-typography-d9dedf0-font-weight:300;--e-global-typography-d9dedf0-line-height:1.5em;background-color:var( --e-global-color-primary );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-secondary );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-1ab5be9 );border-radius:var(--rounding) var(--rounding) var(--rounding) var(--rounding);padding:var(--pad-container-halved) var(--pad-container) var(--pad-container-halved) var(--pad-container);}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-1ab5be9 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:1.5em;}.elementor-kit-9 a{color:#295E5F;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 );}.elementor-kit-9 a:hover{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--content);}.e-con{--container-max-width:var(--content);--container-default-padding-top:0;--container-default-padding-right:0;--container-default-padding-bottom:0;--container-default-padding-left:0;}.elementor-widget:not(:last-child){margin-block-end:var(--gap-xxl);}.elementor-element{--widgets-spacing:var(--gap-xxl) var(--gap-xxl);--widgets-spacing-row:var(--gap-xxl);--widgets-spacing-column:var(--gap-xxl);}{}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-9{--e-global-typography-fa68ab9-font-size:4rem;--e-global-typography-fa68ab9-line-height:0.9em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .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-9{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .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 {


/*-----Variabler----------------------------------------------------------*/

/*Innholdsbredde*/
--content: clamp(800px, 100vw, 1440px);

/*Linjer, border, pointer*/
--line: 2px;

/*Avrunding av kanter*/
--rounding: 8px;

/*Automatiske kolonner i grid*/
--grid-auto-resize: repeat(auto-fit, minmax(min(275px, 100%), 1fr));

/*Tekst*/
--text-heading-xl: clamp(1.944rem, calc(1.125rem + 20vw), min(5rem, 100vw));
--text-heading-l: clamp(1.35rem, calc(1.125rem + 3vw), min(2.8rem, 100vw));
--text-heading-m: clamp(1.125rem, calc(1.125rem + 1vw), min(1.62rem, 100vw));
--text-body: 1.125rem;
--text-small: 0.938rem;

/*Farger*/
--background: #FAFAF5;
--primary: #407044;
--secondary: #355442;
--accent: #9EBA60;
--text-color: #373F43;
--white: #FDFFFD;
--gray: #C8C8C8;
--black: #373F43;
--transparent: #00000000;

/*Container padding*/
--pad-container: clamp(0.694em, calc(0.833em + 3vw), 2.489em);
--pad-container-halved: calc(var(--pad-container) / 2);
--pad-container-doubled: calc(var(--pad-container) * 2);

/*Padding*/
--pad-xs: 0.694em;
--pad-s: 0.833em;
--pad-m: 1em;
--pad-l: 1.2em;
--pad-xl: 1.44em;
--pad-xxl: 1.728em;

/*Mellomrom*/
--gap-xs: 0.868rem;
--gap-s: 1.042rem;
--gap-m: 1.25rem;
--gap-l: 1.5rem;
--gap-xl: 1.8rem;
--gap-xxl: 2.16rem;
}

/*-----Klasser-----------------------------------------------------------*/

body {
    text-wrap: pretty;
}

/*Justerer padding for seksjoner*/
.section, .card {
    padding: var(--pad-container) var(--pad-container);}
    
.section-tall {
    padding: var(--pad-container-doubled) var(--pad-container);
}

/*Setter padding for underseksjoner*/
.container-short {
    padding: var(--pad-container-halved) var(--pad-container);}

/*Setter maksimal bredde på tekst*/
.text-block {
    word-break: break-word;
    max-width: min(100%, 80ch);
}

/*Høyde på hero seksjon*/
.hero {
    height: clamp(200px, 50vh, 600px);}
    
.card {
    background-color: var(--white);
}

/*Bildeinnstillinger*/
.image {
    aspect-ratio: 16 / 9;}
    
.square {
    aspect-ratio: 1 / 1;
}

.banner {
    aspect-ratio: 4 / 1;
    min-height: 200px;
}
    
.image, .banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*Avrunding av kanter*/
.rounded, .card {
    border-radius: var(--rounding);
    overflow: hidden;}

/*Drop shadow*/
.shadow, .card {
  box-shadow: 2px 2px 6px rgba(0, 0, 64, 0.2);
}

/*Avstandsstyring*/
.bordered, .card {
    border: none 1px var(--primary);
}
  
.pushed {
      margin-top: var(--pad-container-doubled);
 }
 
.pushing {
      margin-bottom: var(--pad-container-doubled);
 }
 
 .pulling {
     padding-bottom: 0;
 }
 
 .pulled {
     padding-top: 0;
 }
 
 .tight {
     gap: var(--gap-m);
 }
   
/*Skalering på hover*/
.scale:hover, .elementor-button:hover {
    transform: scale(1.025);}

/*----------------------------*/

/*Bytter dropdown indikator farge*/

.sub-arrow{
    color: #9EBA60;
    fill: #9EBA60;
}


/*Bytter highlight farge*/

*::selection {
  background: #9EBA60;
  color: #ffffff;
}
*::-moz-selection {
  background: #9EBA60;
  color: #ffffff;
}
*::-webkit-selection {
  background: #9EBA60;
  color: #ffffff;
}



/*Bytter besøkt link farge*/

a:visited {
    color: #355442;
}



/*Bytter scrollbar farge*/

::-webkit-scrollbar{
    width:16px; 
    background: #407044;
}
::-webkit-scrollbar-thumb{
    background: #9EBA60;
    border: none;
    border-radius: 0;
}

ul {
    margin-bottom: 1.5em;
}

/* Ansattliste */

        /* ---------------------------------------------
           COMPANY GRID
           --------------------------------------------- */

        .bragd-employee-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
            width: 100%;
        }


        /* ---------------------------------------------
           CARD
           --------------------------------------------- */

        .bragd-employee-card {
            display: flex;
            flex-direction: row;

            background: #fff;
            border-radius: 6px;
            overflow: hidden;
            min-width: 0;

            box-shadow: 2px 2px 6px rgba(0, 0, 64, 0.2);

            color: var(--text-color);
        }


        /* ---------------------------------------------
           IMAGE
           --------------------------------------------- */

        .bragd-employee-image {
            width: 140px;
            min-width: 140px;

            aspect-ratio: 1 / 1;

            overflow: hidden;

            background: var(--primary);
        }


        .bragd-employee-image img {
            display: block;

            width: 100%;
            height: 100%;

            object-fit: cover;
        }


        /* ---------------------------------------------
           CONTENT
           --------------------------------------------- */

        .bragd-employee-content {
            padding: 16px;

            flex: 1;
            min-width: 0;

            display: flex;
            flex-direction: column;
            justify-content: center;
        }


        .bragd-employee-name {
            margin: 0 0 4px;

            font-size: 18px;
            line-height: 1.25;

            font-weight: bold;
        }


        .bragd-employee-title {
            margin: 0 0 14px;

            font-size: 14px;
            line-height: 1.4;

            font-weight: 500;
        }


        /* ---------------------------------------------
           CONTACT
           --------------------------------------------- */

        .bragd-employee-contact {
            display: flex;
            flex-direction: column;

            gap: 7px;

            font-size: 14px;
            line-height: 1.4;
        }


        .bragd-employee-contact a {
            display: flex;
            align-items: center;

            gap: 8px;

            color: inherit;
            text-decoration: none;

            min-width: 0;

            font-weight: normal;
            font-size: inherit;
        }


        .bragd-employee-contact a:hover {
            text-decoration: underline;
        }


        .bragd-contact-icon {
            display: inline-flex;

            align-items: center;
            justify-content: center;

            flex: 0 0 16px;
        }


        .bragd-employee-email span:last-child {
            overflow-wrap: anywhere;
        }


        /* ---------------------------------------------
           TITLE LIST
           --------------------------------------------- */

        .bragd-employee-list {
            display: flex;
            flex-direction: column;

            gap: 16px;

            width: 100%;
        }


        /*
         * Title lists use the same horizontal cards,
         * but are displayed one underneath another.
         */

        .bragd-employee-list .bragd-employee-card {
            width: 100%;
        }


        /* ---------------------------------------------
           COMPANY GRID RESPONSIVE
           --------------------------------------------- */

        @media (max-width: 1200px) {

            .bragd-employee-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

        }


        @media (max-width: 600px) {

            .bragd-employee-grid {
                grid-template-columns: 1fr;

                gap: 16px;
            }


            .bragd-employee-list {
                gap: 16px;
            }


            .bragd-employee-image {
                width: 110px;
                min-width: 110px;
            }


            .bragd-employee-content {
                padding: 14px;
            }


            .bragd-employee-name {
                font-size: 17px;
            }

        }/* End custom CSS */