@charset "utf-8";

html,body {
	max-width: none;
}
video {
  display: block;
}
img, video, picture {
  max-width: 100%;
}
.content img {
    border-radius: 1rem;
}
.animated {
    transition: all 500ms ease 0s;
}
select {
  cursor: pointer;
}
.big-input{
    font-size:1.8rem;
    
}
.form-control{
    border-color:#007863;
}


.overlay-banner{
     background: radial-gradient(ellipse at 42% center, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 70%);
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#info-line{
    z-index: 9999;
    font-size: .8rem;
    color: #000;
}
#info-line i{
    font-size: 1rem;
}
[data-hide-infoline]{
    cursor: pointer;
    right: 0;
    top: 1.1rem;
    transform: translateY(-50%);
}
#info-line .warning-icon{
    left: 0;
    top: 1.1rem;
    transform: translateY(-50%);
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.controls .form-control-lg{
    height: calc(1.75em + 1rem + 5px);
    font-size: 1rem;
}
.unbreakable {
	white-space: nowrap;
}
[class*='bg-image'] {
	background-size: cover;
	background-position: center;
}
.bg-image-top {
	background-position: top center;
}
.bg-image-bottom {
	background-position: bottom center;
}
[class*='bg-faded'] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: .4;
	width: 100%;
	height: 100%;
}
.bg-faded-1 {opacity: .9;}
.bg-faded-2 {opacity: .8;}
.bg-faded-3 {opacity: .7;}
.bg-faded-4 {opacity: .6;}
.bg-faded-5 {opacity: .5;}
.bg-faded-6 {opacity: .4;}
.bg-faded-7 {opacity: .3;}
.bg-faded-8 {opacity: .2;}
.bg-faded-9 {opacity: .1;}
#at-share-dock {
	bottom: -100%;
	z-index: 999;
}
#at-share-dock.scrolled {
	bottom: 0;
}
/* Vertical Align anything */
.valign-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
}
/* Font Awesome Before element */
[class*='fa-before']::before {
  font-family: "Font Awesome 5 Pro";
  line-height: 1;
  font-weight: 400;
}
.fa-before-light::before {
  font-weight: 300;
}
.fa-before-solid::before {
  font-weight: 900;
}
.cover {
  width: 100%;
  height: 100%;
  margin: 0;
}
.cover img,
.cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fluid-width-video-wrapper{
    padding: 0!important;
    border-radius: .5rem;
    overflow: hidden;
}
.fluid-width-video-wrapper:before{
    display: block;
  content: "";
  padding-top: 56.25%;
}
.minheight-low {    min-height: 40vh;}     .height-low { height: 40vh;}
.minheight-medium { min-height: 60vh;}  .height-medium { height: 60vh;}
.minheight-tall {   min-height: 80vh;}    .height-tall { height: 80vh;}
.minheight-full {   min-height: 100vh;}   .height-full { height: 100vh;}
.limit-width {
  max-width: 900px;
}
.wide {
  max-width: 1440px;
}
.ultra-wide {
  max-width: 1840px;
}
.container.full,
.container-fluid.full {
  max-width: none;
  padding: 0;
}
.full > .row {
  margin-left: 0;
  margin-right: 0;
}
.opacity-high { opacity: .75;}
.opacity-medium { opacity: .50;}
.opacity-low { opacity: .25;}
.overlay-top .container,
.overlay-bottom .container {
  position: relative;
  z-index: 2;
}
.overlay-top::before,
.overlay-bottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 1;
}
.overlay-top::before {
  background-image: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,0));
  top: 0;
}
.overlay-bottom::after {
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));
  bottom: 0;
}
.content > *:last-child {
  margin-bottom: 0;
}
.block-swiper .swiper-button-next,
.block-swiper .swiper-button-prev{
    transition: .15s ease-in-out;
    width: 45px;
    height: 45px;
    background: #FFF;
    box-shadow: 0 0 10px rgb(73 73 73 / 30%);
    border-radius: 50%;
    text-align: center;
}
.block-swiper .swiper-button-next i,
.block-swiper .swiper-button-prev i{
    transition: .15s ease-in-out;
    font-size: 1rem!important;
    line-height: 45px;
    vertical-align: middle;
    font-weight: 500;
    color: #007863;
}
.block-swiper .swiper-button-next:hover,
.block-swiper .swiper-button-prev:hover{
    background: #007863;
    box-shadow: none;
}
.block-swiper .swiper-button-next:hover i,
.block-swiper .swiper-button-prev:hover i{
    color: #FFF;
}
.swiper-button-next,
.swiper-button-prev {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.swiper-button-next i,
.swiper-button-prev i {
  line-height: 0;
}
.slides-1 .swiper-button-next,
.slides-1 .swiper-button-prev,
.slides-1 .swiper-pagination {
  display: none;
}
.position-top {
  top: 0;
}

.block-swiper .swiper-slide .cover:not(.height-fit) {
  position: absolute;
  top: 0;
}
.block-swiper .swiper-slide .cover img {
  height: 100%;
}
.block-swiper .swiper-slide .content {
  padding: 2.5rem;
}
.block-swiper .swiper-slide .row.minheight-fit:not(.align-items-below) {
  position: absolute;
  top: 0;
  height: 100%;
}
.block-swiper .swiper-slide.align-items-below {
  min-height: 0;
}
.block-swiper .swiper-slide.align-items-below .cover {
  position: static;
  top: auto;
}
.block-swiper .swiper-slide.align-items-below .row {
  min-height: 0;
}
.block-swiper .swiper-slide.align-items-below .content {
 padding: .5rem 0 2rem;
}
.bg-black {
  background-color: #000;
}
div.btn.btn-block.btn-light:hover{
    background-color: #e7f5f3;
    border-color: #e7f5f3;
    cursor: initial;;
}
.block-text {
    /* max-width: 1140px; */
    margin-left: auto;
    margin-right: auto;
}
.animated-glow path {
    fill: var(--secondary);
    stroke: rgba(255,255,255,.5);
    animation: flicker 9s linear infinite;
}
.animated-glow * {
    color: var(--secondary);
    text-shadow: 0 0 .5rem rgba(255,255,255,.5);
    animation: flicker 9s linear infinite;
}
.animated-glow:nth-of-type(2) * { animation-delay: 2s;}
.animated-glow:nth-of-type(3) * { animation-delay: 3s;}
.animated-glow:nth-of-type(4) * { animation-delay: 4s;}
.animated-glow:nth-of-type(5) * { animation-delay: 5s;}
.animated-glow:nth-of-type(6) * { animation-delay: 6s;}
.animated-glow a:hover i,
.animated-glow a:hover h5,
.animated-glow a:hover p {
    color: #FFF;
    text-shadow: 0 0 .5rem rgba(255,255,255,.5);
    animation: none;
    opacity: 1;
}

@keyframes flicker {
	0%, 5.999%, 7%,     20.999%, 22%,     22.999%, 24%,     100% {
		opacity: .99;
	}
	    6%,     6.999%, 21%,     21.999%, 23%,     23.999%       {
		opacity: 0.4;
	}
}
.bg-animated {
  background-image: url('../gfx/bg-1.png');
  background-blend-mode: multiply;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.accordion-bg-effect-1 {
  background-image: url('../gfx/bg-2-test1.png');
  background-size:100%;
}
.accordion-bg-effect-2{
  background-image: url('../gfx/bg-2.png');
  background-blend-mode: multiply;
  background-size: 30% auto;
  background-position: left center;
}


.accordion>.card:last-of-type,
.accordion>.card:first-of-type {
    border: 1px solid var(--secondary);
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon, 
.addthis_default_style .at300b,
.addthis_default_style .at300bo, 
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: none !important;
}

.swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    opacity: 1;
    background: rgba(0,146,120,.5);
    border: 2px rgba(0,146,120,0) solid;
}
.swiper-pagination-bullet-active {
    background: rgba(0,146,120,1);
    border: 2px rgba(0,146,120,.5) solid;
}
.text-light a:not(.btn) {
    color: #93c8b7;
}
.text-light a:not(.btn):hover {
    color: white;
}
img {
    transition: all 500ms ease 0s;
}
a:hover img {
    position: relative;
    transform: scale(1.1);
}

/** ####################### BACKGROUND EFFECT START ###################### **/
.bg-animation,
.bg-modalanimation{
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.bg-animation .object,
.bg-modalanimation .object{
    background-color: #007863;
    position: absolute;
    opacity: 0;
    animation: fade 4s linear;
    width: 3rem;
    height: 3rem;
}
.bg-animation.light .object {
    background-color: #fff;
}
.bg-animation .object.shape-0 {
}
.bg-animation .object.shape-1,
.bg-modalanimation .object.shape-1{
    border-radius: 100%;
}
@keyframes fade {
    0%,
    100% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: .4;
        transform: scale(1.25);
    }
}
/** ####################### BACKGROUND EFFECT END   ###################### **/

/** ####################### REFERANCE START ############################## **/
.referance-image {
    height: 80px;
    width: 80px; 
    object-fit:cover;
}

.speech-bubble{
	position: relative;
	border-radius: .4em;

}

/* Høyerestilt snakkepil */
.referance-cross-section > div:nth-of-type(odd) .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 90%;
	width: 0;
	height: 0;
	border: 33px solid transparent;
	border-top-color: inherit;
	border-bottom: 0;
	border-left: 0;
	margin-left: -15.5px;
	margin-bottom: -31px;
	transform: translateX(-50%)
    
}

