/*
 * Ultimate Member con la grafica di Confindustria Fermo.
 * Usa i colori e il carattere di Avada (palette: color4 giallo, color5 blu, custom_color_3 rosso errori),
 * cosi' se la palette cambia nelle opzioni del tema, i moduli la seguono.
 * Mobile first: il modulo occupa tutta la larghezza e sopra i 600 px si centra a 560 px.
 */
body .um {
	font-family: inherit;
	font-size: 15px;
	color: var(--awb-color7, #1c1c1c);
	max-width: 560px;
	margin: 0 auto;
	padding: 24px 0;
}
body .um .um-form { padding: 0; }

body .um .um-field-label,
body .um .um-field-label label {
	font-family: inherit;
	font-weight: 600;
	font-size: 14px;
	color: var(--awb-color5, #012169);
}

body .um .um-form input[type=text],
body .um .um-form input[type=email],
body .um .um-form input[type=tel],
body .um .um-form input[type=number],
body .um .um-form input[type=password],
body .um .um-form textarea,
body .um .um-form select {
	font-family: inherit;
	font-size: 15px;
	height: 46px;
	padding: 0 14px;
	border: 1px solid #d2d2d2;
	border-radius: 0;
	background: var(--awb-color1, #fff);
	color: var(--awb-color7, #1c1c1c);
	box-shadow: none;
}
body .um .um-form textarea { height: auto; padding: 12px 14px; }
body .um .um-form input:focus,
body .um .um-form textarea:focus,
body .um .um-form select:focus {
	border-color: var(--awb-color5, #012169);
	outline: 2px solid var(--awb-color3, #18a0fb);
	outline-offset: 0;
}

body .um .um-field-radio-option,
body .um .um-field-checkbox-option { font-family: inherit; color: var(--awb-color7, #1c1c1c); }

/* Pulsante principale: giallo con scritta blu, come il resto del sito. */
body .um input[type=submit].um-button,
body .um a.um-button,
body .um .um-button {
	font-family: inherit;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	height: auto;
	min-height: 46px;
	padding: 13px 28px;
	border-radius: 0;
	background: var(--awb-color4, #ffec00);
	color: var(--awb-color5, #012169);
	border: 2px solid var(--awb-color4, #ffec00);
}
body .um input[type=submit].um-button:hover,
body .um a.um-button:hover {
	background: var(--awb-color5, #012169);
	border-color: var(--awb-color5, #012169);
	color: var(--awb-color1, #fff);
}
/* Pulsante secondario (es. "Registrati" nel login): bordo blu, senza riempimento. */
body .um a.um-button.um-alt,
body .um input[type=submit].um-button.um-alt {
	background: transparent;
	border-color: var(--awb-color5, #012169);
	color: var(--awb-color5, #012169);
}
body .um a.um-button.um-alt:hover,
body .um input[type=submit].um-button.um-alt:hover {
	background: var(--awb-color5, #012169);
	color: var(--awb-color1, #fff);
}

body .um a { color: var(--awb-color5, #012169); }
body .um .um-col-alt-b a { text-decoration: underline; }

/* Messaggi: errore rosso del tema, conferma blu. */
body .um .um-field-error { background: var(--awb-color1, #fff); color: var(--awb-custom_color_3, #b50000); border-radius: 0; }
body .um .um-notice,
body .um-notice { border-radius: 0; font-family: inherit; }
body .um .um-field-error i { color: var(--awb-custom_color_3, #b50000); }

@media (max-width: 600px) {
	body .um { padding: 16px 0; }
	body .um .um-col-alt .um-center { display: block; }
}

/*
 * Aderenza alla grafica del modulo di MemberPress che c'era prima: campi a tutta larghezza,
 * carattere del sito, etichette sottili in blu, pulsante giallo. I valori sono quelli misurati
 * sulla pagina /registrazione/ del sito con MemberPress (2/11/2026), non a occhio: se il sito
 * cambia, si rimisurano. Viene dopo le regole sopra e le sostituisce dove si sovrappongono.
 */
body .um.um-register,
body .um.um-login,
body .um.um-account {
	max-width: none;
	margin: 0;
}

body .um .um-form,
body .um .um-field-label label,
body .um .um-form-field,
body .um .um-field-radio-option,
body .um .um-field-checkbox-option,
body .um .um-button {
	font-family: "Open Sans", sans-serif;
}

/* Le etichette: blu del sito, 15px, peso normale, sopra il campo */
body .um .um-field-label {
	margin: 0;
}

body .um .um-field-label label {
	color: rgb(1, 33, 105);
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	text-transform: none;
}

body .um .um-field-label .um-req {
	color: rgb(1, 33, 105);
	margin-left: 0;
}

body .um .um-field {
	padding: 0 0 10px;
}

/* I campi: 50px, bordo sottile, angoli vivi */
body .um .um-form input[type="text"],
body .um .um-form input[type="email"],
body .um .um-form input[type="password"],
body .um .um-form input[type="tel"],
body .um .um-form input[type="url"],
body .um .um-form input[type="number"] {
	width: 100%;
	height: 50px !important;
	padding: 10px !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 400;
	color: rgb(170, 169, 169);
}

body .um .um-form input::placeholder {
	color: rgb(170, 169, 169);
}

body .um .um-form input[type="text"]:focus,
body .um .um-form input[type="email"]:focus,
body .um .um-form input[type="password"]:focus {
	color: rgb(1, 33, 105);
}

body .um .um-field-area,
body .um .um-field-area-password {
	width: 100%;
}

/* Si / No: stessa grandezza e colore delle voci del modulo di prima */
body .um .um-field-radio-option,
body .um .um-field-checkbox-option {
	color: rgb(1, 33, 105);
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}

body .um .um-field-radio,
body .um .um-field-checkbox {
	display: block;
	width: auto;
	float: none;
	margin: 0 0 2px;
}
body .um .um-field-radio-state {
	margin-right: 6px;
}

/* Il pulsante: giallo, testo blu maiuscolo, nessun angolo arrotondato */
body .um input[type=submit].um-button {
	width: auto !important;
	min-width: 113px;
	height: 38px !important;
	padding: 10px 20px;
	border: 0;
	border-radius: 0;
	background: rgb(255, 255, 0);
	color: rgb(1, 33, 105);
	font-size: 13.3333px;
	font-weight: 600;
	line-height: normal;
	min-height: 0;
	letter-spacing: normal;
	text-transform: uppercase !important;
}

body .um input[type=submit].um-button:hover {
	background: rgb(230, 230, 0);
	color: rgb(1, 33, 105);
}

/* UM mette il pulsante principale in una colonna al 50%: qui occupa la sua larghezza e basta */
body .um .um-col-alt-b,
body .um .um-center {
	text-align: left;
}
body .um .um-col-alt .um-half {
	width: auto;
	float: none;
}

body .um .um-field-error,
body .um .um-notice.err {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}