.CPAlert {
	-webkit-transition: box-shadow 0.2s ease, opacity 0.15s linear, top 0.3s ease;
    -moz-transition: box-shadow 0.2s ease, opacity 0.15s linear, top 0.3s ease;
    -o-transition: box-shadow 0.2s ease, opacity 0.15s linear, top 0.3s ease;
    transition: box-shadow 0.2s ease, opacity 0.15s linear, top 0.3s ease;

	/* Fix for changing display type while scrolling on iPhone */
	transform: translateZ(0);

	box-shadow: none;
	margin-bottom: 8px;
	top:-80px;
}

.CPAlert * {
	transform: translateZ(0);
	color: #FAF9F5
}

.CPAlert.fixed {
	position: fixed;
	left:0;
	right:0;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
}

.CPAlert.shadow {
	-webkit-box-shadow: 0 5px 8px  rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}

.CPAlert-placeholder {
	height:0;
}