.um {
	
	&.um-profile {
	
		& .um-icon-help-circled {
			&::before {
				font-family: 'icomoon' !important;
				speak: never;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content: "\e938";
			}
		}
		
		& .um-form {
			& .um-header {
				border: none;
				padding: 0;
				
				& .um-profile-edit {
					display: none;
				}
				
				& .um-profile-photo {
					--size: max(100px, calc(170rem / var(--base-size)));
					width: var(--size) !important;
					
					& .um-profile-photo-img {
						width: var(--size) !important;
						height: var(--size) !important;
					}
				}
				
				& .um-profile-meta {
					
					& .um-main-meta {
						
						& .um-name {					
							font-family: var(--wp--preset--font-family--secondary);
							--font-size: 42;
							--min-font-size: 24px;
							font-size: var(--font-size-generator);
							font-weight: 400;
							line-height: calc(70/60);
							letter-spacing: 0;
							margin: 0;
							text-transform: none;
							color: #000;
			
							& a {
								font-size: inherit;
								color: inherit;
								line-height: inherit;
								font-weight: inherit;
							}
						}
					}
				}
			}
			
			& .um-profile-body {
				padding: 0;
				max-width: max(684px, calc(684rem / var(--base-size)));
				
				& .um-field-label {
					margin: 0;
					
					& label {
						--font-size: 16;
						font-size: var(--font-size-generator) !important;
					}
					
					& .um-tip {
						font-size: 1em;
						line-height: 1;
						display: inline-block;
						vertical-align: center;
						
						& i {
							font-size: 1em;
							line-height: 1;
						
							&::before {
								font-size: 1em;
								line-height: 1;
							}
						}
					}
				}
				
				& .um-form-field {
					--font-size: 16;
					--field-height: 45;
					--field-line-height: 1.2;
					--field-side-padding: 0.65em;
					--border-width: var(--spacing-1);
					font-size: var(--font-size-generator) !important;
					border: var(--border-width) solid #9DB4C0 !important;
					background: #fff;
					border-radius: 0;
					padding: calc(0.5em * (var(--field-height) - (var(--field-line-height) * var(--font-size))) / var(--font-size) - var(--border-width)) calc(var(--field-side-padding) - var(--border-width)) !important;
					height: calc(1em * var(--field-height)/var(--font-size));
					line-height: var(--field-line-height);
					width: 100%;
					font-family: var(--wp--preset--font-family--primary);
					font-weight: 400;
					outline: none !important;
					transition: all 0.4s;
					box-sizing: border-box !important;
				}
				
				& .um-button {
					--font-size: 16;
					--button-height: 48;
					--button-line-height: calc(22/16);
					--button-side-padding: 1.5em;
					font-size: var(--font-size-generator);
					border-radius: 0 !important;
					color: var(--wp--preset--color--white) !important;
					font-family: var(--wp--preset--font-family--primary);
					font-weight: 700 !important;
					line-height: var(--button-line-height) !important;
					padding: calc(0.5em * (var(--button-height) - (var(--button-line-height) * var(--font-size))) / var(--font-size)) var(--button-side-padding) !important;
					box-shadow: none;
					outline: none !important;
					border: none !important;
					min-width: 6em;
					cursor: pointer !important;
					transition: all 0.4s;
					box-sizing: border-box !important;
					min-height: calc(1em * var(--button-height)/var(--font-size));
					display: inline-block;
					text-align: center;
					text-decoration: none !important;
					text-transform: uppercase !important;
					background-color: var(--wp--preset--color--custom-red);
					
					&.um-alt {
						background-color: var(--wp--preset--color--custom-grey);
					}
				}
			}
		}
		
		& .um-dropdown {
			& ul {
				
				& li {
					
					&::before {
						display: none;
					}
				}
			}
		}
	}
}

.um.um-account {
	& .um-account-side {
		display: none;
	}
	& .um-account-main {
		& .um-account-tab-password {
			& .um-account-heading {
				display: none;
			}
		}
	}

	& .um-field-label {
		margin: 0;
		
		& label {
			--font-size: 16;
			font-size: var(--font-size-generator) !important;
		}
		
		& .um-tip {
			font-size: 1em;
			line-height: 1;
			display: inline-block;
			vertical-align: center;
			
			& i {
				font-size: 1em;
				line-height: 1;
			
				&::before {
					font-size: 1em;
					line-height: 1;
				}
			}
		}
	}
	
	& .um-form-field {
		--font-size: 16;
		--field-height: 45;
		--field-line-height: 1.2;
		--field-side-padding: 0.65em;
		--border-width: var(--spacing-1);
		font-size: var(--font-size-generator) !important;
		border: var(--border-width) solid #9DB4C0 !important;
		background: #fff;
		border-radius: 0;
		padding: calc(0.5em * (var(--field-height) - (var(--field-line-height) * var(--font-size))) / var(--font-size) - var(--border-width)) calc(var(--field-side-padding) - var(--border-width)) !important;
		height: calc(1em * var(--field-height)/var(--font-size));
		line-height: var(--field-line-height);
		width: 100%;
		font-family: var(--wp--preset--font-family--primary);
		font-weight: 400;
		outline: none !important;
		transition: all 0.4s;
		box-sizing: border-box !important;
	}
	
	& .um-button {
		--font-size: 16;
		--button-height: 48;
		--button-line-height: calc(22/16);
		--button-side-padding: 1.5em;
		font-size: var(--font-size-generator);
		border-radius: 0 !important;
		color: var(--wp--preset--color--white) !important;
		font-family: var(--wp--preset--font-family--primary);
		font-weight: 700 !important;
		line-height: var(--button-line-height) !important;
		padding: calc(0.5em * (var(--button-height) - (var(--button-line-height) * var(--font-size))) / var(--font-size)) var(--button-side-padding) !important;
		box-shadow: none;
		outline: none !important;
		border: none !important;
		min-width: 6em;
		cursor: pointer !important;
		transition: all 0.4s;
		box-sizing: border-box !important;
		min-height: calc(1em * var(--button-height)/var(--font-size));
		display: inline-block;
		text-align: center;
		text-decoration: none !important;
		text-transform: uppercase !important;
		background-color: var(--wp--preset--color--custom-red);
		
		&.um-alt {
			background-color: var(--wp--preset--color--custom-grey);
		}
	}

}

.foxtrot-um-edit-profile, .foxtrot-um-change-password-link {
	* + & {
		margin-top: 0.5em;
	}
	
	& a {
		width: 100%;
	}
	
	&.foxtrot-um-edit-profile a {
		background-color: var(--wp--preset--color--custom-grey);
	}
				
}