#sulo-profile {
	.user-info {
		h1 {
			margin-top: 2rem;
			margin-bottom: 0;
		}
	}

	.user-profile-photo {
		margin: 1.75rem auto;
		display: flex;
		justify-content: center;
	}
	.tabs {
		display: flex;
		margin: 0 auto;
		justify-content: center;
		overflow-x: auto;
		border: none;
		border-bottom: $global-border;
		.tabs-title {
			a {
				.stat {
					font-size: 125%;
				}
				padding: 1rem;
				@include breakpoint(medium) {
					padding: 1rem 1.5rem;
				}
			}
			margin-right: 0.2rem;
			transition: all .25s ease-in-out;
			border-bottom: 3px solid transparent;
			&:hover, &.is-active {
				$border-color: map-get($foundation-palette, primary);
				border-bottom: 3px solid $border-color;
				a {
					color: $black;
				}
			}
			&.is-active {
				a {
					font-weight: $global-weight-bold;
				}
			}
		}
	}
	.tabs-content {
		border: none;
	}
}
#sulo-profile-edit {
	label {
		text-align: left;
		@include breakpoint(medium) {
			text-align: right;
		}
	}
	h1 {
		margin-top: 2rem;
	}
	.callout {
		border: 1px solid $light-gray;
		// box-shadow: 0 1px 2px 0 rgba($primary-color, 0.1);
		padding: 0.5rem;
		@include breakpoint(medium) {
			padding: 2rem;
		}
		.button {
			margin: 0;
		}
		.header {
			font-weight: $global-weight-bold;
			border-bottom: 1px solid $light-gray;
			padding-bottom: 0.5rem;
			margin-bottom: 2rem;
		}
		.column:last-child {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
	}

}