/* This stylesheet is used to style the public view of the plugin. */

.pzssc-0column,
.pzssc-nocolumn,
.pzssc-endcolumn,
.pzssc-0columns,
.pzssc-nocolumns,
.pzssc-endcolumns {

	/* don't actually need any CSS here to end the columns. Just closing the div does the trick */
	
}


.pzssc-1column, .pzssc-1columns {
	columns: auto 1;
	-webkit-columns: auto 1;
	-moz-columns: auto 1;
}

.pzssc-2column, .pzssc-2columns {
	columns: auto 2;
	-webkit-columns: auto 2;
	-moz-columns: auto 2;
}

.pzssc-3column, .pzssc-3columns {
	columns: auto 3;
	-webkit-columns: auto 3;
	-moz-columns: auto 3;
}

.pzssc-4column, .pzssc-4columns {
	columns: auto 4;
	-webkit-columns: auto 4;
	-moz-columns: auto 4;
}

.pzssc-5column,.pzssc-5columns {
	columns: auto 5;
	-webkit-columns: auto 5;
	-moz-columns: auto 5;
}
.pzssc-6column,.pzssc-6columns {
	columns: auto 6;
	-webkit-columns: auto 6;
	-moz-columns: auto 6;
}
.pzssc-7column,.pzssc-7columns {
	columns: auto 7;
	-webkit-columns: auto 7;
	-moz-columns: auto 7;
}
.pzssc-8column,.pzssc-8columns {
	columns: auto 8;
	-webkit-columns: auto 8;
	-moz-columns: auto 8;
}
.pzssc-9column,.pzssc-9columns {
	columns: auto 9;
	-webkit-columns: auto 9;
	-moz-columns: auto 9;
}



.pzcolumns {
	column-rule:1px solid #eee;
	-moz-column-rule:1px solid #eee;
	-webkit-column-rule:1px solid #eee;
	column-gap:20px;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;

}

@media all and (max-width: 768px) {
	.pzssc-1column,
	.pzssc-1columns, 
	.pzssc-2column,
	.pzssc-2columns, 
	.pzssc-3column,
	.pzssc-3columns, 
	.pzssc-4column,
	.pzssc-4columns 
	.pzssc-5column,
	.pzssc-5columns 
	.pzssc-6column,
	.pzssc-6columns 
	.pzssc-7column,
	.pzssc-7columns 
	.pzssc-8column,
	.pzssc-8columns 
	.pzssc-9column,
	.pzssc-9columns 
	{
		columns: auto 1;
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
	}

}