:root {
--trek-map-marker-color: #f36f22;
--trek-map-circuit-color: rgba(0, 101, 155, 1);
--trek-map-border-color: rgba(126, 184, 216, 1);
--trek-map-marker-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
--trek-map-marker-glow: 0 0 12px rgba(243, 111, 34, 0.65);
--trek-map-tooltip-bg: #ffffff;
--trek-map-tooltip-width: 340px;
--trek-map-tooltip-width-mobile: 300px;
--trek-map-tooltip-radius: 8px;
--trek-map-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
--trek-map-tooltip-text: #1a1a1a;
--trek-map-tooltip-muted: rgba(74, 74, 74, 1);
--trek-map-tooltip-accent: var(--trek-map-marker-color);
--trek-map-tooltip-link: var(--trek-map-circuit-color);
--trek-map-transition: 300ms ease;
--trek-map-pin-width: 23px;
--trek-map-pin-height: 27px;
--trek-map-label-offset: 26px;
--trek-map-scroll-width: 700px;
--trek-map-scroll-padding-top: 220px;
--trek-map-scroll-padding-bottom: 40px;
}   .trek-map-section .container {
max-width: var(--container-width);
margin-inline: auto;
padding-inline: var(--container-padding);
}
.custom-make {
margin-top: 35px;
}
.trek-map-section__section-title {
margin-bottom: var(--space-30);
}
.trek-map-section__layout {
display: grid;
grid-template-columns: minmax(440px, 0.9fr) minmax(0, 2.1fr);
gap: clamp(24px, 3vw, 48px);
align-items: center;
}
.trek-map-section__intro {
display: flex;
flex-direction: column;
padding-inline: 8px;
}
.trek-map-section__intro::before {
content: "";
display: block;
width: 56px;
height: 3px;
margin-bottom: 18px;
background-color: var(--header-nav-color, var(--trek-map-circuit-color));
}
.trek-map-section__heading {
margin: 0 0 18px;
max-width: 18em;
color: var(--header-nav-color, var(--trek-map-circuit-color));
font-size: var(--font-size-xl, 30px);
font-weight: var(--font-weight-semibold, 600);
line-height: 1.35;
}
.trek-map-section__heading + .trek-map-section__subtitle {
margin-top: 0;
}
.trek-map-section__subtitle {
margin: 0;
max-width: 52ch;
font-size: var(--font-size-sm, 14px);
font-weight: var(--font-weight-normal, 400);
line-height: 1.55;
color: rgba(0, 0, 0, 1);
}
.trek-map-section__subtitle strong {
font-weight: var(--font-weight-bold, 700);
color: inherit;
}
.trek-map-section__map {
min-width: 0;
}   .trek-map-scroll {
width: 100%;
}   .trek-map {
position: relative;
width: 100%;
line-height: 0;
background-color: #fff;
}
.trek-map__image {
display: block;
width: 100%;
height: auto;
}
.trek-map__markers {
position: absolute;
inset: 0;
}   .trek-map__marker-wrap {
position: absolute;
z-index: 2;
transform: translate(-50%, -100%);
}
.trek-map__marker {
display: block;
padding: 0;
margin: 0;
border: 0;
background: transparent;
cursor: pointer;
line-height: 0;
transition: transform var(--trek-map-transition), filter var(--trek-map-transition);
}
.trek-map__marker:focus {
outline: none;
}
.trek-map__marker:focus-visible {
outline: 2px solid var(--header-nav-color);
outline-offset: 4px;
border-radius: 50%;
}
.trek-map__pin {
display: block;
width: var(--trek-map-pin-width);
height: var(--trek-map-pin-height);
filter: drop-shadow(var(--trek-map-marker-shadow));
transition: filter var(--trek-map-transition);
}
.trek-map__pin svg {
display: block;
width: 100%;
height: 100%;
} .trek-map__label {
position: absolute;
top: 100%;
left: 50%;
right: auto;
bottom: auto;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 140px;
margin-top: -2px;
padding: 3px 10px 3px 8px;
background-color: #fff;
border-radius: 999px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
transform: translateX(-50%);
pointer-events: none;
line-height: 1.2;
white-space: nowrap;
}
.trek-map__label-dot {
flex-shrink: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--trek-map-marker-color);
}
.trek-map__label-text {
overflow: hidden;
text-overflow: ellipsis;
font-size: 9px;
font-weight: var(--font-weight-medium, 500);
color: #1a1a1a;
}
.trek-map-section {
margin-bottom: 40px;
} @media (max-width: 1199.98px) {
.trek-map__label {
max-width: 100px;
padding: 2px 8px 2px 6px;
gap: 4px;
}
.trek-map__label-text {
font-size: 11px;
}
.trek-map__label-dot {
width: 5px;
height: 5px;
}
.trek-map__label--left {
top: 100%;
left: auto;
right: calc(100% + -44px);
margin-top: 9px;
transform: translateY(-50%);
}
.trek-map__label--right {
top: 100%;
left: calc(100% + -21px);
right: auto;
margin-top: 9px;
transform: translateY(-50%);
}
.trek-map__label--top {
top: auto;
bottom: calc(100% + 4px);
left: 50%;
right: auto;
margin-top: 0;
transform: translateX(-50%);
}
} @media (min-width: 1200px) {
.trek-map__label--left,
.trek-map__label--right,
.trek-map__label--top {
top: 100%;
left: 50%;
right: auto;
bottom: auto;
margin-top: -2px;
transform: translateX(-50%);
}
}   .trek-map__legend {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
pointer-events: none;
}
.trek-map__legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px 6px 10px;
background-color: #fff;
border-radius: 999px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
line-height: 1.2;
white-space: nowrap;
}
.trek-map__legend-dot {
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--trek-map-marker-color);
}
.trek-map__legend-dot--oval {
width: 14px;
height: 8px;
border-radius: 999px;
}
.trek-map__legend-dot--ring {
background-color: transparent;
border: 2px solid var(--trek-map-circuit-color);
box-sizing: border-box;
}
.trek-map__legend-text {
font-size: 10px;
font-weight: var(--font-weight-medium, 500);
color: #1a1a1a;
} @media (hover: hover) and (pointer: fine) {
.trek-map__marker-wrap:hover .trek-map__marker,
.trek-map__marker-wrap:focus-within .trek-map__marker {
transform: scale(1.1);
}
.trek-map__marker-wrap:hover .trek-map__pin,
.trek-map__marker-wrap:focus-within .trek-map__pin,
.trek-map__marker-wrap.is-active .trek-map__pin {
filter: drop-shadow(var(--trek-map-marker-shadow)) drop-shadow(var(--trek-map-marker-glow));
}
}
.trek-map__marker-wrap.is-active .trek-map__marker {
transform: scale(1.1);
}   .trek-map__tooltip {
position: absolute;
z-index: 30;
width: var(--trek-map-tooltip-width);
padding: 16px 18px 14px;
background-color: var(--trek-map-tooltip-bg);
color: var(--trek-map-tooltip-text);
border-radius: var(--trek-map-tooltip-radius);
box-shadow: var(--trek-map-tooltip-shadow);
text-align: left;
line-height: 1.4;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition:
opacity var(--trek-map-transition),
transform var(--trek-map-transition),
visibility var(--trek-map-transition);
}
.trek-map__tooltip-close {
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
border: 0;
border-radius: 50%;
background-color: transparent;
color: rgba(0, 0, 0, 0.55);
cursor: pointer;
line-height: 0;
pointer-events: auto;
touch-action: manipulation;
transition: background-color var(--trek-map-transition), color var(--trek-map-transition);
}
.trek-map__tooltip-close:hover,
.trek-map__tooltip-close:focus-visible {
background-color: #e5e7eb;
color: #111827;
outline: none;
}
.trek-map__tooltip-trail {
margin: 0 28px 6px 0;
font-size: 12px;
font-weight: var(--font-weight-medium);
letter-spacing: 0.06em;
line-height: 1.3;
text-transform: uppercase;
color: var(--trek-map-circuit-color);
}
.trek-map__tooltip-title {
margin: 0 28px 2px 0;
font-size: 18px;
font-weight: var(--font-weight-bold, 700);
line-height: 1.2;
color: var(--trek-map-tooltip-text);
}
.trek-map__tooltip-altitude {
margin: 0 0 14px;
font-size: 13px;
font-weight: var(--font-weight-normal, 400);
line-height: 1.35;
color: var(--trek-map-tooltip-muted);
}
.trek-map__tooltip-block {
margin: 0 0 12px;
}
.trek-map__tooltip-block--bordered {
padding-top: 12px;
border-top: 1px solid #e5e7eb;
}
.trek-map__tooltip-label {
margin: 0 0 4px;
font-size: 11px;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.08em;
line-height: 1.3;
text-transform: uppercase;
color: var(--trek-map-tooltip-muted);
}
.trek-map__tooltip-value {
margin: 0;
font-size: 14px;
font-weight: var(--font-weight-semibold, 600);
line-height: 1.35;
color: var(--trek-map-tooltip-accent);
}
.trek-map__tooltip-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.trek-map__tooltip-tag {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 999px;
background-color: #f3f4f6;
font-size: 12px;
font-weight: var(--font-weight-medium, 500);
line-height: 1.3;
color: #4a4a4a;
}
.trek-map__tooltip-distance {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
font-size: 14px;
line-height: 1.35;
}
.trek-map__tooltip-distance-from {
font-weight: var(--font-weight-normal, 400);
color: var(--trek-map-tooltip-muted);
}
.trek-map__tooltip-distance-value {
font-weight: var(--font-weight-semibold, 600);
color: var(--trek-map-tooltip-accent);
}
.trek-map__tooltip-onward {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 8px 12px;
margin: 0 0 12px;
font-size: 13px;
font-weight: var(--font-weight-normal, 400);
line-height: 1.35;
color: var(--trek-map-tooltip-muted);
}
.trek-map__tooltip-onward-to,
.trek-map__tooltip-onward-distance {
color: inherit;
}
.trek-map__tooltip-routes {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
}
.trek-map__tooltip-route {
overflow: hidden;
border: 1px solid #e5e7eb;
border-radius: 6px;
background-color: #fff;
}
.trek-map__tooltip-route-header {
margin: 0;
padding: 7px 10px;
font-size: 11px;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.06em;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #2b8a8e;
}
.trek-map__tooltip-route-rows {
margin: 0;
padding: 0;
list-style: none;
}
.trek-map__tooltip-route-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 10px;
font-size: 12px;
line-height: 1.35;
color: #4a4a4a;
}
.trek-map__tooltip-route-row + .trek-map__tooltip-route-row {
border-top: 1px solid #e5e7eb;
}
.trek-map__tooltip-route-row--alert {
gap: 6px;
justify-content: flex-start;
color: var(--trek-map-tooltip-accent);
}
.trek-map__tooltip-route-alert-icon {
display: inline-flex;
flex-shrink: 0;
color: inherit;
line-height: 0;
}
.trek-map__tooltip-route-alert-icon svg {
display: block;
width: 12px;
height: 12px;
}
.trek-map__tooltip-route-alert-text {
font-size: 11px;
font-weight: var(--font-weight-medium, 500);
line-height: 1.35;
color: inherit;
}
.trek-map__tooltip-route-row--note {
justify-content: flex-start;
background-color: #f3f4f6;
border-top-color: transparent;
}
.trek-map__tooltip-route-note-text {
font-size: 11px;
font-style: italic;
font-weight: var(--font-weight-normal, 400);
line-height: 1.35;
color: #9ca3af;
overflow-wrap: anywhere;
}
.trek-map__tooltip-route-meta {
display: inline-flex;
align-items: flex-start;
gap: 6px;
min-width: 0;
flex: 1 1 auto;
}
.trek-map__tooltip-route-arrow {
flex-shrink: 0;
width: 0;
height: 0;
margin-top: 0.35em;
border-style: solid;
}
.trek-map__tooltip-route-arrow--left {
border-width: 4px 6px 4px 0;
border-color: transparent #4a4a4a transparent transparent;
}
.trek-map__tooltip-route-arrow--right {
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #4a4a4a;
}
.trek-map__tooltip-route-text {
flex: 1 1 auto;
min-width: 0;
font-weight: var(--font-weight-normal, 400);
overflow-wrap: break-word;
}
.trek-map__tooltip-route-distance {
flex: 0 0 auto;
max-width: 100%;
font-weight: var(--font-weight-bold, 700);
color: var(--trek-map-tooltip-accent);
white-space: nowrap;
}
.trek-map__tooltip-note {
margin: 0 0 10px;
font-size: 12px;
font-style: italic;
font-weight: var(--font-weight-normal, 400);
line-height: 1.35;
color: #9ca3af;
}
.trek-map__tooltip-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 2px;
font-size: 14px;
font-weight: var(--font-weight-medium, 500);
color: var(--trek-map-tooltip-link);
text-decoration: underline;
text-underline-offset: 2px;
pointer-events: auto;
}
.trek-map__tooltip-link:hover,
.trek-map__tooltip-link:focus-visible {
color: var(--trek-map-tooltip-link);
opacity: 0.85;
}
.trek-map__tooltip-link svg {
flex-shrink: 0;
width: 14px;
height: 14px;
} .trek-map__tooltip::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
} .trek-map__marker-wrap.is-tooltip-top .trek-map__tooltip {
bottom: calc(100% + 10px);
left: 50%;
transform: translate(-50%, 8px);
}
.trek-map__marker-wrap.is-tooltip-top .trek-map__tooltip::after {
bottom: -7px;
left: 50%;
transform: translateX(-50%);
border-width: 7px 7px 0;
border-color: var(--trek-map-tooltip-bg) transparent transparent;
} .trek-map__marker-wrap.is-tooltip-bottom .trek-map__tooltip {
top: calc(100% + var(--trek-map-label-offset));
left: 50%;
transform: translate(-50%, -8px);
}
.trek-map__marker-wrap.is-tooltip-bottom .trek-map__tooltip::after {
top: -7px;
left: 50%;
transform: translateX(-50%);
border-width: 0 7px 7px;
border-color: transparent transparent var(--trek-map-tooltip-bg);
} .trek-map__marker-wrap.is-tooltip-right .trek-map__tooltip {
top: 50%;
left: calc(100% + 12px);
transform: translate(-8px, -50%);
}
.trek-map__marker-wrap.is-tooltip-right .trek-map__tooltip::after {
top: 50%;
left: -7px;
transform: translateY(-50%);
border-width: 7px 7px 7px 0;
border-color: transparent var(--trek-map-tooltip-bg) transparent transparent;
} .trek-map__marker-wrap.is-tooltip-left .trek-map__tooltip {
top: 50%;
right: calc(100% + 12px);
left: auto;
transform: translate(8px, -50%);
}
.trek-map__marker-wrap.is-tooltip-left .trek-map__tooltip::after {
top: 50%;
right: -7px;
left: auto;
transform: translateY(-50%);
border-width: 7px 0 7px 7px;
border-color: transparent transparent transparent var(--trek-map-tooltip-bg);
}
.trek-map__marker-wrap.is-active,
.trek-map__marker-wrap.is-tooltip-visible,
.trek-map__marker-wrap:hover,
.trek-map__marker-wrap:focus-within {
z-index: 20;
} .trek-map__marker-wrap.is-tooltip-visible .trek-map__tooltip {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .trek-map__marker-wrap.is-tooltip-dismissed .trek-map__tooltip {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate(-50%, 8px) !important;
}
.trek-map__marker-wrap.is-tooltip-top.is-tooltip-visible .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-left.is-tooltip-visible .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-right.is-tooltip-visible .trek-map__tooltip {
transform: translate(-50%, 0);
}
.trek-map__marker-wrap.is-tooltip-bottom.is-tooltip-visible .trek-map__tooltip {
transform: translate(-50%, 0);
}
.trek-map__marker-wrap.is-tooltip-left.is-tooltip-visible .trek-map__tooltip {
transform: translate(0, -50%);
}
.trek-map__marker-wrap.is-tooltip-right.is-tooltip-visible .trek-map__tooltip {
transform: translate(0, -50%);
} @media (hover: hover) and (pointer: fine) {
.trek-map__marker-wrap:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.trek-map__marker-wrap.is-tooltip-top:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-top:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
transform: translate(-50%, 0);
}
.trek-map__marker-wrap.is-tooltip-bottom:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-bottom:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
transform: translate(-50%, 0);
}
.trek-map__marker-wrap.is-tooltip-left:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-left:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
transform: translate(0, -50%);
}
.trek-map__marker-wrap.is-tooltip-right:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-right:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
transform: translate(0, -50%);
}
}   @media (max-width: 1199.98px) {
.trek-map-section__layout {
grid-template-columns: 1fr;
gap: 24px;
}
.trek-map-section__intro {
max-width: 100%;
margin-inline: inherit;
}
.trek-map-section__heading {
max-width: 100%;
font-size: 20px;
}
.trek-map-section__subtitle {
max-width: 100%;
}
.trek-map-section__intro::before{
display: none;
}
.trek-map-section {
margin-top: 0px;
}
.trek-map-section .container {
padding: 0px;
}
}
@media (max-width: 1024px) { .trek-map__marker-wrap--avoid-crop.is-tooltip-left .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right .trek-map__tooltip {
--trek-map-tooltip-nudge-y: 110px;
}
.trek-map__marker-wrap--avoid-crop.is-tooltip-left .trek-map__tooltip {
transform: translate(8px, calc(-50% - var(--trek-map-tooltip-nudge-y)));
}
.trek-map__marker-wrap--avoid-crop.is-tooltip-right .trek-map__tooltip {
transform: translate(-8px, calc(-50% - var(--trek-map-tooltip-nudge-y)));
}
.trek-map__marker-wrap--avoid-crop.is-tooltip-left.is-tooltip-visible .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right.is-tooltip-visible .trek-map__tooltip {
transform: translate(0, calc(-50% - var(--trek-map-tooltip-nudge-y)));
}
.trek-map__marker-wrap--avoid-crop.is-tooltip-left .trek-map__tooltip::after,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right .trek-map__tooltip::after {
top: calc(50% + var(--trek-map-tooltip-nudge-y));
}
}
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
.trek-map__marker-wrap--avoid-crop.is-tooltip-left:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-left:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right:hover:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right:focus-within:not(.is-tooltip-dismissed) .trek-map__tooltip {
transform: translate(0, calc(-50% - var(--trek-map-tooltip-nudge-y, 72px)));
}
}
@media (max-width: 767px) {
.trek-map-scroll {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain; scrollbar-width: none;
-ms-overflow-style: none; padding-top: var(--trek-map-scroll-padding-top);
padding-bottom: var(--trek-map-scroll-padding-bottom);
margin-top: calc(var(--trek-map-scroll-padding-top) * -1);
margin-bottom: calc(var(--trek-map-scroll-padding-bottom) * -1);
}
.trek-map__marker-wrap--avoid-crop.is-tooltip-left .trek-map__tooltip,
.trek-map__marker-wrap--avoid-crop.is-tooltip-right .trek-map__tooltip {
--trek-map-tooltip-nudge-y: 140px;
}
.trek-map-scroll::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.trek-map {
width: var(--trek-map-scroll-width);
min-width: var(--trek-map-scroll-width);
max-width: var(--trek-map-scroll-width);
flex-shrink: 0;
}
.trek-map__image {
width: 100%;
max-width: none;
height: auto;
}
.trek-map__tooltip {
width: var(--trek-map-tooltip-width-mobile);
padding: 14px 14px 12px;
}
.trek-map__tooltip-route-row {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.trek-map__tooltip-route-meta {
width: 100%;
}
.trek-map__tooltip-route-text {
overflow-wrap: break-word;
}
.trek-map__tooltip-route-distance {
padding-left: 12px;
white-space: normal;
font-size: 12px;
line-height: 1.35;
}
.trek-map__tooltip-route-note-text {
overflow-wrap: break-word;
}
.trek-map__tooltip-title {
font-size: 15px;
}
.trek-map__tooltip-altitude,
.trek-map__tooltip-value,
.trek-map__tooltip-distance,
.trek-map__tooltip-onward {
font-size: 12px;
}
.trek-map__tooltip-link {
font-size: 12px;
}
.trek-map__pin {
--trek-map-pin-width: 24px;
--trek-map-pin-height: 32px;
}
.trek-map__label {
max-width: 110px;
padding: 2px 8px 2px 6px;
gap: 5px;
}
.trek-map__label-text {
font-size: 10px;
}
.trek-map__legend {
right: 10px;
bottom: 10px;
gap: 6px;
}
.trek-map__legend-item {
gap: 6px;
padding: 4px 10px 4px 8px;
}
.trek-map__legend-dot {
width: 6px;
height: 6px;
}
.trek-map__legend-text {
font-size: 11px;
} .trek-map__marker-wrap:not(.is-tooltip-visible):hover .trek-map__tooltip {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.trek-map__marker-wrap.is-tooltip-visible:not(.is-tooltip-dismissed) .trek-map__tooltip,
.trek-map__marker-wrap.is-tooltip-visible:not(.is-tooltip-dismissed):hover .trek-map__tooltip {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
@media (max-width:500px){
.custom-make a {
padding: 6px 8px;
}
#route-maps .container {
padding: 0px;
}
.hero-subnav-container{
padding:0px !important;
}
}