:root {
    --accent-color: #2D3CC9;
}

@font-face {
    font-family: 'HalvarBreit-Blk';
    src: url('./sr-construction/HalvarBreit-Blk.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('./sr-construction/SFPRODISPLAYREGULAR.OTF') format('opentype');
    font-weight: 400;
}


.panorama-navigation {
    background-color: transparent;
    backdrop-filter: none;
    box-shadow: none;
}

.panorama-navigation button {
    background: var(--Gray-BG, #E4E4EC);
    color: #111112;
    border-radius: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'HalvarBreit-Blk';
}

@media (hover:hover) {
    .panorama-navigation button {
        transition: .25s ease-out;
    }
    .panorama-navigation button:hover {
        background-color: #2D3CC9;
        color: #F0F1F8;
    }
}

.panorama-navigation button.active {
    background-color: #2D3CC9;
    border-radius: 0;
    color: #F0F1F8;
}

.panorama-navigation button:after {
    display: none;
}

    
#controls {
    box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(4px);
    background: var(--Gray-BG, #E4E4EC);
    border-radius: 0;
}

.controls-group {
    background-color: transparent;
    padding: 4px 28px
}

.ctrl {
    width: 24px;
    height: 24px;
}

.ctrl [fill] {
    fill: #111112;
}

.ctrl~.ctrl {
    margin-left: 4px;
}

.controls-group {
    padding: 0;
    background-color: transparent;
}

#controls>:nth-child(n+2) {
    margin-left: 24px;
}

.controls-group:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
}

.controls-group:nth-child(2) .ctrl {
    margin-left: 0;
    margin-right: 4px;
}


div.pnlm-tooltip:not(.pnlm-info) span {
    border-radius: 0 !important;
    background-color: #2D3CC9 !important;
    color: #F0F1F8 !important;
    font-family: 'HalvarBreit-Blk' !important; 
    text-transform: uppercase !important;
    padding: 12px !important;
}

div.pnlm-tooltip:not(.pnlm-info) span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93943 2.45407C7.65822 2.73536 7.50025 3.11683 7.50025 3.51457C7.50025 3.91232 7.65822 4.29378 7.93943 4.57507L15.3644 12.0001L7.93943 19.4251C7.66619 19.708 7.515 20.0869 7.51842 20.4802C7.52183 20.8735 7.67959 21.2497 7.9577 21.5278C8.23581 21.8059 8.61203 21.9637 9.00533 21.9671C9.39862 21.9705 9.77752 21.8193 10.0604 21.5461L18.5459 13.0606C18.8271 12.7793 18.9851 12.3978 18.9851 12.0001C18.9851 11.6023 18.8271 11.2209 18.5459 10.9396L10.0604 2.45407C9.77914 2.17287 9.39767 2.01489 8.99993 2.01489C8.60218 2.01489 8.22072 2.17287 7.93943 2.45407Z' fill='white'/%3E%3C/svg%3E%0A");
    font-weight: 900 !important;
}

a[href="#"] {
    pointer-events: none;
}


[class*="selectedOption_external_url"]::after {
    color: white;
    color: #FFF;
    text-align: center;
    font-family: "SF Pro Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    text-transform: uppercase;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    width: 156px;
    pointer-events: none;
    background-color: #111112;
    padding: 8px;
    text-align: center;
}

[class*="selectedOption_external_url"]::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    width: 10px;
    height: 5px;
    background-color: #111112;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    opacity: 0;
}

[class*="selectedOption_external_url"] {
    pointer-events: all;
}
[class*="selectedOption_external_url"]:hover::before,
[class*="selectedOption_external_url"]:hover::after {
    opacity: 1;
}

.selectedOption_external_url_0 {
    pointer-events: all;
}

.selectedOption_external_url_0::after {
    content: 'Sunset elementary school - .1 miles away';
}

.selectedOption_external_url_1::after {
    content: 'Downtown coconut grove - 2.9 miles away';
}


.selectedOption_external_url_2::after {
    content: 'Brickell - 6 miles away';
}


.selectedOption_external_url_3::after {
    content: 'Downtown Coral Gables - 3.4 miles away';
}


.selectedOption_external_url_4::after {
    content: 'Miami International Airport - 5.8 miles away';
}


.selectedOption_external_url_5::after {
    content: 'Key Biscayne - 6 miles away';
}


.selectedOption_external_url_6::after {
    content: 'Fairchild Botanical Garden - 1.8 miles away';
}

