body{
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, Sans-Serif, sans-serif;
font-weight: 300;
font-style: normal;
color: #444;
display: flex;
min-height: 100vh;
flex-direction: column;

}
body.center-100{
    flex-direction: row!important;
}


.site-content {
  flex: 1;
}


h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, Sans-Serif, sans-serif;
font-weight: 400;
font-style: normal;
color: #444;
}


/************************/
/*  Bootstrap override  */
/************************/

b,strong{font-weight: bold;}

a {
    color: #337ab7;
    text-decoration: none;
}

.text-org{color: #ff6b2b;}

.btn,
.card,
.card-img-top,
.card-img{border-radius: 0;}



.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.no-asterisks .asteriskField{display: none; visibility: hidden;}
.asteriskField{color: #b94a48;}

/************************/
/*       Buttons        */
/************************/

.btn-blk {
    background-color: #444;
    color: rgba(255, 255, 255, 1)!important;

}
.btn-org {
    background-color: #ff6b2b;
    color: rgba(255, 255, 255, 1)!important;
}

.btn-outline-org{color: rgba(237, 108, 53, 1); border: 1px solid rgba(237, 108, 53, 1); background: rgba(255, 255, 255, 1);}

.btn-none{background:none; border: none; padding: 0; line-height: normal;}

/**********************/
/*  navbar            */
/**********************/
@media (max-width: 767px) {
    .navbar-brand img{
        max-width: 185px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand img{
        max-width: 240px;
    }
}
@media (min-width: 992px) and (max-width: 1199px)  {
    .navbar-brand img{
        max-width: 175px;
    }
}
@media (min-width: 1200px) and (max-width: 1499px)  {
    .navbar-brand img{
        max-width: 185px;
    }
}
@media (min-width: 1500px) {
    .navbar-brand img{
        max-width: 200px;
    }
}


.navbar-main{padding-top: 0.805em; padding-bottom: 0.805em;}


.login_top{margin-right: 5px;}


#center-menu>li>a{font-weight: 400; color: #444444; font-size:110%; padding: 10px 24px;}


@media (max-width: 1426px){
    #center-menu>li>a,
    #right-menu>li>a{font-size:100%; padding: 8px 10px;}

}

@media (min-width: 1080px) and (max-width: 1199px){
    #center-menu>li>a,
    #right-menu>li>a{font-size:90%; padding: 4px 6px;}
}


@media (min-width: 992px) and (max-width: 1080px){
    #center-menu>li>a,
    #right-menu>li>a{font-size:80%; padding: 4px 6px;}
}




#center-menu>li>a:hover,
#center-menu>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #ff6b2b;
}


/* ============================= */
/* simple-menu                  */
/* ============================= */

.simple-menu li a{text-transform: uppercase; color: #444;font-weight: 200;}



/**********************/
/*  backgrounds  */
/**********************/
.bg-white{
    background-color: #fff;
    -webkit-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.container-grey,
.bg-grey{
    background-color: #eceae6;
    -webkit-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.container-blue,
.bg-blue{
    background-color: #e8f6fa;
    -webkit-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}


.bg-blue-transparent{
    background: rgba(233, 247, 250, 0.9);
}

/**********************/
/*  Full backgrounds  */
/**********************/


.container-img-bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eceae6;
  min-height: 490px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-default-bg{background-image: url('/media/uploads/images/Forsidebilde_vår_2026.png'); background-position-y: bottom;}

.img-shopping-bg{background-image: url("../img/netthandel.80098fa2011d.jpg");}

/**********************/
/*  Small signup box  */
/**********************/


.small-signup-box p:last-child{margin-bottom: 0!important;}
.small-signup-box h1{font-size: 28px; line-height: 32px; margin-bottom: 15px; margin-top: 0!important; font-weight: 500;}


/**********************/
/*      Cards        */
/**********************/



.card-img-overlay-list .card-title{
    margin-bottom: 0;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 1px 1px transparent;
    -webkit-transition: text-shadow .3s ease-out;
    -moz-transition: text-shadow .3s ease-out;
    -o-transition: text-shadow .3s ease-out;
    transition: text-shadow .3s ease-out;
    font-size: 65%;
}


@media (min-width: 768px) and (max-width: 991px) {
    .card-img-overlay-list .card-title{
        font-size: 100%!important;
    }
}
@media (min-width: 992px)  {
    .card-img-overlay-list .card-title{
        font-size: 120%!important;
    }
}

.card-img-overlay{
    border-radius: 0!important;
}


.card-img-overlay-dark{
    background-color:rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.card-img-overlay-darkx2{
    background-color:rgba(0, 0, 0, 0.8);
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.card-transparent{background-color: rgba(255, 255, 255, 0.9);}
.card-transparent-red{background-color: rgba(192, 2, 2, 0.8);}
.card-transparent-green{background-color: rgba(6, 37, 18, 0.8);}


.card-img-overlay-list a:hover,
.card-img-overlay-list a:hover h1,
.card-img-overlay-list a:hover h2,
.card-img-overlay-list a:hover h3,
.card-img-overlay-list a:hover h4,
.card-img-overlay-list a:hover h5,
.card-img-overlay-list a:hover p,
.article-box-list a:hover,
.article-box-list a:hover h1,
.article-box-list a:hover h2,
.article-box-list a:hover h3,
.article-box-list a:hover h4,
.article-box-list a:hover h5,
.article-box-list a:hover p{
    text-decoration: none!important;
    color: #404040;

}

.card-img-overlay-list a:hover .card-img-overlay-dark{background-color:rgba(0, 0, 0, 0.0);}
.card-img-overlay-list a:hover .card-title{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); color: #fff;}


#special-membership .article-box .card-img-overlay i {
    color: #fff;
    font-size: 320%;
    font-weight: 600;
    text-shadow: 0 1px 1px transparent;
    -webkit-transition: text-shadow .3s ease-out;
    -moz-transition: text-shadow .3s ease-out;
    -o-transition: text-shadow .3s ease-out;
    transition: text-shadow .3s ease-out;
}
#special-membership .article-box a:hover .card-img-overlay i{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
#special-membership .article-box .bg-white{min-height: 115px;}





/* rabattavtaler */

.benefit-card .card-img-overlay{top: auto;}
.benefit-card a{color: #fff; text-decoration: none;}


.benefit-card .card-heading{font-weight: 400; text-transform: uppercase;}


.benefit-card .extra-text{font-size: 85%; display: none;}


.benefit-card a:hover p.extra-text{display: inline;}


@media (max-width: 2134px){
    .benefit-card{font-size: 90%;}
}
@media (max-width: 1949px){
    .benefit-card{font-size: 80%;}
}

@media (max-width: 1765px){
    .benefit-card{font-size: 70%;}
}



/* ============================= */
/* rådgvivning                     */
/* ============================= */

@media (min-width: 768px){
    #advice-article{
        margin-top: -120px;
    }
}

@media (max-width: 991px){
    #advice-breadcrumb .breadcrumb{padding: .75rem 0;}
}
@media (max-width: 767px){
    #advice-breadcrumb .breadcrumb-item{
        font-size: 80%;
    }
}

/* ============================= */
/* article-box                     */
/* ============================= */

.article-box h4, .article-no-box h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.article-box p,
.article-no-box p {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0!important;
    color: #606060;
}

.article-box a:hover .card-body{
    background-color: #f5f4f2!important;
    -webkit-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}




/* ============================= */
/* benefit list                  */
/* ============================= */


.heading-banner-grey{text-align: center; text-transform: uppercase; background-color: #444; color: #fff; padding-top: 0.8em; padding-bottom: 0.8em; font-weight: 200; font-size: 110%;}
.heading-banner{text-align: center; text-transform: uppercase; padding-top: 0.8em; padding-bottom: 0.8em; font-weight: 200; font-size: 110%;}

.bg-black{background-color: #444; color: #fff;}



.section-heading{font-size: 160%;}
.section-sub-heading{font-size: 115%; font-weight: 200;}




/* ============================= */
/* benefit                      */
/* ============================= */


#benefitdetail .lead{font-weight: 400;}


/* ============================= */
/* rådgivning                    */
/* ============================= */


.previous-next-article-list .card-body{
    box-shadow:1px 2px 3px #cccccc;
    -webkit-transition: box-shadow .2s ease-out;
    -ms-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;

}


.previous-next-article-list a:hover .card-body{
    box-shadow:none;
    box-shadow:1px 2px 3px #ececec;
}

.previous-next-article-list a:hover {
    text-decoration: none;
}
/* ============================= */
/* shopping                     */
/* ============================= */

.shop-list-row .card{z-index: -1;}

.list-shop p.read_more {
    margin-top: -1.4em;
    z-index: 99;
}

.list-shop p.shop-comission {
    font-size: 140%;
    font-weight: 500;
}
.shop-detail p.shop-comission {
    font-size: 160%;
    font-weight: 200;
}
.shop-detail p.shop-comission strong {
    font-size: 140%;
    font-weight: 500;
    letter-spacing: .1em;
}



.search-button{
    border: 1px solid #ddd; border-left: none;
    border-radius: 0px .25rem .25rem 0px;
    color: #444;

}
.search-button:hover,
.search-button:focus{color: black;background: #d1d1d1;}


.rounded-right-0{border-radius: .25rem 0px 0px .25rem!important;}




/* ============================= */
/* barometer                     */
/* ============================= */


h1.barometer-title {

    font-size: 180%;
    margin-bottom: 1.5rem;

}

.paragraph-heading {
	font-size: 85%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

@media(max-width:768px) {
	h1.barometer-title {
		font-size: 160%
	}
	.barometer {
		font-size: 100%
	}
	/*.dataTables_filter {
		margin: 5px 0 2em 5px!important
	}*/
}

p.barometer-title-text {
	margin: 0 0 2em!important;
	color: #444!important
}

/*.dataTables_filter {
	margin: 0 0 2em
}*/

.dataTables_filter input {
	font-weight: 400
}

ul#barometer-topmenu,
ul#barometer-submenu {
	margin-bottom: 2em
}

#barometer-submenu>li {
	margin-bottom: 20px;
	margin-right: 8px;
	text-align: center
}

#barometer-submenu>li.active>a,
#barometer-submenu>li.active>a:hover,
#barometer-submenu>li.active>a:focus {
	color: #fff;
	background-color: #444
}

#barometer-submenu>li>a {
	border: 1px solid #444;
	color: #444
}

.barometer {
	border-color: #fff
}

.barometer.table-striped>tbody>tr:nth-child(odd)>td,
.barometer.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #eceae6
}

.barometer td {
	color: #444
}

.barometer>thead>tr>th,
.barometer>tbody>tr>th,
.barometer>tfoot>tr>th,
.barometer>thead>tr>td,
.barometer>tbody>tr>td,
.barometer>tfoot>tr>td {
	border: none
}

.barometer .popover_info {
	color: #444
}

.barometer.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
	background-color: #ff6b2b;
	color: #fff
}

.barometer .popover {
	color: #444
}

.table-org {
	border: 1px solid #ffe9df;
	border-top: none
}

.barometer-menu {
	margin-top: 2em
}

.barometer-menu .btn.dropdown-toggle {
	text-transform: none!important;
	border-color: #d9d9d9;
	color: #999;
	font-weight: 300;
	text-align: left;
	margin-bottom: 0;
	background: #fff;
	font-size: 90%;
}

.barometer-menu .dropdown-toggle:after {
	color: #fd6d37!important;
}

.dataTables_filter {
	text-align: center;
}

.dataTables_filter input {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: none;
	text-align: center;
	background: 0 0;
	background-color: transparent
}



@media(max-width:767px) {
	.barometer-menu h1 {
		font-size: 30px
	}

    h1.barometer-title {
        font-size: 150%;
    }

}

.laanekalkulator-form {
	margin-top: 3em
}

.bigform label {
	display: none
}


.form-label-uppercase label{text-transform: uppercase; font-weight: 500; font-size: 90%;}


.card-special-form{background: none;}

.card-special-form .form-group{text-align: center; margin-bottom: 0; padding-bottom: 0;}

.card-special-form label{color: #ff6b2b; font-size: 100%; margin-bottom: 0; padding-bottom: 0;}



.card-special-form input:focus,
.card-special-form input:active{
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.card-special-form label::before,
.card-special-form label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    border: 0.1mm solid #ff6b2b;
}


.card-special-form input[type="checkbox"]:checked + label::before{
  background-color: #ff6b2b;
  border-color: #ff6b2b;
}
.card-special-form input[type="checkbox"]:checked + label::after{
  color: #fff;
}






.card-special-radio-form{background: none;}

.card-special-radio-form label{color: #ff6b2b; text-transform: uppercase; font-weight: 500; font-size: 90%; margin-bottom: 1rem;}

.card-special-radio-form input[type="radio"]:checked + label::before{
  background-color: #ff6b2b;
  border-color: #ff6b2b;
}
.card-special-radio-form input[type="radio"]:checked + label::after{
  color: #fff;
}

/* ============================= */
/* Consent banner                */
/* ============================= */

/*
#consent-banner {
    position: fixed;
    bottom: 0;
    width: 44%;
    background-color: #f9f9f9;
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1000;
}


@media (max-width: 991px) {
    #consent-banner{
        width: 100%;
    }

    #consent-banner .button-row button{
        font-size: 80%!important;
    }
}
*/

/*
.card-special-form input[type=checkbox] {
    width: 7mm;
    height: 7mm;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0.1mm solid #ff6b2b;
}

.card-special-form input[type=checkbox]:checked {
    background-color: #ff6b2b;
}

.card-special-form input[type=checkbox]:checked:after {
    margin-left: 2.3mm;
    width: 2.5mm;
    height: 4mm;
    border: solid white;
    border-width: 0 1mm 1mm 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
}
*/




/* ============================= */
/* accordion                     */
/* ============================= */


.accordion.single > .card:first-of-type {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion > .card .card-header {padding: .75rem .25rem; text-align: center;}

/* ============================= */
/* bottom footer   */
/* ============================= */

.bottom-menu-inverse {background-color: #444444;color: #fff; padding-top: 3.5em; padding-bottom: 3.5em;}


#bottom h5{color: #ff6b2b; margin: 0 0 1.5em 0; padding-top: 0; font-weight: 500; font-size: 100%; }

#bottom .list-unstyled,
#bottom p{font-size: 90%; font-weight: 200;}

.bottom-menu a {
  color: inherit;
}
.social-icons {
  font-size: 20px;
}
.social-icons a{
  color: #989898;
}


#bottom .submenu{padding-left: 1em;}


.removecaret.dropdown-toggle::after {
    display: none!important;
}


@media (max-width: 767px) {
    .bottom-menu-inverse {background-color: #444444;color: #fff; padding-top: 1em!important; padding-bottom: 0em!important;}

    .bottom-menu a {
      color: #ff6b2b;
    }
    .social-icons a{
      color: #989898;
    }

    .bottom-menu a[href^=tel]{
        color: #fff;
    }
    .social-icons {
      margin-top: 0.3em;
      font-size: 23px;
    }

    .bottom-menu .col-xs-9 p{font-size: 110%; font-weight: 300!important;}

    /* override padding of container in mobile*/
    #bottom.top-bottom-padded{padding-top:0.8em; padding-bottom: 0.3em;}
}





/* ============================= */
/* Form Wizard                   */
/* ============================= */

.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar,
.bs-wizard > .bs-wizard-step.last.active > .progress > .progress-bar{width: 100%;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}

.bs-wizard > .bs-wizard-step:last-child  > .progress,
.bs-wizard > .bs-wizard-step.last   > .progress{width: 50%;}

.bs-wizard > .bs-wizard-step a.bs-wizard-dot{ pointer-events: none; }




/* ============================= */
/* Stickybadge   */
/* ============================= */

.stickybadge{
    position: fixed;
    bottom: 10px;
    right:10px;
    max-width: 15%;
}
    @media (max-width: 768px){
        .stickybadge{
            max-width: 35%;
        }
    }

/* ============================= */
/* Sticky notification   */
/* ============================= */


/*.openNotification{
    background: rgba(255, 107, 43, 0.8);
    display: block;
    border-radius: 80px;
    padding: 10px;

}
.openNotification a{color: #fff;}*/



/* ============================= */
/* Internet explorer   */
/* ============================= */
@media screen and (-ms-high-contrast: none) {


    body{
        flex-direction: row!important;
        display: block;
        min-height: 100%;
    }

    .navbar-brand img{
     width: 99%;
     height: 99%;
     flex-shrink: 0;
    }

    .svg-fluid{
     width: 99%;
     height: 99%;
     flex-shrink: 0;
    }


    .card img{
      height:100%;
    }
    .card img.card-img-top{
        height: 70%!important;
    }
}


/* Fixing negative margin for raadgivning category page */
@media (min-width: 1200px) {
    .mt-md-n13{
        margin-top: -13.9rem !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .mt-md-n13{
        margin-top: -11.9rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mt-md-n13{
        margin-top: -8.9rem !important;
    }
}


.blurred-text{filter: blur(6px);}