.wpf-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; /* full width across screen */
	height:140px;
	z-index: 1000;
	background:#fff;
	padding:0px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optional subtle shadow */
}

.wpf-header-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 0px;
	position: relative;
	margin-top: 0px;
	height: 140px;
	padding-top: 0px;
	background: #f8f8f8 url(/images/base/header.png) no-repeat;
	background-size: cover;
	display: flex;
	justify-content: space-between; /* pushes logo left, menu right */
	align-items: center;
}

.wpf-header-logo {
	height: 75px;
	position:relative;
	align-items: center;
	margin-right:0px;
}

	.wpf-header-logo img {
		height: 100%;
	}

.wpf-header-menu {
	position: absolute;
	bottom:0px;
	right:0px;
	margin-top:90px;
}

.wpf-header-search { 
	position: absolute;
	top:10px;
	right:10px;
}

/* Spacer to push content below fixed header */
.wpf-header-height {
	height: 116px; /* adjust to match total header height (logo + menu + margin) */
	width: 100%;
}

.wpf-footer {
	text-align: center;
	padding: 40px 0px;
	background: #F1F5FA;
	margin: 0 auto;
	margin-top: 50px;
	max-width: 1200px;
}

.wpf-footer-logo {
	display: inline-block;
	margin-right: 80px;
	vertical-align: middle;
	height: 70px;
}

.wpf-footer-menus {
	display: inline-block;
	vertical-align: middle;
}

.wpf-footer-column { 
	display:inline-block;
	vertical-align:top;
	width:calc(20% - 30px);
	min-width:200px;
	margin-right:20px;
	text-align:left;
	margin-bottom:0px;
}

	.wpf-footer-column h3 {
		font-weight: 500;
		font-size: 1.2em;
		font-weight:500;
		color: #222;
		margin-bottom: 2px;
	}

	.wpf-footer a:link, .wpf-footer a:active, .wpf-footer a:visited { 
		text-decoration:none;
		color: #666;
		font-weight:400;
		transition:0.25s;
	}

		.wpf-footer a:link:hover, .wpf-footer a:active:hover, .wpf-footer a:visited:hover {
			color: #222;
		}

.wpf-footer-inner {
	max-width: 1760px; /* match your page width */
	margin: 0 auto; /* center horizontally */
	padding: 0 20px; /* some breathing room on small screens */
}

	.wpf-footer-inner .wpf-menu-list {
		justify-content: center;
	}

	.wpf-footer-logo img { 
		height:100%;
	}

	.wpf-footer-clear { 
		clear:both;
		height:10px;
	}

.wpf-footer-base { 
	text-align:center;
	margin-top:10px;
}

.wpf-footer-copyright {
	font-weight:400;
	color: #666;
	margin-top:10px;
	margin-bottom:20px;
}

.wpf-footer-social-link {
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	transition: 0.25s;
	opacity: 0.9;
}

	.wpf-footer-social-link:hover {
		opacity: 1;
		cursor: pointer;
	}

.wpf-footer-base .wpf-footer-column {
	display: inline;
	vertical-align: top;
	width: 100%;
	margin-right: 0px;
	text-align: center;
	font-size:1.2em;
}

.wpf-footer-base .wpf-footer-menu-link { 
	display:inline-block;
	vertical-align:middle;
	margin:5px;
}

	.wpf-footer-base .wpf-footer-menu-link:not(:last-child)::after {
		content: "|";
		margin-left: 5px;
		color: #aaa; /* optional */
	}

.wpf-footer-base a:link, .wpf-footer-base a:active, .wpf-footer-base a:visited {
	text-decoration: none;
	color: #666;
	font-weight: 400;
	transition: 0.25s;
}

	.wpf-footer-base a:link:hover, .wpf-footer-base a:active:hover, .wpf-footer-base a:visited:hover {
		color: #222;
	}