/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/*Change color of social menu icons - 17076424-hc*/
#masthead .social-navigation ul li a, #masthead .social-navigation ul li a:hover {
	color: #415c6c;
}

/* Footer widgets - don't stack on wider screens / 17101656-hc  kp */
@media only screen and ( min-width: 640px ) {
	.widget-area .widget {
		float: left;
		display: inline-block;
		width: 300px;
	}
	
	.widget-area > .widget_facebook_likebox {
		margin-top: 0;
		margin-left: 10px;
	}
}

/* change menu toggle background color | #17101656-hc/KD */
body:not(.fse-enabled) #site-navigation,
body:not(.fse-enabled) .main-navigation #toggle-menu,
.main-navigation #toggle:focus+#toggle-menu {
	background-color: #595959;
}

body:not(.fse-enabled) #site-navigation,
body:not(.fse-enabled) .main-navigation {
	background-color: #595959;
}

@media only screen and (min-width: 560px) {
	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li.current-menu-item a,
			    body:not(.fse-enabled) .main-navigation.main-navigation ul ul li.current-menu-item a {
		color: #595959;
	}
}

@media only screen and (min-width: 560px) {
	body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a,
			    body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
		color: #ffffff;
	}
	
	@media only screen and (min-width: 560px) {
	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a,
			        body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a {
		color: #595959;
	}
}

@media only screen and (min-width: 560px) {
	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a:hover,
			        body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a:hover {
		background-color: #595959;
		color: #ffffff;
	}
}

/* Menu separators / #17101656-hc kp */
body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after, 
body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
	color: #ffffff;
}