@charset "UTF-8";

body.scrolled header#pattern2:not(.nofixed) nav ul.nav_1st {
  background: none;
}

@media screen and (min-width: 901px) {
header#pattern2 nav ul.nav_1st {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
}
header#pattern2.width_full nav {
    padding-right: 0px;
}
header nav ul.nav_1st {
    max-width: unset !important;
}
header#pattern2 nav > .nav_1st > li {
  flex-grow: 0 !important;
}

  /* Logo back in normal flow, so the nav naturally sits below it */
  header#pattern2 .wraper .logo {
    position: relative;
    top: auto;
    left: auto;
    min-height: 0 !important; /* overrides the inline min-height set by the CMS script */
    height: auto;
    padding: 10px 0;
    flex-shrink: 0;
    z-index: 20;
  }

  header#pattern2 .wraper .logo img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1100px) {
header#pattern2 nav ul.nav_1st {
    padding-right: 15px;
    padding-left: 15px;
}
}

@media (min-width: 1175px) {
  header#pattern2 nav > .nav_1st > li {
    flex-grow: 1 !important;
  }
}