/*
html{
  position:relative;
  min-height: 100%;
}*/

body {
  font-family: "Montserrat", sans-serif;
}


/*
 https://davidmathlogic.com/colorblind/#%23000000-%23E69F00-%2340B0A6-%23009E73-%23807E6A-%2340B0A6-%23D55E00-%23CC79A7
 */
/*******************/
/*TEMPORARY BANNERS FOR WHEN NEW REPORT IS PUBLISHED, BUT DATA IS NOT UPDATED. COMMENT OUT WHEN DATA IS UPDATED.*/
/*******************/

/* Norwegian banner */
/*
.title-front-about.lang-no::after {
  content: "Dette er data fra 2022-rapporten. 2023-rapporten er nå publisert. Vi arbeider med å oppdatere nettsidene."; 
  display: block;
  width: 75%;
  background-color: #E85A5A;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  margin: 5px auto 0; 
  font-size: 12px;
}*/

/* English banner */
/*
.title-front-about.lang-en::after {
  content: "This is data from the 2022 report. The 2023 report has now been published. We are working on updating the website."; 
  display: block;
  width: 75%;
  background-color: #E85A5A;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  margin: 5px auto 0; 
  font-size: 12px;
}*/

/*******************/
/*LINKS AND BUTTONS*/
/*******************/


.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #40B0A6;
  --bs-btn-border-color: #40B0A6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40B0A6;
  --bs-btn-hover-border-color: #40B0A6;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #40B0A6;
  --bs-btn-active-border-color: #40B0A6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}


/*Language buttons*/
#button-select-lang-toen,
#button-select-lang-tono.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #40B0A6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40B0A6;
  --bs-btn-hover-border-color: #40B0A6;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #40B0A6;
  --bs-btn-active-bg: #40B0A6;
  --bs-btn-active-border-color: #40B0A6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  min-width: 100px;
  max-width: 200px;
}

.li-language {
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
}

a.a-external {
  color: black;
  text-decoration: underline;
  text-decoration-color: #40B0A6;
}

a.a-external:hover {
  color: #40B0A6;
  text-decoration: underline;
  text-decoration-color: #40B0A6;
}

a.a-external:focus {
  color: #40B0A6;
  text-decoration: underline;
  text-decoration-color: #40B0A6;
}

.nav-link:active>span {
  display: inline !important;
}

.img-language {
  max-width: 30px;
}

/************/
/*CONTAINERS*/
/************/

.margin-left-3 {
  margin-left: 3%;
}

/********/
/*ROWS*/
/********/

@media (max-width: 992px) {
  .m-5 {
    margin: 0rem !important;
  }
}


/********/
/*COLUMNS*/
/********/


/********/
/*BANNER*/
/********/

/*
h1#site-title-no,
h1#site-title-en {
  text-decoration: underline 3px rgba(230, 159, 0, 2) solid;
  max-width: 1000px;
  margin:auto;
}*/

#site-banner {
  padding-bottom: 1% !important;
}

.banner-img {
  max-width: 275px;
}

#navbar-banner-images {
  flex-direction: row;
  float: right;
}

.footer-credits {
  margin-bottom: 0px;
  font-size: .8rem;
}


.bg-banner {
  /*background-image: linear-gradient(to left,#E1BE6A, #fff);*/
  background-color: #E1BE6A;
}

/*Font size of site title*/
div#site-navbar.container-fluid {
  font-size: 30px;
}

.bot-left {
  position: relative;
}

.bot-left:before,
.bot-left:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -3px;
}


/*Banner background*/
/*.bot-left:before {
  top: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(230, 159, 0)), to(transparent));
  background-image: -webkit-linear-gradient(transparent, rgba(230, 159, 0));
  background-image: -moz-linear-gradient(transparent, rgba(230, 159, 0));
  background-image: -o-linear-gradient(transparent, rgba(230, 159, 0));
}

.bot-left:after {
  right: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(230, 159, 0)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(230, 159, 0), transparent);
  background-image: -moz-linear-gradient(left, rgba(230, 159, 0), transparent);
  background-image: -o-linear-gradient(left, rgba(230, 159, 0), transparent);
}*/

