#interactive-map-container 
{
position:  relative;
margin-bottom: -150px;
}
#interactive-map-container svg 
{
width: 100%;
height: auto;
}
#interactive-map-container svg text 
{
font-family: 'Tungsten Medium';
}
#interactive-map-container text 
{
pointer-events: none;
}
#interactive-map-modal
{
position: absolute;
background: white;
width: 180px;
height: 180px;
border-radius: 20px;
box-shadow: 0px 20px 20px #0000001f;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
z-index: 10;
}
#interactive-map-modal:after
{
content: '';
position: absolute;
width: 0px;
height: 0px;
bottom: -15px;
margin-left: -25px;
left: 50%;
border-top: solid 25px white;
border-left: solid 25px transparent;
border-right: solid 25px transparent;
}
.interactive-map-modal-icon
{
max-width: 100px;
max-height: 100px;
object-fit: contain;
}
.interactive-map-fragment:hover
{
fill: #04AEEF; cursor: pointer;
}
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1 
{
background: none;
font-size: 60px;
font-family: 'Tungsten Medium';
border-radius: 0px;
text-transform: uppercase;
}
#interactive-map-button-levelP span,
#interactive-map-button-level0 span,
#interactive-map-button-level1 span
{
color: #B1B1B1;
}
#interactive-map-button-levelP.interactive-map-level-active span,
#interactive-map-button-level0.interactive-map-level-active span,
#interactive-map-button-level1.interactive-map-level-active span
{
color: #00AEEF;
border-bottom: 5px solid #00AEEF;
} 
#interactive-map-button-container 
{
position: absolute;
}
div#interactive-map-modal-container 
{
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
}
@media only screen and (max-width: 850px) {
#interactive-map-button-container
{
position: unset;
margin-bottom: -25px;
}
#interactive-map-button-container > .fusion-column-wrapper.fusion-flex-justify-content-flex-end.fusion-content-layout-row
{
justify-content: center;
}
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1 
{
font-size: 40px;
}
}
#interactive-map-filter-panel
{
position: relative;
z-index: 5;
margin-bottom: 22px;
clear: both;
}
#interactive-map-directory
{
position: relative;
z-index: 20;
margin-top: 34px;
margin-bottom: 24px;
}
#interactive-map-category-filter
{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.interactive-map-category-button
{
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #d9d9d9;
background: #ffffff;
color: #202020;
padding: 9px 13px;
border-radius: 4px;
font-size: 15px;
line-height: 1.2;
cursor: pointer;
position: relative;
z-index: 6;
pointer-events: auto;
}
#interactive-map-button-container
{
position: relative;
z-index: 30;
pointer-events: auto;
margin-bottom: 18px;
}
#interactive-map-button-container button,
#interactive-map-button-container a
{
position: relative;
z-index: 31;
pointer-events: auto;
}
.interactive-map-category-button.is-active
{
border-color: var(--category-color);
box-shadow: inset 0 -3px 0 var(--category-color);
}
.interactive-map-category-dot
{
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--category-color);
flex: 0 0 auto;
}
.interactive-map-tenant-group
{
margin-bottom: 28px;
}
.interactive-map-tenant-group-title
{
margin: 0 0 12px;
font-size: 26px;
line-height: 1.15;
font-family: 'Tungsten Medium';
font-weight: 500;
text-transform: uppercase;
}
.interactive-map-tenant-grid
{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 14px;
}
.interactive-map-tenant-row
{
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
border: 1px solid #e2e2e2;
background: #ffffff;
color: #1f1f1f;
padding: 10px 12px;
border-radius: 4px;
text-align: left;
cursor: pointer;
}
.interactive-map-tenant-row:hover
{
border-color: #04AEEF;
}
.interactive-map-tenant-title
{
font-weight: 600;
overflow-wrap: anywhere;
}
.interactive-map-tenant-meta
{
color: #777777;
font-size: 13px;
white-space: nowrap;
}
.interactive-map-fragment
{
transition: opacity 160ms ease, filter 160ms ease, stroke-width 160ms ease;
}
.interactive-map-fragment.is-muted
{
opacity: 0.18;
}
.interactive-map-fragment.is-highlighted,
.interactive-map-fragment.is-selected
{
opacity: 1;
stroke: #111111;
stroke-width: 3px;
}
@media only screen and (max-width: 900px) {
.interactive-map-tenant-grid
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 640px) {
.interactive-map-tenant-grid
{
grid-template-columns: 1fr;
}
.interactive-map-tenant-row
{
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.interactive-map-tenant-meta
{
white-space: normal;
}
} #interactive-map-button-container
{
position: relative;
z-index: 30;
pointer-events: auto;
margin-bottom: 18px;
}
#interactive-map-button-container button,
#interactive-map-button-container a
{
position: relative;
z-index: 31;
pointer-events: auto;
}
#interactive-map-filter-panel
{
position: relative;
z-index: 5;
padding: 0 15px;
margin-bottom: 22px;
clear: both;
}
#interactive-map-directory
{
position: relative;
z-index: 20;
margin-top: 34px;
margin-bottom: 24px;
display: block;
}
#interactive-map-category-filter
{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.interactive-map-category-button
{
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #d9d9d9;
background: #ffffff;
color: #202020;
padding: 9px 13px;
border-radius: 4px;
font-size: 15px;
line-height: 1.2;
cursor: pointer;
position: relative;
z-index: 6;
pointer-events: auto;
}
.interactive-map-category-button.is-active
{
border-color: var(--category-color, #04AEEF);
box-shadow: inset 0 -3px 0 var(--category-color, #04AEEF);
}
.interactive-map-category-dot
{
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--category-color, #04AEEF);
flex: 0 0 auto;
}
.interactive-map-tenant-group
{
margin-bottom: 28px;
}
.interactive-map-tenant-group-title
{
margin: 0 0 12px;
font-size: 26px;
line-height: 1.15;
font-family: 'Tungsten Medium';
font-weight: 500;
text-transform: uppercase;
}
.interactive-map-tenant-grid
{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 14px;
}
#interactive-map-tenant-list
{
display: block;
}
.interactive-map-tenant-row
{
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
border: 1px solid #e2e2e2;
background: #ffffff;
color: #1f1f1f;
padding: 10px 12px;
border-radius: 4px;
text-align: left;
cursor: pointer;
}
.interactive-map-tenant-row:hover
{
border-color: var(--tenant-category-color, #04AEEF);
}
.interactive-map-tenant-title
{
font-weight: 600;
overflow-wrap: anywhere;
}
.interactive-map-tenant-meta
{
color: #777777;
font-size: 13px;
white-space: nowrap;
}
.interactive-map-fragment
{
transition: opacity 160ms ease, filter 160ms ease, stroke-width 160ms ease;
}
.interactive-map-fragment.is-muted
{
opacity: 0.18;
}
.interactive-map-fragment.is-highlighted,
.interactive-map-fragment.is-selected
{
opacity: 1;
stroke: #111111;
stroke-width: 3px;
}
.interactive-map-inline-logo
{
pointer-events: none;
}
@media only screen and (max-width: 900px) {
.interactive-map-tenant-grid
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 640px) {
.interactive-map-tenant-grid
{
grid-template-columns: 1fr;
}
.interactive-map-tenant-row
{
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.interactive-map-tenant-meta
{
white-space: normal;
}
} #interactive-map-container
{
margin-bottom: 0;
}
#interactive-map-button-container
{
margin-bottom: 10px;
}
#interactive-map-filter-panel
{
padding: 0 15px;
margin-bottom: 8px;
}
#interactive-map-directory
{
clear: both;
position: relative;
z-index: 1;
margin-top: 22px;
margin-bottom: 28px;
}
.interactive-map-tenant-grid
{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 5px 28px;
}
.interactive-map-tenant-row
{
display: grid;
grid-template-columns: 86px 30px minmax(0, 1fr);
align-items: baseline;
justify-content: normal;
gap: 8px;
width: 100%;
border: 0 !important;
background: transparent;
box-shadow: none;
color: #1f1f1f;
padding: 4px 0;
border-radius: 0;
text-align: left;
cursor: pointer;
font: inherit;
line-height: 1.25;
text-transform: none;
}
.interactive-map-tenant-row:hover,
.interactive-map-tenant-row:focus-visible
{
background: rgba(4, 174, 239, 0.07);
background: color-mix(in srgb, var(--tenant-category-color, #04AEEF) 9%, transparent);
outline: 0;
}
.interactive-map-tenant-meta
{
color: #686868;
font-size: 14px;
white-space: nowrap;
font-weight: 500;
}
.interactive-map-tenant-leader
{
border-bottom: 1px dotted #9b9b9b;
min-width: 24px;
transform: translateY(-3px);
}
.interactive-map-tenant-title
{
font-weight: 600;
overflow-wrap: anywhere;
}
.interactive-map-fragment
{
transition: opacity 180ms ease, filter 180ms ease, stroke 180ms ease, stroke-width 180ms ease;
stroke-linejoin: round;
}
.interactive-map-fragment.is-highlighted
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-selected
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-inactive:hover
{
fill: #699ecc !important;
cursor: default;
}
@media only screen and (max-width: 900px) {
.interactive-map-tenant-grid
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 640px) {
#interactive-map-container
{
margin-bottom: 0 !important;
}
#interactive-map-directory
{
margin-top: 20px;
}
.interactive-map-tenant-grid
{
grid-template-columns: 1fr;
}
.interactive-map-tenant-row
{
display: grid;
grid-template-columns: 82px 24px minmax(0, 1fr);
align-items: baseline;
gap: 7px;
}
.interactive-map-tenant-meta
{
white-space: nowrap;
}
} #interactive-map-button-container
{
transform: translateY(22px);
margin-bottom: -2px;
}
#interactive-map-filter-panel
{
transform: translateY(20px);
margin-bottom: -18px;
}
#interactive-map-container
{
margin-top: 0;
margin-bottom: 0;
}
#interactive-map-category-filter
{
position: relative;
z-index: 32;
}
.interactive-map-tenant-row
{
grid-template-columns: 76px minmax(0, 1fr);
gap: 8px;
padding: 3px 0;
}
.interactive-map-tenant-leader
{
display: none;
}
.interactive-map-fragment.is-highlighted
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-selected
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-muted.is-selected
{
opacity: 1;
}
@media only screen and (max-width: 850px) {
#interactive-map-button-container
{
transform: translateY(12px);
margin-bottom: -6px;
}
#interactive-map-filter-panel
{
transform: translateY(10px);
margin-bottom: -10px;
}
}
@media only screen and (max-width: 640px) {
.interactive-map-tenant-row
{
grid-template-columns: 72px minmax(0, 1fr);
gap: 7px;
}
} .interactive-map-fragment
{
transition: opacity 180ms ease, stroke-width 180ms ease, stroke 180ms ease;
}
.interactive-map-fragment:not(.is-inactive):hover
{
fill: var(--fragment-color, inherit) !important;
cursor: pointer;
}
.interactive-map-fragment.is-highlighted
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-selected
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-directory-search
{
margin: 0 0 18px;
max-width: 420px;
}
#interactive-map-tenant-search
{
width: 100%;
border: 1px solid #d8dde3;
border-radius: 4px;
background: #ffffff;
color: #1f1f1f;
font-size: 15px;
line-height: 1.3;
padding: 10px 12px;
outline: 0;
}
#interactive-map-tenant-search:focus
{
border-color: #04AEEF;
box-shadow: 0 0 0 3px rgba(4, 174, 239, 0.14);
}
.interactive-map-tenant-empty
{
margin: 8px 0 20px;
color: #686868;
font-size: 15px;
}
@media only screen and (max-width: 640px) {
.interactive-map-directory-search
{
max-width: none;
}
} #interactive-map-modal
{
pointer-events: auto;
}
.interactive-map-fragment.is-highlighted,
.interactive-map-fragment.is-selected,
.interactive-map-fragment.is-hovered
{
opacity: 1;
stroke: #ffffff;
stroke-width: 3px;
filter: none;
}
.interactive-map-fragment.is-muted.is-hovered,
.interactive-map-fragment.is-muted.is-selected
{
opacity: 1;
} .interactive-map-fragment.is-highlighted,
.interactive-map-fragment.is-selected,
.interactive-map-fragment.is-hovered
{
opacity: 1;
stroke: transparent;
stroke-width: 0;
filter: none;
}
.interactive-map-outline-clone,
.interactive-map-outline-clone *
{
fill: none !important;
stroke: #ffffff !important;
stroke-width: 3px !important;
stroke-linejoin: round !important;
stroke-linecap: round !important;
vector-effect: non-scaling-stroke;
pointer-events: none !important;
filter: none !important;
} #interactive-map-container
{
margin-top: -135px;
margin-bottom: -145px;
}
@media only screen and (max-width: 1400px) {
#interactive-map-container
{
margin-top: -110px;
margin-bottom: -120px;
}
}
@media only screen and (max-width: 1200px) {
#interactive-map-container
{
margin-top: -85px;
margin-bottom: -95px;
}
}
@media only screen and (max-width: 1024px) {
#interactive-map-container
{
margin-top: -60px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 920px) {
#interactive-map-container
{
margin-top: -38px;
margin-bottom: -46px;
}
}
@media only screen and (max-width: 850px) {
#interactive-map-container
{
margin-top: -16px;
margin-right: -20px;
margin-bottom: -24px !important;
margin-left: -20px;
width: calc(100% + 40px);
}
.interactive-map-outline-clone,
.interactive-map-outline-clone *
{
stroke-width: 1.25px !important;
}
} .interactive-map-popup-modal
{
position: absolute;
background: white;
width: 180px;
height: 180px;
border-radius: 20px;
box-shadow: 0px 20px 20px #0000001f;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
z-index: 10;
pointer-events: auto;
}
.interactive-map-popup-modal:after
{
content: '';
position: absolute;
width: 0px;
height: 0px;
bottom: -15px;
margin-left: -25px;
left: 50%;
border-top: solid 25px white;
border-left: solid 25px transparent;
border-right: solid 25px transparent;
}
.interactive-map-modal-container
{
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
}
#interactive-map-hover-modal
{
z-index: 11;
} @media only screen and (max-width: 850px) {
.interactive-map-popup-modal,
#interactive-map-modal
{
width: 130px !important;
height: 130px !important;
border-radius: 16px !important;
}
.interactive-map-popup-modal:after,
#interactive-map-modal:after
{
bottom: -11px !important;
margin-left: -18px !important;
border-top-width: 18px !important;
border-left-width: 18px !important;
border-right-width: 18px !important;
}
.interactive-map-modal-container,
#interactive-map-modal-container
{
padding: 10px !important;
box-sizing: border-box;
}
.interactive-map-modal-icon
{
max-width: 100px !important;
max-height: 100px !important;
}
} .interactive-map-tenant-row
{
font-family: 'Tungsten Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.08;
letter-spacing: 0;
}
.interactive-map-tenant-meta
{
font-family: 'Tungsten Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 21px;
font-weight: 400;
line-height: 1.08;
}
.interactive-map-tenant-title
{
font-family: 'Tungsten Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.08;
}
@media only screen and (max-width: 850px) {
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1
{
font-size: 34px;
}
} .interactive-map-directory-search
{
display: flex;
align-items: center;
gap: 14px;
max-width: none;
width: 100%;
}
#interactive-map-tenant-search
{
box-sizing: border-box;
flex: 0 1 420px;
height: 42px;
}
#interactive-map-floor-filter
{
box-sizing: border-box;
flex: 0 0 auto;
margin-left: auto;
height: 42px;
min-height: 42px;
border: 1px solid #d8dde3;
border-radius: 4px;
background: #ffffff;
color: #444444;
font-family: 'Tungsten Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.1;
padding: 8px 10px;
}
.interactive-map-tenant-grid
{
gap: 5px 52px;
}
.interactive-map-tenant-row
{
grid-template-columns: 76px minmax(0, 1fr) auto;
text-decoration: none;
column-gap: 8px;
padding-right: 10px;
}
.interactive-map-tenant-floor
{
align-self: baseline;
justify-self: end;
color: #9a9a9a;
font-family: 'Tungsten Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.08;
letter-spacing: 0;
padding-left: 10px;
white-space: nowrap;
}
@media only screen and (max-width: 900px) {
.interactive-map-tenant-grid
{
gap: 5px 34px;
}
}
@media only screen and (max-width: 640px) {
.interactive-map-directory-search
{
align-items: stretch;
flex-direction: column;
gap: 8px;
}
#interactive-map-tenant-search,
#interactive-map-floor-filter
{
flex: 0 0 auto;
margin-left: 0;
width: 100%;
}
.interactive-map-tenant-row
{
grid-template-columns: 72px minmax(0, 1fr) auto;
column-gap: 7px;
padding-right: 0;
}
.interactive-map-tenant-floor
{
font-size: 16px;
padding-left: 8px;
}
} @media only screen and (max-width: 850px) {
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1
{
font-size: 29px !important;
line-height: 1;
}
}
@media only screen and (max-width: 420px) {
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1
{
font-size: 26px !important;
}
} @media only screen and (max-width: 850px) {
#interactive-map-container
{
margin-top: 40px !important;
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px);
}
#interactive-map-button-container > .fusion-column-wrapper.fusion-flex-justify-content-flex-end.fusion-content-layout-row
{
align-items: flex-end !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
}
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1
{
font-size: 25px !important;
line-height: 1 !important;
padding: 8px 12px !important;
min-height: 0 !important;
}
#interactive-map-button-levelP span,
#interactive-map-button-level0 span,
#interactive-map-button-level1 span
{
white-space: nowrap;
}
}
@media only screen and (max-width: 420px) {
#interactive-map-button-levelP,
#interactive-map-button-level0,
#interactive-map-button-level1
{
font-size: 22px !important;
padding-right: 8px !important;
padding-left: 8px !important;
}
}