.visual-navigation {
  padding: 0px 7% 0px;
}
@media (min-width: 800px) {
  .visual-navigation {
    /* padding-bottom: 65px;
    padding-top: 120px; */
  }
}
.visual-navigation .visual-navigation-wrapper {
  justify-content: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1640px;
  position: relative;
}
.visual-navigation .visual-navigation-wrapper .visual-navigation-intro {
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .visual-navigation .visual-navigation-wrapper .visual-navigation-intro {
    margin-bottom: 50px;
  }
}
.visual-navigation .visual-navigation-wrapper .visual-navigation-link {
  margin-bottom: 35px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 25% !important;
}
.visual-navigation .visual-navigation-wrapper .visual-navigation-link p {
  background-color: #fff;
  font-family: gentonasemibold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 30px;
  position: relative;
  text-align: center;
  z-index: 99999999;
}
.visual-navigation
  .visual-navigation-wrapper
  .visual-navigation-link:focus
  .visual-navigation-image-wrapper:after,
.visual-navigation
  .visual-navigation-wrapper
  .visual-navigation-link:hover
  .visual-navigation-image-wrapper:after {
  transform: translateY(0);
}
.visual-navigation
  .visual-navigation-wrapper
  .visual-navigation-link
  .visual-navigation-image-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}
.visual-navigation
  .visual-navigation-wrapper
  .visual-navigation-link
  .visual-navigation-image-wrapper
  .visual-navigation-image {
  aspect-ratio: 1.13/1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.visual-navigation .dh-container {
  overflow: hidden;
  position: relative;
}
.visual-navigation .dh-overlay {
  background-color: #fa4616;
  color: #fff;
  height: 100%;
  line-height: 300px;
  mix-blend-mode: multiply;
  position: absolute;
  text-align: center;
  top: -100%;
  width: 100%;
}
.editor-styles-wrapper
  .visual-navigation-wrapper
  .block-editor-block-list__layout {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}
.wp-block-create-block-visual-navigation {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
	.visual-navigation .visual-navigation-wrapper .visual-navigation-link {
		width: 50% !important;
	}
}

@media (max-width: 480px) {
	.visual-navigation .visual-navigation-wrapper .visual-navigation-link {
		width: 100% !important;
	}
}