/* Enter Your Custom CSS Here */
#menu-socnav .menu-item {border-right: 1px solid rgba(255,255,255,0.4);}
#menu-socnav .menu-item {background: #900;}
#menu-socnav .menu-item:hover {background: #F00;}

/*#menu-socnav li img {
width: 48px; height: 48px; padding: 4px 2px;}*/

/* Marcin - Tweaks that overwrite sass */

/* Makes Sidebar links appear */
.textwidget p a {
    z-index: 1 !important;
}

body .logo--container img {
    height: 60px;
}
body .logo--container .search-form.search-form__navbar {
    right: -15px !important;
}
body .nav--wrap {
    top: 84px;
}
.nav--wrap #main-nav.navbar-default .navbar-nav {

margin: 0 auto;
float: none;
  
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
}

.nav--wrap #main-nav.navbar-default .navbar-nav > li {
    float: none;
    flex: 0 1 auto;
  border-style: solid;
  border-width: 4px;
  border-color: #fff;
}
.nav--wrap #menu-topnav .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .nav--wrap #menu-topnav .menu-item a.menu-image-title-after.menu-image-not-hovered img {
    padding: 4px 8px;
}
.nav--wrap#main-nav.navbar-default .navbar-nav > li:first-of-type {
    border-left: 4px solid #fff;
}
.nav--wrap #main-nav.navbar-default .navbar-nav > li:last-of-type {
    border-right: 4px solid #fff;
 }



.nav--wrap #main-nav .menu-image-title {
    line-height: 1;
white-space: pre-wrap;
word-break: keep-all;
display: inline-flex;
max-width: 11rem;
}
.nav--wrap #main-nav.navbar-default .navbar-nav > li > a {
    color: #eee;
    text-align: left;
    padding: 10px;
}
.nav--wrap #main-nav.navbar-default {
    font-size: 1.6rem !important;
}