#facebox {
	width:100%;
	max-width:500px;
}

/* facebox contact popups */
.facebox_overlayBG {
    z-index: 1140;
}
#facebox.emailForm {
	position: fixed;
	z-index: 10001; /* above sticky header */
	margin-left: auto;
    margin-right: auto;
	left: 10px !important;
	right: 10px !important;
	top: 10px !important;
	max-height: calc(100vh - 127px) !important;
	width: auto;
}
@media (max-width:576px) {
	#facebox form {
		margin: 0;
	}
	#facebox .content {
		padding: 0.5rem;
	}
	#facebox .form-control {
		font-size: 1rem;
		padding: .375rem .75rem;
		border: var(--bs-border-width) solid var(--bs-border-color);
		line-height: 1.5;
	 }
}
@media (min-width:576px) {
	#facebox.emailForm {
		top: 50% !important;
		left: 50% !important;
		right: auto !important;
		transform: translate(-50%,-50%);
		width: 100%;
		margin: auto;
		max-width: 585px;
	}
}


#facebox .close {
/*
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
*/
    background: transparent;
}


.fc{display:none;}
.form-error { color:red; }
.required { color:red; }
.required-message { 
	color:red;
	text-align:right;
	margin:1em;
	font-size: .875rem;
    line-height: 1.5;
}
#facebox .content {
	padding: 0;
	width: 100%;
}

#facebox, 
#facebox .content {
	min-width: 0;
}
#facebox .close {
    top: 4px;
	right: 10px;
	height: 43px;
	opacity: 1 !important;
}
#facebox .close img{
	opacity: 0.3;
	width: 15px;
}
#facebox .close:hover img{
  opacity:1.0;
}
#facebox.emailForm .popup {
    border: 0;
}





/*
@media screen and (max-width: 767px) {
	#facebox { width: auto; } 
	#contact-popup { width: auto; }
	#facebox .content { width: 100%; }
}
#contact-popup .form-control, .form-label, .form-select { font-size: smaller; }
#contact-popup .txt { display: block; width: 100%; }
#contact-form { padding: 15px; }
*/











#contact-popup {
	margin-left: 1rem;
	margin-right: 1rem;
	border: solid 2px #000;
	margin: 0 auto;
}
#contact-popup .head {
	background-color: var(--brand-dark-blue);
	color: var(--brand-white);
	padding: 0.5em 18px;
	line-height: normal;
}
#contact-popup .head p {
	margin: 0;
}
#contact-popup form {
	/*
	margin-left: 1em;
	margin-right: 1em;
	*/
}
#contact-popup .form-message {
	display: table;
	margin: 1em auto 0 auto;
	color: #000;
	font-size: larger;
	background-color: #eee;
	border-radius: 5px;
}
#contact-popup .form-error {
	display: table;
	margin: 1em auto 0 auto;
	color: #fff;
	font-size: larger;
	background-color: #C30;
	border-radius: 5px;
}
#contact-popup .inner-pad {
	padding: 1em;
}
#contact-popup .content {
	padding: 18px;
}
#contact-popup label {
	/*
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	*/
	margin-bottom: 0;
}
#contact-popup .field {
	/*
	border: solid 1px #a8b7cc;
	padding: 4px 10px;
	width: 212px;
	border-radius: 4px;
	margin: 0;
	height: auto;
	font-size: 12px;
	line-height: 15px;
	*/
}
#contact-popup textarea {
	/*
	border: solid 1px #a8b7cc;
	padding: 4px 10px;
	width: 454px;
	height: 112px;
	border-radius: 3px;
	*/
}
#contact-popup .row {
	/*
	margin: 0 0 10px 0;
	*/
}
#contact-popup .btn {
	/*
	cursor: pointer;
	float: left;
	display: inline;
	padding: 0.25em 1em;
	*/
}
#contact-popup .btns a {
	float: left;
	display: inline;
	line-height: 29px;
	margin-left: 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#contact-popup .buttons {
	text-align: right;
}