/*Move menu up into logo area 35694538-hc DF*/
@media only screen and (min-width: 560px) {
	.site-header-wrap {
		grid-template-areas: "site-logo site-title main-navigation" "site-logo site-description social-navigation";
		justify-content: space-between;
	/* optional depending on the size and placement of user's header elements */
	}
}

.site-logo img {
	width: 100%;
}

#site-navigation {
	width: 520px;
/*hide page title and gap below header on homepage 35694538-hc*/
}

.page-id-4 #main {
	padding-top: 0;
}

/*hide page title and gap below header on homepage 35694538-hc*/
.page-id-4 .entry-header {
	display: none;
}

.page-id-4 #main {
	padding-top: 0;
}

/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
#masthead {
	background: #fff;
}

/* change logo size */
.site-logo img {
	width: 22%;
}

ul#menu-primary-1 li a, .social-navigation a {
	color: #195573;
}

.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container, .mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
	background: #fff;
}

/* Sub menu links / XXXXXX-HC (MI) */
@media only screen and (min-width: 560px) {
	.site-header-wrap .main-navigation > div > ul > li:hover li > a, 
								  .site-header-wrap .main-navigation > div > ul > li.focus li > a, 
								  .site-header-wrap .main-navigation > div > ul > li.current-menu-item li > a {
		background: #ffffff;
	}
}

/* Change color of submit button to black on contact page  | #28507201-HC YM */
#contact-form-150 [type=submit] {
	color: black;
}

/*Move menu up into logo area 35694538-hc DF*/
@media only screen and (min-width: 560px) {
	.site-header-wrap {
		grid-template-areas: "site-logo site-title main-navigation" "site-logo site-description social-navigation";
		justify-content: space-between;
	/* optional depending on the size and placement of user's header elements */
	}
}

.site-logo img {
	width: 100%;
}

#site-navigation {
	width: 520px;
}

.site-header-wrap .main-navigation > div > ul > li:hover > ul, .site-header-wrap .main-navigation > div > ul > li:focus-within > ul, .site-header-wrap .main-navigation > div > ul > li.current-menu-item > ul {
	border: none;
}

.main-navigation .sub-menu .menu-item a:before {
	display: none;
}