/* MENU */

body.open-menu::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000bb;
  z-index: 9997;
}
.navigation-mega-menu {
  position: inherit;
}
.mega-menu-container {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  gap: 24px;
}
.mega-menu-item {
  white-space: nowrap;
}

@media (min-width: 970px) {
  .mega-submenu .mega-menu-item {
    transition: all .3s ease-in-out;
  }
  .mega-submenu .mega-menu-item:hover {
    cursor: pointer;
  }
  .mega-submenu .mega-menu-item:hover a {
    color: #E62038;
  }

  .mega-submenu .mega-menu-item svg path,
  .mega-menu-item button svg path{
    transition: all .2s ease-in-out;
  }

  .mega-submenu .mega-menu-item:hover svg path,
  .mega-menu-item:hover button svg path {
    fill: #E62038;
  }
}

.mega-menu-link, .mega-menu-item a {
  font-size: 18px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  text-wrap: auto;
  width: 100%;
}

.mega-menu-item a {
  padding: 10px 0;
}

#menu-content-container {
  display: none;
  position: absolute;
  min-height: auto;
  z-index: 999;
  left: 20px;
  max-width: 1367px;
  margin: 45px auto 0px;
  right: 20px;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  transition: all 0.3s ease-in-out;
}

.mega-submenu > .wp-block-group,
.mega-submenu > .wp-block-columns {
  padding: 0!important;
  margin: 0!important;
max-height: 450px;
overflow-y: auto;
}

.mega-submenu {
  display: none;
  background-color: #fff;
  padding: 20px;
}


.mega-submenu.fullwidth-column {
  grid-column: 1 / 4;
  grid-row: 1;
  position: absolute;
  width: 100%;
}

.mega-submenu.active {
  display: block;
}

.mega-submenu .mega-menu-item {
  white-space: nowrap;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  justify-content: space-between;
}

.mega-submenu h6 a,
.mega-submenu p strong a {
  font-size: var(--wp--preset--font-size--td);
  font-weight: 500;
}

.back-to-previous-menu {
  display: flex;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  align-items: center;
  line-height: 0;
  font-weight: 500;
  font-size: 14px;
  padding: 0px;
}
.back-to-previous-menu::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_193_9009)'%3E%3Cpath d='M9.16898 0.836722C9.381 1.05001 9.5 1.33852 9.5 1.63926C9.5 1.93999 9.381 2.22851 9.16898 2.44179L5.13923 6.52846L9.16898 10.5582C9.381 10.7715 9.5 11.06 9.5 11.3607C9.5 11.6615 9.381 11.95 9.16898 12.1633C9.06315 12.27 8.93725 12.3547 8.79853 12.4125C8.65981 12.4702 8.51103 12.5 8.36075 12.5C8.21047 12.5 8.06169 12.4702 7.92297 12.4125C7.78425 12.3547 7.65835 12.27 7.55252 12.1633L2.72593 7.33669C2.61924 7.23086 2.53455 7.10496 2.47676 6.96624C2.41896 6.82752 2.38921 6.67873 2.38921 6.52846C2.38921 6.37818 2.41896 6.2294 2.47676 6.09068C2.53455 5.95196 2.61924 5.82606 2.72593 5.72023L7.55252 0.836722C7.65835 0.730027 7.78425 0.645341 7.92297 0.587548C8.06169 0.529756 8.21048 0.5 8.36075 0.5C8.51103 0.5 8.65981 0.529756 8.79853 0.587548C8.93725 0.645341 9.06315 0.730027 9.16898 0.836722Z' fill='%23282828'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_193_9009'%3E%3Crect width='12' height='12' fill='white' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 12.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}
.open-menu-modal {
  display: none;
}
.submenu-arrow {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
}

.submenu-arrow:not([data-target]) {
  display: none;
}

