/*  ------       SENDMAIL MODAL POPUP            ----- */
/*  ------ (c) 2018 ForNext Software Development ----- */
/*  ------          www.ForNext.nl               ----- */

/* Modal */
.sendmail-modal-box {
    display: none; 
    position: fixed; 
    z-index: 1; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
    width: 74%; 
    height: auto; 
    overflow: auto; 
    padding: 20px; 
	border-style: groove;
	border-color: red;
	border-radius: 10px;
	background-image: url('../images/overlay-sendmail.png');
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.9);
	font-size: 1.6em;
}

/* Smaller Form */ 
.sendmail-modal-box .container {
	max-width: 90%;
}

/* The Close Button */
.sendmail-modal-close {
    position: absolute;
    top: 0.2em;
    right: 0.5em;
    color: #000000;
    font-size: 3.0em;
    font-weight: bold;
    transition: 0.3s;
}

/* Hover over the close button */ 
.sendmail-modal-close:hover,
.sendmail-modal-close:focus {
    color: #FF0000;
    text-decoration: none;
    cursor: pointer;
}

@media (max-height: 620px) {
	p {
		margin-bottom: 2px;
	}
	
	.sendmail-modal-box {
		font-size: 1.2em;
		width: 90%;
	}
	
	.form-control {
		font-size: 1.2em;
	}
}

@media (max-width: 620px) {
	p {
		margin-bottom: 2px;
	}
	
	.sendmail-modal-box {
		font-size: 1.2em;
		width: 90%;
	}
	
	.form-control {
		font-size: 1.2em;
	}
}