/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.tides-expo-profile {
	max-width: 720px;
}

.tides-expo-notice {
	border-left: 4px solid #ccc;
	margin: 0 0 1.5em;
	padding: 0.75em 1em;
}

.tides-expo-notice--success {
	background: #edfaef;
	border-left-color: #2e7d32;
}

.tides-expo-notice--error {
	background: #fdecea;
	border-left-color: #c62828;
}

.tides-expo-field {
	margin-bottom: 1.25em;
}

.tides-expo-field label,
.tides-expo-label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
}

.tides-expo-field input[type="text"],
.tides-expo-field input[type="email"],
.tides-expo-field input[type="url"],
.tides-expo-field textarea {
	width: 100%;
}

.tides-expo-help {
	color: #666;
	font-size: 0.85em;
	margin: 0.35em 0 0;
}

.tides-expo-logo-preview {
	margin-bottom: 0.75em;
}

.tides-expo-logo-preview img {
	height: auto;
	max-width: 240px;
}

.tides-expo-actions {
	align-items: center;
	display: flex;
	gap: 1em;
}

.tides-expo-account-menu {
	display: flex;
	gap: 1.25em;
	margin: 0 0 2em;
}

.tides-expo-account-menu--vertical {
	flex-direction: column;
	gap: 0.5em;
}

.tides-expo-account-menu--horizontal {
	border-bottom: 1px solid #e0e0e0;
	flex-wrap: wrap;
	padding-bottom: 0.75em;
}

.tides-expo-account-menu__title {
	font-weight: 700;
}

.tides-expo-account-menu__link.is-current {
	font-weight: 700;
	text-decoration: none;
}