/**
 * CSS for handling the [column] shortcode styles.
 *
 * @version   20121007
 * @author    Justin Tadlock <justin@justintadlock.com>
 * @copyright Copyright (c) 2012, Justin Tadlock
 * @link      http://justintadlock.com
 * @license   http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 */

.column-grid {
	clear: both !important;
	}
.column-grid:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.column-grid .column {
	float: left !important;
	margin-right: 5% !important;
	margin-left: 0 !important;
	}
.column-grid .column-first {
	margin-left: 0 !important;
	}
.column-grid .column-last {
	float: right !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	}

#post-29 .column-grid br { /* Contacts Page */
	display: none !important;
}

/**
 * Formula for getting the width of each column.
 *	$width = ( 100 + $margin-right ) / ( $grid ) * ( $span ) - ( $margin_right )
 *	$x     = ( 100 + $margin_right ) / $grid
 */

/* === 2 columns === */

/* $x = 52.5 */
.column-grid-2 .column-span-2 { width: 100%;  }
.column-grid-2 .column-span-1 { width: 47.5% !important; }

.column-grid-2 .column-push-1 { margin-left: 52.5%; }

/* === 3 columns === */

/* $x = 35 */
.column-grid-3 .column-span-3 { width: 100% !important; }
.column-grid-3 .column-span-2 { width: 65% !important;  }
.column-grid-3 .column-span-1 { width: 30% !important;  }

.column-grid-3 .column-push-2 { margin-left: 70% !important; }
.column-grid-3 .column-push-1 { margin-left: 35% !important; }

/* === 4 columns === */

/* $x = 26.25 */
.column-grid-4 .column-span-4 { width: 100%;   }
.column-grid-4 .column-span-3 { width: 73.75%; }
.column-grid-4 .column-span-2 { width: 47.5%;  }
.column-grid-4 .column-span-1 { width: 21.25%; }

.column-grid-4 .column-push-3 { margin-left: 78.75%; }
.column-grid-4 .column-push-2 { margin-left: 52.5%;  }
.column-grid-4 .column-push-1 { margin-left: 26.25%; }

/* === 5 columns === */

/* $x = 21 */
.column-grid-5 .column-span-5 { width: 100% !important; }
.column-grid-5 .column-span-4 { width: 79% !important;  }
.column-grid-5 .column-span-3 { width: 58% !important;  }
.column-grid-5 .column-span-2 { width: 37% !important;  }
.column-grid-5 .column-span-1 { width: 16% !important;  }

.column-grid-5 .column-push-4 { margin-left: 84% !important; }
.column-grid-5 .column-push-3 { margin-left: 63% !important; }
.column-grid-5 .column-push-2 { margin-left: 42% !important; }
.column-grid-5 .column-push-1 { margin-left: 21% !important; }

/* === 12 columns === */

/* $x = 8.75 */
.column-grid-12 .column-span-12 { width: 100%;   }
.column-grid-12 .column-span-11 { width: 91.25%; }
.column-grid-12 .column-span-10 { width: 82.5%;  }
.column-grid-12 .column-span-9  { width: 73.75%; }
.column-grid-12 .column-span-8  { width: 65%;    }
.column-grid-12 .column-span-7  { width: 56.25%; }
.column-grid-12 .column-span-6  { width: 47.5%;  }
.column-grid-12 .column-span-5  { width: 38.75%; }
.column-grid-12 .column-span-4  { width: 30%;    }
.column-grid-12 .column-span-3  { width: 21.25%; }
.column-grid-12 .column-span-2  { width: 12.5%;  }
.column-grid-12 .column-span-1  { width: 3.75%;  }

.column-grid-12 .column-push-11 { margin-left: 96.25%; }
.column-grid-12 .column-push-10 { margin-left: 87.5%;  }
.column-grid-12 .column-push-9  { margin-left: 78.75%; }
.column-grid-12 .column-push-8  { margin-left: 69%;    }
.column-grid-12 .column-push-7  { margin-left: 61.25%; }
.column-grid-12 .column-push-6  { margin-left: 52.5%;  }
.column-grid-12 .column-push-5  { margin-left: 43.75%; }
.column-grid-12 .column-push-4  { margin-left: 35%;    }
.column-grid-12 .column-push-3  { margin-left: 26.25%; }
.column-grid-12 .column-push-2  { margin-left: 17.5%;  }
.column-grid-12 .column-push-1  { margin-left: 8.75%;  }

/* === RESPONSIVE COLLAPSE! === */

@media (max-width: 720px) {
.column-grid-2 .column-span-1 {
		width: 100% !important; margin: 0 !important; padding: 0 !important;
	}
.column-grid-3 .column-span-1 {
		width: 100% !important; margin: 0 !important; padding: 0 !important;
	}	
.column-grid-5 .column-span-1 {
		width: 100% !important; margin: 0 !important; padding: 0 !important;
	}	
}