header[data-elementor-type="header"] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    background: transparent;
    transition: all .25s ease-in;
}

header[data-elementor-type="header"],
.header-con .e-con-inner {
    height: 80px;
}

@media (max-width: 767px) {
	header[data-elementor-type="header"],
	.header-con .e-con-inner {
		height: 60px;
	}
	.header-con .e-con-inner {
		padding: 0px;
	}
}

/* fix menu breaking on smaller res */
@media screen and (min-width: 1025px) and (max-width: 1100px) {
	header[data-elementor-type="header"] .elementor-nav-menu a {
	  padding: 13px 10px !important;
	}
}

/* .nav-container {
    display: flex;
    align-items: center;
    justify-content: center;
} */

header .right-col {
    width: auto;
}


li.nav-link.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children {
    min-width: 139px;
	cursor:pointer;
}
html[lang="zh-TW"] li.nav-link.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children {
    min-width: 101px;
}
.sub-menu,
.elementor-sub-item:hover {
    background: rgb(30 30 30 / 80%);
}

.elementor-nav-menu--dropdown {
    font-size: inherit;
}

.elementor-nav-menu--main .elementor-nav-menu--dropdown a,
.elementor-nav-menu--main .elementor-nav-menu--dropdown a:hover{
    padding: 25px 25px;
}
.nav-link a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
    padding: 20px;
}

.nav-link a:hover {
    color: var(--green)!important;
    opacity: 0.8;
}


.contact-btn {
    display: flex;
    align-items: center;
    background-color: var(--black-medium-bg);
    color: #ffffff;
    padding: 5px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    gap: 10px;
    margin: 0 20px;
    overflow: hidden;
/*     font-size: 20px; */ /*not sure why bigger?*/
}


.contact-btn::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--green);
    border-radius: 50%;
    display: inline-block;
    transition: transform 0.35s cubic-bezier(.79, .14, .15, .86);
    z-index: 0;
}

contact-btn a:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--green);
    border-radius: 50%;
    display: inline-block;
    transition: transform 0.35s cubic-bezier(.79, .14, .15, .86);
    z-index: 0;
}
.contact-btn span {
    z-index: 1;
    position: relative;
    transition: all .35s cubic-bezier(.79, .14, .15, .86);
}

.contact-btn:hover::before {
    transform: scale(35);
}

.contact-btn:hover span {
    transform: translateX(-9px);
}

.contact-btn:hover span {
    color: var(--black-medium-bg);
}

.lang-select {
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    padding: 20px;
}

.hamburger {
    display: flex;
}

.hamburger-inner::before {
    top: -9px;
}

.hamburger-box {
    width: 37px;
    height: 22px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 100%;
}

.hamburger-inner::after {
    bottom: -9px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: var(--text-white-soft);
    height: 2px;
    border-radius: 0;
}

header[data-elementor-type="header"].scrolled {
    background-color: var(--black-dark-bg);
}

header[data-elementor-type="header"].mid-page-load {
    background-color: var(--black-dark-bg);
}


@media screen and (max-width: 1024px) {
    header[data-elementor-type="header"] {
        background-color: var(--black-dark-bg);
    }

    .contact-btn {
        width: 34px;
        height: 34px;
        padding: 0;
        color: transparent;
        background-image: url(/wp-content/uploads/2026/03/contact.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: var(--green);
        border-radius: 50%;
        margin: 0 10px;
    }

    .contact-btn span {
        color: transparent !important;
    }

    .lang-select {
        padding: 10px;
        color: var(--text-white-soft);
    }

    .contact-btn::before {
        display: none;
    }

    .nav-link,
	.wp-menu {
        display: none!important;
    }
}

/*mobile menu CSS*/

#menu-improved__overlay #menu-improved__content {

    background: #1e1e1e;
}
.eec-31-col,
.eec-41-col {
    color: white;
}

#menu-improved__overlay #menu-improved__content {
    height: auto;
	width: 1024px;
	max-width:100%;
}
input#menu-toggle:checked ~ .hamburger .hamburger-inner, input#menu-toggle:checked ~ .hamburger .hamburger-inner::before, input#menu-toggle:checked ~ .hamburger .hamburger-inner::after {
    background-color: var(--gray-dark-bg);
}

#menu-improved__overlay {
	top:60px;
}

.mob-menu-product-desc .elementor-heading-title span {
    color: var(--green);
}
.other-links-con .elementor-widget-heading {
    padding-left: 20px;
}

@media screen and (min-width: 768px) {
	.eec-31-col,
	.eec-41-col{
		min-width:245px;
	}
	.product-links-con{
		min-width:510px;
	}

	.other-links-con{
		max-width: 33%;
	}
	.mobile-menu-con {
		padding: 20px;
	}
}
@media screen and (max-width: 813px) {
	.mobile-menu-con{
    flex-wrap: wrap;
	}
	.product-links-con{
		min-width:100%;
	}
	.other-links-con {
		max-width: 100%;
	}
	.mobile-menu-con .elementor-social-icons-wrapper.elementor-grid {
		display: flex!important;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 767px) and (min-width: 641px)  {
	.eec-31-col,
	.eec-41-col{
		max-height: 93px;
	}
}

@media screen and (max-width: 640px) {
	.eec-31-col,
	.eec-41-col{
		width:100%;
		max-height: 115px;
	}
	.eec-31-col img,
	.eec-41-col img{
		max-width:180px;
	}
	
}
@media screen and (max-width: 500px) {
	.eec-31-col,
	.eec-41-col{
		max-height: 115px;
	}
	
}

@media screen and (max-width: 420px) {
    .eec-31-col img, .eec-41-col img {
        max-width: 100%;
    }
    .eec-31-col, .eec-41-col {
        max-height: 90px;
    }
}

.mobile-menu-con .footer-social-icons a.elementor-social-icon {
    background: none;
    margin: 0 15px 0 0 !important;
    height: 30px !important;
    width: 30px !important;
}