@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');

/* general font size */

.ggskin {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.Dropdown_Menu_Title div {
    font-weight: 300;
}

.Dropdown_Menu_Text div {
    font-weight: 300;
}

.tt_ht_node div {
    font-weight: 300;
}

.ht_tooltip_navi div {
    font-weight: 300;
}

.thumbnail_title div {
    font-weight: 300;
}

.loadingtext div {
    font-weight: 300;
}

.tt_information div {
    font-weight: 300;
}

.info_title div {
    font-weight: 500;
    font-size: 18px;
}

.info_text_body div {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}

.tt_ht_video_youtube div {
    font-weight: 300;
}

.tt_ht_url div {
    font-weight: 300;
}

.web_page div {
    font-weight: 300;
}

.tt_ht_image div {
    font-weight: 500;
    font-size: 16px;
}

.tt_ht_video div {
    font-weight: 300;
}

.Tour_Pano_Info div {
    font-weight: 500;
    font-size: 18px;
}

.tt_ht_url div {
    font-weight: 300;
}


/* general overrides */


/* general tooltip format */

.tt_tooltip div {
    font-weight: 300;
    font-size: 14px;
}

.info-frame-header {
    font-weight: 500;
    font-size: 18px;
    padding-right: 35px;
}

.info-frame-body {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    margin-top: 25px;
}

@media only screen and (max-width: 640px) {
    .info-frame-header {
        font-size: 16px !important;
    }
    .info-frame-body {
        font-size: 12px !important;
        line-height: 15px !important;
    }
}

.info-box {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


/* ======== gallery =========== */

.gallery-container {
    background: none !important;
}

.gallery-frame div {
    border: none !important;
    background: none !important;
}

.iframe-wrapper {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: all;
}

.iframe-inner {
    background: none;
    border: none;
    width: calc(177.78vh);
    height: calc(100vh);
    box-sizing: border-box;
    padding: 2.5rem 4.4444444444rem;
}

@media (max-aspect-ratio: 16 / 9) {
    .iframe-inner {
        background: none;
        border: none;
        width: calc(100vw);
        height: calc(56.25vw);
        padding: 1.40625rem 2.5rem;
    }
}