/**
 * This is an override of alpha-mobile.css which gets loaded when no responsive layouts are loaded.
 * It provides some resets for grid classes that become misaligned when the responsive grid is turned off.
 *
 * We add it as a regular stylesheet instead of a Omega layout, because we don't want to trigger
 * other responsive layout cascades.
 *
 * NOTE: DO NOT add mobile styles here. This is purely a grid reset. Place your mobile styles in global.css.
 */


/**
 * This will display them grid elements as block rather than inline for mobile browsers 
 * (essentially anything smaller than the narrow grid size, and media query declares. 
 */

body {
  min-width: 320px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container-30 {
  margin-left: auto;
  margin-right: auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16,
.grid-17,
.grid-18,
.grid-19,
.grid-20,
.grid-21,
.grid-22,
.grid-23,
.grid-24,
.grid-25,
.grid-26,
.grid-27,
.grid-28,
.grid-29,
.grid-30 {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push-1, .pull-1,
.push-2, .pull-2,
.push-3, .pull-3,
.push-4, .pull-4,
.push-5, .pull-5,
.push-6, .pull-6,
.push-7, .pull-7,
.push-8, .pull-8,
.push-9, .pull-9,
.push-10, .pull-10,
.push-11, .pull-11,
.push-12, .pull-12,
.push-13, .pull-13,
.push-14, .pull-14,
.push-15, .pull-15,
.push-16, .pull-16,
.push-17, .pull-17,
.push-18, .pull-18,
.push-19, .pull-19,
.push-20, .pull-20,
.push-21, .pull-21,
.push-22, .pull-22,
.push-23, .pull-23,
.push-24, .pull-24,
.push-25, .pull-25,
.push-26, .pull-26,
.push-27, .pull-27,
.push-28, .pull-28,
.push-29, .pull-29,
.push-30, .pull-30 {
  position:relative;
}


/* Grid panels inside blocks and panels need their margins negated. */
.container-12 .block .omega-grid,
.container-16 .block .omega-grid,
.container-24 .block .omega-grid,
.container-30 .block .omega-grid {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
/* Since everything is collapsed we reset alpha and omega classes to 0. */
.alpha, .omega {
  margin-left:auto;
  margin-right:auto;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/**
 * The following zoom:1 rule is specifically for IE6 + IE7.
 * Move to separate stylesheet if invalid CSS is a problem.
 */
.clearfix {
  zoom: 1;
}