@charset "utf-8";

/* gallery */

.gallery::after
{
	clear: both;
	content: '';
	display: block;
}

.gallery
{
	width: 100%;
}

.gallery-item
{
	width: calc(33.33% - 20px);
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 20px;
}

@media all and (min-width: 500px)
{
	.gallery-columns-2 .gallery-item
	{
		width: calc(50% - 20px);
	}
}

.gallery-columns-4 .gallery-item
{
	width: calc(25% - 20px);
}

@media all and (max-width: 700px)
{
	.gallery-item
	{
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 500px)
{
	.gallery-item
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.gallery-columns-4
	{
		width: calc(50% - 20px);
	}
}

/* alignleft, alignright */

@media all and (max-width: 520px)
{
	.alignleft,
	.alignright,
	img.alignleft,
	img.alignright
	{
		display: block;
		float: none;
		margin: 10px auto;
		max-width: 100%;
		text-align: center;
	}
}