/* ==== markui.css; all core modules, as well as extra mods (via. modules.css) are imported here. ==== */
/* Add the following lines to the HEAD of all HTML files:
 * <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 * <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
 */

/* ==== Import markui core modules ==== */
@import url("reset.css");
@import url("common.css");
@import url("grids.css");

/* ==== Import extra modules ==== */
@import url("modules.css");

/* ==== Global classes ==== */
/* External widget - overrides box-sizing set in reset.css for all children; to be used with external widgets */
.externalWidget * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* Show at low resolution (hides on high resolution) */
.showAtLowRes { display: none; }

/* ==== Special classes for low resolution/mobile devices ==== */
@media handheld, print, only screen and (max-width: 800px) {
	/* Exclude any element at low resolution */
	.excludeAtLowRes {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Show at low resolution (hides on high resolution) */
	.showAtLowRes { display: block !important; }
	
	/* Display images as text-only */
	img.asTextLowRes { content: attr(alt); }
}