@charset "utf-8";
/* CSS Document */

#header    {

    width:100%;
    height:80px;
    background-color:var(--pink);
    position: fixed;
    top:0;
    left:0;
    z-index: 2000;
    display: none;
 
}

#header-spacer    {

    width:100%;
    height:80px;
    position: relative;
    display: none;
 
}

#header table {

    width: calc(100% - (var(--section-text-medium-margin) * 2));
    height:80px;

}

#edible-treasures-mobile-logo    {
    
    width: 172px;
    height: 45px;
    
}

#header-menu    {
    
    width:100%;
    height:calc(331px + (var(--small_margin) * 2));
    background-color: var(--off-white);
    position: fixed;
    top:80px;
    left:0;
    z-index: 2000;
    display:none;
    
}

#header-menu-trim    {
    
    width:100%;
    height:45px;
    background-size:1050px 45px; 
    overflow: hidden;
    background-image: url(../images/mobile-tile.png);
    
}

@media only screen and (max-width: 850px), screen and (max-height: 480px) {	
/*@media only screen and (max-width: 999px), screen and (max-height: 512px) 	{*/
    
    #header, #header-spacer  {
        
        display:block;    
        
    }  
    
    body.home #header-menu {
        
        display:block!important; 
        position: relative;
        top:auto;
        
    }

}

@media only screen and (max-width: 480px)	{
 
    #header table {

        width: calc(100% - (var(--section-text-small-margin) * 2));

    }
    
    #edible-treasures-mobile-logo    {

/*        width: 137px;
        height: 36px;
*/
    }

}