/*
 Theme Name:   VIA Core
 Theme URI:    https://viacreative.co.uk
 Description:  VIA Core a VIA Creative child theme.
 Author:       VIA Creative
 Author URI:   https://viacreative.co.uk
 Template:     generatepress
 Version:      0.1
 Text Domain:  viacore
*/

body {
	font-synthesis: none;
}
#gform_4 .gform_fields {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 1rem;
}

#gform_4 .gfield:not(.gfield--width-half):not(.gfield--width-third):not(.gfield--width-quarter):not(.via-col-start-connector):not(.via-col-start-bend-relief):not(.via-col-cable-sleeving):not(.via-col-end-connector):not(.via-col-end-bend-relief) {
	grid-column: 1 / -1;
}

#gform_4 .gfield_required {
	margin-left: 0;
}

#gform_4 .gfield_required .gfield_required_asterisk {
	margin-left: 0;
}

#gform_4 .gfield_label {
	gap: 0.1em;
}

#gform_4 .via-col-start-connector { grid-column: 1 / 3; }
#gform_4 .via-col-start-bend-relief { grid-column: 3 / 5; }
#gform_4 .via-col-cable-sleeving { grid-column: 5 / 7; }
#gform_4 .via-col-end-bend-relief { grid-column: 7 / 9; }
#gform_4 .via-col-end-connector { grid-column: 9 / 11; }

#gform_4 .via-col-start-connector,
#gform_4 .via-col-start-bend-relief,
#gform_4 .via-col-cable-sleeving,
#gform_4 .via-col-end-bend-relief,
#gform_4 .via-col-end-connector {
	padding: 0.75rem;
	border-radius: 4px;
}

#gform_4 .via-col-start-connector,
#gform_4 .via-col-end-connector {
	background: #eceff1;
}

#gform_4 .via-col-start-bend-relief,
#gform_4 .via-col-end-bend-relief {
	background: #f2f4f6;
}

#gform_4 .via-col-cable-sleeving {
	background: #f7f8f9;
}

#gform_4 .gfield--width-half:not(.via-col-start-connector):not(.via-col-start-bend-relief):not(.via-col-cable-sleeving):not(.via-col-end-connector):not(.via-col-end-bend-relief) {
	grid-column: span 5;
}

@media (max-width: 767px) {
	#gform_4 .gform_fields {
		grid-template-columns: 1fr !important;
	}

	#gform_4 .gfield,
	#gform_4 .gfield--width-half,
	#gform_4 .gfield--width-third,
	#gform_4 .gfield--width-quarter,
	#gform_4 .via-col-start-connector,
	#gform_4 .via-col-start-bend-relief,
	#gform_4 .via-col-cable-sleeving,
	#gform_4 .via-col-end-bend-relief,
	#gform_4 .via-col-end-connector {
		grid-column: 1 / -1 !important;
	}

	#gform_4 .gfield {
		order: 100;
	}

	#gform_4 #field_4_80,
	#gform_4 #field_4_3 {
		order: 0;
	}

	#gform_4 #field_4_71 { order: 10; }
	#gform_4 .via-col-start-connector:not(#field_4_71) { order: 11; }

	#gform_4 #field_4_75 { order: 20; }
	#gform_4 .via-col-start-bend-relief:not(#field_4_75) { order: 21; }

	#gform_4 #field_4_74 { order: 30; }
	#gform_4 .via-col-cable-sleeving:not(#field_4_74) { order: 31; }

	#gform_4 #field_4_73 { order: 40; }
	#gform_4 .via-col-end-bend-relief:not(#field_4_73) { order: 41; }

	#gform_4 #field_4_72 { order: 50; }
	#gform_4 .via-col-end-connector:not(#field_4_72) { order: 51; }
}

.via-bend-na {
	font-weight: var(--gf-ctrl-label-font-weight-primary);
	font-size: var(--gf-ctrl-label-font-size-primary);
	font-style: var(--gf-ctrl-label-font-style-primary);
	font-weight: var(--gf-ctrl-label-font-weight-primary);
}
