/* ==========================================================================
   Section 1 — Sticky Navigation
   Styles GeneratePress's native header/menu. Properties the design depends
   on (background, font-size, hover color) are marked !important — this is
   deliberate here, not sloppy: GP's own dynamic CSS from the Customizer can
   carry high specificity, and this is the one file whose job is to win
   against it every time.
   ========================================================================== */

.site-header {
	background-color: var(--cb-teal-tint) !important;
	position: sticky;
	top: 0;
	z-index: 999;
	border-bottom: 1px solid var(--cb-gray-200);
}

.main-navigation,
.main-navigation .inside-navigation {
	background-color: transparent !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-item a {
	color: var(--cb-ink) !important;
	font-family: var(--cb-font) !important;
	/* font-weight: 600 !important; */
	font-size: var(--cb-medium) !important;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .menu-item a:hover {
	color: var(--cb-teal-bright) !important;
}

.main-navigation .main-nav ul li.current-menu-item a {
	color: var(--cb-teal-bright) !important;
}

/* "Book a Call" styled as a button.
   In Appearance > Menus, add the CSS class: menu-cta to this menu item
   (enable "CSS Classes" under Screen Options if the field is hidden) */
.main-navigation .main-nav ul li.menu-cta > a {
	background: var(--cb-teal-bright) !important;
	color: var(--cb-white) !important;
	padding: 10px 20px !important;
	border-radius: var(--cb-radius);
	margin-left: var(--cb-space-2);
	border-radius: var(--cb-radius-pill);
	line-height: 1.2 !important;
}

.main-navigation .main-nav ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 60px;
}

.main-navigation .main-nav ul li.menu-cta > a:hover {
	background: var(--cb-teal-bright) !important;
}

.site-logo img {
	max-height: 36px;
	width: auto;
}

@media (max-width: 768px) {
	.main-navigation .main-nav ul li.menu-cta {
		display: block;
	}
}