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


.column-grid .column {
	float: left;
	margin-right: 0;
	margin-left: 0;
	}
.column-grid .column-first {
	margin-left: 0;
	}
.column-grid .column-last {
	float: right;
	margin-right: 0;
	margin-left: 0;
	}

/* Some rules in case wpautop() goes a little crazy. */
.column-grid br,
.column-grid p:empty {
	display: none;
	}
.column-grid .column br {
	display: block;
	}


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


.column-grid-2 .column-span-2 { width: 100%;  }
.column-grid-2 .column-span-1 { width: 100%; }

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

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

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

.column-grid-3 .column-push-2 { margin-left: 0; }
.column-grid-3 .column-push-1 { margin-left: 0; }

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

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

.column-grid-4 .column-push-3 { margin-left: 0; }
.column-grid-4 .column-push-2 { margin-left: 0;  }
.column-grid-4 .column-push-1 { margin-left: 0; }

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

/* $x = 21 */
.column-grid-5 .column-span-5 { width: 100%; }
.column-grid-5 .column-span-4 { width: 100%;  }
.column-grid-5 .column-span-3 { width: 100%;  }
.column-grid-5 .column-span-2 { width: 100%;  }
.column-grid-5 .column-span-1 { width: 100%;  }

.column-grid-5 .column-push-4 { margin-left: 0%; }
.column-grid-5 .column-push-3 { margin-left: 0%; }
.column-grid-5 .column-push-2 { margin-left: 0%; }
.column-grid-5 .column-push-1 { margin-left: 0%; }

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

/* $x = 8.75 */
.column-grid-12 .column-span-12 { width: 100%;   }
.column-grid-12 .column-span-11 { width: 100%; }
.column-grid-12 .column-span-10 { width: 100%;  }
.column-grid-12 .column-span-9  { width: 100%; }
.column-grid-12 .column-span-8  { width: 100%;    }
.column-grid-12 .column-span-7  { width: 100%; }
.column-grid-12 .column-span-6  { width: 100%;  }
.column-grid-12 .column-span-5  { width: 100%; }
.column-grid-12 .column-span-4  { width: 100%;    }
.column-grid-12 .column-span-3  { width: 100%; }
.column-grid-12 .column-span-2  { width: 100%;  }
.column-grid-12 .column-span-1  { width: 100%;  }

.column-grid-12 .column-push-11 { margin-left: 0%; }
.column-grid-12 .column-push-10 { margin-left: 0%;  }
.column-grid-12 .column-push-9  { margin-left: 0%; }
.column-grid-12 .column-push-8  { margin-left: 0%;    }
.column-grid-12 .column-push-7  { margin-left: 0%; }
.column-grid-12 .column-push-6  { margin-left: 0%;  }
.column-grid-12 .column-push-5  { margin-left: 0%; }
.column-grid-12 .column-push-4  { margin-left: 0%;    }
.column-grid-12 .column-push-3  { margin-left: 0%; }
.column-grid-12 .column-push-2  { margin-left: 0%;  }
.column-grid-12 .column-push-1  { margin-left: 0%;  }

/* === Right-to-Left === */

.rtl .column-grid .column {
	float: right;
	margin-left: 0;
	margin-right: 0;
	}
.rtl .column-grid .column-first {
	margin-right: 0;
	}
.rtl .column-grid .column-last {
	float: left;
	margin-right: 0;
	margin-left: 0;
	}

.rtl .column-grid-2 .column-push-1 { margin-right: 0; }

.rtl .column-grid-3 .column-push-2 { margin-right: 0; }
.rtl .column-grid-3 .column-push-1 { margin-right: 0; }

.rtl .column-grid-4 .column-push-3 { margin-right: 0; }
.rtl .column-grid-4 .column-push-2 { margin-right: 0; }
.rtl .column-grid-4 .column-push-1 { margin-right: 0; }

.rtl .column-grid-5 .column-push-4 { margin-right: 0; }
.rtl .column-grid-5 .column-push-3 { margin-right: 0; }
.rtl .column-grid-5 .column-push-2 { margin-right: 0; }
.rtl .column-grid-5 .column-push-1 { margin-right: 0; }

.rtl .column-grid-12 .column-push-11 { margin-right: 0; }
.rtl .column-grid-12 .column-push-10 { margin-right: 0; }
.rtl .column-grid-12 .column-push-9  { margin-right: 0; }
.rtl .column-grid-12 .column-push-8  { margin-right: 0; }
.rtl .column-grid-12 .column-push-7  { margin-right: 0; }
.rtl .column-grid-12 .column-push-6  { margin-right: 0; }
.rtl .column-grid-12 .column-push-5  { margin-right: 0; }
.rtl .column-grid-12 .column-push-4  { margin-right: 0; }
.rtl .column-grid-12 .column-push-3  { margin-right: 0; }
.rtl .column-grid-12 .column-push-2  { margin-right: 0; }
.rtl .column-grid-12 .column-push-1  { margin-right: 0; }