/* Venstrestilt snakkepil */
.referance-cross-section > div:nth-of-type(even) .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 17%;
	width: 0;
	height: 0;
	border: 33px solid transparent;
	border-top-color: inherit;
	border-bottom: 0;
	border-right: 0;
	margin-left: -15.5px;
	margin-bottom: -31px;
	transform:translateX(-50%);

}

.referance-cross-section > div:nth-of-type(odd) .referance-profile{
    justify-content:flex-end;
}

/** ####################### REFERANCE STOPP ############################## **/



/** ####################### DROPZONE and FORM ############################## **/
.dropzone{
    border-style: dashed!important;
    border-radius: .5rem;
    background-color:transparent;
    border-width: 3px!important;
    
}
.custom-checkbox .custom-control-label{
    padding-left: 1.2rem;
    padding-top: 0.5rem;
    cursor: pointer;
}
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{
    width:1.8rem;
    height:1.8rem;
    border:none;
}
#kopleform label.error,
#borettslag_form label.error,
#universal_form label.error{
    color: #e77480;
    padding-top: 0.2rem;
    padding-left: 0.7rem;
}


/** ####################### MIXITUP TOGGLE BUTTONS ############################## **/
.bg-white .filterbutton{
    background-color:var(--light);
}
.btn-outline-primary.mixitup-control-active{
    background-color:var(--primary);
    color:var(--white);
}
.mixitup-page-list .mixitup-control{
    border: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    line-height: 46px;
    vertical-align: center;
    text-align: center;
}
.mixitup-page-list .mixitup-control-active{
    background-color:var(--primary);
    color:var(--white);
}

