// -------------------------------------------------------------------
// :: UPLOAD FIELD
// -------------------------------------------------------------------

.a-input--upload {
	margin: 0 0 1.5em;
	padding: 0;

	.a-input__field-holder {
		position: relative;
		overflow: hidden;

		input[type='file'],
		input[type='text'] {
			padding-left: rem(48px+16px);
		}

		&:after {
			@extend %___FLOW-icon;
			content: "\EA1E";
			position: absolute;
			color: $white;
			top: 10px;
			left: 10px;
			font-size: 28px;
		}

		.a-button {
			position: absolute;
			top: 0;
			left: 0;
			width: 48px;
			bottom: 0;
			background: $dark-extra;
			border-radius: 0;
			overflow: hidden;
			text-indent: -5000em;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

	}
}

.a-input--upload input[type="file"] {
	left: 0;
	opacity: 0;
	position: absolute;
	z-index: 99;
	top: 0;

	&:hover{
		cursor: pointer;
	}
}

.a-input--upload input[type="text"] {
	@extend %__input;
	opacity: 1;
}