.nui.form input,
.nui.form textarea,
.nui.form label,
.nui.form p { font-family: 'Brown Regular', Helvetica, Verdana, Arial, 'sans-serif'; }

@font-face{
	font-family: Checkbox;
	src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
}

.nui.form{
/*	Chronoforms variables */
	--bw:2px;
	--rad:0;
	--focus: #191B4E;
	--space:0;
	
/*	our variables */
	--border: var(--bw) solid #191B4E;
	--color: #191B4E;
	--select-bg: #191B4E;
	--select-color: #fff;
	--field-padding:0.73vw 1.61vw;
	--inline-field-width:48.7%;
	--field-margin-bottom:1.46vw;
	--dropdown-icon: url('/templates/boxmakersyard/images/icons/arrow-up-D05421.svg');
	--dropdown-icon-size:1.39vw;
	--dropdown-icon-right:0.95vw;
	--label-font-weight:400;
	
/*	radio buttons*/
	--radio-padding:0.73vw 1vw;
	--radio-rad:1.46vw;
	--radio-mt:0.5vw;
	--radio-width:25%;
	--radio-checked-color:#fff;
	--radio-checked-bg:#191B4E;
	--radio-checked-bc:#191B4E;
	
/*	checkboxes*/
	--checkbox-box-size:1.17vw;
	--checkbox-box-font-size:0.9vw;
	--checkbox-box-line-height:0.7vw;
	--checkbox-pl:2.49vw;
	
/*	button*/
	--btn-width:9.74vw;
	--btn-height:3vw;
	--btn-bg: #D05320;
  	--btn-color: #F9F6ED;
	--btn-hover-bg: #03908D;
  	--btn-hover-color: #F9F6ED;
	--btn-font-size: 1.32vw;
    --btn-line-height: 1.54vw;
	
	gap:0 !important;
} 

@media (max-width: 1023px) {
	.nui.form{
		--bw:2px;
		--rad:0;
		--focus: #191B4E;
		--space:0;

	/*	our variables */
		--border: var(--bw) solid #191B4E;
		--field-padding:1.9vw 5.87vw 1.63vw 5.87vw;
		--inline-field-width:100;
		--field-margin-bottom:3.73vw;
		--dropdown-icon-size:5vw;
		--dropdown-icon-right:2vw;

	/*	radio buttons*/
		--radio-padding:1.9vw 1vw 1.63vw;
		--radio-rad:18px;
		--radio-mt:0;
		--radio-width:50%;

	/*	checkboxes*/
		--checkbox-box-size:4.27vw;
		--checkbox-box-font-size:3vw;
		--checkbox-box-line-height:2.8vw;
		--checkbox-pl:9.07vw;

	/*	button*/
		--btn-width:100%;
		--btn-height:fit-content;
		--btn-font-size: 5.4vw;
		--btn-line-height: 7.73vw;
		--btn-padding:3.73vw 14.67vw;
		--btn-mt:8vw;

		gap:0 !important;
	} 
	.nui.form .equal.fields > .equal.fields{flex-direction: column; width:100% !important}
}

form label{font-weight:var(--label-font-weight) !important}
form .no-label label{display:none;}

/*	fields */
.nui.form .field > input:not([type="checkbox"]),
.nui.form .field > input:not([type="checkbox"]):focus-visible,
.nui.form .field > textarea, 
.nui.form .field > textarea:focus-visible, 
.nui.form .field > .select,
.nui.form .field > .select:focus-visible,
.nui.form .field > .input.iconed > input,
.nui.form .field > .input.iconed > input:focus-visible,
.nui.form .field > .select.active .menu
.nui.form .field > .select.active .menu:focus-visible{ border: var(--border) !important;  border-radius: var(--rad) !important; min-height: auto; color: var(--color);padding:var(--field-padding) !important; font-size:inherit;}

/*	containers */
.nui.form .fields{display:flex; justify-content:space-between; gap:0 !important}
.nui.form .fields.equal > div{width:var(--inline-field-width); flex: unset !important;} /*radio buttons*/
.nui.form .fields > div div:not(.menu), .nui.form .fields > div input{width:100%}
.nui.form .field{margin-bottom:var(--field-margin-bottom) !important; gap:0 !important}
.nui.form .equal.fields > .equal.fields{flex-direction: column; width:65% !important} /*terms etc*/
.nui.form .multifield.fields{justify-content: flex-start; width:100%;}

@media only screen and (max-width: 1023px) {
	.nui.form .equal.fields > .equal.fields{flex-direction: column; width:100% !important} /*terms etc*/
}