/********/
/*NAVBAR*/
/********/

.navbar {
  border-bottom: 1px solid #E1BE6A;
  margin-left: -4%;
  padding-left: 4%;
}

.bg-white {
  /*background-size: 7.5px 7.5px;
  background-image: radial-gradient(circle, rgba(128, 126, 106) 1px, rgba(0, 0, 0, 0) 1px);*/
  background-color: #ffffff;
}


/*site title*/
#site-title-no a,
#site-title-en a {
  color: inherit;
  text-decoration: inherit;
  word-break: break-all;
}

/*first letter
.nav-link::first-letter {
  font-weight: 1000;
}*/

/*font color*/
.nav-link {
  color: #000000;

}

/*active button*/
.nav-link.active {
  color: var(--bs-navbar-active-color);
  /*text-decoration: underline 2px rgba(230, 159, 0) solid;*/
  text-decoration: underline 2px #E1BE6A solid;
}

.nav-link.active:focus {
  color: var(--bs-navbar-active-color);
  /*text-decoration: underline 2px rgba(230, 159, 0) solid;*/
  text-decoration: underline 2px #E1BE6A solid;
}

/*
.nav-link.active:hover {
  color: var(--bs-navbar-active-color);
  text-decoration: underline 2px rgba(230, 159, 0) solid;
}

/*
.nav-link.active:active {
  color: var(--bs-navbar-active-color);
  text-decoration: underline 2px rgba(230, 159, 0) solid;
}*/

/*Hover and focus*/
a.nav-link:hover {
  /*text-decoration: underline 1px rgba(230, 159, 0) solid;*/
  text-decoration: underline 1px #E1BE6A solid;
  color: #000000;
}

a.nav-link:focus {
  /*text-decoration: underline 1px rgba(230, 159, 0) solid;*/
  text-decoration: underline 1px #E1BE6A solid;
  color: #000000;
}

a.nav-link:active {
  /*text-decoration: underline 1px rgba(230, 159, 0) solid;*/
  text-decoration: underline 1px #E1BE6A solid;
  color: #000000;
}




/********/
/*CHARTS*/
/********/

.fa-custom{
  color:#b38a29;
  font-size: 24px !important;
  vertical-align: middle;
  padding:0px;
  
}

/* Tooltip container */
.info-popover {
  position: relative;
  display: inline-block;
  padding: 0px;
}

/* Tooltip text */
.fa-tooltip .fa-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.fa-tooltip:hover .tooltiptext {
  visibility: visible;
}

optgroup[label] {
  color: inherit;
  font-family: inherit !important;
  font-style: inherit !important;
  font-weight: 300;
  text-shadow: none
}

.select-custom {
  font-family: 'FontAwesome', 'sans-serif';
  font-size: .9rem;
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
}

.select-custom option {
  font-family: inherit;
  font-size: .9rem;
  padding-top: 2px;
  padding-bottom: 2px;
}

.select-custom optgroup {
  font-family: inherit;
  font-size: .8rem;
  font-style: normal;
  font-weight: bold;
  border-bottom: 1px solid #E1BE6A !important;
}

.form-control {
 width: 90%;
 margin-bottom: 10px;
}

#stackedbar-container {
  height: 400px;
}

@media screen {
  .highcharts-title {
    display: none;
  }
}

.highcharts-title {
  text-align: left !important;
  font-size: 18px;
  font-weight: bold;
  color: #0071b9;
  fill: #0071b9;
}

@media print {
  .highcharts-title {
    display: block;
  }
}

/************/
/*FRONT PAGE*/
/************/

/*text*/
/*
p.text-front-about {
  max-width: 1000px;
  display: block;
  margin: auto;
  padding-bottom: 1rem;

}*/

.title-front-about {
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1em;
}

/*news*/
.blockquote {
  font-size: inherit;
  margin-top: 15px;
  border-left: 1px dashed #40B0A6;
  padding-left: 10px;
}

.card {
  border: none;
  margin: auto;

  display: block;
}

@media (min-width: 992px) {
  .card {
    max-width: 75%;
  }
}

.card-header {
  border-bottom: 2px solid #E1BE6A;
  background-color: #fff;
  padding-top: 0px;
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #40B0A6;
  --bs-pagination-active-border-color: #E1BE6A;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  list-style: none;
}

