div#email-my-favorites-modal-backdrop {
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: opacity 0.5s ease-in-out;
	display: none;
}

div#email-my-favorites-modal-backdrop.active {
	opacity: 1;
	z-index: 9999;
	padding: 30px;
}

div#email-my-favorites-modal-backdrop #modal-content {
	background: #fff;
	margin: 10% auto;
	width: 100%;
	max-width: 500px;
	padding: 2em;
	border-radius: 3px;
	z-index: 99999;
}

div#email-my-favorites-modal-backdrop #modal-content label {
	display: block;
	color: #333;
	margin-bottom: 1em;
}

div#email-my-favorites-modal-backdrop #modal-content label span {
	display: block;
	font-weight: 600;
}

div#email-my-favorites-modal-backdrop #modal-content label input {
	width: 100%;
	color: #333;
	font-size: 1rem;
	height: 2.5rem;
	border-radius: 3px;
}

div#email-my-favorites-modal-backdrop #modal-content input[type=submit] {
	background-color: #e42121;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 0.2em 1em 0.3em;
	cursor: pointer;
}

@media screen and ( min-width: 56.19em ) {
	#modal-content form section {
		float: left;
		margin-right: 2em;
		width: 100%;
	}

	#modal-content form input[type=submit] {
		display: block;
		clear: left;
	}
}

div#email-my-favorites-modal-backdrop #modal-content::after {
	display: block;
	content: ' ';
	clear: right;
}

div#email-my-favorites-modal-backdrop #modal-close {
	color: #e42121;
	font-size: 2em;
	float: right;
	padding: 5px;
	cursor: pointer;
}

div#email-my-favorites-modal-backdrop #modal-close:hover,
div#email-my-favorites-modal-backdrop #modal-close:focus {
	color: #333;
}

div#email-my-favorites-modal-backdrop #send-favorites-response {
	margin-bottom: 1em;
	clear: left;
}

div#email-my-favorites-modal-backdrop.success #send-favorites-response {
	color: green;
}

div#email-my-favorites-modal-backdrop.error #send-favorites-response {
	color: red;
}