/*search form*/
#search-tags, #search-form input[type="submit"]
{
	width: 100%;
	outline: none;
}
#search-form
{
	margin-bottom: var(--spacing-medium);
}
/*submenu*/
.submenu
{
	text-align: right;
}
/*search help*/
#search-help
{
	display: inline-block;
	float: left;
}
/*search total*/
#search-total
{
}
/*page tags*/
#page-tags
{
	margin-top: var(--spacing-medium);
	max-width: 100%;
}
#page-tags-label
{
	width: 100%;
	background-color: var(--label-bg);
	color: var(--label-color);
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	border-top-left-radius: var(--border-radius-small);
	border-top-right-radius: var(--border-radius-small);
	padding-right: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#page-tags-label::after
{
	display: block;
	content: attr(data-default);
}
#page-tags-wrapper
{
	width: 100%;
	background-color: var(--menu-bg);
	border-bottom-left-radius: var(--border-radius-small);
	border-bottom-right-radius: var(--border-radius-small);
	text-align: left;
	font-size: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 0px 2px 2px;
	margin-top: 1px;
}
/*search results*/
#search-results
{
	font-size: 0px;
	margin: var(--spacing-large) auto;
	display: inline-block;
}
/*set indicator*/
.indicator-set
{
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 0px;
	border-radius: var(--border-radius-small);
	overflow: hidden;
	z-index: 10;
}
.indicator-set::before
{
	content: "";
	display: inline-block;
	width: var(--dimension-small);
	height: var(--dimension-small);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAACXBIWXMAAAsSAAALEgHS3X78AAAAG3RFWHRTb2Z0d2FyZQBDZWxzeXMgU3R1ZGlvIFRvb2zBp+F8AAADtklEQVRo3u3YbWiVVRwA8N/d3d3W1jJyZoFIVFrYlm7LN8pAmqKULwWZAzPpjTI0jEKl+hASMSjwg7SI9cGyYGmmXwITLM0kQXB96A0rJBdOXbVobV63e58+JA+71918btvtBe759j+ce57fPc85/+ecEwv8uyVWBBQBRUARUAT83wAxceVISxkQFBowWbOZalQqVyqhTFyJOEij3zs2GCgUYLFWV4v95e/T1ntlJCORGzDBEeMj9PC9Rj2FADymNVIPfW7QiQoVks7mOxq5AVs8EamHpFontWhSacBvvtKiY+SAmN0WRephwM0SjigLa4651ZmRAhIOmBWph0GzdflW+ZC6dTaPFFDukIZIPQSWOOHI+cX5Z9lt6T8HYJVvfKpkSM1hc6Jmh1yAMgdNjwhY7WgW4JgZ+qxwm6QuH/os99rIPQf2mx0Z0OFgBqBTg4XaJBA4baGj+QLi9pobEfCwr32SkTG71NtobRg/58V8ASV2WhJxEt6ny/4MwGnTrLUhjDdbl38eeNOKiIClenx8AeApT4dxm0fyB7ytORIg7U59wwA2DHkF2y3LH/CBBZEAKU3SwwA2WhMlL+SehPvcHjETzlB9EcCe3H8mN+AjcyJ+C6YalwU4pd56T4bxF2oLCZim5iKT8Iwr81+GezRFBlzhQAbgF1M9YFMY96qRzHcStrs3IqBedVYq7lVnoVfD+KxrnMp3Q9LmoYiTsNGYrETUp85cbWF8zhTf5Qt4N/IINLrO+xl1/WrNsi1E/S3AVisj7gknu8trWYA6DdpDQNIkJ/IFPKo1473mKt2mWOP5LFSdettDQL+JuvMFVNpmccY+Z/hyyHxbrMqo61Wn3nshoNdVfs//YFJpkQVqxMRUKJXSh0uVCaRwiRI/aNFhX9be4SdTTbczBPQYKz06Z8NScTEMGpQQF0hZo0Uio1WnBrPtCgE/mjAah9OElZapUSHttG4xVRLKzFSR1fJLs9wxZAQ61I8GoMkuVZFabrfcFo+H8V7zRwPQ7K0IkzLQ6R6fZ5wr2i0fDcA4r5unXCAuNsypedBJhx22w3H32zqkRavVo3NBkVAjkDLGBGNUSAsEBiT1O6NTv5Ryt7jTgxnfv5c9U6grmmrXqjXW5apUuEyVSW7KWhOBZu2FAdztBTdmPe7C8rNGxwsBGOeQ6yNMypc8W5hbsmo7NA3zvQgEiElL+9UbNuVKwyN/BePNM1Gp4Pxjk/qd1aPbOZQYcDLXV7B4UVkEFAFFQBFQBPxnAH8ANgZCEL9iJTYAAAAASUVORK5CYII=);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.5);
	vertical-align: middle;
}
.set-count
{
	display: inline-block;
	font-size: 12px;
	padding: 0 var(--text-container-padding-horizontal-small);
	font-weight: bold;
	line-height: var(--dimension-small);
	background-color: #000000;
	vertical-align: middle;
}
/*split line after 8 thumbnails*/
.media-summary-thumbnail:nth-child(8n)::after
{
    display: block;
    content: "";
    visibility: hidden;
}
.media-summary-thumbnail
{
	width: 256px;
	max-width: calc(12.5% - 1px);
	max-height: calc(12.5% - 1px);
	height: auto;
}
/*at medium viewport widths split line after 4 thumbnails*/
@media only screen and (max-width: 1024px)
{
	.media-summary-thumbnail:nth-child(8n)::after
	{
		display: none;
	}
	.media-summary-thumbnail:nth-child(4n)::after
	{
		display: block;
		content: "";
		visibility: hidden;
	}
	.media-summary-thumbnail
	{
		max-width: calc(25% - 1px);
	}
}
/*at small viewport widths split line after 2 thumbnails*/
@media only screen and (max-width: 512px)
{
	.media-summary-thumbnail::nth-child(4n)::after
	{
		display: none;
	}
	.media-summary-thumbnail:nth-child(2n)::after
	{
		display: block;
		content: "";
		visibility: hidden;
	}
	.media-summary-thumbnail
	{
		max-width: calc(50% - 1px);
	}
}
/*few results*/
#search-results[data-this-page="1"] .media-summary-thumbnail
{
	max-width: 100%;
	margin: 0px;
}
#search-results[data-this-page="2"] .media-summary-thumbnail
{
	max-width: calc(50% - 1px);
}
#search-results[data-this-page="3"] .media-summary-thumbnail
{
	max-width: calc(33% - 1px);
}
#search-results[data-this-page="4"] .media-summary-thumbnail
{
	max-width: calc(25% - 1px);
}
/*page list modification*/
#pagelist
{
	border-radius: var(--border-radius-small);
}
/*transition for wrapper to fade in for js*/
.js #wrapper
{
	transition: opacity 250ms;
	opacity: 0;
}

/*magic tag search*/
/**/

/*page tags toggle wrapper*/
#page-tags-wrapper
{
	transition: none;
}
.js #page-tags #page-tags-wrapper
{
	display: block;
	transition: height 100ms, margin-top 100ms, padding 100ms;
	overflow: hidden;
}
.js #page-tags.open #page-tags-wrapper
{
}
.js #page-tags:not(.open) #page-tags-wrapper
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
/*page tags toggle label radius*/
.js #page-tags-label
{
	border-radius: var(--border-radius-small);
	cursor: pointer;
}
.js #page-tags.open #page-tags-label
{
	border-radius: var(--border-radius-small) var(--border-radius-small) 0px 0px;
}
/*page tags toggle label text*/
.js #page-tags-label::after
{
	content: attr(data-show);
}
.js #page-tags.open #page-tags-label::after
{
	content: attr(data-hide);
}

/*tag field search form*/
.js .tag-field-preview:empty
{
	display: none;
}
.js .tag-field-preview
{
	background-color: var(--menu-bg);
	display: block;
	text-align: left;
	padding: 1px 0px 2px 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0px;
	margin: 0;
}
.js .tag-field-preview .tag
{
	cursor: pointer;
}
.js .tag-field-input
{
	width: 100%;
	outline: none;
}
.js #search-loading
{
	display: inline-block;
	width: 128px;
	height: 128px;
	background-image: url(overlay-processing.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: calc(50% - 64px);
	top: calc(50% - 64px);
	transition: opacity 100ms;
	opacity: 0;
}