@charset "utf-8";

@font-face {
    font-family: "Aller";

    src: url("./font/EHU Sans/EHUSans-Regular.otf") format("opentype");
    /* Modern Browsers */
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AllerBold";

    src: url("./font/EHU Sans/EHUSans-Bold.otf") format("opentype");
    /* Modern Browsers */
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0;
    margin: 0;
}

html,
body,
#map {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font: 10pt "Aller", Arial, Helvetica, sans-serif;
}


h1,
h2,
.sidebar-header {
    font-family: 'AllerBold' !important;
}

/* Chromen poligonoaren inguruko laukia kentzeko */
path.leaflet-interactive:focus {
    outline: none;
}

.leaflet-control-layers {
    opacity: 0.6
}

.leaflet-control-layers-expanded:hover {
    opacity: 1
}


.legend {
    line-height: 1.4rem;
    color: #353535;
    background-color: rgb(255, 255, 255);
    opacity: 1;
    padding: 0.5rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1100;
    pointer-events: none;
    left: 50%;
    /* possible because the placeholder's parent is the map */
    transform: translateX(-50%);

}

.legend i {
    width: 1.4rem;
    height: 1.4rem;
    float: left;
    margin-right: 0.3rem;
    margin-left: 2rem;
    opacity: 1;

}


.ac-container article {
    margin-bottom: 0rem !important;
    margin-top: 0 !important;
}



.row {
    display: flex;
}

.column {
    flex: 33.33%;
    padding: 5px;

}

.modal {
    --bs-modal-margin: 18rem;
}

.lang {
    opacity: 0.7;
}

.lang:hover {
    opacity: 1;
}

.btn {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

/* On mouse-over */
.btn:hover {
    background: rgb(255, 255, 255);
    color: black;
    font-weight: 900;

}

.default {
    color: black;
}

.modal-content {
    width: 130%;
}



.leaflet-bottom {
    width: 100%;
}

.leaflet-horizontalcenter {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    left: 50%;
    /* possible because the placeholder's parent is the map */
    transform: translateX(-50%);
    /* using the CSS3 Transform technique */
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;

}

.leaflet-horizontalcenter .leaflet-control {
    margin-bottom: 0.3rem;
}


.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
  }