/*
Theme Name: Naked Wordpress
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License
Text Domain: jibble
*/

/* Styles for the third column button */

@media (min-width:1200px){

  .row-main-nav { position: initial !important;justify-content: flex-end; }

  .menu-header-main-menu-container.col-xl-5 { position: initial !important; }

  .header-main .header-main--menu>li.menu-item { position: initial !important; }

  nav.col-7.col-xl-10 { position: initial; }

  .header-main .header-main--menu>li.menu-item { position: initial; }

  .header-main .header-main--menu>li.menu-item.menu-item-has-children .submenu-container { right: 0 !important;top: 97% !important;}

  body .header-main .header-main--menu>li.menu-item.menu-item-has-children>a.active:after { font-family: icomoon; content: "\E900"; font-size: 12px; display: inline-block; margin-left: 6px; transition: transform .3s ease-in-out; transform: rotateZ(180deg); }

  .megamenu-inner-wrapper .menu-item.tab-links-li.active{background-color: #FFF2E9; border-radius: 8px;}

  .header-main .header-main--menu .tab-item-links ul >li.menu-item a{  padding-left: 10px;position: relative;}

  .menu-item.tab-links-li>a.active:after {
    content: "\E903";
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 0;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
}

  .megamenu-inner-wrapper {background: #fff; width: 100%;}

  .megamenu-inner-wrapper .tab-wrap {display: flex;flex-wrap: wrap; gap: 24px;} 

  .megamenu-inner-wrapper .tab-content-item, .megamenu-inner-wrapper .header-cta__inner{display: none;}

  .megamenu-inner-wrapper .header-right-cta .header-cta__inner { position: relative; z-index: 2; padding: 24px 0 24px 24px; height: 100%; border-left: 1px solid #E6E6E6; }

  .megamenu-inner-wrapper .header-nav__link-header { border-bottom: 1px solid #E6E6E6; }
  .megamenu-inner-wrapper .header-right-cta::after { content: ''; background-color: #FAFAFA; width: 100%; height: 100%; display: block; top: 0; position: absolute; z-index: 1; }

  .megamenu-inner-wrapper .tab-content-item.active, .megamenu-inner-wrapper .header-cta__inner.active {display: block; }

  .megamenu-inner-wrapper .tab-wrap > div:nth-child(4) {flex-basis: 100%; }

  .megamenu-inner-wrapper .tab-item-links {width: 32%; border-right: 1px solid rgba(0, 0, 0, .1); padding-top: 24px;}

  .megamenu-inner-wrapper .tab-content { width: 68%; padding: 24px 0 0 24px; }

  .megamenu-inner-wrapper .tab--content-wrap { display: flex; }

  .megamenu-inner-wrapper .tab--content-main-wrap { width: calc(75% - 12px); }

  .megamenu-inner-wrapper .header-right-cta {width: calc(25% - 12px);}

  .megamenu-inner-wrapper .solution-first--column {width: 40%;}

  .megamenu-inner-wrapper ul.list-unstyled.tab-links {margin-right: 25px;}

  .megamenu-inner-wrapper ul.tab-inner-links.list-unstyled {display: flex;flex-wrap: wrap;}

  .megamenu-inner-wrapper .tab-inner-links.list-unstyled li {width: 50%;padding: 8px;}

  .megamenu-inner-wrapper .solution-first--column ul.sol--content { display: flex;flex-wrap: wrap;}

  .megamenu-inner-wrapper .solution-first--column .sol--content li.menu-item {width: 50%;padding: 10px;}

  .solution-sec--column .menu-item { padding: 10px; }

  .sol--title { text-transform: uppercase; font-size: 15px; font-weight: 800; padding: 15px; }

  body .header-main .header-main--menu .content--link.explore--link a { color: #ff6603; }

  .megamenu-inner-wrapper ul.intr--content.sub-menu.sub-menu-featured {display: flex;flex-wrap: wrap;width: 80%;}

  .megamenu-inner-wrapper .intr--content li.menu-item {width: 33.33%;}

  .megamenu-inner-wrapper .integration-sec--column {width: 70%;margin-right: 30px;}

  .megamenu-inner-wrapper .res-first--column { width: 40%; display: flex; flex-wrap: wrap; gap: 60px; }

  .megamenu-inner-wrapper .solution-sec--column { width: 30%;margin-right: 30px; }

  .megamenu-inner-wrapper .res-sec--column { width: 30%;margin-right: 30px; }

  .megamenu-inner-wrapper .res-first--column li.menu-item { width: 100%; max-width: 230px;}

  .megamenu-inner-wrapper ul.res--content.sub-menu.sub-menu-featured { width: 100%; }

  .megamenu-inner-wrapper .tab-wrap li.menu-item { user-select: none; cursor: pointer; transform: translateY(0); pointer-events: all; }

  .header-nav__list:hover .megamenu { transform: translateY(0); opacity: 1; pointer-events: all; }

  .megamenu-inner-wrapper ul.footer--menu.sub-menu.sub-menu-featured { display: flex; flex-wrap: wrap; border-top: 1px solid #E6E6E6; padding: 24px 22px; margin-top: 24px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.footer--menu .footer--menu--li a { padding-bottom: 0 !important; padding-top: 0 !important; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.footer--menu .footer--menu--li:last-child a { padding-bottom: 0 !important; padding-top: 0 !important; }
  .megamenu-inner-wrapper .header-cta-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
  .megamenu-inner-wrapper .quick-cta-bottom-links { padding: 0 16px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured li.menu-item .sol--icon { background-color: #FAFAFA; width: 44px; height: 44px; display: flex !important; justify-content: center;border-radius: 8px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured li.menu-item .res--icon { background-color: #FAFAFA; width: 44px; height: 44px; display: flex !important; justify-content: center;border-radius: 8px }
  .megamenu-inner-wrapper .tab-item-links ul li a.active { background-color: #FFF2E9; border-radius: 8px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.footer--menu .footer--menu--li a .foot--icon img { width: 16px; height: 16px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.footer--menu .footer--menu--li a .icon-link-content.text { padding-left: 4px; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.footer--menu .footer--menu--li a .icon-link-content.text .menu-item-title { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; color: #FF7922; margin-top: 3px; display: block; }
  .megamenu-inner-wrapper .sol--wrap .solution-first--column { width: 70%; }
  .megamenu-inner-wrapper .sol--wrap .solution-sec--column { width: 30%; margin-right: 0; }
  .megamenu-inner-wrapper .int--wrap .integration-sec--column { width: 100%; margin-right: 0; }
  .megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content { width: 100%; }
  .megamenu-inner-wrapper .header-quick-cta__inner { position: relative; z-index: 2; padding: 24px 0 24px 24px; height: 100%; border-left: 1px solid #E6E6E6; }
  .megamenu-inner-wrapper  .see--all a { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 20px; color: #FF7922 !important; padding-left: 20px !important; }
  .megamenu-inner-wrapper .int--wrap { padding-top: 12px; padding-left: 10px; }
  .megamenu-inner-wrapper .int--wrap .see--all a { padding-left: 5px !important; }
  .megamenu-inner-wrapper .int--wrap ul.footer--menu.sub-menu.sub-menu-featured { padding-left: 5px; }
  .megamenu-inner-wrapper .res--wrap .tab--content-wrap { width: 100%; }
  .megamenu-inner-wrapper .res--wrap .res-first--column { width: 67%; }
  .megamenu-inner-wrapper .res--wrap .res-sec--column { width: 33%; margin-right: 0; padding-top: 35px; }
  .megamenu-inner-wrapper .header-quick-cta__inner .content { padding-left: 16px; }
  .megamenu-inner-wrapper .res--wrap { padding-top: 24px; }
  .megamenu-inner-wrapper .res--wrap .res--content li a .menu-item-title { font-weight: 600 !important; }
  .megamenu-inner-wrapper .res--wrap .res--content li a { padding: 13px 0 !important; }
  .megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a { align-items: center; padding: 12px 0 !important; gap: 8px; }
  .megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a img { width: 22px; }
  .megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a .menu-item-title { font-weight: 600 !important; }
  .megamenu-inner-wrapper .res-first--column .res--content.sub-menu.sub-menu-featured .icon-link-content.text {padding-left:0px !important;}

  .header-backdrop {
    position: fixed;
    background-color: rgb(0 0 0 / 15%);
    width: 100%;
    height: 100%;
  }

  .bodyoverlay .header-backdrop {
      z-index: 2;
  }

  .bodyoverlay .header-main .header-main--content {
      z-index: 3;
      position: relative;
  }

  .rtl .menu-item.tab-links-li>a.active:after{left: 10px;right: unset;transform: rotate(180deg) !important;}
  .rtl .header-main .header-main--menu>li.menu-item.menu-item-has-children .submenu-container {left:0 !important;right:0;}
  .rtl .megamenu-inner-wrapper .tab-item-links {border-left: 1px solid rgba(0, 0, 0, .1); border-right: unset;}
  .rtl .header-main .header-main--menu .tab-item-links ul >li.menu-item a { padding-right: 10px;padding-left: unset;}
  .rtl .megamenu-inner-wrapper ul.list-unstyled.tab-links { margin-right: unset;margin-left: 25px;}
  .rtl .megamenu-inner-wrapper .tab-content {padding: 24px 24px 0px 0;}
  .rtl .megamenu-inner-wrapper .header-right-cta .header-cta__inner {padding: 24px 24px 24px 0px;border-right: 1px solid #E6E6E6;border-left: unset;}
  .rtl .megamenu-inner-wrapper .icon-arrow-right:before {transform: rotate(180deg) !important;display: inline-block;}
  .rtl .megamenu-inner-wrapper .header-quick-cta__inner {padding: 24px 24px 24px 0px;border-left: unset;border-right: 1px solid #E6E6E6;}
  .rtl .header-main .header-main--menu>li.menu-item.menu-item-has-children .submenu-container {overflow: initial !important;}
}

@media (max-width:1200px){
  .menu-additional-info { position: static;}
  .megamenu-inner-wrapper .sol--wrap li.menu-item { width: 100%; max-width: 286px;}
  .megamenu-inner-wrapper .sol--wrap .sub-menu.sub-menu-featured li.menu-item a .text .menu-item-desc {display: block !important;}
  .megamenu-inner-wrapper .res--wrap .sub-menu.sub-menu-featured li.menu-item a .text .menu-item-desc {display: block !important;}
  .header-main--content .row-main-nav .submenu-container{border-top: none !important;}
  .header-main--content ul.list-unstyled.header-list-buttons.align-items-center { margin-bottom: 0px!important; position: absolute; bottom: 30px;left: 0;width: calc(100% - 30px);}
  .rtl .header-main--content ul.list-unstyled.header-list-buttons.align-items-center { bottom: 30px;left: unset;}
  .megamenu-inner-wrapper .tab-item-links { display: none !important; }
  .header-menu-extra li:nth-child(2) {display:none;}
  .sub-menu.sub-menu-featured li.menu-item a .image { display: block !important; }
  /* .megamenu-inner-wrapper .footer--menu, .megamenu-inner-wrapper .header-right-cta, .megamenu-inner-wrapper span.menu-item-desc { display: none !important; } */
  .megamenu-inner-wrapper .footer--menu, .megamenu-inner-wrapper .header-right-cta { display: none !important; }
  .megamenu-inner-wrapper .tab-content .tab-content-item { display: block !important; }
  .megamenu-inner-wrapper .inner.container { padding-left: 0; }
  .megamenu-inner-wrapper .header-nav__link-header { background-color: #FFF2E9; border-radius: 8px; padding: 5px 16px; position: relative; }
  .megamenu-inner-wrapper .header-nav__link-header::after { font-family: icomoon; content: "\E900"; font-size: 18px; display: inline-block; margin-left: 6px; transform: rotate(270deg); transition: transform .3s ease-in-out; position: absolute; right: 30px; top: 20px; color: #ff6603; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured li.menu-item:last-child a { gap: 8px; }
  .megamenu-inner-wrapper .header-nav__link-header .sub-menu.sub-menu-featured li.menu-item a .text .menu-item-desc { display: block !important; }
  .megamenu-inner-wrapper span.menu-item-title { color: #1A1A1A; font-weight: 600 !important;text-transform: capitalize; }
  .megamenu-inner-wrapper .sub-menu.sub-menu-featured.tab-inner-links li.menu-item a .text { padding: 5px 16px; }
  .megamenu-inner-wrapper .sol--title { color: #1A1A1A; font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 800; line-height: 19.1px; text-transform: uppercase; }
  .megamenu-inner-wrapper .sol--content { padding: 16px; }
  .megamenu-inner-wrapper .sol--wrap { padding-left: 16px; }
  .megamenu-inner-wrapper .sol--wrap a { align-items: center; }
  .megamenu-inner-wrapper .sol--wrap .sub-menu.sub-menu-featured li.menu-item a .image { background: #FAFAFA; width: 44px; height: 44px; border-radius: 8px; display: flex !important; justify-content: center; align-items: center; }
  .megamenu-inner-wrapper .sol--content li a { gap: 8px; }
  .megamenu-inner-wrapper .see--all a { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 20px; color: #FF7922 !important; padding-left: 20px !important; }
  .megamenu-inner-wrapper .res--wrap .sub-menu.sub-menu-featured li.menu-item a .image { align-items: center; width: 44px; height: 44px; background-color: #FAFAFA; justify-content: center; display: flex !important; border-radius: 8px; }
  .megamenu-inner-wrapper .res--wrap .sub-menu.sub-menu-featured li.menu-item a .image img { width: 20px; }
  .megamenu-inner-wrapper .res--wrap .sub-menu.sub-menu-featured li.menu-item a { align-items: center; gap: 8px; padding: 12px 0 !important; }
  .mobile-foot .sub-menu.sub-menu-featured li.menu-item a { border-bottom: 1px solid #E6E6E6; align-items: center; gap: 4px;padding: 16px 0 !important; }
  .mobile-foot .sub-menu.sub-menu-featured li:first-child a { border-top: 1px solid  #E6E6E6; }
  .mobile-foot .sub-menu.sub-menu-featured li.menu-item a .image img { width: 25px; }
  .mobile-foot .sub-menu.sub-menu-featured li.menu-item a .menu-item-title { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; }
  .bodyoverlay .header-main .header-main--menu>li.menu-item:not(.open) { display: none;}
  .bodyoverlay .header-nav__link.menu-item-empty { display: none;}
  .bodyoverlay .menu-additional-info { display: none;}
 .header-main--top .header-main--top--menu li a, .header-main--top .header-main--top--menu li button, .header-main .header-main--menu li.menu-item a, .image--bw img, .input, .menu--points li a, .menu-additional-info .phone-container, .row-main-nav, .submenu-container, .tabs-menu li .tab-menu-a, .trans { transition: none !important;}
  .grid-class { display: grid; grid-template-columns: 1fr 1fr;gap: 24px; }
  .intr--content.grid-class { grid-template-columns: 1fr 1fr 1fr;}
  .grid-class .res-first--column {  display: grid; grid-template-columns: 1fr 1fr;gap: 24px; }
  .rtl .header-main .header-main--menu>li.menu-item.menu-item-has-children>a:after { transform: rotate(90deg);}
  .header-main .header-main--menu>li.menu-item.menu-item-has-children>a:after { transform: rotate(275deg);}
  .header-main .header-main--menu>li.menu-item.menu-item-has-children>a.active:after {display: none;}
  /* .header-main .header-main--menu>li.menu-item.menu-item-has-children>a.active::before { font-family: icomoon; content: "\E900"; font-size: 12px; display: inline-block; transition: transform .3s ease-in-out; transform: rotate(90deg); }
  .rtl .header-main .header-main--menu>li.menu-item.menu-item-has-children>a.active::before { transform: rotate(275deg); } */
  .header-main .header-main--menu>li.menu-item { border-bottom: unset;}
  .header-main .header-main--menu>li.menu-item.menu-item-has-children>a.active { justify-content: flex-start;gap: 20px;color: #000;padding: 28px 0;}
  body .header-main .header-main--menu>li.menu-item.menu-item-has-children .submenu-container.active { flex-wrap: unset; max-height: unset !important; overflow: unset !important; flex-flow: unset;}
  body .header-main .header-main--menu>li.menu-item.menu-item-has-children .submenu-container.active {  transform: translate(0);display: block; }
  .rtl .megamenu-inner-wrapper .header-nav__link-header::after { right: unset;left:30px; transform: translateY(-50%) rotate(90deg); }
  .bodyoverlay .headerLogo { display: none !important;}
  .bodyoverlay .c-nav__back { 
    display: flex;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    border: 0;
    gap: 10px;
    align-items: center;
    justify-content: center;
    line-height: 16px;
  }
  .bodyoverlay .c-nav__back::before{
    font-family: icomoon;
    content: "\E900";
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    transition: transform .3s ease-in-out;
    transform: rotate(90deg);
  }
  .rtl.bodyoverlay .c-nav__back::before { transform: rotate(275deg);}
  body.mob-menu-active, .mob-menu-active { overflow-y: hidden;}
}


@media (max-width:767px){
  .megamenu-inner-wrapper .header-nav__link-header::after { right: 10px;top: 50%; transform: translateY(-50%) rotate(270deg); }
  .rtl .megamenu-inner-wrapper .header-nav__link-header::after { right: unset;left:10px; transform: translateY(-50%) rotate(90deg); }
  .grid-class { grid-template-columns: 1fr; }
  .intr--content.grid-class { grid-template-columns: 1fr;}
  .integration-sec--column ul.intr--content.grid-class { gap:0; }
  .grid-class .res-first--column { grid-template-columns: 1fr; }
  .header-main .header-main--menu>li.menu-item { position: relative;}
  .tab--content-main-wrap .see--all {
    position: absolute;
    right: 0;
    top: -65px;
  }
  .rtl .tab--content-main-wrap .see--all {
    right: unset;
    left: 0;
  }
}

/* 30-12-2024 */
.header-main--content .row-main-nav .submenu-container{border-radius : 0px !important;border-top: 1px solid rgba(0, 0, 0, .1);box-shadow: none !important;}

.megamenu-inner-wrapper li.tab-links-li a { font-family: Nunito Sans,sans-serif; font-size: 16px !important; font-weight: 700 !important; line-height: 21.82px; text-align: left; }

.megamenu-inner-wrapper span.menu-item-title { font-family: Nunito Sans,sans-serif; font-size: 16px; font-weight: 700; line-height: 21.82px;}

.megamenu-inner-wrapper span.menu-item-desc { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #666666;}

.megamenu-inner-wrapper .header-quick-cta__title { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 800; line-height: 19.1px; color: #1A1A1A; display: inline-block; padding-bottom: 24px;}

.megamenu-inner-wrapper .header-cta__inner .content { padding: 0 16px; }

.megamenu-inner-wrapper .header-right-cta .content-image { height: 128px; }

.megamenu-inner-wrapper .header-right-cta .content-image img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

.megamenu-inner-wrapper .header-right-cta .content-text { font-family: Nunito Sans,sans-serif; font-size: 16px; line-height: 21.82px; margin-top: 16px; }

.megamenu-inner-wrapper .header-right-cta .quick-cta-bottom-links a { color: #FF7922; padding: 0 !important; opacity: 1 !important; color: #FF7922 !important; font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 20px; margin-bottom: 8px; }

.megamenu-inner-wrapper .footer--menu ul.footer--menu a { display: flex; align-items: center; }

.megamenu-inner-wrapper .footer--menu ul.footer--menu li.footer--menu--li { margin: 0 25px 0 0; }

.megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a .menu-item-title { font-weight: 600 !important; font-size: 16px; }

.megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a img { width: 22px; }

.megamenu-inner-wrapper .int--wrap .integration-sec--column ul.intr--content li a { align-items: center; padding: 12px 0 !important; gap: 8px;}

.megamenu-inner-wrapper .res--wrap .res--title { font-family: Nunito Sans,sans-serif; font-size: 14px; font-weight: 800; line-height: 19.1px; color: #1A1A1A; padding-bottom: 16px; text-transform: uppercase; padding-left: 10px; }

.megamenu-inner-wrapper .res--content {
    padding-left: 10px;
}

.megamenu-inner-wrapper .res--wrap .res-sec--column span.menu-item-desc {width: 100%;max-width: 210px;}
.megamenu-inner-wrapper .sol--wrap .icon-link-content.text span.menu-item-desc {width: 100%;max-width: 210px;}
.c-nav__back { display: none;}
.btn-menu .line , .btn-menu .line-2 , .btn-menu .line-3 { transition: none !important;}