/**
 * Global POSH brand tokens and Schedule a Demo button styles.
 */
:root {
	--posh-demo-btn-bg: #01465d;
	--posh-demo-btn-bg-hover: #003a4d;
}

/* Header nav */
.btn-posh,
.btn-posh-a .btn-posh,
#mega-menu-wrap-primary .btn-posh-a .btn-posh {
	background-color: var(--posh-demo-btn-bg);
	border-color: var(--posh-demo-btn-bg);
	color: #fff;
}

.btn-posh:hover,
.btn-posh:focus,
.btn-posh-a .btn-posh:hover,
.btn-posh-a .btn-posh:focus {
	background-color: var(--posh-demo-btn-bg-hover);
	border-color: var(--posh-demo-btn-bg-hover);
	color: #fff;
}

/* Course pages & shared primary demo CTAs */
.btn-primary,
.btn.btn-primary {
	background-color: var(--posh-demo-btn-bg);
	border-color: var(--posh-demo-btn-bg);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-color: var(--posh-demo-btn-bg-hover) !important;
	border-color: var(--posh-demo-btn-bg-hover) !important;
	color: #fff !important;
}

/* Mobile menu */
#mobile-menu .sidebar-cta,
.sidebar-cta {
	background-color: var(--posh-demo-btn-bg) !important;
	color: #fff !important;
}

/* Homepage hero */
#hero .hero-cta,
.posh-demo-btn {
	background-color: var(--posh-demo-btn-bg) !important;
	border-color: var(--posh-demo-btn-bg) !important;
	color: #fff !important;
}

#hero .hero-cta:hover,
.posh-demo-btn:hover,
.posh-demo-btn:focus {
	background-color: var(--posh-demo-btn-bg-hover) !important;
	border-color: var(--posh-demo-btn-bg-hover) !important;
	color: #fff !important;
}

/* CMS & webinar demo buttons */
.pfc-btn,
.pwb-btn--dark,
.demo-btn-dark a,
.pfe-demo-cta .btn.btn-primary {
	background-color: var(--posh-demo-btn-bg);
	border-color: var(--posh-demo-btn-bg);
	color: #fff;
}

.pfc-btn:hover,
.pfc-btn:focus-visible,
.pwb-btn--dark:hover,
.pwb-btn--dark:focus,
.demo-btn-dark a:hover {
	background-color: var(--posh-demo-btn-bg-hover);
	border-color: var(--posh-demo-btn-bg-hover);
	color: #fff !important;
}