.elementor-3815 .elementor-element.elementor-element-0808de0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:1rem;--padding-bottom:1rem;--padding-left:2rem;--padding-right:2rem;--z-index:9999;}.elementor-3815 .elementor-element.elementor-element-0808de0:not(.elementor-motion-effects-element-type-background), .elementor-3815 .elementor-element.elementor-element-0808de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3815 .elementor-element.elementor-element-95fa8d9 img{width:100%;max-width:100%;height:3rem;}.elementor-3815 .elementor-element.elementor-element-c7d9ae4 .elementor-nav-menu .elementor-item{line-height:1;}.elementor-3815 .elementor-element.elementor-element-c7d9ae4 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-3815 .elementor-element.elementor-element-c7d9ae4{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:1rem;--e-nav-menu-divider-color:var( --e-global-color-secondary );--e-nav-menu-horizontal-menu-item-margin:calc( 2rem / 2 );}.elementor-3815 .elementor-element.elementor-element-c7d9ae4 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2rem;}.elementor-3815 .elementor-element.elementor-element-d0c6493{background-color:var( --e-global-color-accent );padding:0.5rem 0.75rem 0.5rem 0.75rem;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-3815 .elementor-element.elementor-element-a429e46{--display:flex;--min-height:512px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:1;--padding-top:12rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3815 .elementor-element.elementor-element-a429e46:not(.elementor-motion-effects-element-type-background), .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1370770D;}.elementor-3815 .elementor-element.elementor-element-a429e46::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-background-video-container::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .e-con-inner > .elementor-background-video-container::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-background-slideshow::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3815 .elementor-element.elementor-element-a3e6a40 img{width:100%;max-width:100%;height:512px;object-fit:cover;object-position:center center;}.elementor-3815 .elementor-element.elementor-element-67526fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:4rem;}.elementor-3815 .elementor-element.elementor-element-5275270 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3815 .elementor-element.elementor-element-1b21cbe{font-size:1.5rem;}.elementor-3815 .elementor-element.elementor-element-9c19eb7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--flex-wrap:nowrap;--margin-top:5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;--z-index:9998;}.elementor-3815 .elementor-element.elementor-element-9c19eb7:not(.elementor-motion-effects-element-type-background), .elementor-3815 .elementor-element.elementor-element-9c19eb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu .elementor-item{font-size:1.25rem;font-weight:600;text-decoration:underline;line-height:1rem;}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0rem;padding-right:0rem;padding-top:1.5rem;padding-bottom:1.5rem;}.elementor-3815 .elementor-element.elementor-element-5a8da70{--e-nav-menu-horizontal-menu-item-margin:calc( 0rem / 2 );}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0rem;}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown a, .elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown .elementor-item, .elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1rem;}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3815 .elementor-element.elementor-element-0808de0{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3815 .elementor-element.elementor-element-a429e46{--min-height:auto;--overlay-opacity:0;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3815 .elementor-element.elementor-element-a3e6a40 img{height:384px;}.elementor-3815 .elementor-element.elementor-element-67526fb{--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3815 .elementor-element.elementor-element-9c19eb7{--flex-wrap:nowrap;--padding-top:1.5rem;--padding-bottom:6rem;--padding-left:1.5rem;--padding-right:1.5rem;}}@media(max-width:768px){.elementor-3815 .elementor-element.elementor-element-0808de0{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3815 .elementor-element.elementor-element-95fa8d9 img{height:2.5rem;}.elementor-3815 .elementor-element.elementor-element-a3e6a40 img{height:256px;}.elementor-3815 .elementor-element.elementor-element-67526fb{--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--border-radius:2rem 2rem 2rem 2rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3815 .elementor-element.elementor-element-1b21cbe{font-size:1.25rem;}.elementor-3815 .elementor-element.elementor-element-9c19eb7{--width:100%;--margin-top:4.5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown .elementor-item, .elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:0.75rem;}}@media(min-width:769px){.elementor-3815 .elementor-element.elementor-element-67526fb{--width:50%;}.elementor-3815 .elementor-element.elementor-element-9c19eb7{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-3815 .elementor-element.elementor-element-67526fb{--width:100%;}}@media(min-width:1025px){.elementor-3815 .elementor-element.elementor-element-a429e46::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-background-video-container::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .e-con-inner > .elementor-background-video-container::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-background-slideshow::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3815 .elementor-element.elementor-element-a429e46 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for nav-menu, class: .elementor-element-c7d9ae4 */.elementor-3815 .elementor-element.elementor-element-c7d9ae4 a {
    text-decoration-color: var(--e-global-color-primary);
    transition: none;
}

.elementor-3815 .elementor-element.elementor-element-c7d9ae4 a:hover {
    text-decoration-color: var(--e-global-color-accent);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0c6493 */body {
    transition: background .5s ease;
}

#content,
.elementor-location-footer {
    position: relative;
    right: 0;
    transition: all .5s ease;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 {
    display: none;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 button {
    background: none;
    outline: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    display: grid;
    grid-template-columns: 2rem 3.5rem;
    line-height: 2rem;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 button div {
    display: grid;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 button span {
    color: #fff;
    grid-row: 1;
    grid-column: 1;
    transition: opacity .5s ease;
    text-align: right;
    font-family: Inter, Sans-Serif;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 button svg {
    align-self: center;
    transition: transform .5s ease;
}
    
.elementor-3815 .elementor-element.elementor-element-d0c6493 nav button svg polygon {
    transform: translateX(1rem);
    transition: transform .5s ease, fill .5s ease;
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 nav button svg rect {
    transition: transform .5s ease, fill .5s ease, width .5s ease;
}

.menu-open {
    overflow: hidden;
    height: 100dvh;
    margin: 0;
    position: relative;
    touch-action: none;
    pointer-events: none;
}

.menu-open #nav_open,
#nav_close {
    opacity: 0;
}

.menu-open #nav_close,
#nav_open {
    opacity: 1;
}

.menu-open .elementor-3815 .elementor-element.elementor-element-d0c6493 nav button svg {
    transform: rotate(180deg);
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 nav button:hover svg polygon,
.menu-open .elementor-3815 .elementor-element.elementor-element-d0c6493 nav button svg polygon {
    transform: translateX(0);
}

.elementor-3815 .elementor-element.elementor-element-d0c6493 nav button:hover svg rect,
.menu-open .elementor-3815 .elementor-element.elementor-element-d0c6493 nav button svg rect {
    width: 2rem;
    transform: translateX(-1rem);
}

.menu-open #content,
.menu-open .elementor-location-footer {
    right: calc((100% - 16rem) / 2);
    opacity: .25;
}

@media only screen and (max-width: 1024px) {
    .elementor-3815 .elementor-element.elementor-element-d0c6493 {
        display: initial;
    }
}

@media only screen and (max-width: 768px) {
    .menu-open #content,
    .menu-open .elementor-location-footer {
        right: 50%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0808de0 */.elementor-3815 .elementor-element.elementor-element-0808de0 {
    pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67526fb */.page-id-3837 .elementor-3815 .elementor-element.elementor-element-67526fb:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 192px;
    background-image: url(https://porsgrunnminby.no/wp-content/uploads/2026/03/hfb_logo.svg);
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
    .page-id-3837 .elementor-3815 .elementor-element.elementor-element-67526fb:before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a429e46 */.elementor-3815 .elementor-element.elementor-element-a429e46:before {
    width: 50% !important;
    left: auto !important;
    right: 0 !important;
    height: 100% !important;
    transition: none !important;
    /*clip-path: circle(calc(512px) at calc(0% + 512px) calc(0% + 320px));*/
    clip-path: circle(calc(768px) at calc(0% + 768px) calc(50%));
    
    background-position: center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

@media only screen and (max-width: 1024px) {
    .elementor-3815 .elementor-element.elementor-element-a429e46:before {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-5a8da70 */.elementor-3815 .elementor-element.elementor-element-5a8da70 .sub-arrow {
    display: none;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 ul {
    opacity: 1 !important;
    background: none;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 a {
    transition: none;
    border: none !important;
    line-height: inherit;
    background: none;
    text-decoration: none;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 .elementor-nav-menu > li + li > a {
    border-top: 1px solid var(--e-global-color-accent) !important;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 .sub-menu {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    gap: .5rem;
    position: static;
    margin-bottom: 1.5rem;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 .sub-menu a {
    line-height: 1rem;
    background: #ffffff20;
    padding: 1rem;
    border-radius: 1.5rem;
}

.elementor-3815 .elementor-element.elementor-element-5a8da70 .sub-menu a:hover {
    background: #ffffff40;
}

@media only screen and (max-width: 768px) {
    .elementor-3815 .elementor-element.elementor-element-5a8da70 .sub-menu a {
        padding: .75rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c19eb7 */.slide-menu {
    transform: translateX(100%);
    transition: transform .5s ease !important;
    pointer-events: auto;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
}

.menu-open .slide-menu {
    transform: none;
}/* End custom CSS */