:root {
  --text-color: black;
  --bg-color: rgb(45, 146, 121);
}

.form{
  margin-top: 4em;
}
.classFilter{
  display: none;
  margin-top: 2em;
}

.labelInputClass{
  border: blue solid 1px;
  color: blue;
  padding: 0.5em;
  border-radius: 10px;
  background-color: white;
  user-select: none;
}

.classFilter:checked + .labelInputClass{
  border: blue solid 1px;
  color: white;
  background-color: blue;
}

.mapping-container {
  display: flex;
  background-color: initial;
  margin-top: 1em;
}

.description-item {
  z-index: 100;
  position: absolute;
  color: var(--text-color);
 /*  width: 33em; */
  background-color: white;
 
 /*  border: 1px solid black; */
}

.description-item .link a{
  color: black;
}

.title-item {
  background-color: #105960;
  color: white;
  padding: 0.5em 1em;
  display: flex;
  justify-content: space-between;

}

.title-item .closed{
  cursor: pointer;
}

h3.title {
  margin: 0.2em 0.3em;
}

.divide{
  display: flex;
}

.sidebar{

  width: 2em;
  height: auto;
  background-color: #93b1b9;
}

.item-content {
  width: 85%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}

.media-render{
  padding: 0;
  max-width: 48vw;
}

.media-render a img {

  /* margin: 0.5em auto; */
  max-height: 55vh;
  width: auto;
   max-width: 100%; 
  /* background-color: burlywood; */
  object-fit: cover;
}

.title {
  font-weight: bold;
  font-size: initial;
  line-height: initial;
}


.description {
  /* font-size: 0.4em; */
  line-height: initial;
  text-align: justify;

}

.info {
  margin: 0.5em;
  display: flex;
}

.info div{
 
  /* background-color: #F0F8FF; */
  margin: .2em;
}


.info div .property{
    
    min-width: initial;
    /* font-size: 0.5em; */
    line-height: initial;
}


.link a{
  /* font-size: 0.5em; */
  width: 3em;
}

.property .property-values .value, .uri-value-link{
  max-width: 8em;

}

#mapping-map {
  height: 80vh;
  width: 100%;
  margin: 0 auto;
  min-height: 45em;
  z-index: 1;
}

/* -------------------- */

/* logos del mapa */
.logos{
  margin: .5em;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.logos img{
  max-height: 3em;
  width: auto;
}

.logos img.logo2{
  max-height: 7em;
  width: auto;
}


.map-browse #cabecera{

  display: none;

}

.map-browse .navBar {
  position: initial;
}

.map-browse #title-area{

  position: initial;
  margin-top: 1.5em;
  color: var(--main-color);
}

.map-browse .form{
  margin-top: 3em;
}
/* .info-1 {
  width: 70%;
}

.link {
  text-align: right;
}

.info-1 div a {

  font-size: 0.6em;
  background-color: #93b1b9;
  border-radius: 1em;
  padding: 0.2em 0.4em;

}

.info-1 .titulo-auto {

  margin: 0.5em 0;
  background-color: #93b1b9;
  font-size: .6em;

  line-height: initial;
  padding: 0.5em;
}

.info-2 {
  
  width: 35%;
  background-color: #acd1db ;
  margin-left: 0.8em;
  padding: 1em 0 0 0.6em;
}

.info-2 p {

  line-height: initial;
  font-size: 0.5em !important;
  margin: 0.4em;
}

.bold {
  font-weight: bold;
}

 */


 .mapping-container .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
   display: none;
}
header .navBar {

  z-index: 99;
}