/* header meta */
#header_meta {
  padding: 0 2rem;
  position: fixed;
  right: 0;
  width: 100%;
  visibility: hidden;
  pointer-events: none;
}

#sub_menu1 {
  overflow: hidden;
}

/* /// CUSTOM HEADER /////////////////////////////////////////// */
#top #header_main > .container.av-logo-container {
  position: relative !important;
  height: auto !important;
  color: inherit !important;
  line-height: inherit !important;
  width: 100% !important;
  max-width: unset !important;
  padding: 0 !important;
  clear: both !important;
}
#top #header_main > .container.av-logo-container .banner-container {
  display: flex;
  width: 100%;
}
#top #header_main > .container.av-logo-container .banner-container .logo {
  width: 100%;
}

/* New wordmark has a wider aspect ratio than the previous logo; size it by
   height so it keeps the same visual weight in the header as before, and
   scales cleanly at all breakpoints since the source is an SVG. */
#top #header_main > .container.av-logo-container .banner-container .logo.avia-standard-logo > a > img {
  width: auto !important;
  height: 93px !important;
  max-width: 100% !important;
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .banner-container .logo.avia-standard-logo > a > img {
    height: 64px !important;
  }
}

/* On phones there isn't room for the wordmark, the date/venue block, and the
   menu icon side by side (the date/venue block was being squeezed to just a
   few px tall and effectively disappearing). Stack the wordmark and the
   date/venue line into two rows within the logo area on mobile instead. */
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .banner-container {
    align-items: flex-start !important;
  }
  #top #header_main > .container.av-logo-container .banner-container .logo.avia-standard-logo {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #top #header_main > .container.av-logo-container .banner-container .logo.avia-standard-logo > a {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    width: 100% !important;
    height: auto !important;
    padding: 2px 0 6px !important;
    justify-content: flex-start !important;
    background-size: 100% 100% !important;
    background-position: center !important;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
    align-items: flex-start !important;
    padding: 0 0 0 0.5rem !important;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part img {
    width: auto !important;
    height: 40px !important;
    max-width: 90% !important;
  }
}
#top #header_main > .container.av-logo-container .banner-container .main_menu {
  top: unset;
  left: unset;
  right: unset;
  display: block;
  position: relative;
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  height: auto;
}
#top #header_main > .container.av-logo-container .banner-container .main_menu .avia-menu.av_menu_icon_beside {
  border: none;
  padding: 0;
  margin: 0;
}
#top #header_main > .container.av-logo-container .banner-container .main_menu .avia-menu.av_menu_icon_beside .menu.av-main-nav {
  display: flex;
  height: 100%;
  align-items: center;
}
#top #header_main > .container.av-logo-container .banner-container .main_menu .avia-menu.av_menu_icon_beside .av-burger-overlay .av-burger-overlay-inner {
  position: relative;
}
#top #header_main > .container.av-logo-container .banner-container .main_menu .avia-menu.av_menu_icon_beside .av-burger-overlay #av-burger-menu-ul {
  position: absolute;
  left: 13px;
  width: auto;
}
#top #header_main > .container.av-logo-container .banner-container .main_menu .social_bookmarks {
  display: none;
}
@media only screen and (max-width: 1600px) {
  #top #header_main > .container.av-logo-container .banner-container .main_menu {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  #top #header_main > .container.av-logo-container .banner-container .main_menu {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  #top #header_main > .container.av-logo-container .banner-container .main_menu {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  #top #header_main > .container.av-logo-container .banner-container .main_menu {
    display: none;
  }
}
@media only screen and (max-width: 989px) {
  #top #header_main > .container.av-logo-container .banner-container {
    padding: 0 1rem 0 0;
  }
  #top #header_main > .container.av-logo-container .banner-container .main_menu {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .banner-container .main_menu .avia-menu.av_menu_icon_beside .menu.av-main-nav li a {
    height: auto;
    line-height: unset;
  }
}
#top #header_main > .container.av-logo-container .logo {
  position: relative;
  float: none;
  z-index: unset;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  user-select: none;
  -webkit-user-drag: none;
}
#top #header_main > .container.av-logo-container .logo a {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 2.5rem;
}
#top #header_main > .container.av-logo-container .logo a img {
  max-height: unset;
  image-rendering: unset;
  z-index: unset;
  width: 100%;
  max-width: 516px;
  user-select: none;
  -webkit-user-drag: none;
}
@media only screen and (min-width: 2000px) {
  #top #header_main > .container.av-logo-container .logo a {
    margin-right: 60px;
  }
  #top #header_main > .container.av-logo-container .logo a img {
    max-width: 640px;
  }
}
@media only screen and (max-width: 1024px) {
  #top #header_main > .container.av-logo-container .logo a img {
    max-width: 480px;
  }
}
@media only screen and (max-width: 989px) {
  #top #header_main > .container.av-logo-container .logo a {
    background: none;
    width: unset !important;
    margin-right: 10px;
  }
  #top #header_main > .container.av-logo-container .logo a img {
    opacity: 1 !important;
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .logo a img {
    max-width: 160px;
  }
}
@media only screen and (max-width: 400px) {
  #top #header_main > .container.av-logo-container .logo a img {
    max-width: 120px;
  }
}
#top #header_main > .container.av-logo-container .logo .logo-date-part {
  display: flex;
  justify-content: flex-end;
  background-color: #9c659e;
  width: 100%;
  height: auto;
  padding: 0 4rem 0 0;
  background-image: url(https://westedgedesignfair.com/wp-content/uploads/insytive/banner/westedge_banner_background.png);
  background-size: 125% 100%;
  background-repeat: no-repeat;
  background-position: -100px center;
}
#top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* The date/venue block has a hidden (invisible but layout-occupying) social
   media icon row above the date image inside this same column, which was
   pushing the visible date/venue text down ~30px relative to the logo and
   throwing off the top-to-bottom height balance between the two. Remove it
   from the layout and top-align the date/venue image with the wordmark. */
