/*------------------------------------------------------------------------------
Title:          CSS for event view page that is not shared with the home css
Date Created:   02 November 2015
Date Modified:  02 November 2015
------------------------------------------------------------------------------*/

.section_cell{
    margin-left:auto;
    margin-right:auto;
    max-width:50em;
}

/*Media query to adjust menu bar display*/
@media all and (max-width:925px){
    /*.showLeftBar #LeftContainer{
        width:30%;
    }
    
    .showLeftBar #CenterContainer{
        width:40%
    }*/

    .showLeftBar #MapButton .menu_bar_label_text:after{
        content:"Map";
    }
    
    .showLeftBar #ListButton .menu_bar_label_text:after{
        content:"List";
    }
}

@media all and (max-width:785px){
    .showLeftBar #LeftContainer{
        width:35%;
    }
    
    .showLeftBar #CenterContainer{
        width:30%
    }

    .showLeftBar #MapButton .menu_bar_label_text:after, .showLeftBar #ListButton .menu_bar_label_text:after{
        content:"";
    }
}

@media all and (max-width:560px){
    #MapButton .menu_bar_label_text:after{
        content:"Map";
    }
    
    #ListButton .menu_bar_label_text:after{
        content:"List";
    }
}

@media all and (max-width:375px){    
    #MapButton .menu_bar_label_text:after, #ListButton .menu_bar_label_text:after{
        content:"";
    }
}

@media all and (max-width:300px){
    #LeftContainer{
        width:40%;
    }
    
    #CenterContainer{
        width:20%
    }
}