/* WPForms fixes */
/* Initial field looks */
.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea {
    background: #fff;
    border-width: 0 0 1px 0;
    color: var(--ast-global-color-2);
    opacity: 0.5;
}
/* On focus */
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
    outline: none;
    opacity: 1;
    border-color: var(--ast-global-color-0);
}
/* Don't allow resizing the Message box */
.wpforms-container textarea {
    resize: none;
}
/* Message box fixed height */
.wpforms-container .wpforms-field-textarea textarea.wpforms-field-medium {
    height: 136px;
}
/* Button size & font size */
.wpforms-container button {
    padding: 15px 34px;
    font-size: 15px;
}
/* WPForms done */
/* Footer 2 big columns on sides and 1 small one in the middle */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
    grid-template-columns: 3fr 1fr 3fr;
}
/*calculator style NDS 4/11/22
 */
#calculator{
width:50%;
margin: 0 auto;
}
.calculatorBox{

margin: 2% auto;
background: #E9E9E9;
padding-bottom: 2%;
border-right: 1px solid #006400;
    border-bottom: 1px solid #006400;
    border-left: 1px solid #006400;
	width:305px;
	height:305px;
	
}
.calculatorBox input, .calculatorBox button{
margin:5px;

}
.calculatorBox input{
	width:30%;
	border:2px solid #4C6600;
	background:#fff;
	color:#4c6600;
	height:25px
}
.calculatorBox h1 {
text-align:center;
background:#006400;
color:#fff;
padding:2%;
font-size:20px;
}
.calculatorBox form, .buttonDiv{
margin: 0 auto;

}

.calculatorBox label{
margin-left:5%;
color:	#006400;
}
.calculatorBox button{
padding:5%;
background:#006400;
color:#fff;
margin: 5% auto;
    display: block;
	
	width:60%;
}
.calculatorBox button:hover, .buttonDiv button:hover{
	background:#F3EED9;
	color:#4C6600;
}
.buttonDiv{
	
	background:#E9E9E9;
	padding-bottom:2%;
	border-right: 1px solid #4C6600;
    border-bottom: 1px solid #4C6600;
    border-left: 1px solid #4C6600;
	width:305px;
	height:200px;
}
.buttonDiv button{
	width: 70%;
    padding: 2%;
    background: #006400;
    color: #fff;
    margin: 0 auto;
    display: block;
	
	
	
}

.buttonDiv h3{
	text-align:center;
background:	#006400;
color:#fff;
padding:2%;
}
.output{
	    width: 75%;
    margin: 1% auto;
    text-align: center;
    padding: 2%;
    background: #fff;
    color: #006400;
    font-size: 20px;
    font-weight: bold;
	
	border:1px solid #000;
}
@media only screen and (max-width: 600px) {
	.calculatorBox{
		margin: 0 auto;
		display: block;
	}
	#calculator{
		width:100%!important;
	}
}