/* NOTE: to remove placeholder text from contact fields you need to add formid to web.config */

/* changes area outside of container to white, was gray */
/* added by KAM on 2/18/2025 to make container no wider than 800px */
.container {
	background-color: white !important;
		max-width: 800px !important;
   }
/* added by KAM on 2/19/2025 to make form pop a bit */
body {
	background-color: #D3D3D3 !important;
}	
/* added by KAM on 2/19/2025 to tighten up space between fields */
.contact-spacer {
	padding-bottom: 10px !important;	
}	
/* change size of text boxes for demo fields */
.demos_control_panel input[type=text] {
    width: 28em;
    max-width: 90%;
    text-align: left;
    margin: initial;
}
.demos_control_panel {
	padding: 2px !important;
	margin: 0px !important;
}
.demo_label_location_top {	
	margin: 0px !important;
	padding-top: 5px !important;
	display: inline-block !important;
}
.rounded {
    max-width: 85%; !important;
	margin-left: auto; !important;
	margin-right: auto; !important;
}
.info_box {
	background-color: #D22B2B !important;
}	

/* added by KAM on 2/18 from ChatGPT - attempt to put label on top - needed Dana coding changes to accomplish that */
.contact_label {
    display: block !important;  /* Makes labels appear on a new line */
    margin-bottom: 5px;  /* Adds space between label and input */
	font-weight: bold !important; /* added by KAM on 2/19 to make lable bold */
}
/* not sure below is doing anything */
.form-control input[type="text"],  select, textarea {
    width: 100%; /* Ensures the inputs take up full width */
    padding: 8px;
    margin-bottom: 5px; /* Space between fields */
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* cjange color of buttons */
.btn-primary {
background-color: #D22B2B !important;
border-color: #D22B2B !important;
}