/* HEADER MENU */
/* ================================================== */

/* HEADER MENU : Theme STYLING
---------------------------------------------- */
#header-content,
#header-content .sub-menu {
    background: rgba(255,255,255,1);

    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    transition: background .2s ease-out;
}
#header-content *,
#header-content ul a {
    color: #222;
}
#header-content .btn-primary{
    color: #fff;
}
#header-content .social-icon {
    /*font-size: 30px;*/
}


#header-content .menu > li.menu-item-has-children > a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: var(--color-primary);
    margin-left: 1em;
}
#header-content .menu > li > a:hover {
    text-decoration: none;
}
#header-content .sub-menu li + li {
    border-top: 1px solid var(--grey-10);
}
#header-content .sub-menu li:hover a {
    color: var(--color-primary);
    text-decoration: none;
}

/*.scroll-header #header-content .sub-menu, */
.scroll-header #header-content
{
    background: rgba(22, 61, 114, 0.69);
}
.scroll-header #header-content .icon--menu,
.scroll-header #header-content .menu > li > a,
.scroll-header #header-content .menu > li.menu-item-has-children > a:after
/*#header-content .sub-menu li:hover a, */
/*.scroll-header #header-content **/
{
    color: #fff;
}

@media only screen and (min-width: 768px) {
    #header-content .menu > li > a {
        display: block;
        padding: 34px 21px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 300;
    }
    #header-content .sub-menu {
        width: 100%;
        max-width: 290px;
        font-weight: 200;
    }
}