<style>
	/* =========================================================
	   EXPRESS MOTORCYCLE SERVICES — SITE-WIDE BLUE THEME REPAIR
	   Keep this block after the website's original theme CSS.
	   ========================================================= */
	:root {
		--ems-site-blue: #00b7ff;
		--ems-site-blue-hover: #007da8;
		--ems-site-blue-soft: #e8f8ff;
		--ems-site-black: #0d0d0d;
		--ems-site-text: #111111;
		--ems-site-border: #d8e0e7;
	}
	/* Standard text links */
	.btn-link {
		color: #007da8 !important;
	}
	.btn-link:hover,
	.btn-link:focus,
	.btn-link:active {
		color: #005f80 !important;
	}
	/* Replace red primary and success buttons with blue */
	.btn-primary,
	.btn-success {
		color: #000000 !important;
		background-color: var(--ems-site-blue) !important;
		border-color: var(--ems-site-blue) !important;
		box-shadow: none;
	}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle,
	.btn-success:hover,
	.btn-success:focus,
	.btn-success:active,
	.btn-success.active,
	.btn-success:not(:disabled):not(.disabled):active,
	.btn-success:not(:disabled):not(.disabled).active,
	.show > .btn-success.dropdown-toggle {
		color: #ffffff !important;
		background-color: var(--ems-site-blue-hover) !important;
		border-color: var(--ems-site-blue-hover) !important;
	}
	.btn-primary:focus,
	.btn-success:focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 183, 255, 0.3) !important;
	}
	.btn-primary.disabled,
	.btn-primary:disabled,
	.btn-success.disabled,
	.btn-success:disabled {
		color: #000000 !important;
		background-color: var(--ems-site-blue) !important;
		border-color: var(--ems-site-blue) !important;
		opacity: 0.65;
	}
	/* Blue outline buttons */
	.btn-outline-primary,
	.btn-outline-success {
		color: #007da8 !important;
		background-color: transparent !important;
		border-color: var(--ems-site-blue) !important;
	}
	.btn-outline-primary:hover,
	.btn-outline-primary:focus,
	.btn-outline-primary:active,
	.btn-outline-success:hover,
	.btn-outline-success:focus,
	.btn-outline-success:active {
		color: #000000 !important;
		background-color: var(--ems-site-blue) !important;
		border-color: var(--ems-site-blue) !important;
	}
	/* Keep secondary buttons black and white */
	.btn-outline-secondary,
	.btn-default {
		color: #000000 !important;
		background-color: #ffffff !important;
		border-color: #000000 !important;
	}
	.btn-outline-secondary:hover,
	.btn-outline-secondary:focus,
	.btn-outline-secondary:active,
	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active {
		color: #ffffff !important;
		background-color: #000000 !important;
		border-color: #000000 !important;
	}
	/* =========================================================
	   DROPDOWN MENU VISIBILITY FIX
	   Explicit colours prevent white text on white backgrounds.
	   ========================================================= */
	.dropdown-menu,
	.dropdown-menu.show,
	.wrapper-header .dropdown-menu,
	.navbar .dropdown-menu {
		color: var(--ems-site-text) !important;
		background-color: #ffffff !important;
		border: 1px solid rgba(0, 0, 0, 0.18) !important;
		border-radius: 10px;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
	}
	.dropdown-menu .dropdown-header {
		color: #5b646b !important;
		background-color: transparent !important;
	}
	.dropdown-menu .dropdown-divider {
		border-top-color: var(--ems-site-border) !important;
	}
	.dropdown-item,
	.dropdown-menu a,
	.wrapper-header .dropdown-menu a,
	.navbar .dropdown-menu a {
		color: #111111 !important;
		background-color: transparent !important;
		text-decoration: none !important;
	}
	.dropdown-item:hover,
	.dropdown-item:focus,
	.dropdown-menu a:hover,
	.dropdown-menu a:focus,
	.wrapper-header .dropdown-menu a:hover,
	.wrapper-header .dropdown-menu a:focus,
	.navbar .dropdown-menu a:hover,
	.navbar .dropdown-menu a:focus {
		color: #000000 !important;
		background-color: var(--ems-site-blue-soft) !important;
	}
	.dropdown-item.active,
	.dropdown-item:active,
	.dropdown-menu a.active,
	.wrapper-header .dropdown-menu .active > a,
	.navbar .dropdown-menu .active > a {
		color: #ffffff !important;
		background-color: var(--ems-site-blue-hover) !important;
	}
	.dropdown-item.disabled,
	.dropdown-item:disabled {
		color: #7b8389 !important;
		background-color: transparent !important;
		opacity: 0.65;
	}
	/* Main navigation active and hover colours */
	.wrapper-header .navbar-nav .nav-link:not(.btn):hover,
	.wrapper-header .navbar-nav .nav-link:not(.btn):focus,
	.wrapper-header .navbar-nav .show > .nav-link:not(.btn),
	.wrapper-header .navbar-nav .active > .nav-link:not(.btn),
	.wrapper-header .navbar-nav .nav-link:not(.btn).show,
	.wrapper-header .navbar-nav .nav-link:not(.btn).active {
		color: var(--ems-site-blue) !important;
	}
	/* Native and Bootstrap form dropdowns */
	select,
	select.form-control,
	.custom-select,
	.form-select {
		color: #111111 !important;
		background-color: #ffffff !important;
		border-color: var(--ems-site-border) !important;
	}
	select option,
	.custom-select option,
	.form-select option {
		color: #111111 !important;
		background-color: #ffffff !important;
	}
	select:focus,
	.custom-select:focus,
	.form-select:focus {
		border-color: var(--ems-site-blue) !important;
		box-shadow: 0 0 0 0.2rem rgba(0, 183, 255, 0.22) !important;
	}
	/* Pagination */
	.pagination .page-link {
		color: #007da8 !important;
		background-color: #ffffff !important;
		border-color: var(--ems-site-border) !important;
	}
	.pagination .page-link:hover,
	.pagination .page-link:focus {
		color: #000000 !important;
		background-color: var(--ems-site-blue-soft) !important;
		border-color: var(--ems-site-blue) !important;
	}
	.pagination .active .page-link,
	.pagination .active .page-link:hover,
	.pagination .active .page-link:focus {
		color: #000000 !important;
		background-color: var(--ems-site-blue) !important;
		border-color: var(--ems-site-blue) !important;
	}
	/* Replace red primary/success badges */
	.badge-primary,
	.badge-success {
		color: #000000 !important;
		background-color: var(--ems-site-blue) !important;
	}
	/* =========================================================
	   CONTACT SECTION
	   ========================================================= */
	.ems-contact {
		--ems-primary: #00b7ff;
		--ems-primary-hover: #007da8;
		--ems-primary-soft: #e8f8ff;
		--ems-black: #0d0d0d;
		--ems-text: #111111;
		--ems-muted: #f4f7fb;
		--ems-border: #d8e0e7;
		--ems-white: #ffffff;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		color: var(--ems-text);
		font-family:
			-apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			Roboto,
			"Helvetica Neue",
			Arial,
			"Noto Sans",
			"Liberation Sans",
			sans-serif;
		font-size: 1rem;
		line-height: 1.6;
	}
	.ems-contact *,
	.ems-contact *::before,
	.ems-contact *::after {
		box-sizing: border-box;
	}
	.ems-contact h2,
	.ems-contact h3,
	.ems-contact p {
		margin-top: 0;
	}
	.ems-contact__hero {
		position: relative;
		margin-bottom: 24px;
		padding: 34px 28px;
		overflow: hidden;
		color: #ffffff;
		background:
			radial-gradient(
				circle at 90% 10%,
				rgba(0, 183, 255, 0.2),
				transparent 32%
			),
			linear-gradient(135deg, #000000, #111111);
		border: 3px solid var(--ems-primary);
		border-radius: 22px;
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	}
	.ems-contact__hero::after {
		position: absolute;
		right: -55px;
		bottom: -80px;
		width: 210px;
		height: 210px;
		content: "";
		border: 28px solid rgba(0, 183, 255, 0.08);
		border-radius: 50%;
		pointer-events: none;
	}
	.ems-contact__eyebrow {
		position: relative;
		z-index: 1;
		margin: 0 0 12px;
		color: var(--ems-primary) !important;
		font-size: 13px;
		font-weight: 900;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.ems-contact__title {
		position: relative;
		z-index: 1;
		margin: 0 0 16px;
		color: #ffffff !important;
		font-size: clamp(2rem, 6vw, 2.5rem);
		font-weight: 900;
		letter-spacing: -0.025em;
		line-height: 1.05;
		text-transform: uppercase;
	}
	.ems-contact__intro {
		position: relative;
		z-index: 1;
		max-width: 700px;
		margin: 0;
		color: #e6edf2 !important;
		font-size: 19px;
	}
	.ems-contact__actions,
	.ems-contact__socials {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
	}
	.ems-contact__actions {
		margin-bottom: 26px;
	}
	/* Strong selectors and !important prevent site theme overrides */
	.ems-contact a.ems-contact__button,
	.ems-contact a.ems-contact__button:link,
	.ems-contact a.ems-contact__button:visited {
		flex: 1 1 220px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 58px;
		padding: 15px 20px;
		color: #000000 !important;
		background-color: var(--ems-primary) !important;
		border: 2px solid var(--ems-primary) !important;
		border-radius: 14px;
		box-shadow: 0 10px 26px rgba(0, 183, 255, 0.25);
		font-weight: 900;
		letter-spacing: 0.25px;
		line-height: 1.3;
		text-align: center;
		text-decoration: none !important;
		text-transform: uppercase;
		-webkit-tap-highlight-color: transparent;
		transition:
			background-color 0.2s ease,
			border-color 0.2s ease,
			color 0.2s ease,
			transform 0.2s ease,
			box-shadow 0.2s ease;
	}
	.ems-contact a.ems-contact__button:hover,
	.ems-contact a.ems-contact__button:focus,
	.ems-contact a.ems-contact__button:active {
		color: #ffffff !important;
		background-color: var(--ems-primary-hover) !important;
		border-color: var(--ems-primary-hover) !important;
		box-shadow: 0 12px 28px rgba(0, 125, 168, 0.3);
		transform: translateY(-2px);
		text-decoration: none !important;
	}
	.ems-contact a.ems-contact__button:focus-visible {
		outline: 3px solid rgba(0, 183, 255, 0.4);
		outline-offset: 3px;
	}
	.ems-contact a.ems-contact__button--dark,
	.ems-contact a.ems-contact__button--dark:link,
	.ems-contact a.ems-contact__button--dark:visited {
		color: #ffffff !important;
		background-color: #000000 !important;
		border-color: #000000 !important;
		box-shadow: none;
	}
	.ems-contact a.ems-contact__button--dark:hover,
	.ems-contact a.ems-contact__button--dark:focus,
	.ems-contact a.ems-contact__button--dark:active {
		color: #000000 !important;
		background-color: var(--ems-primary) !important;
		border-color: var(--ems-primary) !important;
	}
	.ems-contact a.ems-contact__button--outline,
	.ems-contact a.ems-contact__button--outline:link,
	.ems-contact a.ems-contact__button--outline:visited {
		color: #000000 !important;
		background-color: #ffffff !important;
		border-color: var(--ems-primary) !important;
		box-shadow: none;
	}
	.ems-contact a.ems-contact__button--outline:hover,
	.ems-contact a.ems-contact__button--outline:focus,
	.ems-contact a.ems-contact__button--outline:active {
		color: #ffffff !important;
		background-color: #000000 !important;
		border-color: #000000 !important;
	}
	.ems-contact__panel {
		margin-bottom: 22px;
		padding: 24px;
		color: var(--ems-text);
		background-color: #ffffff;
		border: 2px solid var(--ems-border);
		border-radius: 18px;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
	}
	.ems-contact__panel--accent {
		background-color: var(--ems-muted);
		border: 0;
		border-left: 7px solid var(--ems-primary);
	}
	.ems-contact__panel--dark {
		color: #ffffff;
		background:
			linear-gradient(
				135deg,
				rgba(0, 183, 255, 0.06),
				transparent 50%
			),
			var(--ems-black);
		border-color: var(--ems-black);
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
	}
	.ems-contact__heading {
		margin: 0 0 14px;
		color: #000000 !important;
		font-size: 1.75rem;
		font-weight: 900;
		letter-spacing: -0.015em;
		line-height: 1.1;
		text-transform: uppercase;
	}
	.ems-contact__panel--dark .ems-contact__heading {
		color: var(--ems-primary) !important;
	}
	.ems-contact__text {
		margin: 0;
		color: #222222 !important;
		font-size: 17px;
	}
	.ems-contact__panel--dark .ems-contact__text {
		color: #e6edf2 !important;
	}
	.ems-contact__panel--dark strong {
		color: #ffffff !important;
	}
	.ems-contact__socials {
		gap: 12px;
	}
	.ems-contact__socials .ems-contact__button {
		flex-basis: 180px;
		padding: 14px 18px;
	}
	@media (max-width: 600px) {
		.ems-contact__hero {
			padding: 28px 22px;
			border-width: 2px;
			border-radius: 16px;
		}
		.ems-contact__title {
			font-size: 2rem;
		}
		.ems-contact__intro {
			font-size: 17px;
		}
		.ems-contact__panel {
			padding: 21px;
		}
		.ems-contact a.ems-contact__button {
			flex-basis: 100%;
			width: 100%;
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.ems-contact__button {
			transition: none !important;
		}
		.ems-contact__button:hover,
		.ems-contact__button:focus {
			transform: none !important;
		}
	}
</style>
<section class="ems-contact" aria-labelledby="ems-contact-title">
	<header class="ems-contact__hero">
		<p class="ems-contact__eyebrow">
			Express Motorcycle Services
		</p>
		<h2 class="ems-contact__title" id="ems-contact-title">
			Expert Servicing, Repairs &amp; Tyres
		</h2>
		<p class="ems-contact__intro">
			Professional workshop care for all motorcycles from our Burleigh
			Heads workshop.
		</p>
	</header>
	<nav class="ems-contact__actions" aria-label="Contact and booking options">
		<a
			class="ems-contact__button"
			href="tel:0493630175"
		>
			Call 0493 630 175
		</a>
		<a
			class="ems-contact__button ems-contact__button--dark"
			href="mailto:az@expressmotorcycleservices.com"
		>
			Email Us
		</a>
		<a
			class="ems-contact__button ems-contact__button--outline"
			href="https://cms.workshopcms.jcs.com.au/online-booking?accountnumber=WM558630"
			target="_blank"
			rel="noopener noreferrer"
		>
			Bookings &amp; Quotes
		</a>
	</nav>
	<section class="ems-contact__panel ems-contact__panel--accent">
		<h3 class="ems-contact__heading">
			Visit the Workshop
		</h3>
		<p class="ems-contact__text">
			<strong>Unit 3 / 19 Taree Street</strong><br>
			Burleigh Heads QLD 4220
		</p>
	</section>
	<section class="ems-contact__panel ems-contact__panel--dark">
		<h3 class="ems-contact__heading">
			Opening Hours
		</h3>
		<p class="ems-contact__text">
			<strong>Mon – Fri:</strong> 8:00 am – 5:00 pm<br>
			<strong>Sat:</strong> By appointment<br>
			<strong>Sun &amp; Public Holidays:</strong> Closed<br>
			<strong>After-hours drop-off:</strong> By appointment
		</p>
	</section>
	<section class="ems-contact__panel">
		<h3 class="ems-contact__heading">
			Connect With Us
		</h3>
		<nav
			class="ems-contact__socials"
			aria-label="Social media and booking links"
		>
			<a
				class="ems-contact__button ems-contact__button--dark"
				href="https://www.facebook.com/expressmotorcycleservice/"
				target="_blank"
				rel="noopener noreferrer"
			>
				Facebook
			</a>
			<a
				class="ems-contact__button ems-contact__button--dark"
				href="https://www.instagram.com/express.motorcycle.services/"
				target="_blank"
				rel="noopener noreferrer"
			>
				Instagram
			</a>
			<a
				class="ems-contact__button"
				href="https://cms.workshopcms.jcs.com.au/online-booking?accountnumber=WM558630"
				target="_blank"
				rel="noopener noreferrer"
			>
				Bookings &amp; Quotes
			</a>
		</nav>
	</section>
</section>
/* =========================================================
   FORCE ALL EMS BUTTONS BLUE ON HOVER
   Place this at the very end of the stylesheet.
   ========================================================= */
.ems-contact a.ems-contact__button:hover,
.ems-contact a.ems-contact__button:focus,
.ems-contact a.ems-contact__button:focus-visible,
.ems-contact a.ems-contact__button:active,
.ems-contact a.ems-contact__button--dark:hover,
.ems-contact a.ems-contact__button--dark:focus,
.ems-contact a.ems-contact__button--dark:active,
.ems-contact a.ems-contact__button--outline:hover,
.ems-contact a.ems-contact__button--outline:focus,
.ems-contact a.ems-contact__button--outline:active {
	color: #000000 !important;
	background-color: #00b7ff !important;
	background-image: none !important;
	border-color: #00b7ff !important;
	box-shadow: 0 12px 28px rgba(0, 183, 255, 0.32) !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
/* Site-wide Bootstrap button hover repair */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-success.dropdown-toggle {
	color: #000000 !important;
	background-color: #00b7ff !important;
	background-image: none !important;
	border-color: #00b7ff !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 183, 255, 0.28) !important;
	opacity: 1 !important;
}
/* Keep text visible when the cursor is directly over nested elements */
.ems-contact__button:hover *,
.ems-contact__button:focus *,
.ems-contact__button:active * {
	color: #000000 !important;
}
<style>
	/* =========================================================
	   EMS HOST-PAGE WIDTH REPAIR
	   Place after every other EMS and website style.
	   ========================================================= */
	.ems-mega {
		display: block !important;
		clear: both !important;
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		position: relative;
	}
	/* Applied by the JavaScript below */
	.ems-host-column {
		display: block !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.ems-host-row {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	/*
	 * Modern-browser CSS version.
	 * This works immediately, before the JavaScript runs.
	 */
	@supports selector(.row:has(.ems-mega)) {
		.row:has(.ems-mega) {
			width: 100% !important;
			max-width: 100% !important;
			margin-right: 0 !important;
			margin-left: 0 !important;
		}
		.row:has(.ems-mega) > [class*="col-"]:has(.ems-mega),
		.row:has(.ems-mega) > .col:has(.ems-mega) {
			display: block !important;
			flex: 0 0 100% !important;
			width: 100% !important;
			max-width: 100% !important;
			margin-right: 0 !important;
			margin-left: 0 !important;
			padding-right: 0 !important;
			padding-left: 0 !important;
		}
	}
	/* Keep the actual content centred */
	.ems-mega .ems-wrap {
		display: block;
		width: min(1180px, calc(100% - 40px)) !important;
		max-width: 1180px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	/* Prevent unexpected horizontal scrolling */
	html,
	body {
		max-width: 100%;
		overflow-x: clip;
	}
	/* Ensure the two-column feature section uses available space */
	.ems-mega .ems-two {
		width: 100%;
		max-width: none;
	}
	/* Force all EMS button hover states to remain blue */
	.ems-mega a.ems-btn:hover,
	.ems-mega a.ems-btn:focus,
	.ems-mega a.ems-btn:focus-visible,
	.ems-mega a.ems-btn:active,
	.ems-mega a.ems-quick-card:hover,
	.ems-mega a.ems-quick-card:focus,
	.ems-mega a.ems-quick-card:focus-visible,
	.ems-mega a.ems-quick-card:active {
		color: #000000 !important;
		background-color: #00b7ff !important;
		background-image: none !important;
		border-color: #00b7ff !important;
		opacity: 1 !important;
		text-decoration: none !important;
	}
	.ems-mega a.ems-btn:hover *,
	.ems-mega a.ems-btn:focus *,
	.ems-mega a.ems-btn:active *,
	.ems-mega a.ems-quick-card:hover *,
	.ems-mega a.ems-quick-card:focus *,
	.ems-mega a.ems-quick-card:active * {
		color: #000000 !important;
	}
	@media (max-width: 720px) {
		.ems-mega .ems-wrap {
			width: calc(100% - 26px) !important;
		}
	}
</style>
<script>
	(function () {
		"use strict";
		function repairEmsLayout() {
			const emsSection = document.querySelector(".ems-mega");
			if (!emsSection) {
				return;
			}
			/*
			 * Find the closest Bootstrap-style column belonging to the
			 * website theme, while ignoring elements inside .ems-mega.
			 */
			let currentElement = emsSection.parentElement;
			let hostColumn = null;
			while (currentElement && currentElement !== document.body) {
				const classNames =
					typeof currentElement.className === "string"
						? currentElement.className.split(/\s+/)
						: [];
				const isBootstrapColumn = classNames.some(function (className) {
					return (
						className === "col" ||
						className.indexOf("col-") === 0
					);
				});
				if (isBootstrapColumn) {
					hostColumn = currentElement;
					break;
				}
				currentElement = currentElement.parentElement;
			}
			if (!hostColumn) {
				return;
			}
			hostColumn.classList.add("ems-host-column");
			const hostRow = hostColumn.parentElement;
			if (hostRow && hostRow.classList.contains("row")) {
				hostRow.classList.add("ems-host-row");
			}
		}
		if (document.readyState === "loading") {
			document.addEventListener("DOMContentLoaded", repairEmsLayout);
		} else {
			repairEmsLayout();
		}
		/*
		 * Run once more after the store theme finishes rendering
		 * dynamic homepage components.
		 */
		window.addEventListener("load", repairEmsLayout);
	})();
</script>