/** ################## PAGE HEADER / NAV START ################## **/
#header {
}
#logo {
  width: 9rem;
}
.navbar-toggler::before {
  content: "\f00d";
}
.navbar-toggler.collapsed::before {
  content: "\f0c9";
}
.nav-item.active>.nav-link {
    color: var(--dark);
}
.navbar-collapse{
    position: absolute;
    background: #FFF;
    left: 0;
    width: 100%;
    padding-top: 2rem;
}
/** ################## PAGE HEADER / NAV END ################## **/



/** ################# Profile START   ######################## **/
/**
.tpl-profile .profile-image{
    width: auto;
    max-height: 177px;
}
/** ################# BLOG START   ######################## **/

.article-profile-image{
    height: 5rem;
    width: 5rem;
}
.block-blog .article-profile-image{
    margin: -2.5rem 0 0;
    border: .25rem solid white;
}

.swiper-pagination-bullet:only-child{
    display:none;
}

.blogListing .article-profile-image{
    margin: -2.5rem 0 0!important;
    border: .25rem solid white!important;
}
.blogListing .article-profile-image img{
    height:66px!important;
    width:66px!important;
}

/** ################# BLOG END     ######################## **/

/*
.highlight-icons:hover{
    background-color:var(--primary)!important;
}
#highlight-icons:hover #highlight-text{
    color:white;
}
#highlight-icons:hover #highlight-icon{
    color:white!important;
}
*/



