@media (min-width: 768px) {
#main-nav a {
  margin-top:0.4em; 
	margin-bottom:0.4em; 
	padding-left:.6em;
		padding-right:.6em;
		padding-top:0.3em;
		padding-bottom:0.3em;
}

/* Styling for the Contact menu item */
#menu-item-2349 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #F9B348; /* Yellow background */
		color: #000000 padding: 5px 5px; /* Add padding for button shape */
    border-radius: 11px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
		border: 1px solid #000;
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth transition */
		margin-left: 10%;
}

/* Hover effect */
#menu-item-2349 a:hover {
    background-color: #000000; /* Darker shade for hover */
    color: #fff; /* Keep text color white */
		border: 1px solid #FFFFFF;
			
}

/* Icon styling if needed */
#menu-item-2349 a em {
    margin-left: 8px; /* Space between text and icon */
    display: flex;
    align-items: center;
}

#menu-item-2349 a em svg {
    width: 16px;
    height: 10px;
    fill: currentColor; /* Use the current text color for the icon */
}

#headerwrap.fixed-header #header #menu-item-2349{
    color: #000;
}

#headerwrap {
    position: absolute; /* Initial position, overlay at the start */
    top: 5; /* Ensure it starts at the top */
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 1; /* Ensure it is visible initially */
    transform: translateY(0); /* No movement initially */
    transition: transform 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; /* Smooth transitions */
}

#headerwrap.fixed-header {
    position: fixed; /* Make it sticky upon scrolling */
    top: 5; /* Ensure it sticks to the top */
    background-color: rgba(255, 255, 255, 0.9); /* Add a semi-transparent background */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow */
    transform: translateY(0); /* Reset any translation */
    opacity: 1; /* Fully visible when sticky */
}

body.page-id-1142 #headerwrap,
body.page-id-1353 #headerwrap,
body.page-id-1357 #headerwrap,
body.page-id-1355 #headerwrap {
    color: white;
}
	
/* Prevent Contact menu item from inheriting styles */
body.page-id-1142 #menu-item-2349 a,
body.page-id-1353 #menu-item-2349 a,
body.page-id-1357 #menu-item-2349 a,
body.page-id-1355 #menu-item-2349 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #F9B348; /* Yellow background */
		color: #000; /* Add padding for button shape */
    border-radius: 11px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
		border: 1px solid #000;
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth transition */
		margin-left: 10%;
}
	
/* same upon hover */
body.page-id-1142 #menu-item-2349 a:hover,
body.page-id-1353 #menu-item-2349 a:hover,
body.page-id-1357 #menu-item-2349 a:hover,
body.page-id-1355 #menu-item-2349 a:hover {
    background-color: #000000; /* Darker shade for hover */
    color: #fff; /* Keep text color white */
		border: 1px solid #FFFFFF;
}

@media (max-width: 768px) {
body.page-id-1142 #headerwrap,
body.page-id-1353 #headerwrap,
body.page-id-1357 #headerwrap,
body.page-id-1355 #headerwrap {
    color: white;
}
}