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

.admin-bar .mfp-close{
	top: 5px !important;
	right: 5px !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;
    height: 32px !important;
    top: 0 !important;
    right: 0 !important;
    margin: 5px !important;
}

button.mfp-close{
	background: #4963A7;
	border-radius: 50%;
}

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

/* input styles */
.landing-form input[type=text],
.landing-form input[type=email]{
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    border: 2px solid #4963A7;
    background-color: #ffffff;
}

.landing-form button{
	margin-top: 15px !important;
    background-color: #4963A7 !important;
    color: #ffffff;
    width: 100% !important;
    display: block !important;
}

form.landing-form{
	width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}