@charset "utf-8";

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

    src: url("./font/AllerRg.woff") format("woff"),
        /* Modern Browsers */
        url("./font/AllerRg.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

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

    src: url("./font/AllerBd.woff") format("woff"),
        /* Modern Browsers */
        url("./font/AllerBd.woff2") format("woff2");
    /* 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: 18px;
    color: #555;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}


.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;
}