/** ################## FAQ START ######################## **/
form i.fa {
    top: 6px;
    left: 20px;
    color: blue;
    font-size: 22px;
    z-index: 9999;
    font-family: Font Awesome Pro 5;
}

.card{
    border: 1px solid var(--secondary);
    background-color: transparent;

}
.card-header {
    background-color: transparent;
}
/*
.faq-group.collapsed{
  background-color:var(--light)!important;
}
.faq-group.collapsed .card-header{
  background-color:var(--light)!important;
}
*/
.faq-group:not(.collapsed) .card-header {
    background-color:transparent!important;
}
/*
.faq-group:not(.collapsed) {
    background-color: white;
    background-image: url('../gfx/bg-2-test2.png');
    background-blend-mode: multiply;
    background-size: 58%;
    background-repeat: repeat-y;
}
*/

.accordion .faq-group {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-primary) !important;
}
.card-header{
    border:none;
}

.faq-title>a {
  display: block;
  position: relative
}
.faq-title>a:after {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top:0px;
  right: -14px;
  color:var(--secondary);
}
.faq-title>a[aria-expanded="false"]:after {
  content: "\f078";
  color:var(--secondary);
}
.faq-group{
    cursor:pointer;
}
.faq-group:hover {
    background-color: white;
}

.card-body .iframe{
    max-width:100%;
}
/** ################## FAQ END ########################## **/

/** ########### LOGOS BLACK WHITE START ################# **/
.logos-black-white {
    object-fit:cover;
    transition: filter .5s ease-in-out;
    filter:brightness(0%);
}

.logos-black-white:hover {
    filter:brightness(100%);
}
/** ########################### LOGOS BLACK WHITE END ############################ **/

.kople-article h1{
    font-weight: 600;
}

/** ###########################  BORETTSLAG START ################################ **/
.borettslag-special{
    padding: 0;
}
.borettslag-header{
    min-height: 45vh;
}
.borettslag-header .content{
    max-width: 620px;
}
.half-border-desktop .rounded-lg{
    border-radius: 0!important;
}
.montage_img{
    max-height: 364px;
    border-radius: 25px 25px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.montage_list ul{
    padding-left: 1rem;
}
.borettslag_partners {
    max-width:128px!important;
    max-height:105px!important;
    align-self:center;
    object-fit:cover;
}
.location-header .view_height{
    height:30vh;
}
.employment-header .view_height{
    height:30vh;
}

.swiper-sponsors .swiper-slide{
    height:auto;
}
.swiper-sponsors {
    margin:0 -15px;
}

 input[type=radio] ~ label:before{
    width:1.5rem;
    height: 1.5rem;
    border-color: #FFF;
}
.custom-control-input[type=radio] ~.custom-control-label{
    cursor: pointer;
    line-height: 2rem;
    padding-left: .5rem;
}
 .custom-control-input ~.custom-control-label::before{
     background: #FFF;
 }
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after{
        background-image: none;
        background-color: #FFF;
        border-radius: 50%;
        top: .60rem;
        left: -1.15rem;
        width: .75rem;
        height: .75rem;
 }
 .play_borettslag{
    top: 50%;
    left: 50%;
    border-radius: 50%;
    height: 5rem;
    width: 5rem;
    transform: translate(-50%,-50%);
    border: 3px solid white;
    transition:.15s ease-in-out;
 }
 .play_borettslag i{
     cursor:pointer;
     line-height:4.8rem;
     vertical-align:middle;
     font-size:1.8rem;
     padding-left:.3rem;
     color:white;
     transition:.15s ease-in-out;
 }
 .play_borettslag:hover{
     background-color:white!important;
 }
 .play_borettslag:hover i{
     color:#007863!important;
 }
 
 /* FLIP CARDS START */ 
 .flip-card {
  height: 177px;
  perspective: 1000px;
}
.tpl-profile .flip-card{
    height: 200px;
}
.tpl-profile .flip-card{
    width: 300px;
    max-width: 100%;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.breadcrumb{
    background-color: transparent;
    justify-content: center;
    margin-bottom: 0;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-0 .flip-card:hover .flip-card-inner{
    transform: none;
}
.flip-card.noflip .flip-card-inner{
    transform:none;
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  transform: rotateX(0deg);
}

.flip-card-back {
  transform: rotateY(180deg);
}
/* FLIP CARDS END */
/** ###########################  BORETTSLAG SLUTT ################################ **/


.location-header .box-content a{
    padding-right: 1rem;
}
.location-header .box-content h1{
    font-size: 2rem;
}
.employment-header .box-content a{
    padding-right: 1rem;
}
.employment-header .box-content h1{
    font-size:2rem;
}

/*************** NEW HEADER AND FOOTER + SimpleSearch **********************/

.site-search,
#searchmodal-close{
    border: none;
    color: var(--primary);
    background: none;
}
#searchmodal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 9999;
}
#searchmodal-close{
    font-size: 1.2rem;
}
.search-forminput{
    border: none;
    background: none;
    z-index:99;
}
.modal-searchform .border-bottom{
    border-bottom: 2px solid var(--bs-primary)!important;
}
.modal-searchform input#search:focus{
    box-shadow: none;
    outline: none;
}

