/* Variables */
:root {
    --bg-color: #f3f3f3;
    --primary-color: #dbaa55;
    --secondary-color: #7f7f7f;
    --rounded-border: 1rem;
}

/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
    height: 100%;
}

/* 
   * Optional: Makes the sample page fill the window. 
   */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.text-lg {
    font-size: 1.1rem;
}

.text-sm {
    font-size: .8rem;
}

.bg-custom-color {
    background-color: var(--primary-color);
    color: black;
}

.text-custom-color {
    color: var(--primary-color);
}

.opacity-95 {
    opacity: 0.95;
}

.mw-20 {
    max-width: 20px;
}

.mw-200 {
    max-width: 200px;
}

.mw-450 {
    max-width: 450px;
}

#btnDownload {
    background-color: var(--primary-color);
    color: black;
    font-weight: bold;
}