:root {
	--tosto-cream: #fff0e5;
	--tosto-brown: #5a3828;
	--tosto-orange: #ff9d1c;
}

/* Tosto header colors */
#header .header-top.bg-dark {
	background-color: var(--tosto-cream) !important;
}

#header .header-top.bg-dark,
#header .header-top.bg-dark a,
#header .header-top.bg-dark span,
#header .header-top.bg-dark i {
	color: var(--tosto-brown) !important;
}

/* Tosto main header button */
#header .header-column-search .custom-btn-style-1 {
	background-color: var(--tosto-orange) !important;
	border-color: var(--tosto-orange) !important;
	color: var(--light) !important;
}

.tosto-menu-button {
	background-color: var(--tosto-orange) !important;
	border-color: var(--tosto-orange) !important;
	color: var(--light) !important;
}

/* Tosto footer colors */
.main > .section.section-with-shape-divider.bg-dark:last-child,
#footer,
#footer.bg-dark,
#footer .footer-copyright,
#footer .footer-copyright.bg-dark {
	background-color: var(--tosto-brown) !important;
}

/* Branch maps */
.tosto-branch-map {
	width: 100%;
	background-color: #e8e4dc;
	z-index: 1;
}

.tosto-branch-map-contact {
	height: 500px;
}

.tosto-branch-map-footer {
	height: 190px;
}

.tosto-map-popup {
	font-family: "Poppins", sans-serif;
	text-align: center;
}

.tosto-map-popup strong {
	display: block;
	margin-bottom: 5px;
}

.tosto-map-popup a {
	color: var(--tosto-brown);
	font-weight: 600;
}

.tosto-location-button {
	min-width: 160px;
}

.tosto-location-details {
	max-width: 680px;
	padding: 24px 28px;
	border-left: 4px solid var(--tosto-orange);
	background-color: var(--tosto-cream);
}

.tosto-location-address {
	color: var(--tosto-brown);
	font-weight: 500;
}

.tosto-location-hours-row {
	display: grid;
	grid-template-columns: minmax(170px, 1fr) 1fr;
	gap: 20px;
	padding: 8px 0;
	border-top: 1px solid rgba(90, 56, 40, 0.15);
}

.tosto-location-hours-row:first-child {
	border-top: 0;
}

.tosto-location-hours-row span {
	text-align: right;
}

.tosto-map-external-link {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
}

@media (max-width: 575px) {
	.tosto-branch-map-contact {
		height: 400px;
	}

	.tosto-location-button {
		width: 100%;
	}

	.tosto-location-details {
		padding: 20px;
	}

	.tosto-location-hours-row {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.tosto-location-hours-row span {
		text-align: left;
	}

	.tosto-map-external-link {
		right: 10px;
		bottom: 10px;
	}
}

.sp-home-quote{background-image:url(../img/demos/restaurant/backgrounds/background-2.jpg);background-size:cover}

/* Restaurant article sharing buttons, matching the original compact 32px kit. */
.tosto-share .btn { width: 32px; height: 32px; line-height: 32px; color: #fff; font-size: 17px; }
.tosto-share-facebook { background-color: #0866ff; border-color: #0866ff; }
.tosto-share-facebook:hover { background-color: #0755d4; color: #fff; }