.c-button {
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
	border:0;
	margin:1.5em 0;
	padding:.8em 2.4em;
    background:$lightgreen;
	background:-webkit-linear-gradient(left, $lightgreen, $darkgreen);
	background:   -moz-linear-gradient(left, $lightgreen, $darkgreen);
	background:     -o-linear-gradient(left, $lightgreen, $darkgreen);
	background:        linear-gradient(left, $lightgreen, $darkgreen);
	color:#fff;
	display:inline-block;
	font:normal 400 1em $montserrat;
	text-transform:uppercase;
	border-radius:.25em;
	cursor:pointer;
	transition:all .2s ease-in-out;
	&:hover,&:focus,&:active {
		box-shadow:0 0 .4em 0 rgba($lightgreen, .7);
	}
}
.c-button--padded {
    margin: 3em 0 1.5em;
}

.c-form {
	font-family:$roboto;
	a {
		display:block;
		width: 100%;
		color: #bcbcbc;
		margin: 0 0 1em;
		font-size: .8em;
	}
	.error {
		margin-bottom:2em;
		&:before {
			content:'';
			display:inline-block;
			background:transparent url('/images/status-error.svg') center center no-repeat;
			height:1.5em;;
			width:1.5em;
			margin-right:.6em;
			position:relative;
			top:calc(.5em / 2);
		}
	}
}
.c-form__group {
	border:0;
	text-align:left;
	legend {
        font-size:1.4em;
        line-height:1em;
        text-transform:uppercase;
	}
}
.c-form__label {
	display:block;
	color: $lightgreen;
	font-size: .8em;
}
.input__text {
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    font-size: 1em;
    margin:.15em 0 1em 0 ;
    width: 100%;
    font-family: $roboto;
    font-weight: 600;
    color:$lighter;
    border:0;
    border-bottom:1px solid $softwhite;
    background:transparent;
    &:disabled {
        border:0;
    }
    // Hack to keep Chrome from putting a yellow
    // background on autocompleted text fields
    &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }
}
.input__text--dark {
    color:$softwhite;
    margin:0; // Unrelated, but dark fields are inside the table
}
.input-select__wrapper {
    position:relative;
    max-width:250px;
    &:after {
        content:'';
        display:block;
        height:100%;
        width:1px;
        position:absolute;
        right:16%;
        top:0;
        background:$lighter;
    }
}
.input-select {
    width:100%;
    padding:.7em;
    min-width:250px;
    border:1px solid $lighter;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background:$dark url('../../svgs/select-arrows.svg') 94% center no-repeat;;
    background-size:10px;
    color:#fff;
    border-radius:4px;
    font-size:.75em;
    position:relative;
    &::-ms-expand {
        display:none;
    }
}
