.model-nav-line-wrapper {
  float: left;
  /* width: 100%; */
  padding: 4px 30px;
  cursor: pointer;
}

.model-nav-line-wrapper * {
  pointer-events: none;
}

.model-nav-line-wrapper .icon-renderer {
  float: right;
  width: 13%;
}

.model-nav-line-wrapper .icon-renderer svg g {
  stroke: gray;
}

.model-nav-line-wrapper .icon-renderer {
  float: right;
}

.model-nav-line-wrapper .link-name-wrap {
  float: left;
  width: calc(100% - 60px);
}

.model-nav-line-wrapper .link-name-wrap .link-name {
  font-size: 21px;
  font-family: "FaktumLight";
  text-align: right;
  width: 100%;
}

.model-nav-line-wrapper:hover p,
.model-nav-line-wrapper.selected p .model-nav-line-wrapper:hover svg,
.model-nav-line-wrapper.selected svg {
  /* text-shadow: 0px 1px 3px #ffffff8f; */
  filter: drop-shadow(0px 1px 3px #ffffff8f);
}

.model-nav-line-wrapper p,
.model-nav-line-wrapper svg {
  transition: 0.3s ease text-shadow;
  /* display: inline; */
}

.model-nav-line-wrapper .icon-renderer {
  /* width: 18%; */
}

.model-nav-line-wrapper .link-name-wrap {
  float: left;
  text-align: right;
  width: 80%;
}

@media screen and (min-width: 992px) {
  .model-nav-line-wrapper .link-name-wrap .link-name {
    font-size: 18px;
  }
}

/* Childs css */

.child-anchor .model-nav-line-wrapper {
  padding: 0px 30px;
}

.child-anchor .link-name {
  margin: 0;
  color: white !important;
}

.child-anchor .icon-renderer svg * {
  stroke: #8f9ea4 !important;
}

.child-anchor {
  margin-right: 5px;
}

.child-anchor {
  opacity: 0;
  height: 0px;
  position: absolute;
  pointer-events: none;
}

.desktop-nav-wrapper.interactive.open .modelnav-selected .child-anchor,
#modelNav .modelnav-selected .child-anchor {
  position: relative;
  opacity: 1;
  height: 100%;
  transition: 0.3s ease;
  pointer-events: all;
}

.child-is-selected .child-line .icon-renderer {
  opacity: 0;
}

.child-is-selected .child-line.modelnav-selected-child .icon-renderer {
  opacity: 1;
}

.child-anchor .child-line:last-child .model-nav-line-wrapper {
  padding-bottom: 20px;
}

/* .model-nav-navigation .line-hook:hover ~ .line-hook .model-nav-line-wrapper .link-name {
    color: #8f9ea4 !important;
} */

.modelnav-section-is-selected .model-nav-navigation .line-hook:not(:hover):not(.modelnav-selected):not(.child-line) .model-nav-line-wrapper .link-name {
  color: #8f9ea4 !important;
}

.modelnav-section-is-selected .model-nav-navigation .line-hook:not(:hover):not(.modelnav-selected):not(.child-line) .model-nav-line-wrapper svg * {
  stroke: #8f9ea4 !important;
}