/*--------------------------------------------------------------
    Header
--------------------------------------------------------------*/

#header-wrapper.header-top-relative #header {
  position: relative;
}

.no-breadcrumb.page-with-slider #header-wrapper.header-top-absolute #header {
  position: absolute;
  z-index: 10;
}

.no-breadcrumb.page-with-slider #header-wrapper.bottom-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

#header
  .wdt-header-tpl
  .elementor-section-boxed.sticky-header-active:not(
    .elementor-section-stretched
  ) {
  max-width: 1440px;
}
.wdt-elementor-container-fluid .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent;
  text-align: center;
  padding: 0;
  
}
.wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
  min-width: 1344px;
  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}

/*--------------------------------------------------------------
    Header Sticky
--------------------------------------------------------------*/

#header .wdt-header-tpl .sticky-header-active {
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0.05s;
  transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0.05s;
}

#header .wdt-header-tpl .sticky-header-active {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;

  clear: both;

  margin: auto;
}

#header .wdt-header-tpl .sticky-header-active {
  visibility: hidden;

  opacity: 0;
}

#header .wdt-header-tpl .sticky-header-active {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

#header .wdt-header-tpl .sticky-header-active.wdt-header-top {
  visibility: visible;

  -webkit-transform: translateY(0);
  transform: translateY(0);

  opacity: 1;
}

#header .wdt-header-tpl .sticky-header-active.wdt-header-top {
  z-index: 10;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.sticky-header-active {
  background-color: rgba(255, 255, 255, 0.95);
}

.logged-in.admin-bar #header .wdt-header-tpl .sticky-header-active,
.logged-in.admin-bar
  #header
  .wdt-header-tpl
  .sticky-header-active.wdt-header-top {
  top: 32px;
}

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 782px) {
  .logged-in.admin-bar #header .wdt-header-tpl .sticky-header-active,
  .logged-in.admin-bar
    #header
    .wdt-header-tpl
    .sticky-header-active.wdt-header-top {
    top: 45px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
  .logged-in.admin-bar #header .wdt-header-tpl .sticky-header-active,
  .logged-in.admin-bar
    #header
    .wdt-header-tpl
    .sticky-header-active.wdt-header-top {
    top: 45px;
  }
}

@media only screen and (max-width: 600px) {
  .logged-in.admin-bar #header .wdt-header-tpl .sticky-header-active,
  .logged-in.admin-bar
    #header
    .wdt-header-tpl
    .sticky-header-active.wdt-header-top {
    top: 0;
  }
}

/*--------------------------------------------------------------
    Header Modules
--------------------------------------------------------------*/

/*--- Slide Menu ---*/

.wdt-simpler-slider {
  position: fixed;
  z-index: 999;
  top: 20px;
  right: 20px;

  display: block;

  width: 32px;
  height: 32px;

  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;

  border: none;
  background: transparent;
}

.wdt-simpler-slider:before {
  font-size: 14px;
  line-height: 32px;

  position: absolute;
  top: -5px;
  left: -4px;

  display: block;

  width: 40px;
  height: 40px;

  content: "";
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-align: center;

  opacity: 1;
  background: var(--wdtBorderColor);
}

.wdt-simpler-slider span {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 25px;
  height: 3px;
  margin-top: -1.5px;
  margin-left: -12.5px;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;

  background: #000000;
}

.wdt-simpler-slider span:first-child {
  top: 5px;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.wdt-simpler-slider span:last-child {
  bottom: 5px;

  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
}

.wdt-simpler-slider span:nth-child(2) {
  top: 50%;

  margin-top: -2px;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.wdt-simpler-slider span {
  background: var(--wdtBodyBGColor);
}

.from-left .wdt-simpler-slider,
.overlay-header.from-left .wdt-simpler-slider {
  right: auto;
  left: 20px;
}

.from-left.boxed-header .wdt-simpler-slider {
  right: auto;
  left: 25px;
}

/*--------------------------------------------------------------
    Mobile Menu
--------------------------------------------------------------*/

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus
  .elementor-section {
  left: auto !important;

  width: auto !important;
  margin: 0;
}

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus
  .elementor-container
  .elementor-row {
  width: 100% !important;
  margin: 0 !important;
}

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus .elementor-widget-container .wdt-content-item-holder .wdt-column {

    width: 100% !important;
    
  }

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus
  .elementor-column {
  width: 100%;
}

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus
  .elementor-container
  .elementor-row
  > .elementor-column
  > .elementor-column-wrap {
  padding: 15px !important;
}

.mobile-menu
  ul.wdt-primary-nav
  li.has-mega-menu
  ul.sub-menu
  li.menu-item-object-wdt_mega_menus
  .elementor-column
  ul.wdt-primary-nav
  li:first-child
  a {
  border-top-width: 0;
}

/* custom header style */

body > .wdt-search-form-container #searchform::before {
  bottom: 4px;
  right: 14px;
  top: 4px;
  width: 44px;
  color: var(--wdtAccentTxtColor);
  font-size: 18px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  /* Extra */
  height: 44px;
  background-color: var(--wdtPrimaryColor);
  border-radius: 50%;
}

body > .wdt-search-form-container #searchform input[type="submit"] {
  /* width: 44px; */
  bottom: unset;
  right: 18px;
  top: 18px;
  padding: 22px 70px 22px 70px;
  color: var(--wdtAccentTxtColor);
  background-color: var(--wdtPrimaryColor);
  border-radius: 50px;
}
body > .wdt-search-form-container.show #searchform:hover:before {
  color: var(--wdtTertiaryColor);
}

