/**
 * @file
 * Visual styles for Startupgrowth Lite's sticky header.
 */

/*Layout*/
@media (max-width:767px) {
  .header {
    position: static !important;
    top: auto;
  }
  .header-container {
    padding-bottom: 0 !important;
  }
}

/*Fixed main-menu*/
.onscroll.transparent-header-active .header-container.transparent-header {
  position: static;
}
.onscroll .header {
  position: fixed;
  border-bottom: 1px solid #c2c2c2;
  z-index: 499;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
}
.onscroll .header-inside {
  /*padding: 5px 0 10px;*/
  padding: 0px 0px 0px;
  margin: 3px 0px -23px 0px;
}

.onscroll .header-inside-first,
.onscroll .header-inside-second,
.onscroll .header-inside-third {
  padding: 0;
}
.onscroll .header-container .content>ul.menu {
  padding-top: 0.3vw; /*21px;*/
}
.onscroll .header-container .sf-menu ul {
  /*padding: 16px 0 0 0;*/
  padding: 0px 0 0 0;
}
.onscroll .header-container .sf-menu ul ul {
  padding: 0 0 0 1px;
}
.onscroll .search-area {
  margin-top: 15px;
}
.fixed-header-enabled.onscroll .header-inside,
.fixed-header-enabled.onscroll .header-inside-second,
.fixed-header-enabled.onscroll .header-inside-third,
.fixed-header-enabled.onscroll .header-inside-first,
.fixed-header-enabled.onscroll .search-area,
.fixed-header-enabled.onscroll .header-container ul.menu {
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  padding-top: 0px !important;
}
@media (min-width:992px) and (max-width:1199px) {
  .onscroll .site-name {
    margin-top: 0px;
  }
}
@media (max-width:991px) {
  .onscroll .header-inside>.row>div {
    display: none;
  }
  .onscroll .header-inside>.row>div:last-of-type {
    display: block;
  }
  .onscroll .header-container .content>ul.menu {
    padding-top: 10px;
  }
  .onscroll .header-container .sf-menu ul {
    padding-top: 9px;
  }
  .onscroll .search-area {
    margin-top: 5px;
  }
}
/* onscroll: logo, site-name and site-serviceline */
  .onscroll .logo img,
  .onscroll .logo img:hover {
    max-width:80%;
  }
  .onscroll .site-name,
  .onscroll .site-name a,
  .onscroll .site-name a:hover {
    font-size: 18px;
  }
  .onscroll .site-slogan {
    font-size: 13px;
    display: block;
    top: 5px;
    position: relative;
  }
  .onscroll .site-serviceline {
    font-size: 14px;
    display: block;
    top: -2px;
    position: relative;
  }