:root {
    --brand-color: #5960a8;
    --brand-secondary: #ffffff;
    --transition: opacity 0.4s ease-in-out;
}

/* Fix Rooms preview Img */

.rooms_view_sel img {
    object-fit: cover;
}

/* Hide Elements when FancyBos is Active */

.fullscreen_control,
.menu_controls,
.list_alt_menu,
.language_menu {
  transition: var(--transition);
}


body.fancybox-active .fullscreen_control,
body.fancybox-active .menu_controls,
body.fancybox-active .list_alt_menu,
body.fancybox-active .language_menu {
  opacity: 0 !important;   /* or visibility:hidden if you want to keep layout */
}

/* Loading Screen Text */
#name_virtualtour {
    font-size: 16px!important;
}

#author_virtualtour {
    font-size: 12px!important;
}

/* Powered by overrides */

.poweredby a {
    padding-inline: 1em;
    padding-block: 0.5em;
    background: var(--brand-color);
    transition: var(--transition);
    border-radius: 50vh;
    display: flex;
}

.poweredby {
    padding-bottom: 0px;
}

.poweredby a:hover {
    opacity: 0.5;
}

.poweredby span {
    transform: translateY(0px);
    color: var(--brand-secondary)!important;
    line-height: 1!important;
}

@media (max-width: 540px) {
    .poweredby span {
        font-size: 10px!important;
    }
}

/*----------------------
TOP BAR OVERRIDES
----------------------*/

/* hide virtual tour name */
.name_vt {
    display: none;
}

.header_vt {
    transform: translateX(-50%)!important;
    left: 50%!important;
    z-index: 99999!important;
    width: auto!important;
    background: transparent!important;
}

.room_vt {
    width: 100%;
    max-width: 155px;
}

.room_vt img {
    margin-top: 10px;
}

.language_menu .down {
    max-height: calc(80vh - 100px)!important;
}

/*----------------------
FANCYBOX OVERRIDES
----------------------*/

/* change loading color */

.cloudimage-360-loader {
    background: var(--brand-color)!important;
}

/* change closing button color */

.fancybox-button {
    background: var(--brand-color)!important;
    color: var(--brand-secondary)!important;
    transition: var(--transition);
}

.fancybox-button:hover {
    opacity: 0.5;
}

.fancybox-container {
    z-index: 9999!important;
}

.controls_btn,
.arrows_nav .next_arrow,
.arrows_nav .prev_arrow,
.poweredby,
.list_control,
.list_sliders {
    z-index: 99999!important;
}

.list_slider .list_left,
.list_slider .list_right {
    display: flex!important;
}

.fancybox-slide {
    overflow: hidden!important; /* Hide scrollbars */
    padding: 0px;
}

.fancybox-is-open .fancybox-bg {
    opacity: 0;
}

.fancybox-content {
    background: transparent;
    display: inline-block;
    margin: 0;
    width: 100%;
    place-content: center;
    height: 100%;
    padding: 0px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.cloudimage-360 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    place-content: center;
}

.cloudimage-inner-box {
    width: 90%;
    max-width: 1360px;
    position: relative;
}


.highlight_poi_embed:hover {
    -webkit-filter: drop-shadow(2px 2px 4px var(--brand-color)) drop-shadow(-2px 2px 4px var(--brand-color)) drop-shadow(2px -2px 4px var(--brand-color)) drop-shadow(-2px -2px 4px var(--brand-color))!important;
    filter: drop-shadow(2px 2px 4px var(--brand-color)) drop-shadow(-2px 2px 4px var(--brand-color)) drop-shadow(2px -2px 4px var(--brand-color)) drop-shadow(-2px -2px 4px var(--brand-color))!important;
}

.highlight_poi_embed {
    height: 100px!important;
    width: 200px!important;
}