/* Styles for dialog window */
#small-dialog {
	background: #f5f5f5;
	padding: 20px 30px;
	text-align: left;
	max-width: 800px;
	margin: 40px auto;
	position: relative;
}

.admin-bar .mfp-close{
	top: 0 !important;
	right: 0 !important;
}

.mfp-bg{
	z-index: 10000;
}

.mfp-wrap{
	z-index: 10001;
}

/**
 * Fade-zoom animation for dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

button.mfp-close{
	background: #009b9c;
	border-radius: 50%;
}

.mfp-close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    font-size: 18px;
    margin: 10px;
}

/* form styles */
.form-box{
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 400px;
}

.form-box form{
	width: 100%;
}

.form-box input[type=text],
.form-box input[type=email],
.form-box input[type=submit]{
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.form-box input[type=submit]{
	margin-top: 15px;
}

.form-box input[type=submit]:hover{
	background-color: #F8AFA6;
    border-color: #F8AFA6;
    color: #ffffff;
}