.simplesearch-highlight{
    background: #2E4755;
    color: #E4F3F1;
}
.simplesearch-results .simplesearch-highlight{
    font-weight: bold;
    background: none;
    color: var(--primary);
}
footer .newfooter a:not(.btn){
    color: #E4F3F1;
}

footer .shortcuts a:hover{
    text-decoration :none;
}


/* Hubspot skjemaer start */
.hs-button {
    color:#313E47!important;
    max-width:10rem;
    background-color:#FCC046!important;
    border-color:#FCC046!important;
    border: 1px solid transparent!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1rem!important;
    line-height: 1.5!important;
    border-radius: 0.5rem!important;
}


.hubspot-wrapper input, .hubspot-wrapper textarea{
    display: block;
    width: 100%!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    border: none;
    border-radius: 20px;
    margin: .5rem 0rem .5rem 0rem;
    padding:.3rem 1rem;
    font-family:'Poppins', sans-serif!important;
    color:#6D8C9B;
}

.hs-error-msgs label{
    color:var(--bs-danger)!important;
}
.hubspot-wrapper .input {
    margin-right:1rem!important;
}

.hubspot-wrapper .form-columns-1, .hubspot-wrapper .form-columns-2, .hubspot-wrapper .form-columns-3{
    max-width:none;
}

.hs-form-required {
    color:var(--bs-warning)!important;
    margin-left:.3rem;
}
.hubspot-wrapper ul {
    list-style-type:none!important;
    padding:0rem 1rem;
    padding-left:0.5rem;
}
.hubspot-wrapper ul li {
    color:var(--bs-danger);
}
.hs-form-booleancheckbox label {
    color:#FFF;
    width:75%;
}
.hs-form-booleancheckbox input{
    width:auto!important;
}
.hubspot-wrapper [type='checkbox'] {
    display:inline;
    margin-right:.3rem;

}
 

.hs-richtext{
    color:#FFF;
}
.hubspot-wrapper label{
    color:#FFF;
}


/* Hubspot skjeamer slutt */


/* 2024 changes start */

.charge-support-image {
    right:10px;
    bottom:0;
    height:auto;
    object-fit:cover;
    height:12rem;
}

.banner-text{
    z-index:10;
    text-shadow:8px 9px 40px var(--bs-dark);
}


.newfooter .vr {
    width:.1rem!important;
    color:var(--bs-success);
    margin:0 .35rem;
}