.selectedOption_external_url_7::after {
    content: 'Matheson Hammack Park & Marina - 2.08 miles away';
}
.selectedOption_external_url_8::after {
    content: 'Dadeland Mall - 2.3 miles away';
}
.selectedOption_external_url_9::after {
    content: 'Watsco Center - .9 mile away';
}
.selectedOption_external_url_10::after {
    content: 'University Of Miami - 1 mile away';
}
.selectedOption_external_url_11::after {
    content: 'Shops At Merrick Park - 2.28 miles away';
}



.pnlm-hotspot.pnlm-info {
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='67' viewBox='0 0 46 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 0C10.2975 0 0 10.2975 0 23V23.6087C0 32.8648 5.46766 40.8438 13.3494 44.4922C15.183 45.3409 16.7174 46.8126 17.2806 48.753C18.943 54.48 27.0569 54.48 28.7193 48.753C29.2826 46.8126 30.817 45.341 32.6506 44.4922C40.5323 40.8438 46 32.8648 46 23.6087V23C46 10.2974 35.7025 0 23 0Z' fill='%23F0F1F8'/%3E%3Cpath d='M15.8125 43.6953L23 66.9997L30.1875 43.6953H15.8125Z' fill='%23F0F1F8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1249 23.3066C13.1249 17.8529 17.5461 13.4316 22.9999 13.4316C28.4536 13.4316 32.8749 17.8529 32.8749 23.3066C32.8749 28.7605 28.4536 33.1816 22.9999 33.1816C17.5461 33.1816 13.1249 28.7604 13.1249 23.3066ZM22.9999 12.1816C16.8558 12.1816 11.8749 17.1625 11.8749 23.3066C11.8749 29.4508 16.8558 34.4316 22.9999 34.4316C29.144 34.4316 34.1249 29.4509 34.1249 23.3066C34.1249 17.1625 29.144 12.1816 22.9999 12.1816ZM24.2219 28.6971L24.3641 28.0113L24.3641 28.0113C24.2908 28.052 24.1722 28.099 24.0085 28.1523C23.8446 28.2056 23.6981 28.2322 23.5688 28.2322C23.293 28.2322 23.0989 28.1789 22.9869 28.0722C22.8748 27.9657 22.8188 27.765 22.8188 27.4704C22.8188 27.3536 22.836 27.1809 22.8706 26.9523C22.905 26.7236 22.9438 26.5206 22.9869 26.3428L23.517 24.1255C23.5688 23.9224 23.6044 23.699 23.6237 23.4551C23.6431 23.2113 23.6529 23.0411 23.6529 22.9447C23.6529 22.4773 23.5138 22.0977 23.2358 21.8057C22.9578 21.5135 22.5623 21.3675 22.0494 21.3675C21.7649 21.3675 21.4632 21.4272 21.1443 21.5466C20.8253 21.6659 20.4912 21.8094 20.1421 21.977L19.9999 22.6627C20.1033 22.6169 20.2272 22.5688 20.3716 22.518C20.516 22.4671 20.6572 22.4418 20.7952 22.4418C21.0753 22.4418 21.2649 22.4977 21.3641 22.6095C21.4632 22.7211 21.5128 22.9193 21.5128 23.2036C21.5128 23.3612 21.4966 23.5351 21.4643 23.7256C21.4319 23.916 21.3921 24.1181 21.3447 24.3313L20.8144 26.556C20.7671 26.7898 20.7327 26.9993 20.7111 27.1846C20.6895 27.37 20.6787 27.5517 20.6787 27.7294C20.6787 28.1866 20.8221 28.5637 21.1087 28.8608C21.3953 29.158 21.7973 29.3066 22.3145 29.3066C22.6508 29.3066 22.9459 29.2546 23.2003 29.1504C23.4545 29.0462 23.7952 28.8952 24.2219 28.6971ZM24.128 19.6952C24.3759 19.4234 24.4999 19.0945 24.4999 18.7085C24.4999 18.3225 24.3759 17.9924 24.128 17.718C23.8802 17.4437 23.5818 17.3066 23.2325 17.3066C22.8834 17.3066 22.5839 17.4437 22.3339 17.718C22.0839 17.9924 21.9588 18.3226 21.9588 18.7085C21.9588 19.0945 22.0839 19.4235 22.3339 19.6952C22.5839 19.967 22.8834 20.1028 23.2325 20.1028C23.5818 20.1028 23.8802 19.967 24.128 19.6952Z' fill='%23111112'/%3E%3C/svg%3E%0A");
    background-position: 0 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 46px;
    height: 67px;
}

.pnlm-hotspot.pnlm-info:hover {
    background-color: transparent;
}


.pnlm-hotspot.pnlm-info:hover .pnlm-pointer {
    display: none;
}

.panorama-navigation.only-child button {
    font-family: "SF Pro Display";
    font-weight: 400;
}

.panorama-navigation.only-child button:after {
    display: none;
}