/*
 * expnews-fixes.css — site-specific corrections, loaded after app-responsive.css.
 *
 * FIX 1: collapsed sidebar header with no visible navigation (desktop 1199–1824px)
 *
 * expnews renders #header as a fixed left sidebar. At >=1825px it is 160px wide
 * and shows the menu labels (this is the theme's normal desktop look, and it
 * still renders correctly at that width today).
 *
 * css/app-responsive.css lines 13–160 wrap a `@media (min-width: 1199px) and
 * (max-width: 1824px)` block that collapses the sidebar to a 65px ICON RAIL:
 *     .header-style1 #header, .header-style2 #header { width: 65px; }
 *     … .nav-pills > li > a .menu-title { display: none; }
 * and relies on a per-menu-item Font Awesome icon (`<i class="fa …">`) to stand
 * in for the hidden label. The menu items on this site carry no icon — each <a>
 * contains only <span class="menu-title">, and nothing else. So in that whole
 * range the header renders as a 65px black strip with an illegible logo and NO
 * navigation at all, which is what the UI audit recorded at 1440px.
 *
 * Restore the theme's own >=1825px behaviour inside that range: keep the
 * sidebar at 160px and keep the labels visible. The content column has to give
 * back the difference, otherwise the 160px fixed sidebar would sit on top of
 * it — app-responsive.css widens #main/.expnews_breadcrumbs to 93.8%, which
 * only clears a 65px rail. calc(100% - 180px) leaves the sidebar 160px plus a
 * 10px gutter, mirroring the proportions the theme uses at wider viewports.
 *
 * Nothing outside this media query is touched, so <1199px (mobile/tablet
 * off-canvas) and >=1825px are unchanged.
 */

@media (min-width: 1199px) and (max-width: 1824px) {

	.header-style1 #header,
	.header-style2 #header {
		width: 160px;
	}

	#main,
	.expnews_breadcrumbs,
	.header-style1 .expnews-top-menu,
	.expnews-search-content {
		width: calc(100% - 180px);
	}

	.header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a,
	.header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a {
		text-align: left;
	}

	.rtl .header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a,
	.rtl .header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a {
		text-align: right;
	}

	.header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .menu-title,
	.header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .menu-title,
	.header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .have-icon .menu-title,
	.header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .have-icon .menu-title {
		display: inline-block;
		vertical-align: top;
		margin-top: 4px;
	}

	.header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .fa,
	.header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .fa,
	.header-style1 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .have-icon .fa,
	.header-style2 #header .main-menu #primary-menu .navbar-inner .nav-pills > li > a .have-icon .fa {
		font-size: 13px;
	}

	.header-style1 #header .expnews-logo,
	.header-style2 #header .expnews-logo {
		padding: 0 10px;
	}

}