{% set colorAccent             = "#EBD29C" %}
{% set colorTextWhite          = "#ffffff" %}


/* Menu decoration */
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0;
  width: 100%;
}

/* Menu headers without link */
a.hs-menu-depth-2.no-link {
  cursor: default;
  text-transform: uppercase;
  padding-bottom: 10px !important;
}

a.hs-menu-depth-2.no-link span {
  display: none;
}

a.hs-menu-depth-2.no-link i {
  padding-right: 5px;
  font-size: 18px;
}

.child-container {
  display: flex;
  background-color: var(--colorWhite);
}

ul.hs-menu-depth-1 {
  padding: 5px 10px 10px 10px!important;
}

li.hs-menu-item.hs-menu-depth-3.container-items {
  position: relative;
}

li.hs-menu-item.hs-menu-depth-3.container-items a {
  text-transform: none;
  padding: 20px;
  font-weight: 900;
  font-size: 17px;
}

li.hs-menu-item.hs-menu-depth-3.container-items a:hover {
  background: rgba(246, 248, 241, 1);
  padding: 20px;
  border-radius: 10px;
}

.parent-container {
  text-align: left;
}

.child-container-items-direction {
  flex-direction: column;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  box-shadow: var(--boxShadow);
  border-radius: 10px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: flex;
  white-space: nowrap;
  gap: 15px;
  align-items: center;
}

/* Icons */
.fa-cloud, .fa-wrench, .fa-palette, .fa-magnet, .fa-robot, .fa-wand-magic-sparkles, .fa-rocket, .fa-screwdriver-wrench, .fa-clapperboard, .fa-brush, .fa-gears, .fa-briefcase, .fa-graduation-cap, .fa-pencil {
  display: var(--fa-display, inline-block);
  height: 22px;
  width: 30px;
  color: #3C6A79;
}

@media only screen and (max-width: 1050px) {
  .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
    display: block;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {
  .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    padding: 0;
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    padding-top: 30px;
  }

  ul.hs-menu-depth-1 {
    padding: 0px !important;
  }

  .hs-menu-wrapper, .hs-menu-wrapper * {
    width: auto !important;
    justify-content: center;
  }
  .child-container {
    gap: 30px;
  }

  li.hs-menu-depth-2 a.no-link {
    display: none;
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    padding: 5px;
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    color: #EBD29C;
  }
  li.hs-menu-item.hs-menu-depth-3.container-items a:hover {
    color: #438945;
    background: none;
  }
  .hs-menu-wrapper .fa-chevron-down {
    display: var(--fa-display,inline-block);
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden !important;
    position: static !important;
    width: 100%;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper.open {
    visibility: visible !important;
    position: static !important;
    width: 100%;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    padding: 10px 0;
    width: 100% !important;
  }
  li.hs-menu-depth-2 {
    padding: 20px 0;
  }

  ul.mega-menu li.hs-menu-depth-1 a.hs-menu-depth-1 {
    font-size: 16px;
  }

  .with-cta ul:first-child > li:last-of-type {
    width: fit-content;
  }

    /* Icons */
  .fa-cloud, .fa-wrench, .fa-palette, .fa-magnet, .fa-wand-magic-sparkles, .fa-rocket, .fa-screwdriver-wrench, .fa-clapperboard, .fa-brush, .fa-gears, .fa-briefcase, .fa-graduation-cap, .fa-pencil {
    color: var(--colorWhite);
    opacity: 0.7;
  }
}