header {position:relative;}

#site-logo {display:block; position:relative; width:100%; height:200px; max-height:200px; text-indent:-9999px; background:url('../img/logo_focaal_blog.png') no-repeat center center; background-size:contain;}	

.site-header a {color:#000;}

.search-box {margin:10px 0;}

div.nav-wrapper {display:flex; flex-basis:auto; justify-content:center; align-items:center;}
div.nav-wrapper #site-navigation .inner-content {height:20px; margin-bottom:20px;}

social a#fb {background: #FFF url(../img/icon_fb.svg) no-repeat center center;}
social a#tw {background: #FFF url(../img/icon_tw.svg) no-repeat center center;}
social a {
	width:30px; height:30px;
	margin:10px; 
	border-radius:50%; border:1px solid #0058A8;
	display:inline-block;
	text-indent:-9999px;
	background-size: 20px 20px !important;
}

menu {background-color:#FFF; color:#000; text-align:left; margin-bottom:10px;}
menu li {display:inline-block; padding-left:30px;}	  
menu li:last-child {float:right; line-height:26px; margin-right:0px;}
menu li a {display:inline-block; padding:5px 10px; text-decoration:none;}
menu li.journal a {background:url(https://www.berghahnbooks.com/_assets/img/icon/icon_oa.svg) no-repeat center left; background-size:auto;background-size: auto 20px; margin-left: 10px; padding-left:20px;} 
menu li.search .search-field {padding:5px 4px;}	
menu li.search .search-submit {padding:4px 0; border-width:0; text-indent:-9999px; background:#FFF url("../img/icon_search.png") no-repeat; width:26px; height:26px; cursor:pointer;}
		 
body.home .main-navigation menu li.home a, 
body.about .main-navigation menu li.about a, 
body.journal .main-navigation menu li.journal a, 
body.forum .main-navigation menu li.forum a, 
body.features .main-navigation menu li.features a,
body.conversations .main-navigation menu li.conversations a,  
body.general .main-navigation menu li.general a, 
body.art-visual-anthropology .main-navigation menu li.art-visual-anthropology a,
.main-navigation menu li a:hover {color:#0058A8;}	

body footer menu li a {color:#0058A8;}
body.home footer menu li.home a, 
body.about footer menu li.about a, 
body.journal footer menu li.journal a, 
body.forum footer menu li.forum a, 
body.features footer menu li.features a,
body.conversations footer menu li.conversations a,
footer menu li a:hover {color:#000;}	
footer,div#page {margin-bottom:30px;}
div#page {margin-bottom:120px;}	

@media screen and (max-width:400px) {
	#site-logo {height:100px;}
	div.nav-wrapper {display:block;}
	div.nav-wrapper > * {display:block;}
	menu li {display:block;}
}