﻿/*
Theme Name: JupiterX Child
Description: Jupiter X Child Theme
Author: Artbees
Author URI: https://jupiterx.com
Template: jupiterx
Version: 1.0.0
Text Domain: jupiterx
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom CSS codes in assets/less/style.less */


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/jupiterx-child/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/wp-content/themes/jupiterx-child/MaterialIcons-Regular.woff2) format('woff2'),
       url(/wp-content/themes/jupiterx-child/MaterialIcons-Regular.woff) format('woff'),
       url(/wp-content/themes/jupiterx-child/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* New Form Dersign */
#backage .panel-default .panel-heading{
    background-color: #FFF!important;
	padding: 20px!important;
	border-color: #337ab7!important;
	border:0.5px solid #337ab7!important;
}

#backage .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: none;
	border-top:0px!important;
	border-bottom:0.5px solid #337ab7!important;
	border-left:0.5px solid #337ab7!important;
	border-right:0.5px solid #337ab7!important;	 
}

#backage .panel {
    box-shadow: none!important;
}

#backage .panel-heading .panel-title a:hover{
    text-decoration: none!important;
}



#backage a{font-weight:600!important;
 }

#backage #press-break-calc .panel-title {
    margin-left: 0px!important;
}

#backage .panel-body {
    padding: 20px 25px 20px 25px!important;
}

#backage .panel-heading[data-toggle="collapse"]:after 
{	font-size: 15px!important; 
	top: calc(50% - 7px)!important; 
	left:unset!important;
	right: 0;
  	content: ""!important;  
	height: 17px;
    width: 30px;
	background-image:url(../image/accordian-arrow.svg)!important;
	background-repeat: no-repeat;
	background-position:center;
}

#backage .panel-heading[data-toggle="collapse"].collapsed:after {
    transform: rotate(0deg)!important;
}

#backage .panel-heading[data-toggle="collapse"]:after {
    transform: rotate(180deg)!important;
}

   

#backage .btn:hover {
    color: #FFF6F6;
    background-color: #020202;
    border-color: #010101;
}


#backage ul li{list-style-type:none;}

#backage ul li:before{
	content:'';
	background-image:url(../image/list-icon.svg)!important;
	background-repeat: no-repeat;
	background-position:bottom right;
	width:20px;
	height:22px;
	position:absolute;
	left:20px;
}


#backage .box-option {
     padding: 15px 0px!important;  
    border: solid 2px #dedede;  
}

  #backage .box-option p{
    line-height:24px!important; 
}  

#backage .box-info {
    margin-bottom: 10px!important; background-color: transparent!important;
}

#backage .fa {
    color: #337ab7!important;
}

#backage hr.press{border-color:#337ab7!important;}

.custom-contact-form iframe {
      min-height: 870px !important;
}

#jet-popup-13481 iframe{
	  height: 820px !important;
}


@media (max-width:1124px){
	.custom-contact-form iframe {
      min-height: 1080px !important;
	}
}



@media (max-width: 777px) { 
	body .shape-area .zeus.tparrows { top: 60% !important; }
}

@media (max-width:767px){
	#cookie-law-info-bar{
		bottom:100px !important;
	}
     .main-iframe-wrapper {
        display: none !important;
    } 
	.shape-area .rs-layer.rev_break_columns { margin-bottom: 0px !important; }

    .jet-mobile-menu { display: none !important; }

    body.cbp-spmenu-push-toleft { left: 0 !important; }
    html.retina { padding-top: 0 !important; }   
    div#mg-wprm-wrap ul li span.wprmenu_icon { z-index: 99999 !important; }
    div#mg-wprm-wrap ul li span.wprmenu_icon:before { top: -2px !important; }
    #mg-wprm-wrap li.menu-item a { text-transform: initial !important; font-size: 14px !important; padding: 12px 22px !important; }
    #wprmenu_bar.wprmenu_bar { top: 19px !important; background-color: transparent !important; } 
    #wprmenu_bar.wprmenu_bar  .hamburger-inner, 
    #wprmenu_bar.wprmenu_bar  .hamburger-inner::after, 
    #wprmenu_bar.wprmenu_bar  .hamburger-inner::before { height: 1.5px !important; }
    #wprmenu_bar.wprmenu_bar .hamburger--slider .hamburger-inner::before { top: 8px !important; }
    #wprmenu_bar.wprmenu_bar .hamburger--slider .hamburger-inner::after { top: 16px !important; }
    #wprmenu_bar.wprmenu_bar .hamburger.is-active .hamburger-inner::after { top: 20px !important; background: #000; }
    #wprmenu_bar.wprmenu_bar .hamburger.is-active .hamburger-inner { background: #000; }
    #wprmenu_bar { background: none; left: unset !important; right: 0; width: 50px !important;}
    #wprmenu_bar div.hamburger { position: absolute !important; right: 12px !important; } 
	
	.raven-site-logo { float: left; margin: 0 0 -20px 10px;}
	a.raven-site-logo-link {float: left;}

    #wprmenu_bar .menu_title { display: none !important; }

    .default.cbp-spmenu#mg-wprm-wrap { top: 0 !important; padding-top: 55px !important; max-width: 400px !important; width: 100% !important; }
    .cbp-spmenu#mg-wprm-wrap > #wprmenu_menu_ul > li > a { color: #f96506 !important; }

    #mg-wprm-wrap ul.sub-menu { padding: 0 5px !important; }
    #mg-wprm-wrap ul.sub-menu li.menu-label-head a {  padding-top: 22px !important; padding-bottom: 20px !important; pointer-events: none !important; color: #06031B !important; font-size: 17px !important; font-weight: 700; 
    text-transform: capitalize !important; line-height: 18px; padding-left: 20px !important;  }
    #mg-wprm-wrap ul.sub-menu li.menu-label-head.services-heading a { pointer-events: all !important; }
    #mg-wprm-wrap ul.sub-menu li.menu-label-head a:after { display: none !important; }
    #mg-wprm-wrap ul.sub-menu li a { text-transform: capitalize !important; position: relative; padding-left: 35px !important; }
    #mg-wprm-wrap ul.sub-menu li a:after { position: absolute; content: ''; left: 15px; top: 50%; transform: translateY(-50%); height: 15px; width: 15px; background-size: cover; background-repeat: no-repeat;
    background-image: url(../image/menu-list.svg); }
    #mg-wprm-wrap ul.sub-menu li.for-spacing { margin-top: 35px !important; }
}
@media (max-width: 665px) { 
	.shape-area rs-row-wrap { margin-bottom: 0px; margin-top: 0px !important; padding-bottom: 0!important; }

    #mg-wprm-wrap ul.sub-menu li.menu-label-head a { padding-bottom: 15px!important; font-size: 16px!important; font-weight: 600 !important; }
}