.submenu-arrow svg {
  transform: rotate(90deg);
}
#menu-content-container .mega-menu-item .submenu-arrow svg {
  transform: rotate(0deg);
}
.open-menu-modal {
  display: none;
}
@media (max-width: 970px) {

  .mega-submenu.fullwidth-column {
    position: static;
  }

  .mega-submenu {
    display: none;
  }
  .submenu-arrow svg {
    transform: rotate(0deg);
  }
  
  .mega-submenu > .wp-block-group,
  .mega-submenu > .wp-block-columns {
    max-height: 100%;
  }
  
  .open-menu-modal {
    display: block;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
  }
  .mega-menu-container, #menu-content-container {
    position: fixed;
    top: var(--header-height);
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    margin: 0;
    overflow-y: auto;
    width: 90vw;
  }
  .mega-menu-container {
    display: none;
    padding: 20px;
  }
  #menu-content-container {
    display: none;
  }
  .mega-submenu {
    display: none;
  }
  .mega-submenu.active {
    display: block;
  }
  .mega-menu-item {
    white-space: nowrap;
    border-bottom: 1px solid #D9D9D9;
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
  }
  .back-to-previous-menu {
    display: flex;
  }
  .mega-menu-item a {
    padding: 0;
  }
}
.open-menu-modal::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.625C0 4.58789 0.837891 3.75 1.875 3.75H24.375C25.4121 3.75 26.25 4.58789 26.25 5.625C26.25 6.66211 25.4121 7.5 24.375 7.5H1.875C0.837891 7.5 0 6.66211 0 5.625ZM3.75 15C3.75 13.9629 4.58789 13.125 5.625 13.125H28.125C29.1621 13.125 30 13.9629 30 15C30 16.0371 29.1621 16.875 28.125 16.875H5.625C4.58789 16.875 3.75 16.0371 3.75 15ZM26.25 24.375C26.25 25.4121 25.4121 26.25 24.375 26.25H1.875C0.837891 26.25 0 25.4121 0 24.375C0 23.3379 0.837891 22.5 1.875 22.5H24.375C25.4121 22.5 26.25 23.3379 26.25 24.375Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}
.open-menu-modal.active::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1334 15.0006L27.6889 5.4673C28.1074 5.04884 28.3425 4.4813 28.3425 3.88952C28.3425 3.29774 28.1074 2.73019 27.6889 2.31174C27.2705 1.89329 26.7029 1.6582 26.1111 1.6582C25.5194 1.6582 24.9518 1.89329 24.5334 2.31174L15 11.8673L5.46669 2.31174C5.04824 1.89329 4.4807 1.6582 3.88892 1.6582C3.29713 1.6582 2.72959 1.89329 2.31114 2.31174C1.89269 2.73019 1.6576 3.29774 1.6576 3.88952C1.6576 4.4813 1.89269 5.04884 2.31114 5.4673L11.8667 15.0006L2.31114 24.534C2.10285 24.7405 1.93753 24.9863 1.82471 25.2571C1.71189 25.5279 1.65381 25.8184 1.65381 26.1117C1.65381 26.4051 1.71189 26.6956 1.82471 26.9664C1.93753 27.2372 2.10285 27.4829 2.31114 27.6895C2.51772 27.8978 2.7635 28.0631 3.0343 28.1759C3.3051 28.2888 3.59556 28.3468 3.88892 28.3468C4.18228 28.3468 4.47273 28.2888 4.74353 28.1759C5.01433 28.0631 5.26011 27.8978 5.46669 27.6895L15 18.134L24.5334 27.6895C24.7399 27.8978 24.9857 28.0631 25.2565 28.1759C25.5273 28.2888 25.8178 28.3468 26.1111 28.3468C26.4045 28.3468 26.695 28.2888 26.9658 28.1759C27.2365 28.0631 27.4823 27.8978 27.6889 27.6895C27.8972 27.4829 28.0625 27.2372 28.1753 26.9664C28.2882 26.6956 28.3462 26.4051 28.3462 26.1117C28.3462 25.8184 28.2882 25.5279 28.1753 25.2571C28.0625 24.9863 27.8972 24.7405 27.6889 24.534L18.1334 15.0006Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}