/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@media (max-width: 767px) {
  #_mobile_logo img.logo {
    width: auto !important;
    height: auto !important;
    max-height: 45px !important;
    object-fit: contain !important;
  }
}

@media (min-width: 768px) {
  #header .header-top .left-nav, 
  #header .header-top #_desktop_logo {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  #header .header-top .right-nav,
  #header .header-top #_desktop_top_menu {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
  #header .logo {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
  }
}

#header, 
#header .header-top,
#header .header-nav,
.header-top,
nav.header-nav {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.header-top {
  background-color: #ffffff !important;
}

nav.header-nav {
  background-color: #ffffff !important;
}
#header#header {
  background-color: #ffffff !important;
}
#header#header .header-top {
  background-color: #ffffff !important;
}
#header#header .header-nav {
  background-color: #ffffff !important;
}