.menuWrapper h5 {
    color:var(--bs-secondary);
}

  .hero-boxWrapper .icon:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .hero-boxWrapper .icon:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f138";
    margin-left:.65rem;
    color:var(--bs-primary);
  }
    .hero-boxWrapper .bg-primary .icon:after {
        color: white;
    }
 

    .hero-boxWrapper a{
        color:#FFF;
        margin-right:1.25rem;
        font-weight:600;
    }
    .hero-boxWrapper a:last-of-type{
        margin-right:0;
    }
  
    .hero-content-wrapper{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
        
    }
    .hero2024 img {
        width:100%;
        max-height:690px;
        height:65dvh;
        object-fit:cover;
        object-position:top;
      

    }
    .hero2024 h1{
        font-size:3rem;
    }
    


  .hero-boxWrapper {
        margin-top:-10dvh;
        z-index:1;
        position:relative;
    }
    
    .cross-info-item:not(.active){
        display:none;
    }
    
    
    .referance-swiper{
        overflow:hidden;
    }
    .referance-swiper img{
        height:80px;
        width:80px;
        object-fit:cover;
    }
    .referance-swiper .swiper-slide-prev, .referance-swiper .swiper-slide-next {
        opacity:.4;
        background-color:var(--bs-primary);
        border-radius:var(--bs-border-radius);
    }
    .referance-swiper .swiper-slide-active{
        background-color:var(--bs-dark);
        border-radius:var(--bs-border-radius);
    }
    .swiperControlWrapper .swiper-pagination-bullet {
        width: 1rem!important;
        height: 1rem!important;
        margin-right:.35rem!important;
    }
    
    .swiperControlWrapper {
        margin: 0 auto; /* Sentrerer elementet horisontalt */
       
    }
    
    
    


/* 2024 changers end */

/** ################################################## MEDIA QUERIES ################################################## **/

/** Small devices (landscape phones, 576px and up) **/
/** Bootstrap: -sm **/
@media (min-width: 576px) {
    .tpl-profile .flip-card{
        height: 300px;
    }
    .tpl-profile .flip-card{
        width: 450px;
    }
}

/** Medium devices (tablets, 768px and up) **/
/** Bootstrap: -md **/
@media (min-width: 768px) {
    .swiper-sponsors {
        margin:0 auto;
    }
    /*
    .block-cross-sections .row:nth-of-type(odd) > div:first-of-type {
        order: 0;
    }
    */
    
    .banner-text-overlay::after {
       position: absolute;
    content: url(../gfx/shadow-effect-2.png);
    
    top: -36%;
    left:0;
    background-size: cover;
    background-repeat: no-repeat;
}
    .blog-image{
        width:100%;
    }
    .feature-img {
        min-height: 276px;
        object-fit:cover;
    }
    .referance-cross-section .row:nth-of-type(even) > div:first-of-type{
        order:1;
    }
    .referance-cross-section .row:nth-of-type(even)  img{
        order:3;
    }
    /* Høyerestilt snakkepil */
    .referance-cross-section > div:nth-of-type(odd) .speech-bubble:after {
        content: '';
        position: absolute;
        right: 0;
        top: calc(50% - 2px);
        width: 0;
        height: 0;
        border: 45px solid transparent;
        border-left-color: inherit;
        border-right: 0;
        border-top: 0;
        margin-top: -22.5px;
        margin-right: -45px;
        transform: translateY(50%);
        left: 100%;
    }
    /* Høyerestilt snakkepil */
    .referance-cross-section > div:nth-of-type(even) .speech-bubble:after {
        content: '';
        position: absolute;
        left: 2%;
        top: calc(50% - 2px);
        width: 0;
        height: 0;
        border: 45px solid transparent;
        border-right-color: inherit;
        border-left: 0;
        border-top: 0;
        margin-top: -22.5px;
        margin-left: -45px;
        transform: translateY(50%);
        right: 100%;
    }
    .tpl-profile .profile-image{
            max-width: 100%;
        max-height: none;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .referance-cross-section .row:nth-of-type(odd)  img{
        order:3;
    }
    
}
/** Large devices (desktops, 992px and up) **/
/** Bootstrap: -lg **/
@media (min-width: 992px) {
    .navbar-collapse{
        position: static;
        background: transparent;
        width: 100%;
        padding-top: 0;
    }
    .montage_list .listspacing{
        height: 1.9rem;
    }
    .borettslag-special{
        padding-right: 15px;
        padding-left: 15px;
    }
    .play_borettslag{
        transform: translate(-50%,-100%);
    }
    .location-header .view_height{
    height:55vh;
    }
    .employment-header .view_height{
        height:55vh;
    }

    .article-profile-image{
        border: none !important;
    }
    .block-blog .swiper-slide:nth-of-type(odd) .block-blog-img {
        order: 1;
    }
    .full > .row > [class*='col'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .location-header .box-content{
        margin-top: -120px;
    }
    
    .employment-header .box-content{
        margin-top:-180px;
    }
    
    .half-border-desktop .rounded-lg{
        border-radius: 0 1rem 1rem 0!important;
    }
     .hero-boxWrapper {
        margin-top:.5rem;
        z-index:1;
        position:relative;
    }
    .hero2024 h1{
        font-size:4rem;
    }
  

    
}

/** Extra large devices (large desktops, 1200px and up) **/
/** Bootstrap: -xl **/
@media (min-width: 1200px) {
    
}

/** HD devices (extra large desktops, 1540px and up) **/
@media (min-width: 1540px) {
}

@media (min-width: 1920px) {
    .ultra-wide {
        max-width: 1712px;
    }
}

@media (max-height: 800px) {
}

@media (orientation: landscape) {
  .img-portrait {
    display: none;
  }
}

@media (orientation: portrait) {
  .img-landscape {
    display: none;
  }
}

/** ############## LadeKart infoWindow Start ################# **/
#ladekartwindow{
    font-weight:400;
}
#ladekartwindow a.btn{
    font-size:0.8rem;
    font-weight:300;
}
#ladekartwindow table{
    font-size:1em!important;
}
#ladekartwindow table tbody tr{
    background-color:white;
    border-bottom:1px solid #b5e0da;
}
#ladekartwindow table tbody tr td{
    padding-top:4px;
    padding-bottom:4px;
}
#ladekartwindow table tbody tr:last-child{
    border-bottom:none;
}
#ladekartwindow table tbody tr:nth-child(even) td{
    background-color:white;
}

