#spothit_widget {
	background-color: rgba(195, 195, 195, 0.2);
	padding: 1em;
	border-radius: 5px;

	&.section-dark {
		background-color: rgb(37, 37, 37);

		.section-title,
		#spot-section-description {
			color: white !important;
		}
		#spothit_widget_form {
			input[type="text"],
			input[type="email"] {
				color: white;
				border-bottom: 1px solid rgb(116, 116, 116);
				::placeholder {
					color: rgb(116, 116, 116);
				}
			}
			button {
				background-color: rgb(116, 116, 116);
				color: white;
				&:hover {
					background-color: rgb(150, 150, 150);
				}
			}
		}
	}

	#spothit_widget_form {
		label {
			margin: 1em;
			margin-bottom: 0.5em;
			color: rgb(116, 116, 116);
			font-weight: 200;
		}

		input[type="text"],
		input[type="email"],
		input[type="textbox"] {
			border: none;
			border-radius: 0;
			border-bottom: 1px solid black;
			background-color: transparent;
			color: black;
			box-shadow: none;

			&:focus {
				box-shadow: none;
			}
		}
	}
	.form-submit {
		button {
			background-color: rgb(116, 116, 116);
			color: white;
			border-radius: 5px;
			&:hover {
				background-color: rgb(145, 145, 145);
			}
			&:active,
			&:focus {
				-webkit-box-shadow: 0px 0px 2px 4px rgba(122, 122, 122, 0.57);
				box-shadow: 0px 0px 2px 4px rgba(122, 122, 122, 0.57);
			}
		}
		&.success {
			button {
				background-color: rgb(14, 159, 67);
				color: white;
			}
		}
	}
}