/* Modified to match the CrystalCommerce Breakpoints for Small/Medium/Large */
/* Foundation Visibility HTML Classes */

/* =====================================================
/* ====== SMALL DISPLAYS
/* ==================================================== */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
	display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
	display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
	display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
	display: none !important;
}

/* Specific visibility for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
	display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
	display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
	display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
	display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
	display: table-cell !important;
}

/* =====================================================
/* ====== MEDIUM DISPLAYS
/* ==================================================== */
@media only screen and (min-width: 768px) {
	.show-for-medium,
	.show-for-medium-up {
		display: inherit !important;
	}

	.show-for-small {
		display: none !important;
	}

	.hide-for-small {
		display: inherit !important;
	}

	.hide-for-medium,
	.hide-for-medium-up {
		display: none !important;
	}

	/* Specific visibility for tables */
	table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
		display: table;
	}

	thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
		display: table-header-group !important;
	}

	tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
		display: table-row-group !important;
	}

	tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
		display: table-row !important;
	}

	td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
	th.show-for-medium,
	th.show-for-medium-up,
	th.hide-for-small {
		display: table-cell !important;
	}
}

/* =====================================================
/* ====== LARGE DISPLAYS
/* ==================================================== */

@media only screen and (min-width: 980px) {
	.show-for-large,
	.show-for-large-up {
		display: inherit !important;
	}

	.show-for-medium,
	.show-for-medium-down {
		display: none !important;
	}

	.hide-for-medium,
	.hide-for-medium-down {
		display: inherit !important;
	}

	.hide-for-large,
	.hide-for-large-up {
		display: none !important;
	}

	/* Specific visibility for tables */
	table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
		display: table;
	}

	thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
		display: table-header-group !important;
	}

	tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
		display: table-row-group !important;
	}

	tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
		display: table-row !important;
	}

	td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
	th.show-for-large,
	th.show-for-large-up,
	th.hide-for-medium,
	th.hide-for-medium-down {
		display: table-cell !important;
	}
}

/* =====================================================
/* ====== LARGE DISPLAYS
/* ==================================================== */

@media only screen and (min-width: 1440px) {
	.show-for-xlarge {
		display: inherit !important;
	}

	.show-for-large,
	.show-for-large-down {
		display: none !important;
	}

	.hide-for-large,
	.hide-for-large-down {
		display: inherit !important;
	}

	.hide-for-xlarge {
		display: none !important;
	}

	/* Specific visibility for tables */
	table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
		display: table;
	}

	thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
		display: table-header-group !important;
	}

	tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
		display: table-row-group !important;
	}

	tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
		display: table-row !important;
	}

	td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
	th.show-for-xlarge,
	th.hide-for-large,
	th.hide-for-large-down {
		display: table-cell !important;
	}
}

/* =====================================================
/* ====== ORIENTATION TARGETING
/* ==================================================== */

.show-for-landscape,
.hide-for-portrait {
	display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
	display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
	display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
	display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
	display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
	display: table-cell !important;
}

@media only screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: inherit !important;
	}

	.hide-for-landscape,
	.show-for-portrait {
		display: none !important;
	}

	/* Specific visibility for tables */
	table.show-for-landscape, table.hide-for-portrait {
		display: table;
	}

	thead.show-for-landscape, thead.hide-for-portrait {
		display: table-header-group !important;
	}

	tbody.show-for-landscape, tbody.hide-for-portrait {
		display: table-row-group !important;
	}

	tr.show-for-landscape, tr.hide-for-portrait {
		display: table-row !important;
	}

	td.show-for-landscape, td.hide-for-portrait,
	th.show-for-landscape,
	th.hide-for-portrait {
		display: table-cell !important;
	}
}

@media only screen and (orientation: portrait) {
	.show-for-portrait,
	.hide-for-landscape {
		display: inherit !important;
	}

	.hide-for-portrait,
	.show-for-landscape {
		display: none !important;
	}

	/* Specific visibility for tables */
	table.show-for-portrait, table.hide-for-landscape {
		display: table;
	}

	thead.show-for-portrait, thead.hide-for-landscape {
		display: table-header-group !important;
	}

	tbody.show-for-portrait, tbody.hide-for-landscape {
		display: table-row-group !important;
	}

	tr.show-for-portrait, tr.hide-for-landscape {
		display: table-row !important;
	}

	td.show-for-portrait, td.hide-for-landscape,
	th.show-for-portrait,
	th.hide-for-landscape {
		display: table-cell !important;
	}
}

/* =====================================================
/* ====== TOUCH DEVICE TARGETING
/* ==================================================== */

.show-for-touch {
	display: none !important;
}

.hide-for-touch {
	display: inherit !important;
}

.touch .show-for-touch {
	display: inherit !important;
}

.touch .hide-for-touch {
	display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
	display: table;
}

.touch table.show-for-touch {
	display: table;
}

thead.hide-for-touch {
	display: table-header-group !important;
}

.touch thead.show-for-touch {
	display: table-header-group !important;
}

tbody.hide-for-touch {
	display: table-row-group !important;
}

.touch tbody.show-for-touch {
	display: table-row-group !important;
}

tr.hide-for-touch {
	display: table-row !important;
}

.touch tr.show-for-touch {
	display: table-row !important;
}

td.hide-for-touch {
	display: table-cell !important;
}

.touch td.show-for-touch {
	display: table-cell !important;
}

th.hide-for-touch {
	display: table-cell !important;
}

.touch th.show-for-touch {
	display: table-cell !important;
}