/*
Theme Name: vibsys
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*--------------------------------------------------------------
 # Header Start css
 --------------------------------------------------------------*/
.header_sec .e-con-inner {
    grid-template-columns: auto max-content !important;
    justify-content: space-between !important;
    grid-gap: 20px;
    align-items: center;
    display: flex !important;
    flex-flow: unset !important;
}
.header_right ul {
    align-items: center;
    display: flex !important;
    flex-flow: wrap !important;
    grid-gap: 25px;
}
.header_right ul::before,.header_right ul::after{
  display: none;
}
header#masthead{
  position: sticky !important;
  top: 0px;
}
header#masthead .hfe-site-logo {
    position: relative;
    z-index: 2;
}
header#masthead.sticky{
    box-shadow: 1.563px 0.863px 6px 0 rgb(0 0 0 / 13%);
}
div#wpadminbar ~ div#page header#masthead{
  top: 32px;
}
.orange_btn a {
    height: 40px;
    width: 129px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*--------------------------------------------------------------
 # Toggle Btn css
--------------------------------------------------------------*/
 .ham {
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition: transform 400ms;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     max-width: 50px;
}
 .hamRotate.active {
     transform: rotate(45deg);
}
 .hamRotate180.active {
     transform: rotate(180deg);
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 3px;
    stroke-linecap: round;
}
 .ham7 .top {
     stroke-dasharray: 40 82;
}
 .ham7 .middle {
     stroke-dasharray: 40 111;
}
 .ham7 .bottom {
     stroke-dasharray: 40 161;
}
 .ham7.active .top {
     stroke-dasharray: 17 82;
     stroke-dashoffset: -62px;
}
 .ham7.active .middle {
     stroke-dashoffset: 23px;
}
 .ham7.active .bottom {
     stroke-dashoffset: -83px;
}
 .toggle_btn{
     display: none;
     position: relative;
     z-index: 9;
}
.productsliderholder .slick-slide, .testimonial_slider .slick-slide {
    padding: 10px;
}
button.slick-next.slick-arrow.slick-disabled, button.slick-prev.slick-arrow, .slick-dots li.slick-active button:before, .slick-dots li button:before {
    display: none;
}
.slick-dots button {
    background-color: red !important;
    border-radius: 50%;
    width: 7px !important;
    height: 7px !important;
    padding: 0;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 7px !important;
    height: 7px !important;
    margin: 0 5px !important;
    padding: 0;
    cursor: pointer;
}
.testimonial_slider img {
    margin: auto !important;
    width: 100px !important;
}

ul.sub-menu {
    padding: 20px 0;
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
    content: '' !important;
    width: 10px;
    position: absolute;
    height: 10px;
    top: 5px;
    font-style: normal;
    background-image: url(https://vibsys.fenesttee.com/wp-content/uploads/2024/09/arrow-down-sign-to-navigate.png);
    background-size: contain;
    background-repeat: no-repeat;
}




@media(max-width: 991px){
   .toggle_btn{
       display: block;
        margin-top: -8px;
      margin-right: -8px;
  }
  #masthead{
    overflow-x: hidden;
  }
  #masthead .header_right ul {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    background: var(--white);
    min-height: 103vh;
    display: flex;
    transform: translateX(-100%);
    padding: 143px 15px 40px;
    transition: all 0.4s;
    display: block !important;
    background-color: #ffffff;
}
  #masthead .header_right ul li {
      width: 100%;
  }
  #masthead .header_right ul li a {
      padding: 15px 0px;
      border-bottom: 1px solid var(--grey);
  }
  #masthead .header_right ul li:last-child a {
      background: transparent;
      border-radius: unset !important;
      color: var(--grey);
      width: 100% !important;
  }
  #masthead .header_right ul li.current-menu-item:last-child a {
    color: var(--black);
  }
  #masthead.show .header_right ul{
    transform: translateX(0%);
  }
  .header_right {
      max-width: fit-content;
  }
  .header_left {
      display: contents;
  }
  .header_sec .e-con-inner{
    padding-bottom: 8px !important;
  }
  .header_left a {
    position: relative;
    z-index: 9;
    }
    ul.sub-menu.sub-menu-open {
    padding-top: 10px !important;
}
ul.sub-menu.sub-menu-open {
    padding-right: 30px !important;
    background-color: #f3f3f3 !important;
    left: 1px !important;
    width: 95% !important;
}
}

