/* Header */
.site-header {
    position: relative;
}

.site-header .inside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header .main-navigation .main-nav>ul>li.menu-home>a,
.site-header .main-navigation .main-nav>ul>li.menu-home>a:hover,
.site-header .main-navigation .main-nav>ul>li.menu-home>a:focus,
.site-header .main-navigation .main-nav>ul>li.menu-home.sfHover>a,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:hover,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:focus {
    background-image: none !important;
    color: transparent !important;
    position: relative;
}

.site-header .main-navigation .main-nav>ul>li.menu-home>a:before,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:before {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    display: block;
    position: relative;
    top: 0;
}

.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav>ul>li>a {
    padding-left: 17px;
}

.site-header .main-navigation .main-nav>ul>li.menu-home>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:after {
    width: 0% !important;
}

.site-header .main-navigation .main-nav>ul>li.menu-home>a:hover:after,
.site-header .main-navigation .main-nav>ul>li.menu-home>a:focus:after,
.site-header .main-navigation .main-nav>ul>li.menu-home.current-menu-item>a:after,
.site-header .main-navigation .main-nav>ul>li.menu-home.current-menu-ancestor>a:after,
.site-header .main-navigation .main-nav>ul>li.menu-home.current-menu-parent>a:after,
.site-header .main-navigation .main-nav>ul>li.menu-home.current_page_item>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:hover:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:focus:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home.current-menu-item>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home.current-menu-ancestor>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home.current-menu-parent>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li.menu-home.current_page_item>a:after {
    width: 80% !important;
    background-color: #f6d609;
}

.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:after {
    width: 0% !important;
    height: 4px;
    background-color: #f6d609;
    content: "";
    position: absolute;
    bottom: -9px;
    left: 15px;
    transition: 0.3s;
}

.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:hover:after,
.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:focus:after,
.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).sfHover>a:after,
.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).route-active>a:after,
.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)[class*="current-menu-"]>a:after,
.site-header .main-navigation .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).current_page_item>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:hover:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)>a:focus:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).sfHover>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).route-active>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator)[class*="current-menu-"]>a:after,
.site-header .main-navigation.toggled .main-nav>ul>li:not(.search-item):not([class*="wpml-ls"]):not(.menu-item-separator).current_page_item>a:after {
    width: 80% !important;
    background-color: #f6d609;
}

.main-navigation .main-nav ul li.menu-item-wpml-ls-12-en>a:hover:after,
.main-navigation .main-nav ul li.menu-item-wpml-ls-12-vi>a:hover:after {
    width: 50% !important;
    background-color: #f6d609;
}

/* Fix dropdown menu item text/image alignment and clipping */
.site-header .menu-image-title-after.menu-image-title,
.site-header .main-navigation .main-nav ul ul li.menu-item-has-children>a {
    height: auto !important;
    min-height: 40px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    flex: 0 0 90%;
    max-width: 90%;
}

.main-navigation #primary-menu>ul li>ul ul {
    position: inherit !important;
    width: 100% !important;
    margin-left: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* .main-navigation #primary-menu > ul li > ul ul {
    padding: 0;
    width: calc(100% - 30px);
    margin-left: 30px;
    background: transparent;
    box-shadow: none !important;
}

.nav-float-right .main-navigation #primary-menu > ul li > ul ul {
    position: inherit !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: inherit !important;
} */

.site-header img.menu-image-title-after {
    height: 40px;
    width: auto;
    vertical-align: middle;
    max-width: 20%;
}

/* Language-neutral overrides */
:lang(en) .site-header .main-navigation .main-nav>ul>li.menu-home>a:before,
:lang(en) .site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a:before {
    color: #ffffff;
}

@media (max-width: 768px) {
    .site-header .main-navigation.toggled .main-nav>ul>li.menu-home>a {
        display: flex !important;
        align-items: center;
        min-height: 28px;
    }
}

@media (max-width: 1024px) {
    .main-navigation.toggled .main-nav ul ul.toggled-on ul.sub-menu {
        position: inherit !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: inherit !important;
    }
}

@media (min-width: 1025px) {
    .dropdown-hover .main-navigation ul#menu-main-menu li>ul ul>li,
    .dropdown-hover .main-navigation:not(.toggled) ul#menu-main-menu li:hover>ul ul>li {
        min-width: 100%;
        padding-left: 30px;
    }
}