/**

  _____            _    _              
 |  __ \          | |  | |             
 | |  | | ___  ___| | _| |_ ___  _ __  
 | |  | |/ _ \/ __| |/ / __/ _ \| '_ \ 
 | |__| |  __/\__ \   <| || (_) | |_) |
 |_____/ \___||___/_|\_\\__\___/| .__/ 
                                | |    
                                |_|    
*/

#gstro_public_content {
    background-color: #fff;
}

#gstro_public_content #gstro_sliderNav_outerBox, 
#gstro_sliderNav_outerBox #gstro_drinksNav_outerBox {
    overflow: hidden;
    outline: 0;
    color: #354052;
}
#gstro_public_content #gstro_allDrinks_tableHeader_tabBox,
#gstro_public_content #gstro_sliderNav_tabBox{
    white-space: nowrap;
    position: relative;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    float: left;
    z-index: 2;
    display: flex;
    margin: 0 10px;
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

#gstro_public_content #gstro_allDrinks_tableHeader_tabBox{
    margin: 0;
}

#gstro_public_content #gstro_drinksNav_tabBox::-webkit-scrollbar,
#gstro_public_content #gstro_sliderNav_tabBox::-webkit-scrollbar{
    width: 0px;
    background: transparent; /* Safari and Chrome */
}
#gstro_public_content #gstro_sliderNav_borderBottom {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
    padding: 0 20px;
}
#gstro_public_content #gstro_drinksNav_borderBottom {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
    padding: 0;
}
#gstro_public_content #gstro_drinksNav_activeBarSlider,
#gstro_public_content #gstro_sliderNav_activeBarSlider {
    width: 100px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 2px;
    background-color: #3b8dc1;
    z-index: 2;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    list-style: none;
}
#gstro_public_content .gstro_drinksNav_NavEntry,
#gstro_public_content .gstro_sliderNav_NavEntry{
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-weight: 500;
    color: #303133;
    position: relative;
}

#gstro_public_content .gstro_drinksNav_NavEntry.gstro_drinksNav_activeNavEntry,
#gstro_public_content .gstro_sliderNav_NavEntry.gstro_sliderNav_activeNavEntry{
    color: #3b8dc1;
}
#gstro_public_content .gstro_drinksNav_NavEntry:hover,
#gstro_public_content .gstro_sliderNav_NavEntry:hover{
    cursor: pointer;
    color: #3b8dc1;
}
#gstro_public_content #gstro_drinksNav_borderBottom::after,
#gstro_public_content #gstro_sliderNav_borderBottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1;
}

#gstro_public_content .gstro_public_section{
    display: none;
    padding-top: 2vw;
    color: black;
}

#gstro_public_content .gstro_public_section_always_visible{
 
    padding-top: 2vw;
    color: black;
}

#gstro_public_content form#selectBarForm select#locationIdFromUser {
    
    width: 46%;
    border: 0px solid white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 4%;
    margin-bottom: 0;
}

div#gstro_location_chooser_section div.gstro_desktop_left_box > h1.location_chooser_header,
div#admin_location_chooser_section div.gstro_desktop_left_box > h1.location_chooser_header {
    margin-top: 7px;
    margin-bottom: 7px;

}


#gstro_public_content div#gstro_sliderNav_container_right {
    cursor: default; 
    width: 100%;
    display:flex; 
    flex-direction: column; 
    align-content: end; 
    align-items: end;
}


#gstro_public_content #gstro_sliderNav_logout a:hover{
    color: #3b8dc1;
    text-decoration: none;
}
  
/**
  __  __       _     _ _      
 |  \/  |     | |   (_) |     
 | \  / | ___ | |__  _| | ___ 
 | |\/| |/ _ \| '_ \| | |/ _ \
 | |  | | (_) | |_) | | |  __/
 |_|  |_|\___/|_.__/|_|_|\___|
                              
*/


#gstro_public_content .gstro_navigationArrows{
    display: none;
    position: absolute;
    cursor: pointer;
    width: 15px;
    font-size: 12px;
    color: #909399;
    height: 38px;
}

#gstro_public_content .gstro_navigationArrows a{
    line-height: 38px;
}

#gstro_public_content #gstro_clickRightArrow a{
    float: right;
}

#gstro_public_content #gstro_navSelectDropdownBox.gstroNavOpenDropdown #gstro_navSelectHeader a{
    transform: rotate(-90deg) translate(-10px,-10px);
    color: #3b8dc1;
}

#gstro_public_content select{
    color: #303133!important;
}

@media only screen and (max-width:1000px){

    #gstro_public_content .gstro_navigationArrows{
        display: block;
    }

    #gstro_all_drinks_section #gstro_drinksNav_borderBottom{
        padding: 0 20px;
    }

    #gstro_public_content #gstro_allDrinks_tableHeader_tabBox{
        margin: 0 10px;
    }

}
  
@media only screen and (max-width:767px){

    #gstro_public_content{
        padding-top: 0!important;
    }
}

@media only screen and (max-width:782px){

    #gstro_public_content .gstro_public_section_always_visible,
    #gstro_public_content .gstro_public_section {
        padding-top: 0;
    }
    #gstro_public_content #locationIdFromUser {
    
        width: 100%;
       
        
        margin-right: 0%;
        margin-left: 0%;
    }

    div#admin_location_chooser_section div.gstro_desktop_left_box > h1.location_chooser_header,
    div#gstro_location_chooser_section div.gstro_desktop_left_box > h1.location_chooser_header
    {
        line-height: 1;
        margin-top: 40px;
        margin-bottom: 40px;

    }

    main#gstro_public_content #gstro_switch_location
    {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0px;
          margin: 0px 0px;
}

    
    
    main#gstro_public_content div.gstro_desktop_right_box form#selectBarForm {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
  
@media only screen and (max-width:500px){
    #gstro_public_content div.filterButton{
      font-size: 12px;
    }
}