/* DCU brand layer for HivePress pages and forms. Navy #1F4788, Sky #5BA3D0, Red #C41E3A. */

.hp-page,
.hp-form,
.hp-listing,
.hp-modal {
	font-family: Inter, -apple-system, "Segoe UI", Arial, sans-serif;
}

.hp-page h1,
.hp-page h2,
.hp-page h3,
.hp-modal h3,
.hp-listing__title,
.hp-form__header h2 {
	font-family: Montserrat, Inter, Arial, sans-serif;
	color: #1F4788;
}

.hp-listing__title a,
.hp-menu a,
.hp-link {
	color: #1F4788;
}

.hp-listing__title a:hover,
.hp-menu a:hover,
.hp-link:hover {
	color: #5BA3D0;
}

.hp-form__label {
	font-weight: 600;
	color: #22303f;
}

.hp-form input[type="text"],
.hp-form input[type="email"],
.hp-form input[type="url"],
.hp-form input[type="tel"],
.hp-form input[type="password"],
.hp-form input[type="number"],
.hp-form select,
.hp-form textarea {
	border: 1px solid #c9d2de;
	border-radius: 6px;
	padding: 10px 12px;
}

.hp-form input:focus,
.hp-form select:focus,
.hp-form textarea:focus {
	border-color: #5BA3D0;
	box-shadow: 0 0 0 3px rgba(91, 163, 208, 0.25);
	outline: none;
}

/* Signup and submit actions are red; everything else is navy. */
.hp-form .hp-form__button,
.hp-form button[type="submit"],
.hp-menu--site-header .hp-menu__item--listing-submit,
.hp-menu__item--listing-submit button {
	background-color: #C41E3A;
	border-color: #C41E3A;
	color: #ffffff;
	border-radius: 6px;
	font-weight: 600;
}

.hp-form .hp-form__button:hover,
.hp-form button[type="submit"]:hover {
	background-color: #a11830;
	border-color: #a11830;
	color: #ffffff;
}

.hp-listing--view-block,
.hp-vendor--view-block {
	border: 1px solid #e3e8ef;
	border-radius: 8px;
	overflow: hidden;
}

.hp-listing__attributes--primary,
.hp-listing__attribute--price {
	color: #1F4788;
}

.hp-form__messages--success {
	background: #eaf4fb;
	border-color: #5BA3D0;
	color: #1F4788;
}

/* Landing page helpers used on /add-your-business/. */
.dcu-cta .wp-block-button__link {
	background-color: #C41E3A;
	color: #ffffff;
	border-radius: 6px;
	font-family: Montserrat, Inter, Arial, sans-serif;
	font-weight: 700;
}

.dcu-cta .wp-block-button__link:hover {
	background-color: #a11830;
}

.dcu-steps h3 {
	font-family: Montserrat, Inter, Arial, sans-serif;
	color: #1F4788;
}