/*--- this changes the breakpoint for the default menu ---*/

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 782px) {

	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}
/*---end of breakpoint block---*/

/*--- this makes the hamburger ---*/

.wp-block-navigation__responsive-container-open svg {
	display: none !important;
}

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

	nav {
		width: 30px;
	}
}

.wp-block-navigation__responsive-container-open:before {
	content: "";
	display: block;
	position: absolute;
	top: -.65em !important;
	height: 3.5px !important;
	width: 30px;
	background-color: #000 !important;
	border-radius: 1vw;
	right: 0;
}

.wp-block-navigation__responsive-container-open {
	content: "";
	display: block;
	height: 3.5px;
	width: 30px;
	background-color: #000 !important;
	border-radius: 1vw;
	position: absolute;
    top: -7vw;
    left: 5vw;
}

.wp-block-navigation__responsive-container-open:after {
	content: "";
	display: block;
	position: absolute;
	top: .65em !important;
	height: 3.5px !important;
	right: 0;
	width: 30px;
	background-color: #000 !important;
	border-radius: 1vw;
}

/* This makes the closing X */

.wp-block-navigation__responsive-container-close svg {
	display: none !important;
}

.wp-block-navigation__responsive-container-close:before {
	content: "";
	display: block;
	height: 3.5px;
	width: 40px;
	max-width: 60px;
	background-color: #0A511B !important;
	border-radius: .5vw;
	right: 4em !important;
	top: 3em !important;
	transform: rotate(90deg);
	z-index: 20;
}

.wp-block-navigation__responsive-container-close {
  content: "";
  display: block;
  height: 3.5px;
  width: 40px;
  max-width: 60px;
  background-color: #0A511B !important;
  border-radius: .5vw;
  right: 4em !important;
  top: 3em !important;
  transform: rotate(315deg);
  z-index: 20;
}