.wdt-search-form-container #searchform input[type="submit"]:hover {
  background-color: var(--wdtSecondaryColor);
}

/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

/*----*****---- << Laptop/Notebook >> ----*****----*/

@media only screen and (min-width: 1281px) and (max-width: 1540px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 1080px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 1080px;
  }
}

@media only screen and (max-width: 1280px) {
  .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
    float: none;

    width: auto;
    margin: 20px 0;
    padding-right: 10px;

    text-align: right;
  }

  body:not(.no-breadcrumb)
    #header-wrapper.header-top-absolute
    #header
    .wdt-header-tpl {
    margin-top: 0;
  }
}

/*----*****---- << Tablet (Landscape) >> ----*****----*/

/* Note: Design for a width of 960px */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 900px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 900px;
  }
}

@media only screen and (min-width: 1025px) {
  #header
    .wdt-header-tpl
    .elementor-section.sticky-header
    > .elementor-column-gap-default
    > .elementor-row
    > .elementor-column
    > .elementor-column-wrap,
  #header
    .wdt-header-tpl
    .elementor-section.sticky-header-active
    > .elementor-column-gap-default
    > .elementor-row
    > .elementor-column
    > .elementor-column-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/*----*****---- << Tablet (Landscape) >> ----*****----*/

/* Note: Design for a width of 960px */

@media only screen and (max-width: 1024px) {
  .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
    padding-right: 0;
  }

  #header .wdt-header-tpl .sticky-header-active {
    display: none;
  }
}

/*----*****---- << Tablet (Portrait) >> ----*****----*/

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 710px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 710px;
  }

  .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
    padding-right: 20px;
  }
}

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Common Styles for the devices below 767px width */

@media only screen and (max-width: 767px) {
  body > .wdt-search-form-container #searchform input[type="submit"] {
    padding: 0;
  }
  body > .wdt-search-form-container #searchform::before {
    visibility: visible;
    opacity: 1;
  }
  *[class*="elementor-"]
    .wdt-mobile-menu-section
    .elementor-widget-wrap
    *[class*="elementor-element-"].elementor-element {
    width: auto;
    margin: 0;
  }
  .elementor-widget-wdt-header-menu {
    display: inline-block;
    float: none;

    width: 100%;
    margin: 20px 0;
  }
  .wdt-logo-container.elementor-widget-image .elementor-widget-container {
    margin-right: auto;
    margin-left: auto;
  }
}

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 420px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 420px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 290px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 290px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {
  #header
    .wdt-header-tpl
    .elementor-section-boxed.sticky-header-active:not(
      .elementor-section-stretched
    ) {
    max-width: 200px;
  }

  .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu {
    min-width: 200px;
  }
}
@media only screen and (min-width: 1281px) {
    .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu > li.menu-item-object-wdt_mega_menus { margin: inherit; width: auto; }
    .wdt-elementor-container-fluid .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu > ul.sub-menu > li.menu-item-object-wdt_mega_menus {
    background: var(--wdtAccentTxtColor);
    padding: 40px 40px 30px 40px;
    border-radius: inherit;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    max-width: 1344px;
    }
}
@media only screen and (max-width: 1280px) {
    .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
        margin-top: 0;
    }
    .mobile-menu ul.wdt-primary-nav li.has-mega-menu ul.sub-menu li.menu-item-object-wdt_mega_menus .elementor-container .elementor-row { flex-wrap: wrap; }
    .mobile-menu ul.wdt-primary-nav li.has-mega-menu ul.sub-menu li.menu-item-object-wdt_mega_menus .elementor-container .elementor-row > .elementor-column > .elementor-column-wrap { padding: 0 !important; }
    .mobile-menu ul.wdt-primary-nav li.has-mega-menu ul.sub-menu li.menu-item-object-wdt_mega_menus .elementor-container .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap { padding: 0; margin: 0 0 0px;}
    .mobile-menu ul.wdt-primary-nav li.has-mega-menu ul.sub-menu li.menu-item-object-wdt_mega_menus .elementor-section { padding: 15px; }
    /* .mobile-menu ul li.has-mega-menu ul li.menu-item-object-wdt_mega_menus .elementor-heading-title { margin: 0; border-bottom: 1px solid var(--wdtBorderColor); padding: 0 0 5px; font-size: var(--wdtFontSize_H6); 
    } */
}