.entry-content {
  transition: filter 0.3s ease; /* Adjust the duration and easing as needed */
}
header.wp-block-template-part {
  background-color: var(--wp--preset--color--white);
}
.custom-header {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
}
.site-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 2rem;
}
.custom-header .custom-navigation .custom-menu a {
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-color: var(--wp--custom--link--underline-color);
  text-decoration-thickness: var(--wp--custom--link--underline-width);
  font-size: 1em !important;
}
.custom-header .custom-navigation .custom-menu {
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  list-style-type: none;
  min-width: max-content;
  width: 100%;
  margin: 0;
}
.mobile-navigation-control {
  display: none;
}
.mobile-navigation-control button {
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  color: #000;
}
.mobile-navigation-control .closed .close-menu-icon,
.mobile-navigation-control .opened .open-menu-icon {
  display: none;
}

.custom-menu .submenu {
  visibility: hidden;
  list-style: none;
  min-width: 15rem;
  max-width: 20rem;
  padding: 0.5rem;
  background: var(--wp--preset--color--white);
  border-radius: 0.25rem;
  border: 1px solid var(--wp--preset--color--gray-300);
  box-shadow: 0 32px 9px 0 rgba(0, 0, 0, 0), 0 20px 8px 0 rgba(0, 0, 0, 0.03),
    0 11px 7px 0 rgba(0, 0, 0, 0.09), 0 5px 5px 0 rgba(0, 0, 0, 0.16),
    0 1px 3px 0 rgba(0, 0, 0, 0.18);
  position: absolute;
  z-index: 100;
  opacity: 0;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1180px) {
  .custom-menu li > a:not(.submenu li > a) {
    padding: 2rem 0;
  }
}
.custom-menu li.has-children > a {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.5rem;
  transition: all 0.3s ease;
}
.custom-menu li.has-children a:hover {
  text-decoration: none;
}
.custom-menu li.has-children > a::after {
  content: "";
  height: 1rem;
  width: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21967 6.21967C4.51256 5.92678 4.98744 5.92678 5.28033 6.21967L8 8.93934L10.7197 6.21967C11.0126 5.92678 11.4874 5.92678 11.7803 6.21967C12.0732 6.51256 12.0732 6.98744 11.7803 7.28033L8.53033 10.5303C8.23744 10.8232 7.76256 10.8232 7.46967 10.5303L4.21967 7.28033C3.92678 6.98744 3.92678 6.51256 4.21967 6.21967Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  transition: all 0.3s ease;
}
.custom-menu li.has-children > a:hover::after {
  transition: all 0.3s ease;
  transform: rotate(180deg);
}
.custom-menu li.has-children:hover .submenu {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease;
  display: grid;
  border-radius: var(--wp--custom--border-radius--default);
}
.custom-menu li.has-children:hover .submenu li a {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.25rem;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--wp--preset--color--white);
  transition: all 0.3s ease;
  border-radius: calc(var(--wp--custom--border-radius--default) / 2);
}
.custom-menu li.has-children .submenu li a:hover {
  text-decoration: none;
  background: var(--wp--preset--color--gray-300);
  transition: all 0.3s ease;
}
.custom-menu li.has-children:hover .submenu li a::after {
  content: "";
  height: 1rem;
  width: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-2.62268e-07 6C-2.80374e-07 5.58579 0.335786 5.25 0.75 5.25L11.3879 5.25L7.23017 1.29062C6.93159 1.00353 6.92228 0.528746 7.20937 0.230167C7.49647 -0.0684112 7.97125 -0.077721 8.26983 0.209374L13.7698 5.45937C13.9169 5.60078 14 5.79599 14 6C14 6.20401 13.9169 6.39922 13.7698 6.54062L8.26983 11.7906C7.97125 12.0777 7.49647 12.0684 7.20938 11.7698C6.92228 11.4713 6.93159 10.9965 7.23017 10.7094L11.3879 6.75L0.75 6.75C0.335786 6.75 -2.44163e-07 6.41421 -2.62268e-07 6Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
}
.custom-menu li.has-children:hover .submenu li a:hover::after {
  transition: all 0.3s ease;
  transform: translateX(0.25rem);
}
@media screen and (max-width: 1180px) {
  .custom-menu li.has-children:focus-within .submenu {
    visibility: visible;
    height: auto;
    opacity: 1;
    transition: all 0.3s ease;
    display: grid;
    border-radius: var(--wp--custom--border-radius--default);
  }
  .custom-header .custom-navigation .custom-menu {
    gap: 0.25rem;
  }
  .custom-menu li.has-children > a {
    justify-content: space-between;
  }
  .custom-menu li > a {
    border-bottom: 1px solid var(--wp--preset--color--gray-300);
    border-radius: 0 !important;
    font-weight: 600 !important;
  }
  .custom-menu .submenu li a {
    font-weight: normal !important;
  }
  .wp-block-site-logo a {
    padding: 1rem 0;
  }
  .custom-header {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .custom-menu .submenu {
    height: auto;
    width: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
  }
  .custom-menu li.has-children:hover .submenu,
  .custom-menu li.has-children:focus-within .submenu {
    position: static;
    width: 100%;
  }
  .custom-menu li.has-children:hover .submenu li a {
    padding: 0.5rem;
  }
  .custom-menu li.has-children:hover .submenu li a::after {
    display: none;
  }
  .mobile-navigation-control {
    display: block;
  }
  .custom-header .custom-navigation .menu-item .a {
    width: 100%;
  }
  .custom-header .custom-navigation {
    display: flex;
    position: absolute;
    left: -150%;
    top: calc(100% - var(--wp--custom--spacing--block-gap) * 2);
    width: 100%;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    padding: var(--wp--style--root--padding-right);
    height: 100vh;
    overflow: auto;
    z-index: 999;
  }
  .custom-header .custom-navigation .custom-menu {
    flex-direction: column;
    max-width: var(--wp--style--global--wide-size);
    margin: 0 auto;
    justify-content: start;
  }

  .custom-navigation.opened {
    left: 0;
    width: 100vw;
    margin-left: calc(-1 * var(--wp--style--root--padding-right));
    margin-right: calc(-1 * var(--wp--style--root--padding-right));
  }

  .open-close-navigation {
    cursor: pointer;
  }

  .open-menu-iocn,
  .close-menu-iocn {
    display: none;
  }

  .open-close-navigation.opened .close-menu-iocn {
    display: inline-block;
  }

  .open-close-navigation.closed .open-menu-iocn {
    display: inline-block;
  }
}

footer {
  margin-top: 0;
}

.wp-block-navigation-item__content {
  font-size: 1em !important;
}