.menu { 
   
    width: calc(100vw *(40/960));
    height:calc(100vw *(720/960));
    
}

.menu div{
    padding:0;
    margin:0;
    display:block;
    
    width: calc(100vw *(60/960));
    height:calc(100vw *(80/960));

    overflow: hidden;
    
    background-color: transparent;
    background-repeat: no-repeat;
   

}

.home-menu-item{
    width: calc(100vw *(26/960)) !important;
    height:calc(100vw *(26/960)) !important;
    margin-left: calc(100vw *(7/960)) !important;
    margin-top: calc(100vw *(3/960)) !important;
}


.menu div:hover{
    
    cursor: pointer;
}

.stem-logo-menu-item:hover
{
    cursor: default !important;
}



.fullscreen-menu-item,
.stem-logo-menu-item{
    position:absolute;
    top:calc(100vw *(4/960));
    
    left:calc(100vw *(926/960));

    width: calc(100vw *(25/960)) !important;
    height:calc(100vw *(25/960)) !important;
   
    border:none !important;
    border-radius:0 !important;
    background-color:transparent !important;
}

.stem-logo-menu-item{
    width: calc(100vw *(87/960)) !important;
    height:calc(100vw *(48/960)) !important;
    left:calc(100vw *(19/960));
    top:calc(100vw *(667/960));
    background-size: contain;
}

.overview-menu-item,
.map-menu-item,
.field-guide-menu-item
{
   display: inline-block;
   position: relative;
   margin-bottom: calc(100vw *(10/960)) !important;
   background-size: 80%;
   background-position: top;
   height:calc(100vw *(90/960)) !important;
  
}

.menu div span{
    position: absolute;
    display: block;
    top:calc(100vw *(55/960));
    text-align: center;
    font-size: calc(100vw *(14/960));
    height:calc(100vw *(20/960));
    width: calc(100vw *(40/960));
    line-height: calc(100vw * (16/960));
    width:100%;
    text-align: center;
}

.overview-menu-item span{
    top:calc(100vw *(50/960)) !important;
}

.menu_disabled{
    opacity:0.4;
}

.menu_disabled:hover{
    cursor: default !important;
}

.menu-highlight-selection{
    background-color: white !important;
  
}

.home-menu-item{
   
    margin-bottom: calc(100vw *(40/960)) !important;
    background-image: url("../media/images/menu_icons/VFT_topbar_icon_home.svg");
}

.map-menu-item{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_location_default.svg");
}
.menu-location-disabled{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_location_grey.svg") !important;
}
.menu-location-hover:hover{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_location_hover.svg");
}

.overview-menu-item{
    
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_overview_default.svg");
}
.menu-overview-disabled{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_overview_grey.svg");
}
.menu-overview-hover:hover{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_overview_hover.svg");
}


.field-guide-menu-item{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_fieldguide_default.svg");
}
.menu-fieldguide-disabled{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_fieldguide_grey.svg");
}
.menu-fieldguide-hover:hover{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_fieldguide_hover.svg");
}

.fullscreen-menu-item{
    background-image: url("../media/images/menu_icons/VFT_GlobalNav_fullscreen_expand.svg");

}

.stem-logo-menu-item{
    background-image: url("../media/images/icons/OSA_Logo2.svg");

}