@import 'main-helper', 'theme-helper';


@include mq($tablet, true) {
    
    // Navigation
	div.nav-menu {
		display: inline-block;
        width: 100%;
		vertical-align: middle;
		
        li {
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
        }        
        
	}

}


@include lt-ie9-fix {
    
    .entry-cr,
    .comments-cr,
    .page-nav,
    #secondary-cr,
    .main-content-hr-cr {
        max-width: 70em;
    }
    
    .site-content {
        min-height: 30em;
    }
    
    div.nav-menu a,
    .menu a {
        padding: 1em;
    }
    
    .search-bar {
        @include vhide;
    }
    
}

@include lt-ie8-fix {
    div.nav-menu > ul > li {
        display: inline;
    }
    
    > a {
        display: inline-block;
    }
}