#trimech-group-header {
  min-height: 45px;

  background: #262626;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  z-index: 300 !important;

  position: relative;

  flex-direction: column;

  transition: 0.6s ease all;

  top: 0;

  left: 0;

  right: 0;
}

/* #trimech-group-header.minimal {


    min-height: 0px;


} */

#trimech-group-header.expanded {
  background: #fff;

  min-height: 300px;

  position: absolute;
}

.trimech-group-logo {
  width: 160px;

  align-items: center;

  justify-content: center;

  display: flex;

  cursor: pointer;

  margin: 0px auto;

  transition: 0.5s ease all;
}

#trimechgrouplogo {
  padding: 5px 0;

  transition: 0.5s ease all;

  width: 160px;
}

/* #trimech-group-header.minimal #trimechgrouplogo {


    padding: 0;


    height: 10px;


    width: 10px;


    opacity: 0;


} */

.trimech-group-logo path {
  fill: white;
}

#trimech-group-header.expanded .trimech-group-logo path {
  fill: #63666a;
}

.logo-down-caret {
  width: 10px;

  margin: 0 0 0 8px;

  position: relative;
}

#trimech-group-header.expanded .logo-down-caret {
  transform: rotate(180deg);
}

.logo-down-caret path {
  fill: #fffa;
}

#trimech-group-header.expanded .trimech-group-logo path {
  fill: #63666a;
}

#trimech-group-header .trimech-group-logo:hover .logo-down-caret path {
  fill: #00b6ff;
}

.logo-down-caret:before {
  height: 8px;

  width: 8px;

  background: #ff6319;

  display: none;

  position: absolute;

  border-radius: 50%;

  left: -3px;

  top: 1px;
}

.visited .logo-down-caret:before {
  display: block;
}

.trimech-group-logo:hover .logo-down-caret:before {
  background: #00b6ff;
}

#trimech-group-header.expanded .logo-down-caret:before {
  display: none;
}

#trimech-group-header.expanded .trimech-group-sites {
  display: block;
}

#trimech-group-overlay {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  background: #0f1015bb;

  z-index: 299;

  display: none;
}

#trimech-group-overlay.visible {
  display: block;
}

.trimech-group-sites {
  width: 100%;

  max-width: 1460px;

  margin: 0 auto;

  padding: 15px;

  grid-template-columns: repeat(30, 1fr);

  grid-gap: 20px;

  display: none;
}

.tm-border {
  border-bottom: 1px solid #00b6ff;

  grid-column: -1/1;
}

#trimech-group-header.expanded .trimech-group-sites {
  display: grid;
}

.trimech-site {
  background: #030b17;

  grid-column: span 6;

  border-radius: 4px;

  box-shadow: 0 4px 8px -3px #0005;

  cursor: pointer;

  display: flex;
}

.trimech-site.trimech-group::after {
  width: 1px;

  position: absolute;

  right: -10px;

  height: 100%;

  top: 0;

  background-color: #63666a;

  opacity: 0.5;
}

.trimech-group-desktop {
  display: none;
}

.trimech-group-mobile {
  display: block;
}

@media (min-width: 1100px) {
  .trimech-site.trimech-group::after {
    content: "";
  }

  .trimech-site.trimech-group {
    grid-row: span 3;
    position: relative;
    height: fit-content;
    margin: auto;
  }

  .trimech-group-mobile {
    display: none;
  }

  .trimech-group-desktop {
    display: block;
  }
}

.trimech-site img {
  max-width: 100%;

  border-radius: 4px;
}

.trimech-site:hover {
  filter: brightness(1.1);

  box-shadow: 0 0px 3px 1px #ff6600;
}

#trimech-site-description {
  grid-column: -1/1;

  text-align: center;

  padding: 0 0 10px;

  font-size: 16px;

  font-family: "Open Sans";

  font-weight: 400;

  transition: 0.25s ease all;

  min-height: 60px;

  color: #63666a;
}

.tm-close-button {
  position: absolute;

  top: 5px;

  right: 20px;

  color: #63666a;

  cursor: pointer;
}

.tm-close-button:hover {
  color: #00b6ff;
}

@media (max-width: 992px) {
  .trimech-site {
    grid-column: span 10;
  }

  .trimech-group-sites {
    grid-gap: 10px;
  }
}

@media (max-width: 600px) {
  .trimech-site {
    grid-column: span 15;
  }

  #trimech-group-header.expanded {
    position: fixed;

    height: 100vh;

    overflow-y: scroll;

    padding: 0 0 40px;
  }
}

#wpadminbar ~ .expanded {
  margin-top: 32px;
}

#trimech-group-header ~ .fl-page {
  padding-top: 0 !important;
}

#trimech-group-header ~ .fl-page .fl-builder-content[data-sticky="1"] {
  transform: none !important;

  top: 0;

  position: sticky !important;
}

#wpadminbar
  ~ #trimech-group-header
  ~ .fl-page
  .fl-builder-content[data-sticky="1"] {
  top: 32px;
}