/* Home page header for pages that do not load the main theme CSS (the blog under content/). */
#page { overflow-x: clip; }
#header { position: relative; z-index: 1030; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 21px; }
#header *, #header *::before, #header *::after { box-sizing: border-box; }
#header .header-body { background: #fff; }
#header .header-container { display: flex; align-items: center; width: 100%; margin: 0 auto; padding: 0 12px; }
#header .header-row { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; width: 100%; height: 100%; }
#header .header-column { display: flex; flex: 1 1 auto; align-items: center; height: 100%; }
#header .header-column.justify-content-end { justify-content: flex-end; margin-left: auto; }
#header .header-column.justify-content-end > .header-row { justify-content: flex-end; }
#header .header-logo { display: flex; position: relative; z-index: 1; margin: 16px 0; }
#header .header-logo a { display: block; }
#header .header-logo img { display: block; width: auto; height: auto !important; max-width: 140px; max-height: 60px; object-fit: contain; }
#header ul { margin: 0; padding: 0; list-style: none; }
#header li::before, #header li::marker { content: none; }
#header a { color: #444; text-decoration: none; }
#header .header-nav-main a { font-family: 'Poppins', sans-serif; letter-spacing: 0.3px; }
#header #mainNav > li > a { text-transform: uppercase; }
#header .btn-nav-link { position: relative; z-index: 0; display: inline-flex !important; align-items: center; justify-content: center; padding: 8px 30px !important; overflow: hidden; border: 3px solid #f28330 !important; background: #fff !important; color: #444 !important; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; text-decoration: none !important; transition: color 0.35s ease, border-color 0.35s ease !important; }
#header .btn-nav-link::before { position: absolute; inset: 0; z-index: -1; background: #2252bc; content: ""; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; }
#header .btn-nav-link:hover { border-color: #2252bc !important; color: #fff !important; }
#header .btn-nav-link:hover::before { transform: scaleX(1); }
#header button { font-family: inherit; }

@media (min-width: 576px) {
    #header .d-sm-inline-flex { display: inline-flex; }
}

@media (max-width: 575px) {
    #header .d-none { display: none; }
}

@media (min-width: 992px) {
    #header { height: 112px; }
    #header .header-body { position: fixed; top: 0; left: 0; z-index: 1030; width: 100%; }
    #header .header-container { height: 112px; max-width: 960px; transition: height 0.3s ease; }
    html.sticky-header-active #header .header-container { height: 74px; }
    #header .header-logo img { max-height: 52px; }
    #header .header-nav { display: flex; order: 1; align-self: stretch; }
    #header .header-nav-main, #header .header-nav-main nav, #header .header-nav-main nav > ul { height: 100%; }
    #header .header-nav-main nav > ul { display: flex; align-items: stretch; gap: 20px; }
    #header #mainNav > li { position: relative; display: block; height: 100%; margin-left: 2px; }
    #header #mainNav > li:first-child { margin-left: 0; }
    #header #mainNav > li > a { position: relative; display: inline-flex; align-items: center; height: 100%; margin-top: 1px; padding: 0 14.4px; color: #444; font-size: 13px; font-weight: 600; line-height: 24px; }
    #header #mainNav > li > a::before { position: absolute; top: 50%; left: 15px; right: 100%; height: 3px; margin-top: 15px; background: #f28330; content: ""; opacity: 0; transform: translateY(-3px); transition: right 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
    #header #mainNav > li:hover > a::before, #header #mainNav > li:focus-within > a::before, #header #mainNav > li > a.active::before { right: 15px; opacity: 1; }
    #header .dropdown-menu { position: absolute; top: calc(100% + 1px); left: 0; z-index: 1000; display: none; min-width: 200px; padding: 5px 0; background: #fff; box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); }
    #header #mainNav > li.dropdown:hover > .dropdown-menu, #header #mainNav > li.dropdown:focus-within > .dropdown-menu { display: block; }
    #header .dropdown-menu > li > a { position: relative; display: block; padding: 6px 18px; border-bottom: 1px solid #f7f7f7; color: #444; font-size: 13px; font-weight: 600; letter-spacing: -0.5px; line-height: 24px; white-space: nowrap; }
    #header .dropdown-menu > li:last-child > a { border-bottom: 0; }
    #header .dropdown-menu > li > a::after { position: absolute; bottom: 4px; left: 18px; right: calc(100% - 18px); height: 3px; background: #2252bc; content: ""; transition: right cubic-bezier(0.55, 0, 0.1, 1) 300ms; }
    #header .dropdown-menu > li:hover > a::after, #header .dropdown-menu > li:focus-within > a::after { right: 18px; }
    #header .mobile-nav-submenu-toggle { display: none !important; }
    #header .d-sm-inline-flex { order: 2; margin-left: 8px; }
    #header .header-extra-info { display: flex; }
    #header .header-extra-info li { display: flex; margin-left: 25px; }
}

@media (min-width: 1200px) {
    #header .header-container { max-width: 1140px; }
}

@media (min-width: 1440px) {
    #header .header-container { max-width: 1440px; }
    #header #mainNav > li { margin-left: 12px; }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    #header .header-container { padding: 0 80px; }
}

@media (max-width: 991px) {
    #header .mobile-nav-submenu-toggle { display: none; }
    #header .header-body { box-shadow: none !important; }
    #header .mobile-drawer-toggle { cursor: pointer; }
    #header .dropdown-menu { list-style: none; }
}