#top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container .social_bookmarks {
  display: none !important;
}
#top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
  justify-content: flex-start !important;
}
#top #header_main > .container.av-logo-container .logo .logo-date-part .social_bookmarks {
  position: relative;
  top: unset;
  margin: 0;
  right: unset;
  z-index: unset;
}
#top #header_main > .container.av-logo-container .logo .logo-date-part img {
  max-width: 500px;
  user-select: none;
  -webkit-user-drag: none;
}
@media only screen and (max-width: 1280px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part img {
    width: 90%;
  }
}
@media only screen and (max-width: 989px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part img {
    opacity: 1 !important;
  }
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part img {
    width: 100%;
  }
}
@media only screen and (min-width: 2000px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 100% 100%;
    background-position: 0 center;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1900px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 110% 100%;
    background-position: 70% center;
  }
}
@media only screen and (max-width: 1899px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 120% 100%;
    background-position: 70% center;
  }
}
@media only screen and (max-width: 1600px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 100% 100%;
    background-position: 0 center;
  }
}
@media only screen and (max-width: 1366px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 170% 100%;
    background-position: 100% center;
  }
}
@media only screen and (max-width: 1280px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 250% 100%;
    background-position: 86% center;
  }
}
@media only screen and (max-width: 1024px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 300% 100%;
    background-position: 72% center;
    padding: 0;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
    padding: 0 2rem 0 0;
  }
}
@media only screen and (max-width: 989px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part {
    background-size: 300% 100%;
    background-position: 72% center;
    padding: 0;
  }
  #top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
    padding: 0 1rem 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .logo .logo-date-part .logo-date-part-container {
    padding: 0 0.5rem 0;
  }
}
@media only screen and (max-width: 767px) {
  #top #header_main > .container.av-logo-container .logo {
    height: auto !important;
  }
}

#top .social_bookmarks li a[data-av_icon]:before {
  color: #ffffff;
}

/*# sourceMappingURL=custom.css.map */