/*--------------------------------------------------------------
    Header - Side Navigation
--------------------------------------------------------------*/

body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper .main-title-section-wrapper { display: none; }
body.page-template-tpl-header-side-nav .container { width: 100%; max-width: 100%; margin: 0; padding: 0; }

body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper ~ #main { overflow: hidden; }  

/* Header - Nav Menu */

body.page-template-tpl-header-side-nav .elementor-widget-wp-widget-nav_menu ul { margin: 0; padding: 0; }
body.page-template-tpl-header-side-nav .elementor-widget-wp-widget-nav_menu ul li { list-style-type: none; }

@media only screen and (min-width:1281px) {
    body.page-template-tpl-header-side-nav #footer .wdt-elementor-container-fluid,
    body.page-template-tpl-header-side-nav .container {padding: 0 20px;}
    body.page-template-tpl-header-side-nav { overflow: initial; }
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper { 
    overflow: initial; display: grid; width: 100%; grid-template-columns: 400px auto; column-gap: 0px; }
        
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper {
    grid-column: 1/2; grid-row: 1/3; position: sticky; top: 0; height: fit-content; margin: 0; }

    /* Header Style */

    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section { 
        height: calc(100vh - 40px); padding: 10px; margin: 20px 0px 20px 20px; }
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container {
        height: 100%; align-items: start; overflow-Y: auto; overflow-x: visible; }
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container .elementor-column { 
        height: fit-content; margin: auto; }

    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav { display: flex; flex-direction: column; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav > li:not(:last-child) > a,
    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav li.menu-item.wdt-active > a {
        border-bottom: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav > li > a { 
        margin: 0; padding: 10px 10px; width: 100%; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav > li.menu-item-has-children { cursor: pointer; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav > li.menu-item-has-children > a { pointer-events: none; }

    body.page-template-tpl-header-side-nav .wdt-header-menu ul.wdt-primary-nav { text-align: left; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li ul.children,
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li ul.sub-menu,
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.has-mega-menu > ul {
        visibility: visible; opacity: 1; position: relative; border-radius: 0; margin: 0; width: 100%; 
        height: calc(var(--nav-height) * -1); border: none; -webkit-box-shadow: none; box-shadow: none; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item > ul.sub-menu { opacity: 0; visibility: hidden; }
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item.wdt-active > ul.sub-menu { 
        height: var(--nav-height); opacity: 1; visibility: visible; }

    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item-depth-2 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item-depth-4 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item-depth-6 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item-depth-8 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.menu-item-depth-10 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul > li:nth-child(n+2) ul li.menu-item-depth-1 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul > li:nth-child(n+2) ul li.menu-item-depth-3 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul > li:nth-child(n+2) ul li.menu-item-depth-5 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul > li:nth-child(n+2) ul li.menu-item-depth-7 > ul, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul > li:nth-child(n+2) ul li.menu-item-depth-9 > ul { left: 0 !important; }

    body.page-template-tpl-header-side-nav .wdt-header-menu ul li ul,
    body.page-template-tpl-header-side-nav .mobile-menu, body.page-template-tpl-header-side-nav .mobile-menu > ul, 
    body.page-template-tpl-header-side-nav .mobile-menu ul, body.page-template-tpl-header-side-nav .mobile-menu ul li ul { 
        /* background: rgba(var(--wdtPrimaryColorRgb), 0.2); */
        padding: 0;
        padding-left: 30px;
    }

    body.page-template-tpl-header-side-nav .wdt-header-menu ul li ul.children > li > a, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li ul.sub-menu > li > a, 
    body.page-template-tpl-header-side-nav .wdt-header-menu ul li.has-mega-menu ul.menu > li > a { 
        border-bottom: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); padding: 8px;
    }

    /* Menu - Toggle Icon Style */

    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a { position: relative; }
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a > span { 
        display: grid; grid-template-columns: auto 14px; gap: 5px; }
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a > span:before,
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a > span:after {
        content: ""; position: relative; right: 0; bottom: 0; background-color: var(--wdtPrimaryColor); display: inline-block; top: 0; 
        margin: auto; left: 0; grid-column: 2/3; grid-row: 1/2; place-self: center; }
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a > span:before {
        width: 13px; height: 1px; }
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"] > a > span:after {
        width: 1px; height: 13px; -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }
    body.page-template-tpl-header-side-nav .wdt-header-menu .menu-container .wdt-primary-nav li[class*="has-children"].wdt-active > a > span:after {
        visibility: hidden; opacity: 0; }

    /* Container Style */

    body.page-template-tpl-header-side-nav .container .elementor-section.elementor-section-boxed > .elementor-container { 
        /* padding: 0 20px;  */ max-width: 100%; }
}

@media only screen and (max-width:1280px) { 

    body.page-template-tpl-header-side-nav { padding: 20px; }
    body.page-template-tpl-header-side-nav,
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper { overflow: initial; }
    /* body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper { 
        margin: 0 0 20px; position: sticky; top: 0; z-index: 999; border-bottom: 2px solid var(--wdtPrimaryColor); } */

    body.page-template-tpl-header-side-nav .container .elementor-section.elementor-section-boxed > .elementor-container { 
        padding: 0px; max-width: 100%; }

}

@media only screen and (min-width:1025px) and (max-width:1280px) { 
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper ~ #main { margin-top: -80px; } }
@media only screen and (min-width:768px) and (max-width:1024px) { 
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper ~ #main { margin-top: -70px; } }
@media only screen and (min-width:480px) and (max-width:767px) { 
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper ~ #main { margin-top: -60px; } }
@media only screen and (max-width: 479px) { 
    body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper ~ #main { margin-top: -50px; } }

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container {
    scrollbar-width: none; scrollbar-color: var(--wdtPrimaryColor) transparent; }

  /* Chrome, Edge, and Safari */
  body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container::-webkit-scrollbar {
    width: 0px; display: none; }
  body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container::-webkit-scrollbar-track {
    background: transparent; }
  body.page-template-tpl-header-side-nav > .wrapper > .inner-wrapper > #header-wrapper #header section.elementor-section .elementor-container::-webkit-scrollbar-thumb {
    background-color: var(--wdtPrimaryColor); border-radius: 0px; }