@media(min-width: 991px){

.hfe-nav-menu > li.menu-item-has-children:nth-child(3) > ul.sub-menu, .hfe-nav-menu > li.menu-item-has-children:nth-child(4) > ul.sub-menu {
    display:none !important;
    width: 1180px !important;
    position: absolute;
    left: 50%;
    height: 350px;
    align-items: start;
    padding-top: 50px;
    transform: translate(-42%, 0px) !important;
}
.hfe-nav-menu > li.menu-item-has-children:nth-child(3):hover ul.sub-menu, .hfe-nav-menu > li.menu-item-has-children:nth-child(4):hover ul.sub-menu {
    display: flex !important;
} 
#menu-item-554 ul.sub-menu, #menu-item-555  ul.sub-menu, #menu-item-1080  ul.sub-menu, #menu-item-682  ul.sub-menu, #menu-item-425 ul.sub-menu, #menu-item-464 ul.sub-menu {
    transform: translateY(0) !important;
    opacity: 1 !important;
    left: 0;
    top: 26px;
    visibility: visible;
    box-shadow: none !important;
    background-color: #0000;
}
.hfe-nav-menu > li.menu-item-has-children:nth-child(3) > ul.sub-menu > li {
    width: 25%;
}


.hfe-nav-menu > li.menu-item-has-children:nth-child(3) > ul.sub-menu > li > .hfe-has-submenu-container a, 
.hfe-nav-menu > li.menu-item-has-children:nth-child(3) > ul.sub-menu > li > a,
.hfe-nav-menu > li.menu-item-has-children:nth-child(4) > ul.sub-menu > li > .hfe-has-submenu-container a, 
.hfe-nav-menu > li.menu-item-has-children:nth-child(4) > ul.sub-menu > li > a{
    color: red !important;
}

#menu-item-554 ul.sub-menu > li, #menu-item-555 ul.sub-menu > li, #menu-item-1080 ul.sub-menu > li {
    padding: 5px 0;
}
#menu-item-554 .hfe-has-submenu-container i.fa, #menu-item-555 .hfe-has-submenu-container i.fa, #menu-item-1080 .hfe-has-submenu-container i.fa, #menu-item-682 .hfe-has-submenu-container i.fa {
    display: none !important;
}
}

.vcat_1_ans .e-n-tabs-heading {
    gap: 0;
}
.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background-color: #ffffff;
    background-image: none;
    color: #000;
    box-shadow: 2px 2px 10px 0px #cfcfcf;
}
.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background-color: #f1f2f3;
    background-image: none;
    color: #000 !important;
    text-decoration: underline;
}
.vcat_2_ans .e-n-tabs-content, .vcat_1_ans .e-n-tabs-content, .vcat_3_ans .e-n-tabs-content, .vcat_4_ans .e-n-tabs-content, .tab_ct_01 .e-n-tabs-content {
    min-height: 600px;
}
.product-01-01-btn.active a, .product-01-02-btn.active a, .product-01-03-btn.active a, .product-01-04-btn.active a,
.vcat_1.active a, .vcat_2.active a, .vcat_3.active a, .vcat_4.active a, .vcat_5.active a, .vcat_6.active a {
    background-color: #a80101 !important;
}
.product-01-01-btn:hover a, .product-01-02-btn:hover a, .product-01-03-btn:hover a, .product-01-04-btn:hover a,
.vcat_1:hover a, .vcat_2:hover a, .vcat_3:hover a, .vcat_4:hover a, .vcat_5:hover a, .vcat_6:hover a {
        cursor: pointer;
}

a.hfe-sub-menu-item.hfe-sub-menu-item-active {
    color: #070d56 !important;
}