@media (max-width:400px){
	#jet-popup-13481 iframe{
	  height: 900px !important;
    }
}

iframe#kgickCE6EczdgpJtWPjG {
    height: 600px;
}

#fbmsg-icon img {
    width: 38px;
    height: 38px;
}


/* 添加在文件末尾 */

/* Jet Menu 下拉菜单修复样式 */
.jet-menu-item.jet-menu-item-has-children:hover > .jet-sub-mega-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.jet-sub-mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    min-width: 1080px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.jet-menu-item.jet-menu-item-has-children {
    position: relative;
}

.jet-menu-item.jet-menu-item-has-children:hover .jet-dropdown-arrow {
    transform: rotate(180deg);
}

.jet-dropdown-arrow {
    transition: transform 0.3s ease;
    margin-left: 5px;
}

/* 确保菜单项在hover时显示下拉 */
.jet-menu-item.jet-menu-item-has-children:hover {
    z-index: 1001;
}

/* 修复移动端菜单显示问题 */
@media (min-width: 768px) {
    .jetmenu-area .jet-menu-item-2361 > .jet-sub-mega-menu {
        display: block !important;
        width: 1080px !important;
        left: -508px !important;
        max-width: 1333px;
    }
    
    .jetmenu-area .jet-menu-item.jet-menu-item-has-children:hover > .jet-sub-mega-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* 确保菜单容器正确显示 */
.jet-menu-container {
    position: relative;
    z-index: 1000;
}

.jet-menu-inner {
    position: relative;
}

/* 修复菜单链接样式 */
.jet-menu .jet-menu-item .top-level-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

.jet-menu .jet-menu-item:hover > .top-level-link {
    color: #f96506;
    background-color: #f8f9fa;
}

/* 子菜单项样式 */
.jet-menu li.jet-sub-menu-item .sub-level-link {
    padding: 7px 20px;
    color: #333333;
    font-weight: 400;
    font-size: 13px;
    border-bottom: 1px solid #f96506;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}

.jet-menu li.jet-sub-menu-item .sub-level-link:hover {
    background-color: #939faf;
    color: white;
}

/* 确保Elementor菜单正确显示 */
.elementor-nav-menu--dropdown .elementor-item {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #333;
}
/* Jet Menu Dropdown Fixes */
.jet-menu-container ul.jet-menu {
  position: relative;
  z-index: 1000;
}

.jet-menu-container ul.jet-menu li.jet-menu-item {
  position: relative;
}

.jet-menu-container ul.jet-menu li.jet-menu-item:hover > ul.sub-menu,
.jet-menu-container ul.jet-menu li.jet-menu-item:hover > div.jet-sub-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.jet-menu-container ul.jet-menu ul.sub-menu,
.jet-menu-container ul.jet-menu div.jet-sub-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  min-width: 200px;
  pointer-events: none;
}

.jet-menu-container ul.jet-menu ul.sub-menu li,
.jet-menu-container ul.jet-menu div.jet-sub-mega-menu li {
  white-space: nowrap;
}

.jet-menu-container ul.jet-menu ul.sub-menu a,
.jet-menu-container ul.jet-menu div.jet-sub-mega-menu a {
  display: block;
  padding: 8px 20px;
  color: #333333;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.jet-menu-container ul.jet-menu ul.sub-menu a:hover,
.jet-menu-container ul.jet-menu div.jet-sub-mega-menu a:hover {
  background-color: #f5f5f5;
  color: #f96506;
}

/* 修复响应式问题 */
@media (max-width: 767px) {
  .jetmenu-area .elementor-widget-jet-mega-menu {
    display: block !important;
  }
  
  .jet-menu-container ul.jet-menu ul.sub-menu,
  .jet-menu-container ul.jet-menu div.jet-sub-mega-menu {
    position: static;
    width: 100% !important;
    min-width: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: none;
    pointer-events: auto;
  }
}

/* 确保JavaScript交互正常工作 */
.jet-menu--animation-type-fade .jet-sub-mega-menu {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}































