/* Cluster pequeño */
.marker-cluster-small div {
    background-color: rgba(51, 136, 255, 0.8); /* Color azul con transparencia del 80% */
    border: 2px solid rgba(0, 0, 255, 0.6); /* Borde azul con transparencia del 60% */
    color: white; /* Texto en blanco */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); /* Sombra con transparencia */
}

/* Cluster mediano */
.marker-cluster-medium div {
    background-color: rgba(255, 204, 51, 0.8); /* Color amarillo con transparencia del 80% */
    border: 2px solid rgba(255, 204, 0, 0.6); /* Borde amarillo con transparencia del 60% */
    color: black; /* Texto en negro */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* Cluster grande */
.marker-cluster-large div {
    background-color: rgba(255, 51, 51, 0.8); /* Color rojo con transparencia del 80% */
    border: 2px solid rgba(255, 0, 0, 0.6); /* Borde rojo con transparencia del 60% */
    color: white; /* Texto en blanco */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* maps */
.ahds-map {
    position: sticky !important;
    top: 0;
    height: calc(100vh - 45px);
    min-height: 600px;
    width: 100%;
}

img.no-photos {
    filter: grayscale(0.9) brightness(1.3);
}

li.ahds-location {
    width: 100%;
}

/* modal fullscreen photo */
#ahds-fullscreen-photo .modal-dialog {
    width: calc(100vw - 4.25rem);
    height: calc(100vh - 4.25rem);
    margin: 2.1rem auto;
}

#ahds-fullscreen-photo .ahds-photo-fullscreen {
    display: block;
    margin: 0 auto;
    max-height: calc(100vh - 170px);
    position: sticky;
    top: 0;
}

/* Filtros */
.offcanvas-body {
    max-height: calc(100vh - 30px);
}

div#ahds-filter-tags,
div#ahds-filter-supports {
    max-height: 300px;
    overflow-y: auto;
}

#content {
    max-width: none !important;
}