/* Public header + global nav (loaded on all public pages) */
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body {
	margin: 0;
	padding-top: 80px;
}

@media (max-width: 992px) {
	body {
		padding-top: 65px;
	}
}

@media (max-width: 768px) {
	body {
		padding-top: 55px;
	}
}

@media (max-width: 576px) {
	body {
		padding-top: 48px;
	}
}

#blog-nav__logo .blog-nav__logo-text {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.38;
	color: #00B4D8;
	display: block;
}

@media (max-width: 767.98px) {
	#blog-nav__logo .blog-nav__logo-text {
		font-size: 1.125rem;
	}
}

a:link,
a {
	text-decoration: none;
}

.blog-nav-primary-links__link {
	text-decoration: none;
}

/*
 * Top nav: HubSpot underlines the label and draws a ::after bar.
 * SDS uses color only (#00B4D8) — no underline, no bar.
 */
.blog-nav .blog-nav-primary-links__list-item.active .blog-nav-primary-links__link,
.blog-nav .blog-nav-primary-links__list-item:hover .blog-nav-primary-links__link,
.blog-nav .blog-nav-primary-links__list-item.-dropdown.active .blog-nav-primary-links__link,
.blog-nav .blog-nav-primary-links__list-item.-dropdown:hover .blog-nav-primary-links__link,
.blog-nav .blog-nav-primary-links__list-item:hover .blog-nav-primary-links__link a,
.blog-nav .blog-nav-primary-links__list-item.active .blog-nav-primary-links__link a,
.blog-nav .blog-nav__group-item:hover .blog-nav__link-label,
.blog-nav .blog-nav__link-label--contact-us:hover {
	color: #00B4D8;
	text-decoration: none;
}

.blog-nav .blog-nav-primary-links__list-item .blog-nav-primary-links__link,
.blog-nav .blog-nav-primary-links__list-item .blog-nav-primary-links__link a,
.blog-nav .blog-nav__link-label,
.blog-nav .blog-nav__link-label--contact-us {
	text-decoration: none;
}

.blog-nav .blog-nav-primary-links__list-item.-dropdown.active .blog-nav-primary-links__link:after,
.blog-nav .blog-nav-primary-links__list-item.-dropdown:hover .blog-nav-primary-links__link:after {
	content: none;
	display: none;
	height: 0;
	opacity: 0;
	background: none;
}

.blog-nav-hs-products__cta.cta-book-demo {
	background-color: #00B4D8;
}

.blog-nav-hs-products__cta.cta-whatsapp {
	background-color: #25d366;
}

.blog-nav-hs-products__cta.cta-whatsapp-outline {
	color: #25d366;
	outline: 2px solid #25d366;
}