.page-link,
.page-link:hover {
  color: #E1BE6A;
}

/*******/
/*DELTA*/
/*******/

/*spread pills on two columns in order to lift the 
content of the page higher up*/
@media(min-width:400px) and (max-width:992px)  {
  #participate-pills-menu {
    column-count: 2;
    border-bottom: 1px solid #E1BE6A;
    font-size: .9rem;
    overflow-x: hidden;
  }
}

@media (max-width: 400px) {
  #participate-pills-menu {
    column-count: 1;
    border-bottom: 1px solid #E1BE6A;
    font-size: .9rem;
    overflow-x: hidden !important;
  }
}



@media (max-width: 992px) {
  .tab-content>.active {
    max-width: 100%;
  }
}

@media (min-width: 993px) {
  .tab-content>.active {
    max-width: 60%;
  }
}

/*Styling of active nav-pills*/
.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #000;
  --bs-nav-pills-link-active-bg: #FFF;
}

/*Dont want text-decoration on nav-pills*/
#v-pills-tab .nav-link.active {
  text-decoration: none !important;
}

#v-pills-tab .nav-link:hover {
  text-decoration: none !important;
}

/*Log in button*/
/*#btn-login.btn{
  float:left;
}*/


/*FONT AWESOME icons when nav-pills are selected/interacted*/
/*https://www.angularjswiki.com/fontawesome/csscontentcode/*/
#v-pills-tab .nav-link.active::before {
  content: "\f560 ";
  font: var(--fa-font-solid);
  color: #40B0A6;
  margin-right: .5em;

}

#v-pills-tab .nav-link:focus::before {
  content: "\f560 ";
  font: var(--fa-font-solid);
  color: #40B0A6;
  margin-right: .5em;
}

#v-pills-tab .nav-link:hover::before {
  content: "\f560";
  font: var(--fa-font-solid);
  margin-right: .5em;
  /*color: #40B0A6;*/
}

#v-pills-tab .nav-link {
  text-align: left;
}

/*Hover and focus*/
#v-pills-tab .nav-link:hover,
.nav-link:focus {
  text-decoration: underline 1px #40B0A6 solid;
  color: #000000;
}

#v-pills-tab {
  /*border: 1px dashed #40B0A6;
  padding: 10px;
  border-radius: .375rem;*/
  margin-bottom: 2rem;
  min-width: 300px;

}


/*FAQ*/
#list-group-faq {
  --bs-list-group-bg: #FBFAF3;
}

.list-group-item {
  /*border: var(--bs-list-group-border-width) dashed #40B0A6;*/
  border: none;
}

/**********/
/*ARTICLES*/
/**********/

.row-article:after {
  content: "";
  display: table;
  clear: both;
}

.column-article {
  /*float:left;*/
  display: inline-block;
  margin: auto;
  padding: 10px;

}

@media (min-width: 1200px) {
  .column-article {
    width: 100%;
  }
}

@media (min-width: 577px) {
  .column-article .tumbnail {
    width: 150px;
    float: right;
    display: block;
    margin: 0 20 20 20px;
  }
}


@media (max-width: 576px) {
  .column-article .tumbnail {
    width: 150px;
    position: inherit;
    display: block;
    margin: 0 0 20 0px;
  }
}



.column-article>p {
 
  display: block;
  width: auto;
  border-left: 1px dashed #40B0A6;
  padding-left: 15px;
}

.column-article>h4>a {
  text-decoration: none;
  color: #000000;
}

/*.column-article>h4>a:hover{
  color: #40B0A6;
  text-decoration: underline;
  text-decoration-color: #40B0A6;
}*/


@media screen and (max-width: 600px) {
  .column-article {
    width: 100%;
  }
}



/********/
/*FOOTER*/
/********/
/*
footer{
  position: absolute;
  bottom: 0;
  height: 60px;
}
*/

.logo-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}

.logo-container .logo {
  width: 10%;
  min-width: 110px;
  max-width: 160px;
}

.logo-container img {
  width: calc(100% - (20px * 2));
  margin: 20px;
}