
/* Grid Order
---------------------------------------------------------------------------*/
.w-order {
	display: flex;
	align-items: center;
	}
	.w-order > label {
		margin-right: 0.6em;
		}
	.w-order-select {
		position: relative;
		}
		.w-order-select > select {
			-webkit-appearance: none;
			}
		body:not(.rtl) .w-order-select > select {
			padding-right: 2.8em;
			}
		.w-order-select:after {
			content: '';
			position: absolute;
			top: 56%;
			transform: translateY(-50%);
			right: 0;
			font-size: var( --inputs-font-size );
			margin: 0 var( --inputs-padding );
			color: var( --inputs-text-color );
			pointer-events: none;
			border: 0.4em solid;
			border-left-color: transparent;
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-radius: 2px;
			}

.w-order.width_full {
	display: block;
	width: 100%;
	}
	.w-order.width_full > label {
		display: block;
		font-weight: bold;
		margin: 0 0 0.5em;
		}

/* Responsive
   ========================================================================== */
@media screen and (max-width: 480px) {
.w-order {
	width: 100%;
	}
.w-order-select {
	flex-grow: 1;
	}
}
