

/* <!-- SEND MESSAGE FORM STYLE CONFIGURATION --> */
#Enquiry				  { --form__BRDR__Radius:	    5px;
							--form__RCHK__colorBG:    hsla(200, 70%, 75%,1.00); /* skyblue; */
							--form__ICHK__colorOK:    lightgreen;
							--form__ICHK__colorERR:   lightsalmon;
							--form__ICHK__colorINV:   red;
							--form__ICHK__colorVALID: green;
							--form__ICHK__colorOPTNL: gray;
							--form__TEXT__width:	   95%; }
#Enquiry fieldset	 	  { position: relative;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;  
							border-radius: 5px;  
							margin-block-end: 10px;  /* -end */
							inline-size: var(--form__TEXT__width);
							min-inline-size: calc( var(--form__TEXT__width) - 10% ); }
#Enquiry .senddata		  { padding: 12px 12px 12px 12px;
							margin: 0.25rem;
							border: 2px solid;
							border-radius: 4px;
							font-size: 1rem;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							inline-size: calc( 100% - 40px );
							transition: border-color 0.5s ease-out; }
#Enquiry textarea	  	  { display: block;
							resize: block;   /* resize: vertical; */
							block-size: 200px; }
#Enquiry .inputlabel	  { position: relative;
							overflow: hidden;
							font-size: 60%;
							padding: 0px;
							margin: 0px;
							inset-block-start: -20px;
							inset-inline-start: 10px;
							inline-size: calc( 95% - 10px );
							z-index: 20; }
#Enquiry #robotCheck	  { display: inline-block; 
							margin: 4px 4px 8px 4px; 
							padding: 5px 10px; 
							background-color: var(--form__RCHK__colorBG); }
/*
#Enquiry .cancel	 	  { float: inline-end; 
							margin-inline-end: calc( 99% - var(--form__TEXT__width) ); }
*/
#Enquiry .button.reset,
#Enquiry .button.cancel	  { float: inline-end; }
#Enquiry .button.reset	  { margin-inline-end: 4%; }						
#Enquiry .button.cancel	  { margin-inline-end: calc( 99% - var(--form__TEXT__width) ); }

#Enquiry :focus + .inputlabel 
						  { display: block; }
#Enquiry :not(:focus) + .inputlabel 
						  { display: none; }
/*
#Enquiry .button:focus{ margin-block-start: 4px; }
*/
#Enquiry :focus:not(.button)
						  { padding: 4px 6px 20px 6px; }
#Enquiry :optional	 	  { border-color: var(--form__ICHK__colorOPTNL); }
#Enquiry .senddata:focus:valid 
						  { background-color: var(--form__ICHK__colorOK); }
#Enquiry .senddata:focus:invalid 
						  { background-color: var(--form__ICHK__colorERR); }
#Enquiry :invalid		  { border-color: var(--form__ICHK__colorINV); }
#Enquiry :valid 		  { border-color: var(--form__ICHK__colorVALID); }
/* <!-- SEND MESSAGE FORM STYLE CONFIGURATION - END --> */

