body {
  background-image: url("media/body_bg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#footer img {
  max-height: 55px;
}

#credits a {
  color: #f8f9fa;

}

.nav-link {
  font-size: 1.1em;
}

.rg {
  height: 20px;
}

#participantsCol a {
  padding-right: 10px;
  padding-left:  10px;
}

.card {
  width: 99%;
}

.particip-img img {
  height: 200px;
}

/* .nav-tabs {
    border-right: 1px solid #dee2e6;
    border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link {
    margin-right: -1px;

  }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #fff #dee2e6 #dee2e6 ;
} */

/* #map { height: 580px;
} */


element.style {
}
.car-caption {

    position: absolute;
    right: 0;
    bottom: auto;
    top: 0;
    left: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 14%;
    margin-left: 14%;
  }

  .gallery-caption {

      position: absolute;
      right: 0;
      bottom: 0;
      top: auto;
      left: 0;
      z-index: 10;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 13%;
      margin-left: 14%;
    }

.ulQuestion {
  list-style-type:none;
  padding: 0;
}
.ulQuestion li {
  padding-left: 2.4em;
}
.ulQuestion li:before {
  content: "\f4e4";
  font-family: bootstrap-icons;
  display: inline-block;

  width: 1.3em; /* same as padding-left set on li */
}

#description-tabContent h6 {
  padding-top: 2em;
}

.navbar-brand img {
    height: 100px;
}




.gallery a {
  display: block;
  height: 100%;
   width: 100%;
}
.gallery img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  padding: 1.2em;

  -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.gallery img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
  opacity: .7;
}

.icon {
  opacity: 0.7
}

.legend {

    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    box-shadow: none;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;

}
.legendIcon {

  padding-right: 0.4em;
}

  .icon-list a {
    /* display: block; */
    text-align: center;
    /* padding: 10px; */
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 1.3em;
  }

  .facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.icon-list a:hover {
  background-color: #000;
}




.nav-item {
  position: relative;
}

/*.nav-item:after {
  content: "/";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid black;
  transition: 0.4s;
}*/

.navbar-light .nav-item:after {
  /* content: "/";
  position: absolute;
  top: 0.5rem;

  left: auto;
  right: -0.5rem; */

}

.navbar-light .nav-item:last-child:after {
  content: none;

}



.navbar-light .nav-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;

  border-bottom: 2px solid black;
  transition: 0.4s;
}

.navbar-light .nav-item:hover:before {
  width: 100%;
}

.navbar-light .nav-item .active {

    border-bottom: 2px solid #181819;
    margin-right: 5px;

}

h1 {
  border-bottom: 3px solid #343a40!important;
  padding-bottom: 1rem!important;
  margin-bottom: 3rem!important;
  padding-left: 1rem;
  padding-right: 1rem;

}

figure {
  padding-bottom: 0.8rem!important;
}

.nav-tabs .nav-link {

  color: rgba(0,0,0,.6);
}

.nav-tabs .nav-link.active {
  color: black;
   font-weight: 450;

}

.tab-pane {
  padding-left: 1.6em;
  padding-right: 1.6em;
  border-right: solid 1px #dee2e6;
  border-left: solid 1px #dee2e6;
  border-bottom: solid 1px #dee2e6;
}

.dropdown-menu > a:hover, .dropdown-menu > a:focus {
    background-color: #dee2e6;
}



.leaflet-right {

    z-index: 600!important;
}

#WP1 div, #WP2 div, #WP3 div, #WP4 div {
  padding-top: 1em;
}