/*
 * Module: Metaphysis Find Compressor
 * Style Sheet for page with Find Compressor form.
 *
 * Author: Andreas Prieß - ap@metaphysis.de
 * Copyright 2021 Andreas Prieß
 */

/* Find Compressor - Form */

#find-compressor label {
	display: block;
}

#find-compressor select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
}

#find-compressor select::-ms-expand {
	display: none;
}

#find-compressor .button {
	color: white;
	background-color: #006b4f;
	border-color: #006b4f;
}

#find-compressor .button:hover {
	color: white;
	background-color: #008048;
}

#find-compressor .select-wrapper::after {
	color: #006b4f;
	padding-right: 12px;
}

#find-compressor .form-required::after {
	content: none;
	background-image: none;
	width: auto;
	height: auto;
}

.hidden-translation {
	display: none;
}

#edit-actions {
	margin-bottom: 15px;
}

/* Search result line. */

.compressor-search-result {
	float: right;
	color: #787878;
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	font-family: Rajdhani, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 34px; /* 34 + padding = 50 */

	list-style: none outside none;
	padding: 8px 15px;
	margin-top: 45px;
}

.compressor-search-result > li {
	display: inline-block;
}

.compressor-search-result > li + li::before {
	content: '|';
	padding: 0 8px;
}

.result-label {
	color: #555555;
}

.result-value {
	color: #006b4f;
	font-weight: 500;
}

/* Compressor view rows and blocks. */

.views-row.compressor {
	float: left; /* Floating avoids space gaps from hidden compressors. */
	overflow: hidden;
	opacity: 1.0;

	transition:	opacity   1.0s ease-out 0.2s,
				width     0.2s ease-out 0.0s,
				padding   0.2s ease-out 0.0s,
				transform 1.0s ease-in  0.2s;
}

.views-row.compressor-hidden {
	width: 0;
	padding: 0;
	opacity: 0.0;
	transform: scale(0);

	transition:	opacity   1.0s ease-out 0.0s,
				width     0.2s ease-out 1.0s,
				padding   0.2s ease-out 1.0s,
				transform 1.0s ease-in  0.0s;
}