/* =========================================
   1. RESIZE LOGO (Global)
   ========================================= */
.custom-logo-link img, .custom-logo {
	max-width: 75px !important;
	height: auto;
}

/* =========================================
   2. HEADER LAYOUT (Sticky, White, Horizontal Menu)
   ========================================= */
@media screen and (min-width: 768px) {
	.site-header, #masthead {
	/* Flexbox for side-by-side layout */
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
	/* STICKY BEHAVIOR: Keeps it at the top */
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0 !important;
	/* VISIBILITY FIX: Solid white background */
		background-color: #ffffff !important;
		z-index: 9999 !important;
		border-bottom: 1px solid #f0f0f0 !important;
	/* Spacing cleanup */
		padding-bottom: 10px !important;
		margin-bottom: 0 !important;
	}
	
	/* Logo Container */
	.site-branding {
		flex: 0 0 auto;
		margin-right: auto !important;
		margin-bottom: 0 !important;
	}
	
	/* Navigation Container - Pushed to the Right */
	.main-navigation {
		flex: 0 0 auto;
		margin-left: auto !important;
		width: auto !important;
		float: none !important;
	}
	
	/* FORCE MENU ITEMS HORIZONTAL */
	.main-navigation ul, 
		    .main-navigation div > ul {
		display: flex !important;
		flex-direction: row !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	
	/* Space between the menu items */
	.main-navigation li {
		margin-left: 25px !important;
		margin-bottom: 0 !important;
		display: inline-block !important;
		border-bottom: none !important;
	}
}

/* =========================================
   3. GENERAL SPACING FIXES 
   ========================================= */
/* Removes space from top of main content area */
#content, .site-content, .entry-content {
	margin-top: 0 !important;
	padding-top: 50px !important;
}

/* Removes space specifically above the first Title/Headline */
.entry-header, .entry-title {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* =========================================
   4. PAGE & HERO FIXES (Contact Page Gap)
   ========================================= */
/* Shrink the hero container padding instead of hiding it */
.hero, .hero-container, .site-banner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	min-height: auto !important;
}

/* Targets the specific wrapper on pages */
.page .site-content, 
.page .content-area {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* 5. HIDE FLOATING ICONS */
/* Hides social menus or floating link dots */
.social-navigation,
.menu-social,
.jetpack-social-navigation,
.social-links-ul,
.social-menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}