/* IMPORTO IL FILE DEI COLORI PER POTERNE USARE LE VARIABILI */
@import url("gd-color.css");

/* FORM DI CONTATTO */

/* DESKTOP */
#page [id^="mg-contatti-"] .mg-form-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px;
  border-radius: 48px;
}

#page .mg-form-container .gform_fields {
	display: block;
}
#page .mg-form-container p.gform_required_legend {
	display: none;
}
#page .mg-form-container input[type="text"], #page .mg-form-container input[type="email"], #page .mg-form-container textarea {
	border:0;
	color: var(--gd-color-third);
	font-family: "Montserrat", serif;
	font-size: 16px;
	padding: 8px;
	margin-bottom: 16px;
}
#page .mg-form-container input[type="text"]:focus, #page .mg-form-container input[type="email"]:focus, #page .mg-form-container textarea:focus, #page .mg-form-container input[type="checkbox"]:focus {
	outline:none;
	border: 0;
}
#page .mg-form-container label {
	font-family: "Montserrat", serif;
	color: var(--gd-color-third);
}
#page .mg-form-container label a {
	color: var(--gd-color-third);
	text-decoration: underline;
}
#page .mg-form-container label:not(.gfield_consent_label) {
	margin-bottom: 4px;
	font-size: 16px;
}
#page .mg-form-container fieldset.gfield--type-consent {
	margin-bottom: 16px;
}
#page .mg-form-container label.gfield_consent_label {
	position: relative;
	bottom: -3px;
}
#page .mg-form-container input[type="checkbox"] {
	width: 28px;
	height: 28px;
	margin-right: 4px;
}
#page .mg-form-container input[type="submit"] {
	border: 2px solid var(--gd-color-fourth);
	color: var(--gd-color-first);
	background-color: var(--gd-color-fourth);
	width:100%;
	font-family: "Montserrat", serif;
	font-size: 20px;
	line-height: 24px;
	padding-top: 12px;
    padding-bottom: 12px;
	font-weight: 600;
}
#page .mg-form-container input[type="submit"]:hover {
	color: var(--gd-color-fourth);
	background-color: var(--gd-color-first);
}

/* TABLET */
@media screen and (max-width: 960px) {

}

/* MOBILE */
@media screen and (max-width: 640px) {
  #page [id^="mg-contatti-"] .mg-form-container {
    padding: 32px 16px;
  }
  #page .mg-form-container input[type="submit"] {
	font-size: 16px;
	line-height: 20px;
  }
}