/* 
 Theme Name:   TradeElite-child
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   /
 Template:     tradeelite
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
/*手机导航样式*/
@media screen and (max-width: 768px) {
            .topheader {
                display: none;
            }

            .companyname {
                display: none;
            }

            .site-header {
                border-bottom: 0.5px solid #000;
                /* 2px宽的黑色下边线 */
            }

            .site-header {
                width: 100%;
                position: fixed;
                top: 0;
                z-index: 1000;
                box-shadow: 10px 10px 30px 0px rgba(138, 138, 138, 0.55);
            }

            /*下阴影*/
            .navbar-toggle {
                display: block;
                border: none;
                appearance: none;
                border-radius: 0;
                background: 0 0;
                background-image: url("https://viasmartoffice.com/wp-content/uploads/2024/09/Menu.png");
                background-size: cover;
                width: 30px;
                height: 30px;
            }

          .navbar-close.open {
                position: relative;
			  		  left: 50px;
                border: none;
                appearance: none;
                border-radius: 0;
                background: 0 0;
                background-image: url("https://viasmartoffice.com/wp-content/uploads/2024/09/icon-close.png");
                background-size: cover;
                width: 30px;
                height: 30px;
            }

            .nav-menu.open {
                right: 0;
            }

            /* 当添加open类名时，导航栏滑出 */
            .nav-menu {
                position: fixed;
                top: 0;
                right: -80%;
                /* 初始时隐藏导航栏 */
                width: 80%;
                height: 100%;
                /* 或者根据需要设置高度 */
                background-color: #7aabcc;
                /* 或者根据设计设置背景色 */
                transition: all 0.3s ease;
                /* 平滑过渡效果 */z-index: 998;
            }

            .nav-menu ul {
                /*display: none;*/
                list-style: none;
            }

            .nav-child-menu a {

                text-decoration: none;
                /*移除下划线*/
            }

            .nav-menu ul li a {
                list-style: none;
                text-decoration: none;

            }

            .nav-child-menu ul li {
                list-style: none;
                /*display: none;*/
            }

            /* 添加子菜单的样式 */
            .nav-child-menu {
                position: fixed;
                top: 0;
                left: -80%;
                /* 初始时隐藏子菜单 */
                width: 80%;
                height: 100%;
                background-color: #fff;
                transition: all 0.3s ease;
						z-index: 999;
            }
	.nav-child-menu.show {
                left: 0;
            }

            /* 当添加show类名时，子菜单滑出 */
	.whatsapp_float{
	position: fixed;
	bottom: 100px;
	right: 20px;
	display: flex;
   flex-direction: column;
   align-items: center;
	justify-content: center;
	height:50px;
	width:50px;
	background-color: #25d366;
	z-index:1000000;

            }/*whatsapp图标悬浮*/

}
        

        

        /*大屏幕固定导航*/
        @media screen and (min-width: 769px) {
            .navbar-close {
                display: none;
            }

            .navbar-toggle {
                display: none;
            }

            .site-header {
                width: 100%;
                position: fixed;
                top: 0;
                z-index: 1000;
                box-shadow: 10px 10px 30px 0px rgba(138, 138, 138, 0.55);
            }

            /* 自定义导航栏样式 */
            .nav-menu {
                display: flex;
                justify-content: center;
            }

            .nav-menu ul li a {
                list-style: none;
                display: block;
                padding: 0px 10px;
                margin: 20px;
                text-decoration: none;
                text-align: center;
            }

            .nav-menu ul li {
                display: inline-block;
            }

            .nav-child-menu ul li {
                list-style: none;

            }

            .product-submenu {
                position: relative;
            }

            .nav-child-menu {
                position: absolute;
                top: 100px;
                /*顶部线到导航栏的距离*/
            }

            .nav-child-menu {
                /*position: absolute;*/
                left: 0;
                width: 100vw;
                padding: 20px;
                margin: 0;
                background-color: rgba(255, 255, 255, 1);
                /* 示例背景色，可调整 */
                z-index: 9999;
                /* 确保下拉菜单显示在其他内容之上 */
                overflow-y: auto;
                /* 允许垂直滚动 */
                display: none;
                /* 默认隐藏 */
                border-top: 0.5px solid #333;
                /* 设置上边线为2像素宽，实线，红色 */
            }

            .nav-child-menu ul {
                display: inline-block;
                margin: 20px;
                margin-top: 0;
                /* 确保列表项顶部没有额外的边距 */
                vertical-align: top;
                /* 如果需要，确保垂直对齐到顶部 */
            }

            .nav-child-menu li {
                padding: 5px;
            }

            .nav-child-menu li a {
                color: #333;
                /* 设置字体颜色为蓝色 */
                text-decoration: none;
                /*移除下划线（如果需要的话） */
            }

            .nav-child-menu a {
                position: relative;
                color: inherit;
                /* 继承父元素的文本颜色 */
            }

            .nav-child-menu a:hover {
                /*text-decoration: underline; 鼠标悬停时添加下划线 */
            }

            .nav-child-menu a::after {
                content: '';
                /* 伪元素内容为空 */
                position: absolute;
                /* 绝对定位伪元素 */
                width: 100%;
                /* 与文本宽度相同 */
                height: 1px;
                /* 下划线的高度 */
                bottom: 0;
                /* 初始位置在文本下方 */
                left: 0;
                background-color: currentColor;
                /* 使用与文本相同的颜色 */
                transition: bottom 0.3s ease;
                /* 可选：添加过渡效果 */
                /* 初始时隐藏下划线 */
                opacity: 0;
                /* 调整下划线与文本之间的距离，使用margin或padding */
                margin-bottom: 1px;
                /* 增加这个值会使下划线离文本更远 */
                height: 1px;
                /* 设置下划线的高度（线宽） */
            }

            a:hover::after {
                /* 鼠标悬停时显示下划线 */
                opacity: 1;
                /* 可选：调整下划线与文本的最终距离 */
                bottom: -10px;
                /* 减少这个值会使下划线离文本更近 */
            }

            .nav-child-menu.show {
                display: block;
            }

            .hide {
                display: none;
            }

            .center-h2 {
                display: block;
                color: #ffffff;
                text-align: center;
            }
.whatsapp_float{
	position: fixed;
	bottom: 100px;
	right: 20px;
	display: flex;
   flex-direction: column;
   align-items: center;
	justify-content: center;
	height:50px;
	width:50px;
	background-color: #25d366;
	z-index:1000000;

            }
        }