/* HEADER / BANNER */

.mainwrapper::before{
  display: none;
}

body{
  &.overlayheader-false{
    .topnav{
      background-color: transparent !important;
      background-image: none !important;
    }
    header{
      height: var(--home-page-banner-height) !important;
      margin-top: -90px !important;
    }
  }
  .taglineoverlay{
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    min-width: 300px;
    bottom: 120px !important;
    .fixed{
      font-size: var(--fs5) !important;
      text-transform: uppercase;
      color: rgb(var(--color3)) !important;
      margin: 0 !important;
      font-weight: 900;
    }
    .taglines{
      position: relative;
      .tagline .taglineinner .title{
        font-size: var(--fs0) !important;
        text-transform: uppercase;
        font-weight: 900;
      }
      &::before{
        content: '';
        height: 2px;
        width: 100px;
        position: absolute;
        left: 35px;
        bottom: 10px;
        background-color: white;
      }
    }
  }

  /* SOCIAL LINKS */
  div.social_links{
    top: max(50vh, 200px);
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 800px) {
  .taglineoverlay{
    bottom: 180px !important;
  }
}
@media only screen and (max-width: 550px) {
  .taglineoverlay{
    bottom: 240px !important;
  }
}
@media only screen and (max-width: 400px) {
  .taglineoverlay{
    bottom: 300px !important;
  }
}

/* QUICKLINKS */

body section.mod_slimline_concertina div.Concertina{
  position: absolute;
  right: 60px;
  bottom: 60px;
  &>ul{
    width: fit-content;
    max-width: calc(100vw - 120px);
    padding: 0 30px;
    border-radius: 25px;
    background-color: rgb(var(--color2));
    &>li{
      min-width: fit-content;
      width: fit-content;
      .Item .ItemInner{
        padding-inline: 10px;
        .Title{
          font-weight: 400;
          font-size: 15px;
          line-height: 1.5em;
        }
        .ItemIcon{
          display: none;
        }
      }
      &:hover{
        .Item .ItemInner .Title{
          color: rgb(var(--color4));
        }
        &::before{
          content: '';
          width: 100%;
          height: calc(100% - 4px);
          position: absolute;
          top: -2px;
          left: 0;
          border-top: 4px solid rgb(var(--color4));
          border-bottom: 4px solid rgb(var(--color4));
        }
      }
    }
  }
}