#ladekartwindow .lk-title{ font-size:1rem;}
#ladekartwindow .lk-addr{ font-size:0.8rem;}
.text-yellow{color:#ffb653;}
.text-green{color:#007863;}
.text-lightgreen{color:#93c8b7;}
.text-unknown{color:#34515f;}
.text-none{color:#ff5050;}
.text-available{color:#007863;}
#ladekartwindow .font-weight-semibold{font-weight:600;}
#ladekart_map {
    height: calc(100% - 178px);
}
.kart-controls .custom-control{
    position: static;
    min-height: auto;
}
.kart-controls .custom-control-label{
    padding-top: 2px;
    font-size: .8rem;
}

.kart-controls .custom-control-label:before,
.kart-controls .custom-control-label:after{
    top: 50%;
    transform: translateY(-50%);
}

.kart-controls .custom-control-label:before{
    background: none;
    border: 2px solid #007863;
}
.control-row-fixed-height{
        height:178px;
    }
@media (min-width: 768px) {
    #ladekart_map {
        height: calc(100% - 70px);
    }
    .control-row-fixed-height{
        height:70px;
    }    
}

/** Tidlinje **/

.program-main{
    position: relative;
    min-height: 250px;
}
.program-main h4,
.program-entry .time{
    line-height: 1;
}
.program-main h4{
    margin-bottom: .3rem;
}
.program-main:before{
    content: '';
    width: 1px;
    position: absolute;
    top: 1.4rem;
    bottom: .3rem;
    left: 0;
    background: var(--light);
}
.program-main:after{
    content: '';
    width: .8rem;
    height: .8rem;
    background: var(--light);
    position: absolute;
    top: .2rem;
    left: 0;
    transform: translateX(-50%);
    border-radius: 50%;
}
.program-entry{
    transition: .7s ease-in-out;
}
.program-main img{
    width: 120px;
    height: 120px;
    margin: 1rem 0;
}

/*
NYE BLOGGSTILER ON THE FLY

//Ikke så harde kontraster. Lettere for øyet og gjør andre elementer mer spennende og fremtredende
.blogarticle{
    color: #637781
}

//Mindre dominerende
h2{
    font-size: 1.4rem;
}

//Artikkelbilde (ny)
img.blogheader{
    width: 100%;
    border-radius: 14px;
    max-height: 860px;
    object-fit: cover;
    object-position: top;
}

//Toppboksen legger seg halvveis over bildet
blogheaderbox{
    transform: translateY(-50%);
    width: 90%;
    margin: 0 auto;
}

//Blockquote har ikke i dag stil
.blog blockquote{
    font-size: 1.45rem;
    font-weight: bold;
    padding: 5rem 0 3rem;
    margin: 2rem 0;
    text-align: center;
    position: relative;
    font-style: italic;
}
*/