@media only screen and (max-width: 600px) {
  .nui.form .multifield {
    flex-flow: row wrap !important;
  }
}

/*	calendar icon */
.nui.form .field > .input.iconed > svg{display:none;}

/*	select dropdown*/
.nui.form .field > .select.active .menu{padding:0 !important; border-width: var(--bw) !important; width:calc(100% + calc(var(--bw) * 1.8)); margin: 0 calc(var(--bw) * -0.9) 0 calc(var(--bw) * -0.9); }
.nui.form .nui.select > .menu > .item{padding:var(--field-padding) !important; transition: color 0.3s, background-color 0.3s}
.nui.form .nui.select > .menu > .item.selected{background-color:var(--select-bg) !important; color:var(--select-color); font-weight:400}
.nui.form .field > .select .text{color:var(--color) !important;}
/*	select dropdown arrow*/
.nui.form .field > .select i.icon.dropdown{content:'' !important; background:var(--dropdown-icon) center / contain no-repeat !important; transform: rotate(180deg) ; transition:transform 0.3s; top:0; right:var(--dropdown-icon-right); width:var(--dropdown-icon-size); height:100%; font-size: 0; line-height: 0;}
.nui.form .field > .select.active i.icon.dropdown{transform: rotate(0deg); transition:transform 0.3s;}

/*	radio buttons */
.nui.form .nui.radio label:before{display:none;}
.nui.form .nui.radio label{padding:var(--radio-padding) !important; border:var(--border); border-radius: var(--radio-rad); display: flex; justify-content: center; margin-top: var(--radio-mt);}
.nui.form .nui.radio.checked label{border-color: var(--radio-checked-bc); color:var(--radio-checked-color); background-color: var(--radio-checked-bg)}
.nui.form .multifield.fields > div:not(.a){width:var(--radio-width); padding:0 1em 0 0;}


/*	checkboxes*/
.nui.checkbox:not(.radio) > label{display: block !important; padding-left: var(--checkbox-pl); min-height: 25px;}
.nui.checkbox:not(.radio) > label:before{border:var(--border) !important; display:block; background-color: transparent !important; color: var(--color) !important; aspect-ratio:1 / 1; width: var(--checkbox-box-size) !important; height: var(--checkbox-box-size) !important; font-size:var(--checkbox-box-font-size) !important;line-height: var(--checkbox-box-line-height) !important; position:absolute; left:0; top:0.4vw; min-width: var(--checkbox-box-size);
transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease; }

.nui.checkbox:not(.radio).checked > label:before{ border:var(--border) !important; background-color:transparent !important; font-family: Checkbox; content: "\e800";}

/*   submit */
.nui.form .nui.button{border-radius: var(--radio-rad) !important; width:var(--btn-width) !important; height: var(--btn-height) !important; background:var(--btn-bg) !important; color:var(--btn-color) !important; font-size: var(--btn-font-size) !important ; line-height: var(--btn-line-height) !important ; padding:var(--btn-padding, 0); margin-top: var(--btn-mt, 0) !important ;}
.nui.form .nui.button:hover{color:var(--btn-hover-color) !important ; background:var(--btn-hover-bg) !important; }




/*	placeholders */
.nui.form input::-webkit-input-placeholder { opacity:1; color:var(--color) !important; font:inherit; letter-spacing:normal; }
.nui.form input::-moz-placeholder { opacity:1; color:var(--color) !important; font:inherit; padding:inherit; border-radius:inherit; letter-spacing:normal;}
.nui.form input:-ms-input-placeholder { opacity:1; color:var(--color) !important; font:inherit; padding:inherit; border-radius:inherit; letter-spacing:normal;}
.nui.form input:-moz-placeholder { opacity:1; color:var(--color) !important; font:inherit; padding:inherit; border-radius:inherit; letter-spacing:normal;}
.nui.form textarea::-webkit-input-placeholder { opacity:1; font:inherit; color:var(--color) !important; padding:0; letter-spacing:normal;}
.nui.form textarea::-moz-placeholder { opacity:1; font:inherit; color:var(--color) !important; padding:0; border-radius:inherit; letter-spacing:normal;}
.nui.form textarea:-ms-input-placeholder { opacity:1; font:inherit; color:var(--color) !important; padding:0; border-radius:inherit; letter-spacing:normal;}
.nui.form textarea:-moz-placeholder { opacity:1; font:inherit; color:var(--color) !important; padding:0; border-radius:inherit; letter-spacing:normal;}


.nui.form .w100{width:100% !important}
.nui.form .wfc{width:fit-content !important}