/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.translatepress-en_US header.site-header {
    height: 135px!important;
}
header.site-header {
    display: flex;
    align-items: center;
    height: 105px;
}


header #primary-menu li {
    display: inline-block;
    text-align: center;
}

header ul#primary-menu li a {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    padding: 15px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link{
    font-weight: 600;
}
header ul#primary-menu li a:hover {
    text-decoration: none;
    color: #19b296;
}

header .site-branding {
    width: 15%;
    display: block;
    float: right;
}

header .site-branding img {
    display: block;
}

header .main-navigation {
    display: block;
    width: 70%;
    float: right;
    text-align: center;
}

header #primary-menu {
    margin: 0;
    text-align: center;
    padding: 0;
}





header .site-account {
    width: 20%;
    display: block;
    float: left;
    margin: 0 auto;
}


.site-account .account-login,.site-account .account-info {
    position: relative;
}

.site-account .account-info:after {
    background-color: #8b8b8b;
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
}
.site-account .account-login:after {
    background-color: #8b8b8b;
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
}

.site-account a {
    color: #8b8b8b;
    font-size: 14px;
    padding: 0px 10px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    font-weight: 600;
    /* Font size is intentionally NOT overridden here. Raising it to 14px made
       the menu about 17% wider; since `.main-navigation` is fixed at 70% and
       Max Mega Menu only switches to the hamburger below 600px, the menu no
       longer fit on one line at in-between widths and wrapped above the logo.
       The plugin's own size is left in place. */
    /* Even padding on both sides; the previous `margin: 0 1px` made the gaps
       between items uneven, so it is dropped. This is slightly narrower than
       the old `0 18px`, which also helps the row fit. */
    padding: 0 16px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
   
    text-align: center!important;
   
}
/* The green top marker is drawn as an inset shadow instead of a real
   border. A border adds 5px to the box and forced the `line-height: 100px`
   compensation below the plugin's 110px, so menu text jumped by 10px on
   hover. An inset shadow paints the same 5px line without occupying space,
   so nothing moves. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
    box-shadow: inset 0 5px 0 0 #19B296;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: rgba(0, 0, 0, 0);
    color: #000;
    font-weight: normal;
    text-decoration: none;
    /* Same inset-shadow marker as the hover state, so the active item keeps
       the plugin's 110px line-height and stays aligned with its neighbours. */
    box-shadow: inset 0 5px 0 0 #19B296;
}