/** CSS for Nav-Bar **/
.Nav_Bar{ 
    background-image: url('./images/nav-bar-bg.png'); 
    position: absolute; 
    left: 0px; 
    top:  898px; 
    width: 1920px; 
    height: 182px; 
    z-index: 1000; 
}


/** CSS for Main Menu Button **/
.NavButton.Main_Menu{ 
    position: absolute; 
    left: 74px; 
    /* top:  924px;  */
    width: 392px; 
    height: 160px; 

    z-index: 1001; 

    top: 920px; 

}

.NavButton.Main_Menu.en {
    background-image: url('./images/en/main_menu_button_en.png'); 
}
.NavButton.Main_Menu.es {
    background-image: url('./images/es/main_menu_button_es.png'); 
    /* top: 920px;  */
}




/** CSS for Change_Language Button **/
.NavButton.Change_Language{ 
    position: absolute; 
    left: 64px; 
    /* top:  924px;  */
    width: 401px; 
    height: 150px; 

    z-index: 1001; 

    top: 920px; 
    visibility: hidden;

}
/* At home page enter: Swap .Main_Menu with .Change_Language */
.NavButton.Change_Language.en {
    background-image: url('/assets/images/ui/nav-buttons/back_button_en.png'); 
}
.NavButton.Change_Language.es {
    background-image: url('/assets/images/ui/nav-buttons/back_button_es.png'); 
}




/** CSS for `Play Video` on Management Strategies **/
.NavButton.Play_MGMT_Video,
.NavButton.Play_WATERSHED_Video {
    position: absolute; 
    left: 532px; 
    /* top:  923px;  */
    width: 392px; 
    height: 160px; 
    z-index: 1002; 
    top: 920px; 
}
.NavButton.Play_MGMT_Video.en,
.NavButton.Play_WATERSHED_Video.en { 
    background-image: url('./images/en/play_video_en.png'); 
}

.NavButton.Play_MGMT_Video.es,
.NavButton.Play_WATERSHED_Video.es { 
    background-image: url('./images/es/play_video_es.png'); 
    /* top: 918px;  */
}


/** CSS for Natural Areas Button **/
.NavButton.Natural_Areas{ 
    position: absolute; 
    left: 532px; 
    /* top:  923px;  */
    width: 392px; 
    height: 160px; 
    z-index: 1002; 
    top: 920px; 

}

.NavButton.Natural_Areas.en{ 
    background-image: url('./images/en/natural_areas_button_en.png'); 
}

.NavButton.Natural_Areas.es{ 
    background-image: url('./images/es/natural_areas_button_es.png'); 
    /* top: 918px;  */
}



/** CSS for fishing-game-icon **/
.NavButton.fishing_game{ 
    background-image: url('./images/fishing_game_icon.png'); 
    position: absolute; 
    left: 1664px;
    top: 824px;
    width: 193px; 
    height: 243px; 
    z-index: 1003; 
}
 


.NavButton.management_trivia {
    background-image: url(./images/management_trivia_icon.png);
    position: absolute;
    left: 1460px;
    top: 870px;
    width: 462px;
    height: 243px;
    z-index: 1003;
}



/** CSS for -icon **/
.NavButton.freshwater_stream_game{ 
    /* background-image: url('/assets/images/watershed/freshwater_stream_game-en.png');  */
    position: absolute; 
    left: 1664px;
    top: 824px;
    width: 193px; 
    height: 243px; 
    z-index: 1003; 
}

/* 
.NavButton.freshwater_stream_game {
    background-image: url(/assets/images/watershed/freshwater_stream_game-en.png);
    position: absolute;
    left: 1480px;
    top: 824px;
    width: 406px;
    height: 250px;
    z-index: 1003;
    background-size: cover;
} */


/** CSS for Scavenger Hunt **/
.NavButton.Scavenger_Hunt { 
    background-image: url('./images/scavenger_hunt.png'); 
    position: absolute; 
    left: 1627px; 
    top:  882px; 
    width: 220px; 
    height: 168px; 
    z-index: 1004; 
}