/**
 * Wanderable custom styles.
 *
 * Loaded after style.css so these rules win without !important.
 */

:root {
	--orange-color: #F8931F;
}

/* Brand-orange button, matching the "able" in the logo. */
.th-btn.style-orange {
	background-color: var(--orange-color);
	color: var(--white-color);
	border: none;
	box-shadow: none;
}

.th-btn.style-orange:before {
	background-color: var(--title-color);
}

.th-btn.style-orange:hover {
	color: var(--white-color);
}