:root {
    --default-transition: all 0.5s ease;
}

.map-route {
    transition: fill 0.5s ease;
    fill: inherit;
    stroke: inherit;
}

.route-inactive {
    stroke: lightgrey !important;
    opacity: 0.3;
    transition: var(--default-transition);
}

.route-active {
    stroke: inherit;
    transition: var(--default-transition);
}

.route-highlight {
    stroke-width: 4 !important;
}


.text-inactive path,
.text-inactive text {
    fill: lightgrey !important;
    transition: var(--default-transition);
}


.text-active path,
.text-active text {
    fill: auto;
    transition: var(--default-transition);
}

.text-highlight path {
    filter: drop-shadow(0px 0px 3px hsla(0, 0%, 84%, 0.2))
}

.map-transition {
    transition: var(--default-transition);
}

.logo-inactive {
    opacity: 0.3 !important;
    transition: var(--default-transition);
}

.logo-active {
    opacity: 1;
    transition: var(--default-transition);
}

#norris-group,
#natchez-group,
#newfound-group,
#great-river-group,
#east-tn-group,
#cumberland-group,
#cherohala-group,
#woodlands-trace-group,
#walton-group,
#tn-river-group,
#great-smoky-group,
#sequatchie-group,
#ocoee-group {
    cursor: pointer;
}

#interactive_map {
    margin-bottom: 2rem;
}